@lobehub/ui/es/base-ui/ToggleGroup/atoms.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"atoms.mjs","names":["BaseUIToggleGroup","BaseUIToggle"],"sources":["../../../src/base-ui/ToggleGroup/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as BaseUIToggle } from '@base-ui/react/toggle';\nimport { ToggleGroup as BaseUIToggleGroup } from '@base-ui/react/toggle-group';\nimport { cx } from 'antd-style';\nimport { type ComponentProps, type CSSProperties, type FC, type ReactNode } from 'react';\n\nimport { itemVariants, rootVariants, styles } from './style';\nimport type { ToggleGroupSize, ToggleGroupVariant } from './type';\n\nexport type ToggleGroupRootProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggleGroup<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupRoot = <Value extends string = string>({\n  className,\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupRootProps<Value>) => {\n  return (\n    <BaseUIToggleGroup<Value> className={cx(rootVariants({ variant }), className)} {...rest} />\n  );\n};\n\nToggleGroupRoot.displayName = 'ToggleGroupRoot';\n\nexport type ToggleGroupItemProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggle<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupItem = <Value extends string = string>({\n  className,\n  size = 'middle',\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupItemProps<Value>) => {\n  return (\n    <BaseUIToggle<Value> className={cx(itemVariants({ size, variant }), className)} {...rest} />\n  );\n};\n\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\ninterface SimpleSpanProps {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const ToggleGroupItemIcon: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span className={cx(styles.itemIcon, className)} style={style}>\n    {children}\n  </span>\n);\nToggleGroupItemIcon.displayName = 'ToggleGroupItemIcon';\n\nexport const ToggleGroupItemLabel: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span className={cx('toggle-group-item-label', styles.itemLabel, className)} style={style}>\n    {children}\n  </span>\n);\nToggleGroupItemLabel.displayName = 'ToggleGroupItemLabel';\n\nexport { styles as toggleGroupStyles } from './style';\n"],"mappings":";;;;;;;AAkBA,MAAa,mBAAkD,EAC7D,WACA,UAAU,YACV,GAAG,WAC8B;CACjC,OACE,oBAACA,aAAD;EAA0B,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAO,CAAA;AAE9F;AAEA,gBAAgB,cAAc;AAW9B,MAAa,mBAAkD,EAC7D,WACA,OAAO,UACP,UAAU,YACV,GAAG,WAC8B;CACjC,OACE,oBAACC,QAAD;EAAqB,WAAW,GAAG,aAAa;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAO,CAAA;AAE/F;AAEA,gBAAgB,cAAc;AAQ9B,MAAa,uBAA4C,EAAE,UAAU,WAAW,YAC9E,oBAAC,QAAD;CAAM,WAAW,GAAG,OAAO,UAAU,SAAS;CAAU;CACrD;AACG,CAAA;AAER,oBAAoB,cAAc;AAElC,MAAa,wBAA6C,EAAE,UAAU,WAAW,YAC/E,oBAAC,QAAD;CAAM,WAAW,GAAG,2BAA2B,OAAO,WAAW,SAAS;CAAU;CACjF;AACG,CAAA;AAER,qBAAqB,cAAc"}