lizaui 3.0.34 → 3.0.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/index.cjs.js +1 -1
- package/dist/button/index.es.js +1 -1
- package/dist/calendar/index.cjs.js +1 -1
- package/dist/calendar/index.es.js +1 -1
- package/dist/checkbox/index.cjs.js +1 -1
- package/dist/checkbox/index.es.js +1 -1
- package/dist/chunks/assertion-C7nbUE-q.js +2 -0
- package/dist/chunks/assertion-C7nbUE-q.js.map +1 -0
- package/dist/chunks/assertion-CrT8p68K.js +11 -0
- package/dist/chunks/assertion-CrT8p68K.js.map +1 -0
- package/dist/chunks/button-ByG7rkKr.js +528 -0
- package/dist/chunks/button-ByG7rkKr.js.map +1 -0
- package/dist/chunks/button-W_O8D9E6.js +2 -0
- package/dist/chunks/button-W_O8D9E6.js.map +1 -0
- package/dist/chunks/checkbox-D7Bt7i2P.js +2 -0
- package/dist/chunks/{checkbox-C23sBMh5.js.map → checkbox-D7Bt7i2P.js.map} +1 -1
- package/dist/chunks/{checkbox-ChChDxFl.js → checkbox-lvTY3PXC.js} +3 -2
- package/dist/chunks/{checkbox-ChChDxFl.js.map → checkbox-lvTY3PXC.js.map} +1 -1
- package/dist/chunks/index-BnlGNtJe.js +65 -0
- package/dist/chunks/index-BnlGNtJe.js.map +1 -0
- package/dist/chunks/{index-BGRkNpAy.js → index-DSpBzH_i.js} +796 -791
- package/dist/chunks/index-DSpBzH_i.js.map +1 -0
- package/dist/chunks/refs-DAOksVs3.js +29 -0
- package/dist/chunks/refs-DAOksVs3.js.map +1 -0
- package/dist/chunks/refs-pI64b4UC.js +2 -0
- package/dist/chunks/refs-pI64b4UC.js.map +1 -0
- package/dist/chunks/ripple-BQsLJHrx.js +3594 -0
- package/dist/chunks/ripple-BQsLJHrx.js.map +1 -0
- package/dist/chunks/ripple-CUdIIH3t.js +10 -0
- package/dist/chunks/ripple-CUdIIH3t.js.map +1 -0
- package/dist/components/ripple/index.d.ts +3 -0
- package/dist/components/ripple/index.d.ts.map +1 -0
- package/dist/components/ui/index.d.ts +2 -0
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/modal.d.ts +1 -0
- package/dist/components/ui/modal.d.ts.map +1 -1
- package/dist/components/ui/radio-group.d.ts +6 -0
- package/dist/components/ui/radio-group.d.ts.map +1 -0
- package/dist/components/ui/sheet.d.ts +14 -0
- package/dist/components/ui/sheet.d.ts.map +1 -0
- package/dist/pagination/index.cjs.js +1 -1
- package/dist/pagination/index.es.js +2 -2
- package/dist/ripple/index.cjs.js +2 -0
- package/dist/ripple/index.cjs.js.map +1 -0
- package/dist/ripple/index.es.js +5 -0
- package/dist/ripple/index.es.js.map +1 -0
- package/dist/ripple.d.ts +2 -0
- package/dist/select-input/index.cjs.js +1 -1
- package/dist/select-input/index.cjs.js.map +1 -1
- package/dist/select-input/index.es.js +2 -2
- package/dist/table/index.cjs.js +1 -1
- package/dist/table/index.es.js +1 -1
- package/dist/ui/index.cjs.js +4 -4
- package/dist/ui/index.cjs.js.map +1 -1
- package/dist/ui/index.es.js +2092 -1774
- package/dist/ui/index.es.js.map +1 -1
- package/package.json +7 -1
- package/dist/chunks/button-C6LoJycL.js +0 -4112
- package/dist/chunks/button-C6LoJycL.js.map +0 -1
- package/dist/chunks/button-CPPU0FsH.js +0 -10
- package/dist/chunks/button-CPPU0FsH.js.map +0 -1
- package/dist/chunks/checkbox-C23sBMh5.js +0 -2
- package/dist/chunks/index-BGRkNpAy.js.map +0 -1
- package/dist/chunks/index-CZu0BZjG.js +0 -65
- package/dist/chunks/index-CZu0BZjG.js.map +0 -1
- package/dist/chunks/refs-DLih6QCP.js +0 -2
- package/dist/chunks/refs-DLih6QCP.js.map +0 -1
- package/dist/chunks/refs-DcCOPvdv.js +0 -35
- package/dist/chunks/refs-DcCOPvdv.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-W_O8D9E6.js","sources":["../../src/theme/color/button.ts","../../src/components/button/use-button.ts","../../src/components/button/spinner.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { collapseAdjacentVariantBorders, dataFocusVisibleClasses } from \"../classes\";\nimport { colorVariants } from \"../variants\";\n\n/**\n * Button wrapper **Tailwind Variants** component\n *\n * const classNames = button({...})\n *\n * @example\n * <button\n * className={classNames())}\n * data-pressed={true/false}\n * data-hover={true/false}\n * data-focus={true/false}\n * data-focus-visible={true/false}\n * >\n * Button\n * </button>\n */\nconst button = tv({\n\tbase: [\n\t\t\"z-0\",\n \"cursor-pointer\",\n\t\t\"group\",\n\t\t\"relative\",\n\t\t\"inline-flex\",\n\t\t\"items-center\",\n\t\t\"justify-center\",\n\t\t\"box-border\",\n\t\t\"appearance-none\",\n\t\t\"outline-none\",\n\t\t\"select-none\",\n\t\t\"whitespace-nowrap\",\n\t\t\"min-w-max\",\n\t\t\"font-medium\",\n\t\t\"subpixel-antialiased\",\n\t\t\"overflow-hidden\",\n\t\t\"tap-highlight-transparent\",\n\t\t\"transform-gpu data-[pressed=true]:scale-[0.97]\",\n\t\t// focus ring\n\t\t...dataFocusVisibleClasses,\n\t],\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: \"\",\n\t\t\tbordered: \"border-[2px] bg-transparent\",\n\t\t\tlight: \"bg-transparent\",\n\t\t\tflat: \"\",\n\t\t\tfaded: \"border-[2px]\",\n\t\t\tshadow: \"\",\n\t\t\tghost: \"border-[2px] bg-transparent\",\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"px-3 min-w-16 h-8 text-tiny gap-2 rounded-sm\",\n\t\t\tmd: \"px-4 min-w-20 h-10 text-sm gap-2 rounded-md\",\n\t\t\tlg: \"px-6 min-w-24 h-12 text-md gap-3 rounded-lg\",\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: \"\",\n\t\t\tprimary: \"\",\n\t\t\tsecondary: \"\",\n\t\t\tsuccess: \"\",\n\t\t\twarning: \"\",\n\t\t\tdanger: \"\",\n\t\t},\n\t\tradius: {\n\t\t\tnone: \"rounded-none\",\n\t\t\tsm: \"rounded-sm\",\n\t\t\tmd: \"rounded-md\",\n\t\t\tlg: \"rounded-lg\",\n\t\t\tfull: \"rounded-full\",\n\t\t},\n\t\tfullWidth: {\n\t\t\ttrue: \"w-full\",\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: \"opacity-80 pointer-events-none\",\n\t\t},\n\t\tisInGroup: {\n\t\t\ttrue: \"[&:not(:first-child):not(:last-child)]:rounded-none\",\n\t\t},\n\t\tisIconOnly: {\n\t\t\ttrue: \"px-0 !gap-0\",\n\t\t\tfalse: \"[&>svg]:max-w-[theme(spacing.8)]\",\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: \"!transition-none data-[pressed=true]:scale-100\",\n\t\t\tfalse: \"transition-transform-colors-opacity motion-reduce:transition-none\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tfullWidth: false,\n\t\tisDisabled: false,\n\t\tisInGroup: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.solid.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.solid.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.solid.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.solid.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.solid.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.solid.danger,\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.shadow.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.shadow.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.shadow.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.shadow.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.shadow.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.shadow.danger,\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.bordered.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.bordered.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.bordered.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.bordered.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.bordered.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.bordered.danger,\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.flat.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.flat.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.flat.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.flat.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.flat.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.flat.danger,\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: colorVariants.faded.default,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: colorVariants.faded.primary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: colorVariants.faded.secondary,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: colorVariants.faded.success,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: colorVariants.faded.warning,\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: colorVariants.faded.danger,\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.light.default, \"data-[hover=true]:bg-default/40\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.light.primary, \"data-[hover=true]:bg-primary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.light.secondary, \"data-[hover=true]:bg-secondary/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.light.success, \"data-[hover=true]:bg-success/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.light.warning, \"data-[hover=true]:bg-warning/20\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.light.danger, \"data-[hover=true]:bg-danger/20\"],\n\t\t},\n\t\t// ghost / color\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: [colorVariants.ghost.default, \"data-[hover=true]:!bg-default\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: [colorVariants.ghost.primary, \"data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: [colorVariants.ghost.secondary, \"data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: [colorVariants.ghost.success, \"data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: [colorVariants.ghost.warning, \"data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground\"],\n\t\t},\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: [colorVariants.ghost.danger, \"data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground\"],\n\t\t},\n\t\t// isInGroup / radius / size <-- radius not provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tisRounded: true,\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / radius <-- radius provided\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"none\",\n\t\t\tclass: \"rounded-none first:rounded-s-none last:rounded-e-none\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"sm\",\n\t\t\tclass: \"rounded-none first:rounded-s-small last:rounded-e-small\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"md\",\n\t\t\tclass: \"rounded-none first:rounded-s-medium last:rounded-e-medium\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"lg\",\n\t\t\tclass: \"rounded-none first:rounded-s-large last:rounded-e-large\",\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tradius: \"full\",\n\t\t\tclass: \"rounded-none first:rounded-s-full last:rounded-e-full\",\n\t\t},\n\t\t// isInGroup / bordered / ghost\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"default\",\n\t\t\tclassName: collapseAdjacentVariantBorders.default,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"primary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.primary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"secondary\",\n\t\t\tclassName: collapseAdjacentVariantBorders.secondary,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"success\",\n\t\t\tclassName: collapseAdjacentVariantBorders.success,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"warning\",\n\t\t\tclassName: collapseAdjacentVariantBorders.warning,\n\t\t},\n\t\t{\n\t\t\tisInGroup: true,\n\t\t\tvariant: [\"ghost\", \"bordered\"],\n\t\t\tcolor: \"danger\",\n\t\t\tclassName: collapseAdjacentVariantBorders.danger,\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: \"min-w-8 w-8 h-8\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"md\",\n\t\t\tclass: \"min-w-10 w-10 h-10\",\n\t\t},\n\t\t{\n\t\t\tisIconOnly: true,\n\t\t\tsize: \"lg\",\n\t\t\tclass: \"min-w-12 w-12 h-12\",\n\t\t},\n\t\t// variant / hover\n\t\t{\n\t\t\tvariant: [\"solid\", \"faded\", \"flat\", \"bordered\", \"shadow\"],\n\t\t\tclass: \"hover:opacity-80\",\n\t\t},\n\t],\n});\n\nexport type ButtonVariantProps = VariantProps<typeof button>;\n\nexport { button };\n","import { dataAttr, useDOMRef, type ReactRef } from \"@/functions\";\nimport { button, type ButtonVariantProps } from \"@/theme/color/button\";\nimport type { SlotsToClasses } from \"@/types\";\nimport clsx from \"clsx\";\nimport { isValidElement, cloneElement, useMemo, useCallback, useId } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { ReactNode, MouseEventHandler, HTMLAttributes } from \"react\";\nimport type { RippleProps } from \"../ripple/ripple\";\nimport { useRipple } from \"../ripple/use-ripple\";\n\nexport interface UseButtonProps extends ButtonVariantProps, Omit<HTMLAttributes<HTMLElement>, keyof ButtonVariantProps> {\n\tref?: ReactRef<HTMLButtonElement | null>;\n\tid?: string;\n\tclassNames?: SlotsToClasses<ReturnType<typeof button>>;\n\tclassName?: string;\n\tasChild?: boolean;\n\tchildren?: ReactNode;\n\tisIconOnly?: boolean;\n\tisLoading?: boolean;\n\tdisabled?: boolean;\n\tstartContent?: ReactNode;\n\tendContent?: ReactNode;\n\tspinner?: ReactNode;\n\tspinnerPlacement?: \"start\" | \"end\";\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport function useButton(props: UseButtonProps) {\n\tconst {\n\t\tid,\n\t\tclassNames,\n\t\tclassName,\n\t\tasChild,\n\t\tchildren,\n\t\tisLoading = false,\n\t\tdisabled = false,\n\t\tisIconOnly = false,\n\t\tonClick,\n\t\tstartContent: startContentProp,\n\t\tendContent: endContentProp,\n\t\tspinner = null,\n\t\tspinnerPlacement = \"start\",\n type = \"button\",\n\t\t...rest\n\t} = props;\n\n\tconst domRef = useDOMRef(props.ref);\n\tconst buttonId = useId();\n\tconst resolvedId = id || buttonId;\n\n\tconst { onPress: onRipplePressHandler, onClear: onClearRipple, ripples } = useRipple();\n\n\tconst styles = useMemo(\n\t\t() =>\n\t\t\tbutton({\n\t\t\t\tsize: props.size,\n\t\t\t\tcolor: props.color,\n\t\t\t\tvariant: props.variant,\n\t\t\t\tradius: props.radius,\n\t\t\t\tfullWidth: props.fullWidth,\n\t\t\t\tisDisabled: disabled || isLoading,\n\t\t\t\tdisableAnimation: props.disableAnimation,\n\t\t\t\tisIconOnly: isIconOnly,\n\t\t\t\tisInGroup: props.isInGroup,\n\t\t\t\tclassName,\n\t\t\t}),\n\t\t[props, className, disabled, isLoading, isIconOnly],\n\t);\n\n\tconst handleClick: MouseEventHandler<HTMLElement> = useCallback(\n\t\t(e) => {\n\t\t\tif (disabled) {\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(e);\n\t\t},\n\t\t[onClick, disabled],\n\t);\n\n\tconst getIconClone = (icon: ReactNode) =>\n\t\tisValidElement(icon)\n\t\t\t? cloneElement(icon, {\n\t\t\t\t\t// \"aria-hidden\": true,\n\t\t\t\t\t// \"focusable\": false,\n\t\t\t })\n\t\t\t: null;\n\n\tconst startContent = getIconClone(startContentProp);\n\tconst endContent = getIconClone(endContentProp);\n\n\tconst handlePointerDown = (e: React.PointerEvent<HTMLButtonElement>) => {\n\t\tconst rect = e.currentTarget.getBoundingClientRect();\n\t\tconst customEvent = {\n\t\t\ttarget: e.currentTarget,\n\t\t\tx: e.clientX - rect.left,\n\t\t\ty: e.clientY - rect.top,\n\t\t};\n\n\t\tonRipplePressHandler(customEvent);\n\t};\n\n\tconst getButtonProps = () => ({\n\t\t\"className\": clsx(styles, classNames?.base),\n\t\t\"data-disabled\": dataAttr(disabled),\n\t\t\"data-loading\": dataAttr(isLoading),\n\t\t\"onClick\": handleClick,\n\t\t\"onPointerDown\": handlePointerDown,\n\t\t\"data-slot\": \"button\",\n\t\t\"aria-disabled\": disabled,\n\t\t\"id\": resolvedId,\n \"type\": type,\n\t\t...rest,\n\t});\n\n\tconst getRippleProps = useCallback<() => RippleProps>(() => ({ ripples, onClear: onClearRipple }), [ripples, onClearRipple]);\n\n\tconst Component = asChild ? Slot : \"button\";\n\n\treturn {\n\t\tdomRef,\n\t\tisIconOnly,\n\t\tComponent,\n\t\tchildren,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t};\n}\n\nexport type UseButtonReturn = ReturnType<typeof useButton>;\n","const Spinner = () => {\n\treturn (\n\t\t<div aria-label=\"Loading\" className=\"relative inline-flex flex-col gap-2 items-center justify-center\">\n\t\t\t<div className=\"relative flex w-5 h-5\">\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t\t<i className=\"absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nexport default Spinner;\n","import { forwardRef, useMemo } from \"react\";\nimport { useButton, type UseButtonProps } from \"./use-button\";\nimport Ripple from \"../ripple/ripple\";\nimport Spinner from \"./spinner\";\n\nexport interface ButtonProps extends UseButtonProps {}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n\tconst {\n\t\tComponent,\n\t\tdomRef,\n\t\tchildren,\n\t\tisIconOnly,\n\t\tisLoading,\n\t\tspinner,\n\t\tspinnerPlacement,\n\t\tstartContent,\n\t\tendContent,\n\t\tgetButtonProps,\n\t\tgetRippleProps,\n\t} = useButton({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst fallbackSpinner = useMemo(() => <Spinner />, []);\n\tconst finalSpinner = spinner ?? fallbackSpinner;\n\n\treturn (\n\t\t<Component {...getButtonProps()} ref={domRef}>\n\t\t\t{startContent}\n\t\t\t{isLoading && spinnerPlacement === \"start\" && finalSpinner}\n\t\t\t{isLoading && isIconOnly ? null : children}\n\t\t\t{isLoading && spinnerPlacement === \"end\" && finalSpinner}\n\t\t\t{endContent}\n\t\t\t<Ripple {...getRippleProps()} />\n\t\t</Component>\n\t);\n});\n\nButton.displayName = \"Custom.Button\";\n\nexport default Button;\n"],"names":["button","tv","dataFocusVisibleClasses","colorVariants","collapseAdjacentVariantBorders","useButton","props","id","classNames","className","asChild","children","isLoading","disabled","isIconOnly","onClick","startContentProp","endContentProp","spinner","spinnerPlacement","type","rest","domRef","useDOMRef","buttonId","useId","resolvedId","onRipplePressHandler","onClearRipple","ripples","useRipple","styles","useMemo","handleClick","useCallback","getIconClone","icon","isValidElement","cloneElement","startContent","endContent","handlePointerDown","rect","customEvent","getButtonProps","clsx","dataAttr","getRippleProps","Component","Slot","Spinner","jsx","jsxs","Button","forwardRef","ref","fallbackSpinner","finalSpinner","Ripple"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("./jsx-runtime-DFswc9zO.js"),d=require("react"),E=require("./index-D2_xS2pD.js"),A=require("./tv-C5lw0tnu.js"),j=require("./classes-P14wj2Ze.js"),w=require("./assertion-C7nbUE-q.js"),q=require("./refs-pI64b4UC.js"),B=require("./clsx-C11secjj.js"),W=A.tv({slots:{base:"group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",wrapper:["relative","inline-flex","items-center","justify-center","flex-shrink-0","overflow-hidden","before:content-['']","before:absolute","before:inset-0","before:border-solid","before:border-2","before:box-border","before:border-default","after:content-['']","after:absolute","after:inset-0","after:scale-50","after:opacity-0","after:origin-center","group-data-[selected=true]:after:scale-100","group-data-[selected=true]:after:opacity-100","group-data-[hover=true]:before:bg-default-100",...j.groupDataFocusVisibleClasses],hiddenInput:j.hiddenInputClasses,icon:"z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100 pointer-events-none",label:"relative text-foreground select-none"},variants:{color:{default:{wrapper:"after:bg-default after:text-default-foreground text-default-foreground"},primary:{wrapper:"after:bg-primary after:text-primary-foreground text-primary-foreground"},secondary:{wrapper:"after:bg-secondary after:text-secondary-foreground text-secondary-foreground"},success:{wrapper:"after:bg-success after:text-success-foreground text-success-foreground"},warning:{wrapper:"after:bg-warning after:text-warning-foreground text-warning-foreground"},danger:{wrapper:"after:bg-danger after:text-danger-foreground text-danger-foreground"}},size:{sm:{wrapper:["w-4 h-4 me-2","rounded-[calc(theme(borderRadius.medium)*0.5)]","before:rounded-[calc(theme(borderRadius.medium)*0.5)]","after:rounded-[calc(theme(borderRadius.medium)*0.5)]"],label:"text-small",icon:"w-3 h-2"},md:{wrapper:["w-5 h-5 me-2","rounded-[calc(theme(borderRadius.medium)*0.6)]","before:rounded-[calc(theme(borderRadius.medium)*0.6)]","after:rounded-[calc(theme(borderRadius.medium)*0.6)]"],label:"text-medium",icon:"w-4 h-3"},lg:{wrapper:["w-6 h-6 me-2","rounded-[calc(theme(borderRadius.medium)*0.7)]","before:rounded-[calc(theme(borderRadius.medium)*0.7)]","after:rounded-[calc(theme(borderRadius.medium)*0.7)]"],label:"text-large",icon:"w-5 h-4"}},radius:{none:{wrapper:"rounded-none before:rounded-none after:rounded-none"},sm:{wrapper:["rounded-[calc(theme(borderRadius.medium)*0.5)]","before:rounded-[calc(theme(borderRadius.medium)*0.5)]","after:rounded-[calc(theme(borderRadius.medium)*0.5)]"]},md:{wrapper:["rounded-[calc(theme(borderRadius.medium)*0.6)]","before:rounded-[calc(theme(borderRadius.medium)*0.6)]","after:rounded-[calc(theme(borderRadius.medium)*0.6)]"]},lg:{wrapper:["rounded-[calc(theme(borderRadius.medium)*0.7)]","before:rounded-[calc(theme(borderRadius.medium)*0.7)]","after:rounded-[calc(theme(borderRadius.medium)*0.7)]"]},full:{wrapper:"rounded-full before:rounded-full after:rounded-full"}},lineThrough:{true:{label:["inline-flex","items-center","justify-center","before:content-['']","before:absolute","before:bg-foreground","before:w-0","before:h-0.5","group-data-[selected=true]:opacity-60","group-data-[selected=true]:before:w-full"]}},disabled:{true:{base:"opacity-80 pointer-events-none"}},isInvalid:{true:{wrapper:"before:border-danger",label:"text-danger"}},disableAnimation:{true:{wrapper:"transition-none",icon:"transition-none",label:"transition-none"},false:{wrapper:["before:transition-colors","group-data-[pressed=true]:scale-95","transition-transform","after:transition-transform-opacity","after:!ease-linear","after:!duration-200","motion-reduce:transition-none"],icon:"transition-opacity motion-reduce:transition-none",label:"transition-colors-opacity before:transition-width motion-reduce:transition-none"}}},defaultVariants:{color:"primary",size:"md",disabled:!1,lineThrough:!1}});function z(r){const{id:t,classNames:e,className:a,icon:g,children:f,disabled:o,required:x,readOnly:u,defaultChecked:c,checked:s,error:p,touched:m,onChange:i,isIndeterminate:b=!1}=r,v=d.useRef(null),C=d.useId(),R=t||C,[h]=d.useMemo(()=>[typeof s=="boolean"?s:c||!1,()=>{}],[s,c]),P=d.useCallback(y=>{if(u||o){y.preventDefault();return}i==null||i(y)},[i,u,o]),l=d.useMemo(()=>W({color:r.color,size:r.size,radius:r.radius,lineThrough:r.lineThrough,disabled:o,isInvalid:!!p&&m,disableAnimation:r.disableAnimation}),[r,o,p,m]);return{Component:"label",icon:g,children:f,isSelected:h,isIndeterminate:b,getBaseProps:()=>({className:l.base({class:B.clsx(e==null?void 0:e.base,a)}),"data-disabled":w.dataAttr(o),"data-selected":w.dataAttr(h||b)}),getWrapperProps:()=>({"aria-hidden":!0,className:l.wrapper({class:e==null?void 0:e.wrapper}),"data-selected":w.dataAttr(h||b)}),getInputProps:()=>({ref:q.mergeRefs(v,r.ref),type:"checkbox",id:R,defaultChecked:s===void 0?c:void 0,checked:s!==void 0?s:void 0,disabled:o,required:x,readOnly:u,onChange:P,className:l.hiddenInput({class:e==null?void 0:e.hiddenInput})}),getLabelProps:()=>({htmlFor:R,className:l.label({class:e==null?void 0:e.label})}),getIconProps:()=>({isSelected:h,isIndeterminate:b,disableAnimation:r.disableAnimation,className:l.icon({class:e==null?void 0:e.icon})})}}function L(r){const{isSelected:t,disableAnimation:e,...a}=r;return n.jsxRuntimeExports.jsx("svg",{"aria-hidden":"true",fill:"none",role:"presentation",stroke:"currentColor",strokeDasharray:22,strokeDashoffset:t?44:66,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,style:!e&&t?{transition:"stroke-dashoffset 250ms linear 0.2s"}:{},viewBox:"0 0 17 18",...a,children:n.jsxRuntimeExports.jsx("polyline",{points:"1 9 7 14 15 4"})})}function D(r){const{isSelected:t,disableAnimation:e,...a}=r;return n.jsxRuntimeExports.jsx("svg",{stroke:"currentColor",strokeWidth:3,viewBox:"0 0 24 24",...a,children:n.jsxRuntimeExports.jsx("line",{x1:"21",x2:"3",y1:"12",y2:"12"})})}function k(r){const{isIndeterminate:t,...e}=r,a=t?D:L;return n.jsxRuntimeExports.jsx(a,{...e})}const I=d.forwardRef((r,t)=>{const{asChild:e=!1,...a}=r,{Component:g,children:f,icon:o=n.jsxRuntimeExports.jsx(k,{}),getBaseProps:x,getWrapperProps:u,getInputProps:c,getIconProps:s,getLabelProps:p}=z({...a,ref:t}),m=typeof o=="function"?o(s()):d.cloneElement(o,s()),i=e?E.Slot:g;return n.jsxRuntimeExports.jsxs(i,{...x(),children:[n.jsxRuntimeExports.jsx("input",{...c(),ref:t}),n.jsxRuntimeExports.jsx("span",{...u(),children:m}),f&&n.jsxRuntimeExports.jsx("span",{...p(),children:f})]})});I.displayName="Custom.Checkbox";exports.Checkbox=I;exports.CheckboxIcon=k;
|
|
2
|
+
//# sourceMappingURL=checkbox-D7Bt7i2P.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-C23sBMh5.js","sources":["../../src/theme/color/checkbox.ts","../../src/components/checkbox/use-checkbox.ts","../../src/components/checkbox/checkbox-icon.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { groupDataFocusVisibleClasses, hiddenInputClasses } from \"../classes\";\n\n/**\n * Checkbox wrapper **Tailwind Variants** component\n *\n * const {base, wrapper, icon, label} = checkbox({...})\n *\n * @example\n * <label className={base())}>\n * // hidden input\n * <span className={wrapper()} aria-hidden=\"true\" data-selected={selected}>\n * <svg className={icon()}>\n * // check icon\n * </svg>\n * </span>\n * <span className={label()}>Label</span>\n * </label>\n */\nconst checkbox = tv({\n\tslots: {\n\t\tbase: \"group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none\",\n\t\twrapper: [\n\t\t\t\"relative\",\n\t\t\t\"inline-flex\",\n\t\t\t\"items-center\",\n\t\t\t\"justify-center\",\n\t\t\t\"flex-shrink-0\",\n\t\t\t\"overflow-hidden\",\n\t\t\t// before\n\t\t\t\"before:content-['']\",\n\t\t\t\"before:absolute\",\n\t\t\t\"before:inset-0\",\n\t\t\t\"before:border-solid\",\n\t\t\t\"before:border-2\",\n\t\t\t\"before:box-border\",\n\t\t\t\"before:border-default\",\n\t\t\t// after\n\t\t\t\"after:content-['']\",\n\t\t\t\"after:absolute\",\n\t\t\t\"after:inset-0\",\n\t\t\t\"after:scale-50\",\n\t\t\t\"after:opacity-0\",\n\t\t\t\"after:origin-center\",\n\t\t\t\"group-data-[selected=true]:after:scale-100\",\n\t\t\t\"group-data-[selected=true]:after:opacity-100\",\n\t\t\t// hover\n\t\t\t\"group-data-[hover=true]:before:bg-default-100\",\n\t\t\t// focus ring\n\t\t\t...groupDataFocusVisibleClasses,\n\t\t],\n\t\thiddenInput: hiddenInputClasses,\n\t\ticon: \"z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100 pointer-events-none\",\n\t\tlabel: \"relative text-foreground select-none\",\n\t},\n\tvariants: {\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\twrapper: \"after:bg-default after:text-default-foreground text-default-foreground\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\twrapper: \"after:bg-primary after:text-primary-foreground text-primary-foreground\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\twrapper: \"after:bg-secondary after:text-secondary-foreground text-secondary-foreground\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\twrapper: \"after:bg-success after:text-success-foreground text-success-foreground\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\twrapper: \"after:bg-warning after:text-warning-foreground text-warning-foreground\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\twrapper: \"after:bg-danger after:text-danger-foreground text-danger-foreground\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-4 h-4 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-small\",\n\t\t\t\ticon: \"w-3 h-2\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-5 h-5 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-medium\",\n\t\t\t\ticon: \"w-4 h-3\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-6 h-6 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-large\",\n\t\t\t\ticon: \"w-5 h-4\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\twrapper: \"rounded-none before:rounded-none after:rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\twrapper: \"rounded-full before:rounded-full after:rounded-full\",\n\t\t\t},\n\t\t},\n\t\tlineThrough: {\n\t\t\ttrue: {\n\t\t\t\tlabel: [\n\t\t\t\t\t\"inline-flex\",\n\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\"before:content-['']\",\n\t\t\t\t\t\"before:absolute\",\n\t\t\t\t\t\"before:bg-foreground\",\n\t\t\t\t\t\"before:w-0\",\n\t\t\t\t\t\"before:h-0.5\",\n\t\t\t\t\t\"group-data-[selected=true]:opacity-60\",\n\t\t\t\t\t\"group-data-[selected=true]:before:w-full\",\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tbase: \"opacity-80 pointer-events-none\",\n\t\t\t},\n\t\t},\n\t\tisInvalid: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"before:border-danger\",\n\t\t\t\tlabel: \"text-danger\",\n\t\t\t},\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"transition-none\",\n\t\t\t\ticon: \"transition-none\",\n\t\t\t\tlabel: \"transition-none\",\n\t\t\t},\n\t\t\tfalse: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"before:transition-colors\",\n\t\t\t\t\t\"group-data-[pressed=true]:scale-95\",\n\t\t\t\t\t\"transition-transform\",\n\t\t\t\t\t\"after:transition-transform-opacity\",\n\t\t\t\t\t\"after:!ease-linear\",\n\t\t\t\t\t\"after:!duration-200\",\n\t\t\t\t\t\"motion-reduce:transition-none\",\n\t\t\t\t],\n\t\t\t\ticon: \"transition-opacity motion-reduce:transition-none\",\n\t\t\t\tlabel: \"transition-colors-opacity before:transition-width motion-reduce:transition-none\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tcolor: \"primary\",\n\t\tsize: \"md\",\n\t\tdisabled: false,\n\t\tlineThrough: false,\n\t},\n});\n\nexport type CheckboxVariantProps = VariantProps<typeof checkbox>;\nexport type CheckboxSlots = keyof ReturnType<typeof checkbox>;\n\nexport { checkbox };\n","import { useCallback, useId, useMemo, useRef, type ChangeEvent } from \"react\";\r\n\r\nimport { checkbox, type CheckboxSlots, type CheckboxVariantProps } from \"@/theme/color/checkbox\";\r\nimport type { SlotsToClasses } from \"@/types\";\r\nimport { dataAttr, mergeRefs } from \"@/functions\";\r\nimport clsx from \"clsx\";\r\n\r\nexport interface UseCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof CheckboxVariantProps>, CheckboxVariantProps {\r\n\tclassNames?: SlotsToClasses<CheckboxSlots>;\r\n\tclassName?: string;\r\n\ticon?: React.ReactNode | ((props: CheckboxIconProps) => React.ReactNode);\r\n\tchildren?: React.ReactNode;\r\n\tisIndeterminate?: boolean;\r\n\tref?: React.Ref<HTMLInputElement>;\r\n\terror?: string;\r\n\ttouched?: boolean;\r\n\trequired?: boolean;\r\n}\r\n\r\nexport interface CheckboxIconProps {\r\n\tid?: string;\r\n\tisSelected: boolean;\r\n\tisIndeterminate?: boolean;\r\n\tdisableAnimation?: boolean;\r\n\tclassName?: string;\r\n}\r\n\r\nexport function useCheckbox(props: UseCheckboxProps) {\r\n\tconst {\r\n\t\tid,\r\n\t\tclassNames,\r\n\t\tclassName,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tdefaultChecked,\r\n\t\tchecked,\r\n\t\terror,\r\n\t\ttouched,\r\n\t\tonChange,\r\n\t\tisIndeterminate = false,\r\n\t} = props;\r\n\r\n\tconst internalRef = useRef<HTMLInputElement>(null);\r\n\tconst inputId = useId();\r\n\tconst resolvedId = id || inputId;\r\n\r\n\tconst [isSelected] = useMemo(() => {\r\n\t\treturn [typeof checked === \"boolean\" ? checked : defaultChecked || false, () => {}];\r\n\t}, [checked, defaultChecked]);\r\n\r\n\tconst handleChange = useCallback(\r\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tif (readOnly || disabled) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tonChange?.(e);\r\n\t\t},\r\n\t\t[onChange, readOnly, disabled],\r\n\t);\r\n\r\n\tconst slots = useMemo(\r\n\t\t() =>\r\n\t\t\tcheckbox({\r\n\t\t\t\tcolor: props.color,\r\n\t\t\t\tsize: props.size,\r\n\t\t\t\tradius: props.radius,\r\n\t\t\t\tlineThrough: props.lineThrough,\r\n\t\t\t\tdisabled: disabled,\r\n\t\t\t\tisInvalid: !!error && touched,\r\n\t\t\t\tdisableAnimation: props.disableAnimation,\r\n\t\t\t}),\r\n\t\t[props, disabled, error, touched],\r\n\t);\r\n\r\n\tconst getBaseProps = () => ({\r\n\t\t\"className\": slots.base({ class: clsx(classNames?.base, className) }),\r\n\t\t\"data-disabled\": dataAttr(disabled),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getWrapperProps = () => ({\r\n\t\t\"aria-hidden\": true,\r\n\t\t\"className\": slots.wrapper({ class: classNames?.wrapper }),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getInputProps = () => ({\r\n\t\tref: mergeRefs(internalRef, props.ref),\r\n\t\ttype: \"checkbox\",\r\n\t\tid: resolvedId,\r\n\t\tdefaultChecked: checked === undefined ? defaultChecked : undefined,\r\n\t\tchecked: checked !== undefined ? checked : undefined,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tonChange: handleChange,\r\n\t\tclassName: slots.hiddenInput({ class: classNames?.hiddenInput }),\r\n\t});\r\n\r\n\tconst getLabelProps = () => ({\r\n\t\thtmlFor: resolvedId,\r\n\t\tclassName: slots.label({ class: classNames?.label }),\r\n\t});\r\n\r\n\tconst getIconProps = (): CheckboxIconProps => ({\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tdisableAnimation: props.disableAnimation,\r\n\t\tclassName: slots.icon({ class: classNames?.icon }),\r\n\t});\r\n\r\n\tconst Component = \"label\";\r\n\r\n\treturn {\r\n\t\tComponent,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetLabelProps,\r\n\t\tgetIconProps,\r\n\t};\r\n}\r\n\r\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>;\r\n","import type { UseCheckboxReturn } from \"./use-checkbox\";\n\ntype CheckboxIconProps = Partial<ReturnType<UseCheckboxReturn[\"getIconProps\"]>>;\n\nfunction CheckIcon(props: CheckboxIconProps) {\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"none\"\n\t\t\trole=\"presentation\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray={22}\n\t\t\tstrokeDashoffset={isSelected ? 44 : 66}\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\tstyle={\n\t\t\t\t!disableAnimation && isSelected\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ttransition: \"stroke-dashoffset 250ms linear 0.2s\",\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\tviewBox=\"0 0 17 18\"\n\t\t\t{...otherProps}\n\t\t>\n\t\t\t<polyline points=\"1 9 7 14 15 4\" />\n\t\t</svg>\n\t);\n}\n\nfunction IndeterminateIcon(props: CheckboxIconProps) {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg stroke=\"currentColor\" strokeWidth={3} viewBox=\"0 0 24 24\" {...otherProps}>\n\t\t\t<line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n\t\t</svg>\n\t);\n}\n\n/**\n * CheckboxIcon is used to visually indicate the checked or indeterminate\n * state of a checkbox.\n */\nexport function CheckboxIcon(props: CheckboxIconProps) {\n\tconst { isIndeterminate, ...otherProps } = props;\n\tconst BaseIcon = isIndeterminate ? IndeterminateIcon : CheckIcon;\n\n\treturn <BaseIcon {...otherProps} />;\n}\n","// checkbox.tsx\r\nimport { forwardRef } from \"react\";\r\nimport { cloneElement, type ReactElement } from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { useCheckbox, type UseCheckboxProps } from \"./use-checkbox\";\r\nimport { CheckboxIcon } from \"./checkbox-icon\";\r\n\r\nexport interface CheckboxProps extends UseCheckboxProps {\r\n\tasChild?: boolean;\r\n}\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\r\n\tconst { asChild = false, ...restProps } = props;\r\n\tconst {\r\n\t\tComponent,\r\n\t\tchildren,\r\n\t\ticon = <CheckboxIcon />,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetIconProps,\r\n\t\tgetLabelProps,\r\n\t} = useCheckbox({ ...restProps, ref });\r\n\r\n\tconst clonedIcon = typeof icon === \"function\" ? icon(getIconProps()) : cloneElement(icon as ReactElement, getIconProps());\r\n\r\n\tconst Wrapper = asChild ? Slot : Component;\r\n\r\n\treturn (\r\n\t\t<Wrapper {...getBaseProps()}>\r\n\t\t\t<input {...getInputProps()} ref={ref} />\r\n\t\t\t<span {...getWrapperProps()}>{clonedIcon}</span>\r\n\t\t\t{children && <span {...getLabelProps()}>{children}</span>}\r\n\t\t</Wrapper>\r\n\t);\r\n});\r\n\r\nCheckbox.displayName = \"Custom.Checkbox\";\r\n\r\nexport default Checkbox;\r\n"],"names":["checkbox","tv","groupDataFocusVisibleClasses","hiddenInputClasses","useCheckbox","props","id","classNames","className","icon","children","disabled","required","readOnly","defaultChecked","checked","error","touched","onChange","isIndeterminate","internalRef","useRef","inputId","useId","resolvedId","isSelected","useMemo","handleChange","useCallback","e","slots","clsx","dataAttr","mergeRefs","CheckIcon","disableAnimation","otherProps","jsx","IndeterminateIcon","CheckboxIcon","BaseIcon","Checkbox","forwardRef","ref","asChild","restProps","Component","getBaseProps","getWrapperProps","getInputProps","getIconProps","getLabelProps","clonedIcon","cloneElement","Wrapper","Slot","jsxs"],"mappings":"+OAoBMA,EAAWC,EAAAA,GAAG,CACnB,MAAO,CACN,KAAM,gIACN,QAAS,CACR,WACA,cACA,eACA,iBACA,gBACA,kBAEA,sBACA,kBACA,iBACA,sBACA,kBACA,oBACA,wBAEA,qBACA,iBACA,gBACA,iBACA,kBACA,sBACA,6CACA,+CAEA,gDAEA,GAAGC,EAAAA,4BACJ,EACA,YAAaC,EAAA,mBACb,KAAM,oFACN,MAAO,sCACR,EACA,SAAU,CACT,MAAO,CACN,QAAS,CACR,QAAS,wEACV,EACA,QAAS,CACR,QAAS,wEACV,EACA,UAAW,CACV,QAAS,8EACV,EACA,QAAS,CACR,QAAS,wEACV,EACA,QAAS,CACR,QAAS,wEACV,EACA,OAAQ,CACP,QAAS,qEAAA,CAEX,EACA,KAAM,CACL,GAAI,CACH,QAAS,CACR,eACA,iDACA,wDACA,sDACD,EACA,MAAO,aACP,KAAM,SACP,EACA,GAAI,CACH,QAAS,CACR,eACA,iDACA,wDACA,sDACD,EACA,MAAO,cACP,KAAM,SACP,EACA,GAAI,CACH,QAAS,CACR,eACA,iDACA,wDACA,sDACD,EACA,MAAO,aACP,KAAM,SAAA,CAER,EACA,OAAQ,CACP,KAAM,CACL,QAAS,qDACV,EACA,GAAI,CACH,QAAS,CACR,iDACA,wDACA,sDAAA,CAEF,EACA,GAAI,CACH,QAAS,CACR,iDACA,wDACA,sDAAA,CAEF,EACA,GAAI,CACH,QAAS,CACR,iDACA,wDACA,sDAAA,CAEF,EACA,KAAM,CACL,QAAS,qDAAA,CAEX,EACA,YAAa,CACZ,KAAM,CACL,MAAO,CACN,cACA,eACA,iBACA,sBACA,kBACA,uBACA,aACA,eACA,wCACA,0CAAA,CACD,CAEF,EACA,SAAU,CACT,KAAM,CACL,KAAM,gCAAA,CAER,EACA,UAAW,CACV,KAAM,CACL,QAAS,uBACT,MAAO,aAAA,CAET,EACA,iBAAkB,CACjB,KAAM,CACL,QAAS,kBACT,KAAM,kBACN,MAAO,iBACR,EACA,MAAO,CACN,QAAS,CACR,2BACA,qCACA,uBACA,qCACA,qBACA,sBACA,+BACD,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"}
|
|
1
|
+
{"version":3,"file":"checkbox-D7Bt7i2P.js","sources":["../../src/theme/color/checkbox.ts","../../src/components/checkbox/use-checkbox.ts","../../src/components/checkbox/checkbox-icon.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { groupDataFocusVisibleClasses, hiddenInputClasses } from \"../classes\";\n\n/**\n * Checkbox wrapper **Tailwind Variants** component\n *\n * const {base, wrapper, icon, label} = checkbox({...})\n *\n * @example\n * <label className={base())}>\n * // hidden input\n * <span className={wrapper()} aria-hidden=\"true\" data-selected={selected}>\n * <svg className={icon()}>\n * // check icon\n * </svg>\n * </span>\n * <span className={label()}>Label</span>\n * </label>\n */\nconst checkbox = tv({\n\tslots: {\n\t\tbase: \"group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none\",\n\t\twrapper: [\n\t\t\t\"relative\",\n\t\t\t\"inline-flex\",\n\t\t\t\"items-center\",\n\t\t\t\"justify-center\",\n\t\t\t\"flex-shrink-0\",\n\t\t\t\"overflow-hidden\",\n\t\t\t// before\n\t\t\t\"before:content-['']\",\n\t\t\t\"before:absolute\",\n\t\t\t\"before:inset-0\",\n\t\t\t\"before:border-solid\",\n\t\t\t\"before:border-2\",\n\t\t\t\"before:box-border\",\n\t\t\t\"before:border-default\",\n\t\t\t// after\n\t\t\t\"after:content-['']\",\n\t\t\t\"after:absolute\",\n\t\t\t\"after:inset-0\",\n\t\t\t\"after:scale-50\",\n\t\t\t\"after:opacity-0\",\n\t\t\t\"after:origin-center\",\n\t\t\t\"group-data-[selected=true]:after:scale-100\",\n\t\t\t\"group-data-[selected=true]:after:opacity-100\",\n\t\t\t// hover\n\t\t\t\"group-data-[hover=true]:before:bg-default-100\",\n\t\t\t// focus ring\n\t\t\t...groupDataFocusVisibleClasses,\n\t\t],\n\t\thiddenInput: hiddenInputClasses,\n\t\ticon: \"z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100 pointer-events-none\",\n\t\tlabel: \"relative text-foreground select-none\",\n\t},\n\tvariants: {\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\twrapper: \"after:bg-default after:text-default-foreground text-default-foreground\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\twrapper: \"after:bg-primary after:text-primary-foreground text-primary-foreground\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\twrapper: \"after:bg-secondary after:text-secondary-foreground text-secondary-foreground\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\twrapper: \"after:bg-success after:text-success-foreground text-success-foreground\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\twrapper: \"after:bg-warning after:text-warning-foreground text-warning-foreground\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\twrapper: \"after:bg-danger after:text-danger-foreground text-danger-foreground\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-4 h-4 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-small\",\n\t\t\t\ticon: \"w-3 h-2\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-5 h-5 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-medium\",\n\t\t\t\ticon: \"w-4 h-3\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-6 h-6 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-large\",\n\t\t\t\ticon: \"w-5 h-4\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\twrapper: \"rounded-none before:rounded-none after:rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\twrapper: \"rounded-full before:rounded-full after:rounded-full\",\n\t\t\t},\n\t\t},\n\t\tlineThrough: {\n\t\t\ttrue: {\n\t\t\t\tlabel: [\n\t\t\t\t\t\"inline-flex\",\n\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\"before:content-['']\",\n\t\t\t\t\t\"before:absolute\",\n\t\t\t\t\t\"before:bg-foreground\",\n\t\t\t\t\t\"before:w-0\",\n\t\t\t\t\t\"before:h-0.5\",\n\t\t\t\t\t\"group-data-[selected=true]:opacity-60\",\n\t\t\t\t\t\"group-data-[selected=true]:before:w-full\",\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tbase: \"opacity-80 pointer-events-none\",\n\t\t\t},\n\t\t},\n\t\tisInvalid: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"before:border-danger\",\n\t\t\t\tlabel: \"text-danger\",\n\t\t\t},\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"transition-none\",\n\t\t\t\ticon: \"transition-none\",\n\t\t\t\tlabel: \"transition-none\",\n\t\t\t},\n\t\t\tfalse: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"before:transition-colors\",\n\t\t\t\t\t\"group-data-[pressed=true]:scale-95\",\n\t\t\t\t\t\"transition-transform\",\n\t\t\t\t\t\"after:transition-transform-opacity\",\n\t\t\t\t\t\"after:!ease-linear\",\n\t\t\t\t\t\"after:!duration-200\",\n\t\t\t\t\t\"motion-reduce:transition-none\",\n\t\t\t\t],\n\t\t\t\ticon: \"transition-opacity motion-reduce:transition-none\",\n\t\t\t\tlabel: \"transition-colors-opacity before:transition-width motion-reduce:transition-none\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tcolor: \"primary\",\n\t\tsize: \"md\",\n\t\tdisabled: false,\n\t\tlineThrough: false,\n\t},\n});\n\nexport type CheckboxVariantProps = VariantProps<typeof checkbox>;\nexport type CheckboxSlots = keyof ReturnType<typeof checkbox>;\n\nexport { checkbox };\n","import { useCallback, useId, useMemo, useRef, type ChangeEvent } from \"react\";\r\n\r\nimport { checkbox, type CheckboxSlots, type CheckboxVariantProps } from \"@/theme/color/checkbox\";\r\nimport type { SlotsToClasses } from \"@/types\";\r\nimport { dataAttr, mergeRefs } from \"@/functions\";\r\nimport clsx from \"clsx\";\r\n\r\nexport interface UseCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof CheckboxVariantProps>, CheckboxVariantProps {\r\n\tclassNames?: SlotsToClasses<CheckboxSlots>;\r\n\tclassName?: string;\r\n\ticon?: React.ReactNode | ((props: CheckboxIconProps) => React.ReactNode);\r\n\tchildren?: React.ReactNode;\r\n\tisIndeterminate?: boolean;\r\n\tref?: React.Ref<HTMLInputElement>;\r\n\terror?: string;\r\n\ttouched?: boolean;\r\n\trequired?: boolean;\r\n}\r\n\r\nexport interface CheckboxIconProps {\r\n\tid?: string;\r\n\tisSelected: boolean;\r\n\tisIndeterminate?: boolean;\r\n\tdisableAnimation?: boolean;\r\n\tclassName?: string;\r\n}\r\n\r\nexport function useCheckbox(props: UseCheckboxProps) {\r\n\tconst {\r\n\t\tid,\r\n\t\tclassNames,\r\n\t\tclassName,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tdefaultChecked,\r\n\t\tchecked,\r\n\t\terror,\r\n\t\ttouched,\r\n\t\tonChange,\r\n\t\tisIndeterminate = false,\r\n\t} = props;\r\n\r\n\tconst internalRef = useRef<HTMLInputElement>(null);\r\n\tconst inputId = useId();\r\n\tconst resolvedId = id || inputId;\r\n\r\n\tconst [isSelected] = useMemo(() => {\r\n\t\treturn [typeof checked === \"boolean\" ? checked : defaultChecked || false, () => {}];\r\n\t}, [checked, defaultChecked]);\r\n\r\n\tconst handleChange = useCallback(\r\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tif (readOnly || disabled) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tonChange?.(e);\r\n\t\t},\r\n\t\t[onChange, readOnly, disabled],\r\n\t);\r\n\r\n\tconst slots = useMemo(\r\n\t\t() =>\r\n\t\t\tcheckbox({\r\n\t\t\t\tcolor: props.color,\r\n\t\t\t\tsize: props.size,\r\n\t\t\t\tradius: props.radius,\r\n\t\t\t\tlineThrough: props.lineThrough,\r\n\t\t\t\tdisabled: disabled,\r\n\t\t\t\tisInvalid: !!error && touched,\r\n\t\t\t\tdisableAnimation: props.disableAnimation,\r\n\t\t\t}),\r\n\t\t[props, disabled, error, touched],\r\n\t);\r\n\r\n\tconst getBaseProps = () => ({\r\n\t\t\"className\": slots.base({ class: clsx(classNames?.base, className) }),\r\n\t\t\"data-disabled\": dataAttr(disabled),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getWrapperProps = () => ({\r\n\t\t\"aria-hidden\": true,\r\n\t\t\"className\": slots.wrapper({ class: classNames?.wrapper }),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getInputProps = () => ({\r\n\t\tref: mergeRefs(internalRef, props.ref),\r\n\t\ttype: \"checkbox\",\r\n\t\tid: resolvedId,\r\n\t\tdefaultChecked: checked === undefined ? defaultChecked : undefined,\r\n\t\tchecked: checked !== undefined ? checked : undefined,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tonChange: handleChange,\r\n\t\tclassName: slots.hiddenInput({ class: classNames?.hiddenInput }),\r\n\t});\r\n\r\n\tconst getLabelProps = () => ({\r\n\t\thtmlFor: resolvedId,\r\n\t\tclassName: slots.label({ class: classNames?.label }),\r\n\t});\r\n\r\n\tconst getIconProps = (): CheckboxIconProps => ({\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tdisableAnimation: props.disableAnimation,\r\n\t\tclassName: slots.icon({ class: classNames?.icon }),\r\n\t});\r\n\r\n\tconst Component = \"label\";\r\n\r\n\treturn {\r\n\t\tComponent,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetLabelProps,\r\n\t\tgetIconProps,\r\n\t};\r\n}\r\n\r\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>;\r\n","import type { UseCheckboxReturn } from \"./use-checkbox\";\n\ntype CheckboxIconProps = Partial<ReturnType<UseCheckboxReturn[\"getIconProps\"]>>;\n\nfunction CheckIcon(props: CheckboxIconProps) {\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"none\"\n\t\t\trole=\"presentation\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray={22}\n\t\t\tstrokeDashoffset={isSelected ? 44 : 66}\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\tstyle={\n\t\t\t\t!disableAnimation && isSelected\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ttransition: \"stroke-dashoffset 250ms linear 0.2s\",\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\tviewBox=\"0 0 17 18\"\n\t\t\t{...otherProps}\n\t\t>\n\t\t\t<polyline points=\"1 9 7 14 15 4\" />\n\t\t</svg>\n\t);\n}\n\nfunction IndeterminateIcon(props: CheckboxIconProps) {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg stroke=\"currentColor\" strokeWidth={3} viewBox=\"0 0 24 24\" {...otherProps}>\n\t\t\t<line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n\t\t</svg>\n\t);\n}\n\n/**\n * CheckboxIcon is used to visually indicate the checked or indeterminate\n * state of a checkbox.\n */\nexport function CheckboxIcon(props: CheckboxIconProps) {\n\tconst { isIndeterminate, ...otherProps } = props;\n\tconst BaseIcon = isIndeterminate ? IndeterminateIcon : CheckIcon;\n\n\treturn <BaseIcon {...otherProps} />;\n}\n","// checkbox.tsx\r\nimport { forwardRef } from \"react\";\r\nimport { cloneElement, type ReactElement } from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { useCheckbox, type UseCheckboxProps } from \"./use-checkbox\";\r\nimport { CheckboxIcon } from \"./checkbox-icon\";\r\n\r\nexport interface CheckboxProps extends UseCheckboxProps {\r\n\tasChild?: boolean;\r\n}\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\r\n\tconst { asChild = false, ...restProps } = props;\r\n\tconst {\r\n\t\tComponent,\r\n\t\tchildren,\r\n\t\ticon = <CheckboxIcon />,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetIconProps,\r\n\t\tgetLabelProps,\r\n\t} = useCheckbox({ ...restProps, ref });\r\n\r\n\tconst clonedIcon = typeof icon === \"function\" ? icon(getIconProps()) : cloneElement(icon as ReactElement, getIconProps());\r\n\r\n\tconst Wrapper = asChild ? Slot : Component;\r\n\r\n\treturn (\r\n\t\t<Wrapper {...getBaseProps()}>\r\n\t\t\t<input {...getInputProps()} ref={ref} />\r\n\t\t\t<span {...getWrapperProps()}>{clonedIcon}</span>\r\n\t\t\t{children && <span {...getLabelProps()}>{children}</span>}\r\n\t\t</Wrapper>\r\n\t);\r\n});\r\n\r\nCheckbox.displayName = \"Custom.Checkbox\";\r\n\r\nexport default Checkbox;\r\n"],"names":["checkbox","tv","groupDataFocusVisibleClasses","hiddenInputClasses","useCheckbox","props","id","classNames","className","icon","children","disabled","required","readOnly","defaultChecked","checked","error","touched","onChange","isIndeterminate","internalRef","useRef","inputId","useId","resolvedId","isSelected","useMemo","handleChange","useCallback","e","slots","clsx","dataAttr","mergeRefs","CheckIcon","disableAnimation","otherProps","jsx","IndeterminateIcon","CheckboxIcon","BaseIcon","Checkbox","forwardRef","ref","asChild","restProps","Component","getBaseProps","getWrapperProps","getInputProps","getIconProps","getLabelProps","clonedIcon","cloneElement","Wrapper","Slot","jsxs"],"mappings":"oRAoBMA,EAAWC,EAAAA,GAAG,CACnB,MAAO,CACN,KAAM,gIACN,QAAS,CACR,WACA,cACA,eACA,iBACA,gBACA,kBAEA,sBACA,kBACA,iBACA,sBACA,kBACA,oBACA,wBAEA,qBACA,iBACA,gBACA,iBACA,kBACA,sBACA,6CACA,+CAEA,gDAEA,GAAGC,EAAAA,4BACJ,EACA,YAAaC,EAAA,mBACb,KAAM,oFACN,MAAO,sCACR,EACA,SAAU,CACT,MAAO,CACN,QAAS,CACR,QAAS,wEACV,EACA,QAAS,CACR,QAAS,wEACV,EACA,UAAW,CACV,QAAS,8EACV,EACA,QAAS,CACR,QAAS,wEACV,EACA,QAAS,CACR,QAAS,wEACV,EACA,OAAQ,CACP,QAAS,qEAAA,CAEX,EACA,KAAM,CACL,GAAI,CACH,QAAS,CACR,eACA,iDACA,wDACA,sDACD,EACA,MAAO,aACP,KAAM,SACP,EACA,GAAI,CACH,QAAS,CACR,eACA,iDACA,wDACA,sDACD,EACA,MAAO,cACP,KAAM,SACP,EACA,GAAI,CACH,QAAS,CACR,eACA,iDACA,wDACA,sDACD,EACA,MAAO,aACP,KAAM,SAAA,CAER,EACA,OAAQ,CACP,KAAM,CACL,QAAS,qDACV,EACA,GAAI,CACH,QAAS,CACR,iDACA,wDACA,sDAAA,CAEF,EACA,GAAI,CACH,QAAS,CACR,iDACA,wDACA,sDAAA,CAEF,EACA,GAAI,CACH,QAAS,CACR,iDACA,wDACA,sDAAA,CAEF,EACA,KAAM,CACL,QAAS,qDAAA,CAEX,EACA,YAAa,CACZ,KAAM,CACL,MAAO,CACN,cACA,eACA,iBACA,sBACA,kBACA,uBACA,aACA,eACA,wCACA,0CAAA,CACD,CAEF,EACA,SAAU,CACT,KAAM,CACL,KAAM,gCAAA,CAER,EACA,UAAW,CACV,KAAM,CACL,QAAS,uBACT,MAAO,aAAA,CAET,EACA,iBAAkB,CACjB,KAAM,CACL,QAAS,kBACT,KAAM,kBACN,MAAO,iBACR,EACA,MAAO,CACN,QAAS,CACR,2BACA,qCACA,uBACA,qCACA,qBACA,sBACA,+BACD,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"}
|
|
@@ -3,7 +3,8 @@ import { useRef as C, useId as P, useMemo as I, useCallback as j, forwardRef as
|
|
|
3
3
|
import { S as W } from "./index-ctnzfHek.js";
|
|
4
4
|
import { t as z } from "./tv-ButAo3dF.js";
|
|
5
5
|
import { h as L, g as S } from "./classes-7MXTIFwM.js";
|
|
6
|
-
import {
|
|
6
|
+
import { d as x } from "./assertion-CrT8p68K.js";
|
|
7
|
+
import { m as D } from "./refs-DAOksVs3.js";
|
|
7
8
|
import { c as T } from "./clsx-OuTLNxxd.js";
|
|
8
9
|
const E = z({
|
|
9
10
|
slots: {
|
|
@@ -309,4 +310,4 @@ export {
|
|
|
309
310
|
O as C,
|
|
310
311
|
M as a
|
|
311
312
|
};
|
|
312
|
-
//# sourceMappingURL=checkbox-
|
|
313
|
+
//# sourceMappingURL=checkbox-lvTY3PXC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-ChChDxFl.js","sources":["../../src/theme/color/checkbox.ts","../../src/components/checkbox/use-checkbox.ts","../../src/components/checkbox/checkbox-icon.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { groupDataFocusVisibleClasses, hiddenInputClasses } from \"../classes\";\n\n/**\n * Checkbox wrapper **Tailwind Variants** component\n *\n * const {base, wrapper, icon, label} = checkbox({...})\n *\n * @example\n * <label className={base())}>\n * // hidden input\n * <span className={wrapper()} aria-hidden=\"true\" data-selected={selected}>\n * <svg className={icon()}>\n * // check icon\n * </svg>\n * </span>\n * <span className={label()}>Label</span>\n * </label>\n */\nconst checkbox = tv({\n\tslots: {\n\t\tbase: \"group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none\",\n\t\twrapper: [\n\t\t\t\"relative\",\n\t\t\t\"inline-flex\",\n\t\t\t\"items-center\",\n\t\t\t\"justify-center\",\n\t\t\t\"flex-shrink-0\",\n\t\t\t\"overflow-hidden\",\n\t\t\t// before\n\t\t\t\"before:content-['']\",\n\t\t\t\"before:absolute\",\n\t\t\t\"before:inset-0\",\n\t\t\t\"before:border-solid\",\n\t\t\t\"before:border-2\",\n\t\t\t\"before:box-border\",\n\t\t\t\"before:border-default\",\n\t\t\t// after\n\t\t\t\"after:content-['']\",\n\t\t\t\"after:absolute\",\n\t\t\t\"after:inset-0\",\n\t\t\t\"after:scale-50\",\n\t\t\t\"after:opacity-0\",\n\t\t\t\"after:origin-center\",\n\t\t\t\"group-data-[selected=true]:after:scale-100\",\n\t\t\t\"group-data-[selected=true]:after:opacity-100\",\n\t\t\t// hover\n\t\t\t\"group-data-[hover=true]:before:bg-default-100\",\n\t\t\t// focus ring\n\t\t\t...groupDataFocusVisibleClasses,\n\t\t],\n\t\thiddenInput: hiddenInputClasses,\n\t\ticon: \"z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100 pointer-events-none\",\n\t\tlabel: \"relative text-foreground select-none\",\n\t},\n\tvariants: {\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\twrapper: \"after:bg-default after:text-default-foreground text-default-foreground\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\twrapper: \"after:bg-primary after:text-primary-foreground text-primary-foreground\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\twrapper: \"after:bg-secondary after:text-secondary-foreground text-secondary-foreground\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\twrapper: \"after:bg-success after:text-success-foreground text-success-foreground\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\twrapper: \"after:bg-warning after:text-warning-foreground text-warning-foreground\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\twrapper: \"after:bg-danger after:text-danger-foreground text-danger-foreground\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-4 h-4 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-small\",\n\t\t\t\ticon: \"w-3 h-2\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-5 h-5 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-medium\",\n\t\t\t\ticon: \"w-4 h-3\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-6 h-6 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-large\",\n\t\t\t\ticon: \"w-5 h-4\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\twrapper: \"rounded-none before:rounded-none after:rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\twrapper: \"rounded-full before:rounded-full after:rounded-full\",\n\t\t\t},\n\t\t},\n\t\tlineThrough: {\n\t\t\ttrue: {\n\t\t\t\tlabel: [\n\t\t\t\t\t\"inline-flex\",\n\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\"before:content-['']\",\n\t\t\t\t\t\"before:absolute\",\n\t\t\t\t\t\"before:bg-foreground\",\n\t\t\t\t\t\"before:w-0\",\n\t\t\t\t\t\"before:h-0.5\",\n\t\t\t\t\t\"group-data-[selected=true]:opacity-60\",\n\t\t\t\t\t\"group-data-[selected=true]:before:w-full\",\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tbase: \"opacity-80 pointer-events-none\",\n\t\t\t},\n\t\t},\n\t\tisInvalid: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"before:border-danger\",\n\t\t\t\tlabel: \"text-danger\",\n\t\t\t},\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"transition-none\",\n\t\t\t\ticon: \"transition-none\",\n\t\t\t\tlabel: \"transition-none\",\n\t\t\t},\n\t\t\tfalse: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"before:transition-colors\",\n\t\t\t\t\t\"group-data-[pressed=true]:scale-95\",\n\t\t\t\t\t\"transition-transform\",\n\t\t\t\t\t\"after:transition-transform-opacity\",\n\t\t\t\t\t\"after:!ease-linear\",\n\t\t\t\t\t\"after:!duration-200\",\n\t\t\t\t\t\"motion-reduce:transition-none\",\n\t\t\t\t],\n\t\t\t\ticon: \"transition-opacity motion-reduce:transition-none\",\n\t\t\t\tlabel: \"transition-colors-opacity before:transition-width motion-reduce:transition-none\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tcolor: \"primary\",\n\t\tsize: \"md\",\n\t\tdisabled: false,\n\t\tlineThrough: false,\n\t},\n});\n\nexport type CheckboxVariantProps = VariantProps<typeof checkbox>;\nexport type CheckboxSlots = keyof ReturnType<typeof checkbox>;\n\nexport { checkbox };\n","import { useCallback, useId, useMemo, useRef, type ChangeEvent } from \"react\";\r\n\r\nimport { checkbox, type CheckboxSlots, type CheckboxVariantProps } from \"@/theme/color/checkbox\";\r\nimport type { SlotsToClasses } from \"@/types\";\r\nimport { dataAttr, mergeRefs } from \"@/functions\";\r\nimport clsx from \"clsx\";\r\n\r\nexport interface UseCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof CheckboxVariantProps>, CheckboxVariantProps {\r\n\tclassNames?: SlotsToClasses<CheckboxSlots>;\r\n\tclassName?: string;\r\n\ticon?: React.ReactNode | ((props: CheckboxIconProps) => React.ReactNode);\r\n\tchildren?: React.ReactNode;\r\n\tisIndeterminate?: boolean;\r\n\tref?: React.Ref<HTMLInputElement>;\r\n\terror?: string;\r\n\ttouched?: boolean;\r\n\trequired?: boolean;\r\n}\r\n\r\nexport interface CheckboxIconProps {\r\n\tid?: string;\r\n\tisSelected: boolean;\r\n\tisIndeterminate?: boolean;\r\n\tdisableAnimation?: boolean;\r\n\tclassName?: string;\r\n}\r\n\r\nexport function useCheckbox(props: UseCheckboxProps) {\r\n\tconst {\r\n\t\tid,\r\n\t\tclassNames,\r\n\t\tclassName,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tdefaultChecked,\r\n\t\tchecked,\r\n\t\terror,\r\n\t\ttouched,\r\n\t\tonChange,\r\n\t\tisIndeterminate = false,\r\n\t} = props;\r\n\r\n\tconst internalRef = useRef<HTMLInputElement>(null);\r\n\tconst inputId = useId();\r\n\tconst resolvedId = id || inputId;\r\n\r\n\tconst [isSelected] = useMemo(() => {\r\n\t\treturn [typeof checked === \"boolean\" ? checked : defaultChecked || false, () => {}];\r\n\t}, [checked, defaultChecked]);\r\n\r\n\tconst handleChange = useCallback(\r\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tif (readOnly || disabled) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tonChange?.(e);\r\n\t\t},\r\n\t\t[onChange, readOnly, disabled],\r\n\t);\r\n\r\n\tconst slots = useMemo(\r\n\t\t() =>\r\n\t\t\tcheckbox({\r\n\t\t\t\tcolor: props.color,\r\n\t\t\t\tsize: props.size,\r\n\t\t\t\tradius: props.radius,\r\n\t\t\t\tlineThrough: props.lineThrough,\r\n\t\t\t\tdisabled: disabled,\r\n\t\t\t\tisInvalid: !!error && touched,\r\n\t\t\t\tdisableAnimation: props.disableAnimation,\r\n\t\t\t}),\r\n\t\t[props, disabled, error, touched],\r\n\t);\r\n\r\n\tconst getBaseProps = () => ({\r\n\t\t\"className\": slots.base({ class: clsx(classNames?.base, className) }),\r\n\t\t\"data-disabled\": dataAttr(disabled),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getWrapperProps = () => ({\r\n\t\t\"aria-hidden\": true,\r\n\t\t\"className\": slots.wrapper({ class: classNames?.wrapper }),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getInputProps = () => ({\r\n\t\tref: mergeRefs(internalRef, props.ref),\r\n\t\ttype: \"checkbox\",\r\n\t\tid: resolvedId,\r\n\t\tdefaultChecked: checked === undefined ? defaultChecked : undefined,\r\n\t\tchecked: checked !== undefined ? checked : undefined,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tonChange: handleChange,\r\n\t\tclassName: slots.hiddenInput({ class: classNames?.hiddenInput }),\r\n\t});\r\n\r\n\tconst getLabelProps = () => ({\r\n\t\thtmlFor: resolvedId,\r\n\t\tclassName: slots.label({ class: classNames?.label }),\r\n\t});\r\n\r\n\tconst getIconProps = (): CheckboxIconProps => ({\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tdisableAnimation: props.disableAnimation,\r\n\t\tclassName: slots.icon({ class: classNames?.icon }),\r\n\t});\r\n\r\n\tconst Component = \"label\";\r\n\r\n\treturn {\r\n\t\tComponent,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetLabelProps,\r\n\t\tgetIconProps,\r\n\t};\r\n}\r\n\r\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>;\r\n","import type { UseCheckboxReturn } from \"./use-checkbox\";\n\ntype CheckboxIconProps = Partial<ReturnType<UseCheckboxReturn[\"getIconProps\"]>>;\n\nfunction CheckIcon(props: CheckboxIconProps) {\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"none\"\n\t\t\trole=\"presentation\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray={22}\n\t\t\tstrokeDashoffset={isSelected ? 44 : 66}\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\tstyle={\n\t\t\t\t!disableAnimation && isSelected\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ttransition: \"stroke-dashoffset 250ms linear 0.2s\",\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\tviewBox=\"0 0 17 18\"\n\t\t\t{...otherProps}\n\t\t>\n\t\t\t<polyline points=\"1 9 7 14 15 4\" />\n\t\t</svg>\n\t);\n}\n\nfunction IndeterminateIcon(props: CheckboxIconProps) {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg stroke=\"currentColor\" strokeWidth={3} viewBox=\"0 0 24 24\" {...otherProps}>\n\t\t\t<line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n\t\t</svg>\n\t);\n}\n\n/**\n * CheckboxIcon is used to visually indicate the checked or indeterminate\n * state of a checkbox.\n */\nexport function CheckboxIcon(props: CheckboxIconProps) {\n\tconst { isIndeterminate, ...otherProps } = props;\n\tconst BaseIcon = isIndeterminate ? IndeterminateIcon : CheckIcon;\n\n\treturn <BaseIcon {...otherProps} />;\n}\n","// checkbox.tsx\r\nimport { forwardRef } from \"react\";\r\nimport { cloneElement, type ReactElement } from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { useCheckbox, type UseCheckboxProps } from \"./use-checkbox\";\r\nimport { CheckboxIcon } from \"./checkbox-icon\";\r\n\r\nexport interface CheckboxProps extends UseCheckboxProps {\r\n\tasChild?: boolean;\r\n}\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\r\n\tconst { asChild = false, ...restProps } = props;\r\n\tconst {\r\n\t\tComponent,\r\n\t\tchildren,\r\n\t\ticon = <CheckboxIcon />,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetIconProps,\r\n\t\tgetLabelProps,\r\n\t} = useCheckbox({ ...restProps, ref });\r\n\r\n\tconst clonedIcon = typeof icon === \"function\" ? icon(getIconProps()) : cloneElement(icon as ReactElement, getIconProps());\r\n\r\n\tconst Wrapper = asChild ? Slot : Component;\r\n\r\n\treturn (\r\n\t\t<Wrapper {...getBaseProps()}>\r\n\t\t\t<input {...getInputProps()} ref={ref} />\r\n\t\t\t<span {...getWrapperProps()}>{clonedIcon}</span>\r\n\t\t\t{children && <span {...getLabelProps()}>{children}</span>}\r\n\t\t</Wrapper>\r\n\t);\r\n});\r\n\r\nCheckbox.displayName = \"Custom.Checkbox\";\r\n\r\nexport default Checkbox;\r\n"],"names":["checkbox","tv","groupDataFocusVisibleClasses","hiddenInputClasses","useCheckbox","props","id","classNames","className","icon","children","disabled","required","readOnly","defaultChecked","checked","error","touched","onChange","isIndeterminate","internalRef","useRef","inputId","useId","resolvedId","isSelected","useMemo","handleChange","useCallback","e","slots","clsx","dataAttr","mergeRefs","CheckIcon","disableAnimation","otherProps","jsx","IndeterminateIcon","CheckboxIcon","BaseIcon","Checkbox","forwardRef","ref","asChild","restProps","Component","getBaseProps","getWrapperProps","getInputProps","getIconProps","getLabelProps","clonedIcon","cloneElement","Wrapper","Slot","jsxs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"checkbox-lvTY3PXC.js","sources":["../../src/theme/color/checkbox.ts","../../src/components/checkbox/use-checkbox.ts","../../src/components/checkbox/checkbox-icon.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { groupDataFocusVisibleClasses, hiddenInputClasses } from \"../classes\";\n\n/**\n * Checkbox wrapper **Tailwind Variants** component\n *\n * const {base, wrapper, icon, label} = checkbox({...})\n *\n * @example\n * <label className={base())}>\n * // hidden input\n * <span className={wrapper()} aria-hidden=\"true\" data-selected={selected}>\n * <svg className={icon()}>\n * // check icon\n * </svg>\n * </span>\n * <span className={label()}>Label</span>\n * </label>\n */\nconst checkbox = tv({\n\tslots: {\n\t\tbase: \"group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none\",\n\t\twrapper: [\n\t\t\t\"relative\",\n\t\t\t\"inline-flex\",\n\t\t\t\"items-center\",\n\t\t\t\"justify-center\",\n\t\t\t\"flex-shrink-0\",\n\t\t\t\"overflow-hidden\",\n\t\t\t// before\n\t\t\t\"before:content-['']\",\n\t\t\t\"before:absolute\",\n\t\t\t\"before:inset-0\",\n\t\t\t\"before:border-solid\",\n\t\t\t\"before:border-2\",\n\t\t\t\"before:box-border\",\n\t\t\t\"before:border-default\",\n\t\t\t// after\n\t\t\t\"after:content-['']\",\n\t\t\t\"after:absolute\",\n\t\t\t\"after:inset-0\",\n\t\t\t\"after:scale-50\",\n\t\t\t\"after:opacity-0\",\n\t\t\t\"after:origin-center\",\n\t\t\t\"group-data-[selected=true]:after:scale-100\",\n\t\t\t\"group-data-[selected=true]:after:opacity-100\",\n\t\t\t// hover\n\t\t\t\"group-data-[hover=true]:before:bg-default-100\",\n\t\t\t// focus ring\n\t\t\t...groupDataFocusVisibleClasses,\n\t\t],\n\t\thiddenInput: hiddenInputClasses,\n\t\ticon: \"z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100 pointer-events-none\",\n\t\tlabel: \"relative text-foreground select-none\",\n\t},\n\tvariants: {\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\twrapper: \"after:bg-default after:text-default-foreground text-default-foreground\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\twrapper: \"after:bg-primary after:text-primary-foreground text-primary-foreground\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\twrapper: \"after:bg-secondary after:text-secondary-foreground text-secondary-foreground\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\twrapper: \"after:bg-success after:text-success-foreground text-success-foreground\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\twrapper: \"after:bg-warning after:text-warning-foreground text-warning-foreground\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\twrapper: \"after:bg-danger after:text-danger-foreground text-danger-foreground\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-4 h-4 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-small\",\n\t\t\t\ticon: \"w-3 h-2\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-5 h-5 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-medium\",\n\t\t\t\ticon: \"w-4 h-3\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"w-6 h-6 me-2\",\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t\tlabel: \"text-large\",\n\t\t\t\ticon: \"w-5 h-4\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\twrapper: \"rounded-none before:rounded-none after:rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.5)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.6)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"before:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t\t\"after:rounded-[calc(theme(borderRadius.medium)*0.7)]\",\n\t\t\t\t],\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\twrapper: \"rounded-full before:rounded-full after:rounded-full\",\n\t\t\t},\n\t\t},\n\t\tlineThrough: {\n\t\t\ttrue: {\n\t\t\t\tlabel: [\n\t\t\t\t\t\"inline-flex\",\n\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\"justify-center\",\n\t\t\t\t\t\"before:content-['']\",\n\t\t\t\t\t\"before:absolute\",\n\t\t\t\t\t\"before:bg-foreground\",\n\t\t\t\t\t\"before:w-0\",\n\t\t\t\t\t\"before:h-0.5\",\n\t\t\t\t\t\"group-data-[selected=true]:opacity-60\",\n\t\t\t\t\t\"group-data-[selected=true]:before:w-full\",\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tdisabled: {\n\t\t\ttrue: {\n\t\t\t\tbase: \"opacity-80 pointer-events-none\",\n\t\t\t},\n\t\t},\n\t\tisInvalid: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"before:border-danger\",\n\t\t\t\tlabel: \"text-danger\",\n\t\t\t},\n\t\t},\n\t\tdisableAnimation: {\n\t\t\ttrue: {\n\t\t\t\twrapper: \"transition-none\",\n\t\t\t\ticon: \"transition-none\",\n\t\t\t\tlabel: \"transition-none\",\n\t\t\t},\n\t\t\tfalse: {\n\t\t\t\twrapper: [\n\t\t\t\t\t\"before:transition-colors\",\n\t\t\t\t\t\"group-data-[pressed=true]:scale-95\",\n\t\t\t\t\t\"transition-transform\",\n\t\t\t\t\t\"after:transition-transform-opacity\",\n\t\t\t\t\t\"after:!ease-linear\",\n\t\t\t\t\t\"after:!duration-200\",\n\t\t\t\t\t\"motion-reduce:transition-none\",\n\t\t\t\t],\n\t\t\t\ticon: \"transition-opacity motion-reduce:transition-none\",\n\t\t\t\tlabel: \"transition-colors-opacity before:transition-width motion-reduce:transition-none\",\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tcolor: \"primary\",\n\t\tsize: \"md\",\n\t\tdisabled: false,\n\t\tlineThrough: false,\n\t},\n});\n\nexport type CheckboxVariantProps = VariantProps<typeof checkbox>;\nexport type CheckboxSlots = keyof ReturnType<typeof checkbox>;\n\nexport { checkbox };\n","import { useCallback, useId, useMemo, useRef, type ChangeEvent } from \"react\";\r\n\r\nimport { checkbox, type CheckboxSlots, type CheckboxVariantProps } from \"@/theme/color/checkbox\";\r\nimport type { SlotsToClasses } from \"@/types\";\r\nimport { dataAttr, mergeRefs } from \"@/functions\";\r\nimport clsx from \"clsx\";\r\n\r\nexport interface UseCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof CheckboxVariantProps>, CheckboxVariantProps {\r\n\tclassNames?: SlotsToClasses<CheckboxSlots>;\r\n\tclassName?: string;\r\n\ticon?: React.ReactNode | ((props: CheckboxIconProps) => React.ReactNode);\r\n\tchildren?: React.ReactNode;\r\n\tisIndeterminate?: boolean;\r\n\tref?: React.Ref<HTMLInputElement>;\r\n\terror?: string;\r\n\ttouched?: boolean;\r\n\trequired?: boolean;\r\n}\r\n\r\nexport interface CheckboxIconProps {\r\n\tid?: string;\r\n\tisSelected: boolean;\r\n\tisIndeterminate?: boolean;\r\n\tdisableAnimation?: boolean;\r\n\tclassName?: string;\r\n}\r\n\r\nexport function useCheckbox(props: UseCheckboxProps) {\r\n\tconst {\r\n\t\tid,\r\n\t\tclassNames,\r\n\t\tclassName,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tdefaultChecked,\r\n\t\tchecked,\r\n\t\terror,\r\n\t\ttouched,\r\n\t\tonChange,\r\n\t\tisIndeterminate = false,\r\n\t} = props;\r\n\r\n\tconst internalRef = useRef<HTMLInputElement>(null);\r\n\tconst inputId = useId();\r\n\tconst resolvedId = id || inputId;\r\n\r\n\tconst [isSelected] = useMemo(() => {\r\n\t\treturn [typeof checked === \"boolean\" ? checked : defaultChecked || false, () => {}];\r\n\t}, [checked, defaultChecked]);\r\n\r\n\tconst handleChange = useCallback(\r\n\t\t(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tif (readOnly || disabled) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tonChange?.(e);\r\n\t\t},\r\n\t\t[onChange, readOnly, disabled],\r\n\t);\r\n\r\n\tconst slots = useMemo(\r\n\t\t() =>\r\n\t\t\tcheckbox({\r\n\t\t\t\tcolor: props.color,\r\n\t\t\t\tsize: props.size,\r\n\t\t\t\tradius: props.radius,\r\n\t\t\t\tlineThrough: props.lineThrough,\r\n\t\t\t\tdisabled: disabled,\r\n\t\t\t\tisInvalid: !!error && touched,\r\n\t\t\t\tdisableAnimation: props.disableAnimation,\r\n\t\t\t}),\r\n\t\t[props, disabled, error, touched],\r\n\t);\r\n\r\n\tconst getBaseProps = () => ({\r\n\t\t\"className\": slots.base({ class: clsx(classNames?.base, className) }),\r\n\t\t\"data-disabled\": dataAttr(disabled),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getWrapperProps = () => ({\r\n\t\t\"aria-hidden\": true,\r\n\t\t\"className\": slots.wrapper({ class: classNames?.wrapper }),\r\n\t\t\"data-selected\": dataAttr(isSelected || isIndeterminate),\r\n\t});\r\n\r\n\tconst getInputProps = () => ({\r\n\t\tref: mergeRefs(internalRef, props.ref),\r\n\t\ttype: \"checkbox\",\r\n\t\tid: resolvedId,\r\n\t\tdefaultChecked: checked === undefined ? defaultChecked : undefined,\r\n\t\tchecked: checked !== undefined ? checked : undefined,\r\n\t\tdisabled,\r\n\t\trequired,\r\n\t\treadOnly,\r\n\t\tonChange: handleChange,\r\n\t\tclassName: slots.hiddenInput({ class: classNames?.hiddenInput }),\r\n\t});\r\n\r\n\tconst getLabelProps = () => ({\r\n\t\thtmlFor: resolvedId,\r\n\t\tclassName: slots.label({ class: classNames?.label }),\r\n\t});\r\n\r\n\tconst getIconProps = (): CheckboxIconProps => ({\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tdisableAnimation: props.disableAnimation,\r\n\t\tclassName: slots.icon({ class: classNames?.icon }),\r\n\t});\r\n\r\n\tconst Component = \"label\";\r\n\r\n\treturn {\r\n\t\tComponent,\r\n\t\ticon,\r\n\t\tchildren,\r\n\t\tisSelected,\r\n\t\tisIndeterminate,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetLabelProps,\r\n\t\tgetIconProps,\r\n\t};\r\n}\r\n\r\nexport type UseCheckboxReturn = ReturnType<typeof useCheckbox>;\r\n","import type { UseCheckboxReturn } from \"./use-checkbox\";\n\ntype CheckboxIconProps = Partial<ReturnType<UseCheckboxReturn[\"getIconProps\"]>>;\n\nfunction CheckIcon(props: CheckboxIconProps) {\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg\n\t\t\taria-hidden=\"true\"\n\t\t\tfill=\"none\"\n\t\t\trole=\"presentation\"\n\t\t\tstroke=\"currentColor\"\n\t\t\tstrokeDasharray={22}\n\t\t\tstrokeDashoffset={isSelected ? 44 : 66}\n\t\t\tstrokeLinecap=\"round\"\n\t\t\tstrokeLinejoin=\"round\"\n\t\t\tstrokeWidth={2}\n\t\t\tstyle={\n\t\t\t\t!disableAnimation && isSelected\n\t\t\t\t\t? {\n\t\t\t\t\t\t\ttransition: \"stroke-dashoffset 250ms linear 0.2s\",\n\t\t\t\t\t }\n\t\t\t\t\t: {}\n\t\t\t}\n\t\t\tviewBox=\"0 0 17 18\"\n\t\t\t{...otherProps}\n\t\t>\n\t\t\t<polyline points=\"1 9 7 14 15 4\" />\n\t\t</svg>\n\t);\n}\n\nfunction IndeterminateIcon(props: CheckboxIconProps) {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { isSelected, disableAnimation, ...otherProps } = props;\n\n\treturn (\n\t\t<svg stroke=\"currentColor\" strokeWidth={3} viewBox=\"0 0 24 24\" {...otherProps}>\n\t\t\t<line x1=\"21\" x2=\"3\" y1=\"12\" y2=\"12\" />\n\t\t</svg>\n\t);\n}\n\n/**\n * CheckboxIcon is used to visually indicate the checked or indeterminate\n * state of a checkbox.\n */\nexport function CheckboxIcon(props: CheckboxIconProps) {\n\tconst { isIndeterminate, ...otherProps } = props;\n\tconst BaseIcon = isIndeterminate ? IndeterminateIcon : CheckIcon;\n\n\treturn <BaseIcon {...otherProps} />;\n}\n","// checkbox.tsx\r\nimport { forwardRef } from \"react\";\r\nimport { cloneElement, type ReactElement } from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { useCheckbox, type UseCheckboxProps } from \"./use-checkbox\";\r\nimport { CheckboxIcon } from \"./checkbox-icon\";\r\n\r\nexport interface CheckboxProps extends UseCheckboxProps {\r\n\tasChild?: boolean;\r\n}\r\n\r\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\r\n\tconst { asChild = false, ...restProps } = props;\r\n\tconst {\r\n\t\tComponent,\r\n\t\tchildren,\r\n\t\ticon = <CheckboxIcon />,\r\n\t\tgetBaseProps,\r\n\t\tgetWrapperProps,\r\n\t\tgetInputProps,\r\n\t\tgetIconProps,\r\n\t\tgetLabelProps,\r\n\t} = useCheckbox({ ...restProps, ref });\r\n\r\n\tconst clonedIcon = typeof icon === \"function\" ? icon(getIconProps()) : cloneElement(icon as ReactElement, getIconProps());\r\n\r\n\tconst Wrapper = asChild ? Slot : Component;\r\n\r\n\treturn (\r\n\t\t<Wrapper {...getBaseProps()}>\r\n\t\t\t<input {...getInputProps()} ref={ref} />\r\n\t\t\t<span {...getWrapperProps()}>{clonedIcon}</span>\r\n\t\t\t{children && <span {...getLabelProps()}>{children}</span>}\r\n\t\t</Wrapper>\r\n\t);\r\n});\r\n\r\nCheckbox.displayName = \"Custom.Checkbox\";\r\n\r\nexport default Checkbox;\r\n"],"names":["checkbox","tv","groupDataFocusVisibleClasses","hiddenInputClasses","useCheckbox","props","id","classNames","className","icon","children","disabled","required","readOnly","defaultChecked","checked","error","touched","onChange","isIndeterminate","internalRef","useRef","inputId","useId","resolvedId","isSelected","useMemo","handleChange","useCallback","e","slots","clsx","dataAttr","mergeRefs","CheckIcon","disableAnimation","otherProps","jsx","IndeterminateIcon","CheckboxIcon","BaseIcon","Checkbox","forwardRef","ref","asChild","restProps","Component","getBaseProps","getWrapperProps","getInputProps","getIconProps","getLabelProps","clonedIcon","cloneElement","Wrapper","Slot","jsxs"],"mappings":"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"}
|