{"version":3,"file":"toggle.cjs","sources":["../../../components/toggle/toggle.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\n\nimport styles from './toggle.module.css';\n\nconst toggleVariants = cva(styles.toggle, {\n  variants: {\n    size: {\n      1: styles['size-1'],\n      2: styles['size-2'],\n      3: styles['size-3'],\n      4: styles['size-4']\n    }\n  },\n  defaultVariants: {\n    size: 3\n  }\n});\n\nexport interface ToggleProps\n  extends TogglePrimitive.Props,\n    VariantProps<typeof toggleVariants> {\n  size?: 1 | 2 | 3 | 4;\n}\n\nfunction ToggleRoot({ className, children, size, ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive\n      className={toggleVariants({ size, className })}\n      data-slot='toggle'\n      {...props}\n    >\n      <span className={styles.toggleContent} data-slot='toggle-content'>\n        {children}\n      </span>\n    </TogglePrimitive>\n  );\n}\n\nToggleRoot.displayName = 'Toggle';\n\nfunction ToggleGroup({ className, ...props }: ToggleGroupPrimitive.Props) {\n  return (\n    <ToggleGroupPrimitive\n      className={cx(styles.group, className)}\n      data-slot='toggle-group'\n      {...props}\n    />\n  );\n}\n\nToggleGroup.displayName = 'Toggle.Group';\n\nexport const Toggle = Object.assign(ToggleRoot, {\n  Group: ToggleGroup\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAQD;AACE;AAWF;AAEA;AAEA;;AAQA;AAEA;;AAGE;AACD;;"}