@zentauri-ui/zentauri-components 2.1.8 → 2.2.0
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/README.md +7 -5
- package/cli/props.json +381 -0
- package/cli/registry.json +9 -1
- package/dist/{chunk-4PAHLHYF.mjs → chunk-37KMH77M.mjs} +3 -3
- package/dist/{chunk-4PAHLHYF.mjs.map → chunk-37KMH77M.mjs.map} +1 -1
- package/dist/chunk-4KOQS4DT.mjs +96 -0
- package/dist/chunk-4KOQS4DT.mjs.map +1 -0
- package/dist/{chunk-D7ZTSAA6.mjs → chunk-5XSW5JYA.mjs} +4 -4
- package/dist/{chunk-D7ZTSAA6.mjs.map → chunk-5XSW5JYA.mjs.map} +1 -1
- package/dist/{chunk-UVP3MUBU.mjs → chunk-AMNJ35TT.mjs} +29 -7
- package/dist/chunk-AMNJ35TT.mjs.map +1 -0
- package/dist/chunk-DXNIAFBG.js +103 -0
- package/dist/chunk-DXNIAFBG.js.map +1 -0
- package/dist/chunk-EMZC6ICD.mjs +55 -0
- package/dist/chunk-EMZC6ICD.mjs.map +1 -0
- package/dist/{chunk-BAAXQPZ7.js → chunk-EPJYLBXV.js} +6 -6
- package/dist/{chunk-BAAXQPZ7.js.map → chunk-EPJYLBXV.js.map} +1 -1
- package/dist/{chunk-DPNTQ4AK.js → chunk-F3G3RL2N.js} +29 -7
- package/dist/chunk-F3G3RL2N.js.map +1 -0
- package/dist/chunk-GP3FUS2H.mjs +26 -0
- package/dist/chunk-GP3FUS2H.mjs.map +1 -0
- package/dist/chunk-HNPGWFVY.js +65 -0
- package/dist/chunk-HNPGWFVY.js.map +1 -0
- package/dist/chunk-PAISX7YL.js +38 -0
- package/dist/chunk-PAISX7YL.js.map +1 -0
- package/dist/{chunk-OWVQVAOY.mjs → chunk-TACF7MJE.mjs} +3 -3
- package/dist/{chunk-OWVQVAOY.mjs.map → chunk-TACF7MJE.mjs.map} +1 -1
- package/dist/chunk-VQJXOJ7G.js +19 -0
- package/dist/{chunk-6OVDBAMI.js.map → chunk-VQJXOJ7G.js.map} +1 -1
- package/dist/{chunk-L5QORCUO.js → chunk-YTCVWOBC.js} +12 -12
- package/dist/{chunk-L5QORCUO.js.map → chunk-YTCVWOBC.js.map} +1 -1
- package/dist/design-system/code-diff.d.ts +18 -0
- package/dist/design-system/code-diff.d.ts.map +1 -0
- package/dist/design-system/facade.js +9 -7
- package/dist/design-system/facade.js.map +1 -1
- package/dist/design-system/facade.mjs +8 -6
- package/dist/design-system/facade.mjs.map +1 -1
- package/dist/design-system/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/typing-indicator.d.ts +47 -0
- package/dist/design-system/typing-indicator.d.ts.map +1 -0
- package/dist/ui/buttons/animated.js +11 -9
- package/dist/ui/buttons/animated.js.map +1 -1
- package/dist/ui/buttons/animated.mjs +9 -7
- package/dist/ui/buttons/animated.mjs.map +1 -1
- package/dist/ui/buttons.js +12 -10
- package/dist/ui/buttons.mjs +10 -8
- package/dist/ui/code-diff/code-diff-base.d.ts +6 -0
- package/dist/ui/code-diff/code-diff-base.d.ts.map +1 -0
- package/dist/ui/code-diff/code-diff.d.ts +6 -0
- package/dist/ui/code-diff/code-diff.d.ts.map +1 -0
- package/dist/ui/code-diff/index.d.ts +4 -0
- package/dist/ui/code-diff/index.d.ts.map +1 -0
- package/dist/ui/code-diff/types.d.ts +26 -0
- package/dist/ui/code-diff/types.d.ts.map +1 -0
- package/dist/ui/code-diff/variants.d.ts +11 -0
- package/dist/ui/code-diff/variants.d.ts.map +1 -0
- package/dist/ui/code-diff.js +302 -0
- package/dist/ui/code-diff.js.map +1 -0
- package/dist/ui/code-diff.mjs +297 -0
- package/dist/ui/code-diff.mjs.map +1 -0
- package/dist/ui/data-table.js +23 -21
- package/dist/ui/data-table.js.map +1 -1
- package/dist/ui/data-table.mjs +13 -11
- package/dist/ui/data-table.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +21 -19
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +10 -8
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/pagination.js +13 -11
- package/dist/ui/pagination.mjs +10 -8
- package/dist/ui/split-button.js +23 -21
- package/dist/ui/split-button.js.map +1 -1
- package/dist/ui/split-button.mjs +10 -8
- package/dist/ui/split-button.mjs.map +1 -1
- package/dist/ui/typing-indicator/animated/animations.d.ts +8 -0
- package/dist/ui/typing-indicator/animated/animations.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated/index.d.ts +4 -0
- package/dist/ui/typing-indicator/animated/index.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated/types.d.ts +9 -0
- package/dist/ui/typing-indicator/animated/types.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts +6 -0
- package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated.js +119 -0
- package/dist/ui/typing-indicator/animated.js.map +1 -0
- package/dist/ui/typing-indicator/animated.mjs +116 -0
- package/dist/ui/typing-indicator/animated.mjs.map +1 -0
- package/dist/ui/typing-indicator/index.d.ts +4 -0
- package/dist/ui/typing-indicator/index.d.ts.map +1 -0
- package/dist/ui/typing-indicator/types.d.ts +13 -0
- package/dist/ui/typing-indicator/types.d.ts.map +1 -0
- package/dist/ui/typing-indicator/typing-indicator-base.d.ts +13 -0
- package/dist/ui/typing-indicator/typing-indicator-base.d.ts.map +1 -0
- package/dist/ui/typing-indicator/typing-indicator.d.ts +2 -0
- package/dist/ui/typing-indicator/typing-indicator.d.ts.map +1 -0
- package/dist/ui/typing-indicator/variants.d.ts +16 -0
- package/dist/ui/typing-indicator/variants.d.ts.map +1 -0
- package/dist/ui/typing-indicator.js +32 -0
- package/dist/ui/typing-indicator.js.map +1 -0
- package/dist/ui/typing-indicator.mjs +7 -0
- package/dist/ui/typing-indicator.mjs.map +1 -0
- package/package.json +4 -1
- package/src/design-system/code-diff.ts +37 -0
- package/src/design-system/index.ts +2 -0
- package/src/design-system/typing-indicator.ts +74 -0
- package/src/ui/code-diff/code-diff-base.tsx +284 -0
- package/src/ui/code-diff/code-diff.test.tsx +50 -0
- package/src/ui/code-diff/code-diff.tsx +8 -0
- package/src/ui/code-diff/index.ts +15 -0
- package/src/ui/code-diff/types.ts +31 -0
- package/src/ui/code-diff/variants.ts +49 -0
- package/src/ui/typing-indicator/animated/animations.ts +58 -0
- package/src/ui/typing-indicator/animated/index.ts +8 -0
- package/src/ui/typing-indicator/animated/types.ts +11 -0
- package/src/ui/typing-indicator/animated/typing-indicator-animated.tsx +79 -0
- package/src/ui/typing-indicator/index.ts +15 -0
- package/src/ui/typing-indicator/types.ts +20 -0
- package/src/ui/typing-indicator/typing-indicator-base.tsx +75 -0
- package/src/ui/typing-indicator/typing-indicator.test.tsx +76 -0
- package/src/ui/typing-indicator/typing-indicator.tsx +2 -0
- package/src/ui/typing-indicator/variants.ts +49 -0
- package/dist/chunk-6OVDBAMI.js +0 -19
- package/dist/chunk-DPNTQ4AK.js.map +0 -1
- package/dist/chunk-UVP3MUBU.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":["zuiDynamicStepperIndicatorToneClasses","cva","zuiDynamicStepperRootBase","zuiDynamicStepperRootOrientations","zuiDynamicStepperMapperBase","zuiDynamicStepperMapperOrientations","zuiDynamicStepperItemBase","zuiDynamicStepperItemOrientations","zuiDynamicStepperIndicatorBase","zuiDynamicStepperIndicatorSizes","useId","useDynamicStepper","jsxs","cn","jsx","Button"],"mappings":"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","file":"dynamic-stepper.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDynamicStepperIndicatorBase,\n zuiDynamicStepperIndicatorSizes,\n zuiDynamicStepperIndicatorToneClasses,\n zuiDynamicStepperItemBase,\n zuiDynamicStepperItemOrientations,\n zuiDynamicStepperMapperBase,\n zuiDynamicStepperMapperOrientations,\n zuiDynamicStepperRootBase,\n zuiDynamicStepperRootOrientations,\n type ZuiDynamicStepperIndicatorSemanticState,\n type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n state: DynamicStepperIndicatorSemanticState,\n tone: DynamicStepperIndicatorToneAppearance,\n) {\n return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n variants: {\n orientation: zuiDynamicStepperRootOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n variants: {\n orientation: zuiDynamicStepperMapperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n variants: {\n orientation: zuiDynamicStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n zuiDynamicStepperIndicatorBase,\n {\n variants: {\n size: zuiDynamicStepperIndicatorSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n dynamicStepperIndicatorToneClass,\n dynamicStepperIndicatorVariants,\n dynamicStepperItemVariants,\n dynamicStepperMapperVariants,\n dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n steps,\n orientation = \"horizontal\",\n buttonAppearance = \"outline\",\n buttonSize = \"md\",\n indicatorSize = \"md\",\n indicatorCompleteAppearance = \"emerald\",\n indicatorCurrentAppearance = \"violet\",\n indicatorUpcomingAppearance = \"outline\",\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n prevLabel = \"Previous\",\n nextLabel = \"Next\",\n className,\n ref,\n ...rest\n}: DynamicStepperProps) => {\n const baseId = useId();\n const previousId = `${baseId}-previous`;\n const nextId = `${baseId}-next`;\n const mapperId = `${baseId}-mapper`;\n\n const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n useDynamicStepper({\n stepCount: steps.length,\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n });\n\n if (steps.length === 0) {\n return null;\n }\n\n const itemOrientation =\n orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n return (\n <div\n ref={ref}\n role=\"navigation\"\n data-slot=\"dynamic-stepper\"\n className={cn(dynamicStepperRootVariants({ orientation }), className)}\n {...rest}\n >\n <Button\n id={previousId}\n data-slot=\"dynamic-stepper-previous\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoPrevious}\n onClick={goPrevious}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {prevLabel}\n </Button>\n\n <ol\n id={mapperId}\n aria-label=\"Steps\"\n data-slot=\"dynamic-stepper-mapper\"\n className={dynamicStepperMapperVariants({ orientation })}\n >\n {steps.map((step, index) => {\n const key = step.id ?? `dynamic-stepper-step-${index}`;\n const isCurrent = index === activeStep;\n const semanticState =\n index < activeStep\n ? \"complete\"\n : isCurrent\n ? \"current\"\n : \"upcoming\";\n const indicatorTone =\n semanticState === \"complete\"\n ? indicatorCompleteAppearance\n : semanticState === \"current\"\n ? indicatorCurrentAppearance\n : indicatorUpcomingAppearance;\n\n const isVertical = orientation === \"vertical\";\n\n return (\n <li\n key={key}\n data-slot=\"dynamic-stepper-item\"\n aria-current={isCurrent ? \"step\" : undefined}\n className={dynamicStepperItemVariants({\n orientation: itemOrientation,\n })}\n >\n <div\n data-slot=\"dynamic-stepper-indicator\"\n className={cn(\n dynamicStepperIndicatorVariants({ size: indicatorSize }),\n dynamicStepperIndicatorToneClass(\n semanticState,\n indicatorTone,\n ),\n )}\n >\n {step.indicator ?? index + 1}\n </div>\n <div\n className={cn(\n \"min-w-0\",\n !isVertical && \"flex flex-col items-center\",\n )}\n >\n {step.title != null && (\n <div\n className={cn(\n \"text-sm font-semibold dark:text-white text-slate-900\",\n !isVertical && \"mt-3\",\n )}\n >\n {step.title}\n </div>\n )}\n {step.description != null && (\n <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n {step.description}\n </p>\n )}\n </div>\n </li>\n );\n })}\n </ol>\n\n <Button\n id={nextId}\n data-slot=\"dynamic-stepper-next\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoNext}\n onClick={goNext}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {nextLabel}\n </Button>\n </div>\n );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":["zuiDynamicStepperIndicatorToneClasses","cva","zuiDynamicStepperRootBase","zuiDynamicStepperRootOrientations","zuiDynamicStepperMapperBase","zuiDynamicStepperMapperOrientations","zuiDynamicStepperItemBase","zuiDynamicStepperItemOrientations","zuiDynamicStepperIndicatorBase","zuiDynamicStepperIndicatorSizes","useId","useDynamicStepper","jsxs","cn","jsx","Button"],"mappings":"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","file":"dynamic-stepper.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDynamicStepperIndicatorBase,\n zuiDynamicStepperIndicatorSizes,\n zuiDynamicStepperIndicatorToneClasses,\n zuiDynamicStepperItemBase,\n zuiDynamicStepperItemOrientations,\n zuiDynamicStepperMapperBase,\n zuiDynamicStepperMapperOrientations,\n zuiDynamicStepperRootBase,\n zuiDynamicStepperRootOrientations,\n type ZuiDynamicStepperIndicatorSemanticState,\n type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n state: DynamicStepperIndicatorSemanticState,\n tone: DynamicStepperIndicatorToneAppearance,\n) {\n return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n variants: {\n orientation: zuiDynamicStepperRootOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n variants: {\n orientation: zuiDynamicStepperMapperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n variants: {\n orientation: zuiDynamicStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n zuiDynamicStepperIndicatorBase,\n {\n variants: {\n size: zuiDynamicStepperIndicatorSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n dynamicStepperIndicatorToneClass,\n dynamicStepperIndicatorVariants,\n dynamicStepperItemVariants,\n dynamicStepperMapperVariants,\n dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n steps,\n orientation = \"horizontal\",\n buttonAppearance = \"outline\",\n buttonSize = \"md\",\n indicatorSize = \"md\",\n indicatorCompleteAppearance = \"emerald\",\n indicatorCurrentAppearance = \"violet\",\n indicatorUpcomingAppearance = \"outline\",\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n prevLabel = \"Previous\",\n nextLabel = \"Next\",\n className,\n ref,\n ...rest\n}: DynamicStepperProps) => {\n const baseId = useId();\n const previousId = `${baseId}-previous`;\n const nextId = `${baseId}-next`;\n const mapperId = `${baseId}-mapper`;\n\n const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n useDynamicStepper({\n stepCount: steps.length,\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n });\n\n if (steps.length === 0) {\n return null;\n }\n\n const itemOrientation =\n orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n return (\n <div\n ref={ref}\n role=\"navigation\"\n data-slot=\"dynamic-stepper\"\n className={cn(dynamicStepperRootVariants({ orientation }), className)}\n {...rest}\n >\n <Button\n id={previousId}\n data-slot=\"dynamic-stepper-previous\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoPrevious}\n onClick={goPrevious}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {prevLabel}\n </Button>\n\n <ol\n id={mapperId}\n aria-label=\"Steps\"\n data-slot=\"dynamic-stepper-mapper\"\n className={dynamicStepperMapperVariants({ orientation })}\n >\n {steps.map((step, index) => {\n const key = step.id ?? `dynamic-stepper-step-${index}`;\n const isCurrent = index === activeStep;\n const semanticState =\n index < activeStep\n ? \"complete\"\n : isCurrent\n ? \"current\"\n : \"upcoming\";\n const indicatorTone =\n semanticState === \"complete\"\n ? indicatorCompleteAppearance\n : semanticState === \"current\"\n ? indicatorCurrentAppearance\n : indicatorUpcomingAppearance;\n\n const isVertical = orientation === \"vertical\";\n\n return (\n <li\n key={key}\n data-slot=\"dynamic-stepper-item\"\n aria-current={isCurrent ? \"step\" : undefined}\n className={dynamicStepperItemVariants({\n orientation: itemOrientation,\n })}\n >\n <div\n data-slot=\"dynamic-stepper-indicator\"\n className={cn(\n dynamicStepperIndicatorVariants({ size: indicatorSize }),\n dynamicStepperIndicatorToneClass(\n semanticState,\n indicatorTone,\n ),\n )}\n >\n {step.indicator ?? index + 1}\n </div>\n <div\n className={cn(\n \"min-w-0\",\n !isVertical && \"flex flex-col items-center\",\n )}\n >\n {step.title != null && (\n <div\n className={cn(\n \"text-sm font-semibold dark:text-white text-slate-900\",\n !isVertical && \"mt-3\",\n )}\n >\n {step.title}\n </div>\n )}\n {step.description != null && (\n <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n {step.description}\n </p>\n )}\n </div>\n </li>\n );\n })}\n </ol>\n\n <Button\n id={nextId}\n data-slot=\"dynamic-stepper-next\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoNext}\n onClick={goNext}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {nextLabel}\n </Button>\n </div>\n );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
|
|
@@ -1,35 +1,38 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
|
|
3
3
|
import '../chunk-NWOE2TZN.mjs';
|
|
4
|
-
import { Button } from '../chunk-
|
|
5
|
-
import '../chunk-
|
|
6
|
-
import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-
|
|
4
|
+
import { Button } from '../chunk-TACF7MJE.mjs';
|
|
5
|
+
import '../chunk-37KMH77M.mjs';
|
|
6
|
+
import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-AMNJ35TT.mjs';
|
|
7
7
|
import '../chunk-2NQKFH26.mjs';
|
|
8
|
+
import '../chunk-PUSCPBT2.mjs';
|
|
9
|
+
import '../chunk-YPTHTFVF.mjs';
|
|
8
10
|
import '../chunk-XY3TKIIH.mjs';
|
|
9
11
|
import '../chunk-FX5KR2GP.mjs';
|
|
10
12
|
import '../chunk-ZBAKTM2R.mjs';
|
|
11
13
|
import '../chunk-4ZBMDWWY.mjs';
|
|
12
14
|
import '../chunk-YH6MOKHR.mjs';
|
|
13
15
|
import '../chunk-T4ZLTKV2.mjs';
|
|
14
|
-
import '../chunk-
|
|
16
|
+
import '../chunk-EMZC6ICD.mjs';
|
|
17
|
+
import '../chunk-5AOVTY2X.mjs';
|
|
15
18
|
import '../chunk-523VQLCW.mjs';
|
|
16
19
|
import '../chunk-3VW4HMJT.mjs';
|
|
17
20
|
import '../chunk-LRYKMXKI.mjs';
|
|
18
21
|
import '../chunk-XFJIX2YP.mjs';
|
|
19
22
|
import '../chunk-4WG3VNVL.mjs';
|
|
20
|
-
import '../chunk-
|
|
23
|
+
import '../chunk-34LHS26H.mjs';
|
|
21
24
|
import '../chunk-JEDMUBYI.mjs';
|
|
22
25
|
import '../chunk-EJ3UMMCS.mjs';
|
|
23
26
|
import '../chunk-EE53BIXR.mjs';
|
|
24
27
|
import '../chunk-YXU2MJMT.mjs';
|
|
25
28
|
import '../chunk-3IE4IELX.mjs';
|
|
26
29
|
import '../chunk-BUEI4RMR.mjs';
|
|
27
|
-
import '../chunk-
|
|
30
|
+
import '../chunk-U64ISRUX.mjs';
|
|
28
31
|
import '../chunk-SS3T3BUL.mjs';
|
|
29
32
|
import '../chunk-SCWQSQBJ.mjs';
|
|
30
33
|
import '../chunk-ZPGYR2UP.mjs';
|
|
31
34
|
import '../chunk-MBEQ4GQ7.mjs';
|
|
32
|
-
import '../chunk-
|
|
35
|
+
import '../chunk-GP3FUS2H.mjs';
|
|
33
36
|
import '../chunk-YKTANA3H.mjs';
|
|
34
37
|
import '../chunk-ENYZGL4R.mjs';
|
|
35
38
|
import '../chunk-2VPXQ2LA.mjs';
|
|
@@ -37,7 +40,6 @@ import '../chunk-GUB3RSPR.mjs';
|
|
|
37
40
|
import '../chunk-6ERBVFDA.mjs';
|
|
38
41
|
import '../chunk-DOA4ESKS.mjs';
|
|
39
42
|
import '../chunk-QX6PPTWL.mjs';
|
|
40
|
-
import '../chunk-U64ISRUX.mjs';
|
|
41
43
|
import '../chunk-TKAOHMVA.mjs';
|
|
42
44
|
import '../chunk-HFQJRAG7.mjs';
|
|
43
45
|
import '../chunk-NIVJFG5Z.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":[],"mappings":"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","file":"dynamic-stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDynamicStepperIndicatorBase,\n zuiDynamicStepperIndicatorSizes,\n zuiDynamicStepperIndicatorToneClasses,\n zuiDynamicStepperItemBase,\n zuiDynamicStepperItemOrientations,\n zuiDynamicStepperMapperBase,\n zuiDynamicStepperMapperOrientations,\n zuiDynamicStepperRootBase,\n zuiDynamicStepperRootOrientations,\n type ZuiDynamicStepperIndicatorSemanticState,\n type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n state: DynamicStepperIndicatorSemanticState,\n tone: DynamicStepperIndicatorToneAppearance,\n) {\n return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n variants: {\n orientation: zuiDynamicStepperRootOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n variants: {\n orientation: zuiDynamicStepperMapperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n variants: {\n orientation: zuiDynamicStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n zuiDynamicStepperIndicatorBase,\n {\n variants: {\n size: zuiDynamicStepperIndicatorSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n dynamicStepperIndicatorToneClass,\n dynamicStepperIndicatorVariants,\n dynamicStepperItemVariants,\n dynamicStepperMapperVariants,\n dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n steps,\n orientation = \"horizontal\",\n buttonAppearance = \"outline\",\n buttonSize = \"md\",\n indicatorSize = \"md\",\n indicatorCompleteAppearance = \"emerald\",\n indicatorCurrentAppearance = \"violet\",\n indicatorUpcomingAppearance = \"outline\",\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n prevLabel = \"Previous\",\n nextLabel = \"Next\",\n className,\n ref,\n ...rest\n}: DynamicStepperProps) => {\n const baseId = useId();\n const previousId = `${baseId}-previous`;\n const nextId = `${baseId}-next`;\n const mapperId = `${baseId}-mapper`;\n\n const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n useDynamicStepper({\n stepCount: steps.length,\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n });\n\n if (steps.length === 0) {\n return null;\n }\n\n const itemOrientation =\n orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n return (\n <div\n ref={ref}\n role=\"navigation\"\n data-slot=\"dynamic-stepper\"\n className={cn(dynamicStepperRootVariants({ orientation }), className)}\n {...rest}\n >\n <Button\n id={previousId}\n data-slot=\"dynamic-stepper-previous\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoPrevious}\n onClick={goPrevious}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {prevLabel}\n </Button>\n\n <ol\n id={mapperId}\n aria-label=\"Steps\"\n data-slot=\"dynamic-stepper-mapper\"\n className={dynamicStepperMapperVariants({ orientation })}\n >\n {steps.map((step, index) => {\n const key = step.id ?? `dynamic-stepper-step-${index}`;\n const isCurrent = index === activeStep;\n const semanticState =\n index < activeStep\n ? \"complete\"\n : isCurrent\n ? \"current\"\n : \"upcoming\";\n const indicatorTone =\n semanticState === \"complete\"\n ? indicatorCompleteAppearance\n : semanticState === \"current\"\n ? indicatorCurrentAppearance\n : indicatorUpcomingAppearance;\n\n const isVertical = orientation === \"vertical\";\n\n return (\n <li\n key={key}\n data-slot=\"dynamic-stepper-item\"\n aria-current={isCurrent ? \"step\" : undefined}\n className={dynamicStepperItemVariants({\n orientation: itemOrientation,\n })}\n >\n <div\n data-slot=\"dynamic-stepper-indicator\"\n className={cn(\n dynamicStepperIndicatorVariants({ size: indicatorSize }),\n dynamicStepperIndicatorToneClass(\n semanticState,\n indicatorTone,\n ),\n )}\n >\n {step.indicator ?? index + 1}\n </div>\n <div\n className={cn(\n \"min-w-0\",\n !isVertical && \"flex flex-col items-center\",\n )}\n >\n {step.title != null && (\n <div\n className={cn(\n \"text-sm font-semibold dark:text-white text-slate-900\",\n !isVertical && \"mt-3\",\n )}\n >\n {step.title}\n </div>\n )}\n {step.description != null && (\n <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n {step.description}\n </p>\n )}\n </div>\n </li>\n );\n })}\n </ol>\n\n <Button\n id={nextId}\n data-slot=\"dynamic-stepper-next\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoNext}\n onClick={goNext}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {nextLabel}\n </Button>\n </div>\n );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":[],"mappings":"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","file":"dynamic-stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDynamicStepperIndicatorBase,\n zuiDynamicStepperIndicatorSizes,\n zuiDynamicStepperIndicatorToneClasses,\n zuiDynamicStepperItemBase,\n zuiDynamicStepperItemOrientations,\n zuiDynamicStepperMapperBase,\n zuiDynamicStepperMapperOrientations,\n zuiDynamicStepperRootBase,\n zuiDynamicStepperRootOrientations,\n type ZuiDynamicStepperIndicatorSemanticState,\n type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n state: DynamicStepperIndicatorSemanticState,\n tone: DynamicStepperIndicatorToneAppearance,\n) {\n return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n variants: {\n orientation: zuiDynamicStepperRootOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n variants: {\n orientation: zuiDynamicStepperMapperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n variants: {\n orientation: zuiDynamicStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n zuiDynamicStepperIndicatorBase,\n {\n variants: {\n size: zuiDynamicStepperIndicatorSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n dynamicStepperIndicatorToneClass,\n dynamicStepperIndicatorVariants,\n dynamicStepperItemVariants,\n dynamicStepperMapperVariants,\n dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n steps,\n orientation = \"horizontal\",\n buttonAppearance = \"outline\",\n buttonSize = \"md\",\n indicatorSize = \"md\",\n indicatorCompleteAppearance = \"emerald\",\n indicatorCurrentAppearance = \"violet\",\n indicatorUpcomingAppearance = \"outline\",\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n prevLabel = \"Previous\",\n nextLabel = \"Next\",\n className,\n ref,\n ...rest\n}: DynamicStepperProps) => {\n const baseId = useId();\n const previousId = `${baseId}-previous`;\n const nextId = `${baseId}-next`;\n const mapperId = `${baseId}-mapper`;\n\n const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n useDynamicStepper({\n stepCount: steps.length,\n activeStep: activeStepProp,\n defaultActiveStep,\n onActiveStepChange,\n onPrevious,\n onNext,\n });\n\n if (steps.length === 0) {\n return null;\n }\n\n const itemOrientation =\n orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n return (\n <div\n ref={ref}\n role=\"navigation\"\n data-slot=\"dynamic-stepper\"\n className={cn(dynamicStepperRootVariants({ orientation }), className)}\n {...rest}\n >\n <Button\n id={previousId}\n data-slot=\"dynamic-stepper-previous\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoPrevious}\n onClick={goPrevious}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {prevLabel}\n </Button>\n\n <ol\n id={mapperId}\n aria-label=\"Steps\"\n data-slot=\"dynamic-stepper-mapper\"\n className={dynamicStepperMapperVariants({ orientation })}\n >\n {steps.map((step, index) => {\n const key = step.id ?? `dynamic-stepper-step-${index}`;\n const isCurrent = index === activeStep;\n const semanticState =\n index < activeStep\n ? \"complete\"\n : isCurrent\n ? \"current\"\n : \"upcoming\";\n const indicatorTone =\n semanticState === \"complete\"\n ? indicatorCompleteAppearance\n : semanticState === \"current\"\n ? indicatorCurrentAppearance\n : indicatorUpcomingAppearance;\n\n const isVertical = orientation === \"vertical\";\n\n return (\n <li\n key={key}\n data-slot=\"dynamic-stepper-item\"\n aria-current={isCurrent ? \"step\" : undefined}\n className={dynamicStepperItemVariants({\n orientation: itemOrientation,\n })}\n >\n <div\n data-slot=\"dynamic-stepper-indicator\"\n className={cn(\n dynamicStepperIndicatorVariants({ size: indicatorSize }),\n dynamicStepperIndicatorToneClass(\n semanticState,\n indicatorTone,\n ),\n )}\n >\n {step.indicator ?? index + 1}\n </div>\n <div\n className={cn(\n \"min-w-0\",\n !isVertical && \"flex flex-col items-center\",\n )}\n >\n {step.title != null && (\n <div\n className={cn(\n \"text-sm font-semibold dark:text-white text-slate-900\",\n !isVertical && \"mt-3\",\n )}\n >\n {step.title}\n </div>\n )}\n {step.description != null && (\n <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n {step.description}\n </p>\n )}\n </div>\n </li>\n );\n })}\n </ol>\n\n <Button\n id={nextId}\n data-slot=\"dynamic-stepper-next\"\n type=\"button\"\n appearance={buttonAppearance}\n size={buttonSize}\n disabled={!canGoNext}\n onClick={goNext}\n className={\n orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n }\n >\n {nextLabel}\n </Button>\n </div>\n );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
|
package/dist/ui/pagination.js
CHANGED
|
@@ -1,36 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunkYTCVWOBC_js = require('../chunk-YTCVWOBC.js');
|
|
5
5
|
var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
|
|
6
|
-
require('../chunk-
|
|
7
|
-
require('../chunk-
|
|
6
|
+
require('../chunk-VQJXOJ7G.js');
|
|
7
|
+
require('../chunk-F3G3RL2N.js');
|
|
8
8
|
require('../chunk-FBUY6K6S.js');
|
|
9
|
+
require('../chunk-3MK7CWEX.js');
|
|
10
|
+
require('../chunk-KWBGLH7G.js');
|
|
9
11
|
require('../chunk-OH5VOGNW.js');
|
|
10
12
|
require('../chunk-Y7BU5RC4.js');
|
|
11
13
|
require('../chunk-NDF3HORF.js');
|
|
12
14
|
require('../chunk-USLNTKVQ.js');
|
|
13
15
|
require('../chunk-D7ATXPVI.js');
|
|
14
16
|
require('../chunk-IEHY6KNM.js');
|
|
15
|
-
require('../chunk-
|
|
17
|
+
require('../chunk-HNPGWFVY.js');
|
|
18
|
+
require('../chunk-CJCOURVM.js');
|
|
16
19
|
require('../chunk-22FJROCI.js');
|
|
17
20
|
require('../chunk-UJXFD4SK.js');
|
|
18
21
|
require('../chunk-3EJCQXGV.js');
|
|
19
22
|
require('../chunk-6KVTKYTB.js');
|
|
20
23
|
require('../chunk-L7W4NRK6.js');
|
|
21
|
-
require('../chunk-
|
|
24
|
+
require('../chunk-A7MU6SFI.js');
|
|
22
25
|
require('../chunk-WGN2CBG6.js');
|
|
23
26
|
require('../chunk-SRSRY5K2.js');
|
|
24
27
|
require('../chunk-UG3GF2BD.js');
|
|
25
28
|
require('../chunk-BZTAA3MK.js');
|
|
26
29
|
require('../chunk-PZ25OHJE.js');
|
|
27
30
|
require('../chunk-HOOZYA4N.js');
|
|
28
|
-
require('../chunk-
|
|
31
|
+
require('../chunk-7DVECOO7.js');
|
|
29
32
|
require('../chunk-KJMW7S5X.js');
|
|
30
33
|
require('../chunk-3CYJQ6KF.js');
|
|
31
34
|
require('../chunk-3453DQNL.js');
|
|
32
35
|
require('../chunk-DYSXCJGL.js');
|
|
33
|
-
require('../chunk-
|
|
36
|
+
require('../chunk-PAISX7YL.js');
|
|
34
37
|
require('../chunk-NYO3W5GY.js');
|
|
35
38
|
require('../chunk-HNRCPZCK.js');
|
|
36
39
|
require('../chunk-J2SUGU3X.js');
|
|
@@ -38,7 +41,6 @@ require('../chunk-J5NTJVKX.js');
|
|
|
38
41
|
require('../chunk-UQQHB3OI.js');
|
|
39
42
|
require('../chunk-BBM4BKSN.js');
|
|
40
43
|
require('../chunk-Y5JAQEBF.js');
|
|
41
|
-
require('../chunk-7DVECOO7.js');
|
|
42
44
|
require('../chunk-YPYPWALR.js');
|
|
43
45
|
require('../chunk-PP3L6M62.js');
|
|
44
46
|
require('../chunk-BJDT7P2I.js');
|
|
@@ -53,15 +55,15 @@ require('../chunk-PZ5AY32C.js');
|
|
|
53
55
|
|
|
54
56
|
Object.defineProperty(exports, "Pagination", {
|
|
55
57
|
enumerable: true,
|
|
56
|
-
get: function () { return
|
|
58
|
+
get: function () { return chunkYTCVWOBC_js.Pagination; }
|
|
57
59
|
});
|
|
58
60
|
Object.defineProperty(exports, "paginationEllipsisVariants", {
|
|
59
61
|
enumerable: true,
|
|
60
|
-
get: function () { return
|
|
62
|
+
get: function () { return chunkYTCVWOBC_js.paginationEllipsisVariants; }
|
|
61
63
|
});
|
|
62
64
|
Object.defineProperty(exports, "paginationListVariants", {
|
|
63
65
|
enumerable: true,
|
|
64
|
-
get: function () { return
|
|
66
|
+
get: function () { return chunkYTCVWOBC_js.paginationListVariants; }
|
|
65
67
|
});
|
|
66
68
|
Object.defineProperty(exports, "usePagination", {
|
|
67
69
|
enumerable: true,
|
package/dist/ui/pagination.mjs
CHANGED
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-
|
|
2
|
+
export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-5XSW5JYA.mjs';
|
|
3
3
|
export { usePagination } from '../chunk-YNBJAFI2.mjs';
|
|
4
|
-
import '../chunk-
|
|
5
|
-
import '../chunk-
|
|
4
|
+
import '../chunk-37KMH77M.mjs';
|
|
5
|
+
import '../chunk-AMNJ35TT.mjs';
|
|
6
6
|
import '../chunk-2NQKFH26.mjs';
|
|
7
|
+
import '../chunk-PUSCPBT2.mjs';
|
|
8
|
+
import '../chunk-YPTHTFVF.mjs';
|
|
7
9
|
import '../chunk-XY3TKIIH.mjs';
|
|
8
10
|
import '../chunk-FX5KR2GP.mjs';
|
|
9
11
|
import '../chunk-ZBAKTM2R.mjs';
|
|
10
12
|
import '../chunk-4ZBMDWWY.mjs';
|
|
11
13
|
import '../chunk-YH6MOKHR.mjs';
|
|
12
14
|
import '../chunk-T4ZLTKV2.mjs';
|
|
13
|
-
import '../chunk-
|
|
15
|
+
import '../chunk-EMZC6ICD.mjs';
|
|
16
|
+
import '../chunk-5AOVTY2X.mjs';
|
|
14
17
|
import '../chunk-523VQLCW.mjs';
|
|
15
18
|
import '../chunk-3VW4HMJT.mjs';
|
|
16
19
|
import '../chunk-LRYKMXKI.mjs';
|
|
17
20
|
import '../chunk-XFJIX2YP.mjs';
|
|
18
21
|
import '../chunk-4WG3VNVL.mjs';
|
|
19
|
-
import '../chunk-
|
|
22
|
+
import '../chunk-34LHS26H.mjs';
|
|
20
23
|
import '../chunk-JEDMUBYI.mjs';
|
|
21
24
|
import '../chunk-EJ3UMMCS.mjs';
|
|
22
25
|
import '../chunk-EE53BIXR.mjs';
|
|
23
26
|
import '../chunk-YXU2MJMT.mjs';
|
|
24
27
|
import '../chunk-3IE4IELX.mjs';
|
|
25
28
|
import '../chunk-BUEI4RMR.mjs';
|
|
26
|
-
import '../chunk-
|
|
29
|
+
import '../chunk-U64ISRUX.mjs';
|
|
27
30
|
import '../chunk-SS3T3BUL.mjs';
|
|
28
31
|
import '../chunk-SCWQSQBJ.mjs';
|
|
29
32
|
import '../chunk-ZPGYR2UP.mjs';
|
|
30
33
|
import '../chunk-MBEQ4GQ7.mjs';
|
|
31
|
-
import '../chunk-
|
|
34
|
+
import '../chunk-GP3FUS2H.mjs';
|
|
32
35
|
import '../chunk-YKTANA3H.mjs';
|
|
33
36
|
import '../chunk-ENYZGL4R.mjs';
|
|
34
37
|
import '../chunk-2VPXQ2LA.mjs';
|
|
@@ -36,7 +39,6 @@ import '../chunk-GUB3RSPR.mjs';
|
|
|
36
39
|
import '../chunk-6ERBVFDA.mjs';
|
|
37
40
|
import '../chunk-DOA4ESKS.mjs';
|
|
38
41
|
import '../chunk-QX6PPTWL.mjs';
|
|
39
|
-
import '../chunk-U64ISRUX.mjs';
|
|
40
42
|
import '../chunk-TKAOHMVA.mjs';
|
|
41
43
|
import '../chunk-HFQJRAG7.mjs';
|
|
42
44
|
import '../chunk-NIVJFG5Z.mjs';
|
package/dist/ui/split-button.js
CHANGED
|
@@ -4,35 +4,38 @@
|
|
|
4
4
|
var chunk4SLVTSHM_js = require('../chunk-4SLVTSHM.js');
|
|
5
5
|
require('../chunk-7DCFVPWN.js');
|
|
6
6
|
require('../chunk-XR3J46TZ.js');
|
|
7
|
-
require('../chunk-
|
|
8
|
-
var
|
|
9
|
-
var
|
|
7
|
+
require('../chunk-EPJYLBXV.js');
|
|
8
|
+
var chunkVQJXOJ7G_js = require('../chunk-VQJXOJ7G.js');
|
|
9
|
+
var chunkF3G3RL2N_js = require('../chunk-F3G3RL2N.js');
|
|
10
10
|
require('../chunk-FBUY6K6S.js');
|
|
11
|
+
require('../chunk-3MK7CWEX.js');
|
|
12
|
+
require('../chunk-KWBGLH7G.js');
|
|
11
13
|
require('../chunk-OH5VOGNW.js');
|
|
12
14
|
require('../chunk-Y7BU5RC4.js');
|
|
13
15
|
require('../chunk-NDF3HORF.js');
|
|
14
16
|
require('../chunk-USLNTKVQ.js');
|
|
15
17
|
require('../chunk-D7ATXPVI.js');
|
|
16
18
|
require('../chunk-IEHY6KNM.js');
|
|
17
|
-
require('../chunk-
|
|
19
|
+
require('../chunk-HNPGWFVY.js');
|
|
20
|
+
require('../chunk-CJCOURVM.js');
|
|
18
21
|
require('../chunk-22FJROCI.js');
|
|
19
22
|
require('../chunk-UJXFD4SK.js');
|
|
20
23
|
require('../chunk-3EJCQXGV.js');
|
|
21
24
|
require('../chunk-6KVTKYTB.js');
|
|
22
25
|
require('../chunk-L7W4NRK6.js');
|
|
23
|
-
require('../chunk-
|
|
26
|
+
require('../chunk-A7MU6SFI.js');
|
|
24
27
|
require('../chunk-WGN2CBG6.js');
|
|
25
28
|
require('../chunk-SRSRY5K2.js');
|
|
26
29
|
require('../chunk-UG3GF2BD.js');
|
|
27
30
|
require('../chunk-BZTAA3MK.js');
|
|
28
31
|
require('../chunk-PZ25OHJE.js');
|
|
29
32
|
require('../chunk-HOOZYA4N.js');
|
|
30
|
-
require('../chunk-
|
|
33
|
+
require('../chunk-7DVECOO7.js');
|
|
31
34
|
require('../chunk-KJMW7S5X.js');
|
|
32
35
|
require('../chunk-3CYJQ6KF.js');
|
|
33
36
|
require('../chunk-3453DQNL.js');
|
|
34
37
|
require('../chunk-DYSXCJGL.js');
|
|
35
|
-
require('../chunk-
|
|
38
|
+
require('../chunk-PAISX7YL.js');
|
|
36
39
|
require('../chunk-NYO3W5GY.js');
|
|
37
40
|
require('../chunk-HNRCPZCK.js');
|
|
38
41
|
require('../chunk-J2SUGU3X.js');
|
|
@@ -40,7 +43,6 @@ require('../chunk-J5NTJVKX.js');
|
|
|
40
43
|
require('../chunk-UQQHB3OI.js');
|
|
41
44
|
require('../chunk-BBM4BKSN.js');
|
|
42
45
|
require('../chunk-Y5JAQEBF.js');
|
|
43
|
-
require('../chunk-7DVECOO7.js');
|
|
44
46
|
require('../chunk-YPYPWALR.js');
|
|
45
47
|
require('../chunk-PP3L6M62.js');
|
|
46
48
|
require('../chunk-BJDT7P2I.js');
|
|
@@ -55,38 +57,38 @@ var fi = require('react-icons/fi');
|
|
|
55
57
|
var classVarianceAuthority = require('class-variance-authority');
|
|
56
58
|
var jsxRuntime = require('react/jsx-runtime');
|
|
57
59
|
|
|
58
|
-
var splitButtonRootVariants = classVarianceAuthority.cva(
|
|
60
|
+
var splitButtonRootVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonRoot, {
|
|
59
61
|
variants: {
|
|
60
62
|
fullWidth: {
|
|
61
|
-
true:
|
|
63
|
+
true: chunkF3G3RL2N_js.zuiSplitButtonFullWidth
|
|
62
64
|
}
|
|
63
65
|
}
|
|
64
66
|
});
|
|
65
|
-
var splitButtonDropdownVariants = classVarianceAuthority.cva(
|
|
67
|
+
var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonDropdown, {
|
|
66
68
|
variants: {
|
|
67
69
|
fullWidth: {
|
|
68
|
-
true:
|
|
70
|
+
true: chunkF3G3RL2N_js.zuiSplitButtonFullWidth
|
|
69
71
|
}
|
|
70
72
|
}
|
|
71
73
|
});
|
|
72
|
-
var splitButtonGroupVariants = classVarianceAuthority.cva(
|
|
74
|
+
var splitButtonGroupVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonGroup, {
|
|
73
75
|
variants: {
|
|
74
76
|
fullWidth: {
|
|
75
|
-
true:
|
|
77
|
+
true: chunkF3G3RL2N_js.zuiSplitButtonFullWidth
|
|
76
78
|
}
|
|
77
79
|
}
|
|
78
80
|
});
|
|
79
|
-
var splitButtonPrimaryVariants = classVarianceAuthority.cva(
|
|
80
|
-
var splitButtonTriggerVariants = classVarianceAuthority.cva(
|
|
81
|
+
var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonPrimary);
|
|
82
|
+
var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonTrigger, {
|
|
81
83
|
variants: {
|
|
82
|
-
size:
|
|
84
|
+
size: chunkF3G3RL2N_js.zuiSplitButtonTriggerSizes
|
|
83
85
|
},
|
|
84
86
|
defaultVariants: {
|
|
85
87
|
size: "md"
|
|
86
88
|
}
|
|
87
89
|
});
|
|
88
|
-
var splitButtonContentVariants = classVarianceAuthority.cva(
|
|
89
|
-
var splitButtonItemDisabledVariants = classVarianceAuthority.cva(
|
|
90
|
+
var splitButtonContentVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonContent);
|
|
91
|
+
var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkF3G3RL2N_js.zuiSplitButtonItemDisabled);
|
|
90
92
|
var variantAppearanceMap = {
|
|
91
93
|
primary: "default",
|
|
92
94
|
secondary: "secondary",
|
|
@@ -197,7 +199,7 @@ function SplitButtonBase({
|
|
|
197
199
|
disabled: isUnavailable,
|
|
198
200
|
onClick,
|
|
199
201
|
className: chunkZS5756ZC_js.cn(
|
|
200
|
-
|
|
202
|
+
chunkVQJXOJ7G_js.buttonVariants({ appearance: resolvedAppearance, size }),
|
|
201
203
|
splitButtonPrimaryVariants()
|
|
202
204
|
),
|
|
203
205
|
children: [
|
|
@@ -220,7 +222,7 @@ function SplitButtonBase({
|
|
|
220
222
|
"aria-label": menuLabel,
|
|
221
223
|
disabled: isUnavailable,
|
|
222
224
|
className: chunkZS5756ZC_js.cn(
|
|
223
|
-
|
|
225
|
+
chunkVQJXOJ7G_js.buttonVariants({ appearance: resolvedAppearance, size }),
|
|
224
226
|
splitButtonTriggerVariants({ size })
|
|
225
227
|
),
|
|
226
228
|
children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiChevronDown, { "aria-hidden": true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["cva","zuiSplitButtonRoot","zuiSplitButtonFullWidth","zuiSplitButtonDropdown","zuiSplitButtonGroup","zuiSplitButtonPrimary","zuiSplitButtonTrigger","zuiSplitButtonTriggerSizes","zuiSplitButtonContent","zuiSplitButtonItemDisabled","useState","useRef","useEffect","jsx","cn","jsxs","Dropdown","buttonVariants","FiLoader","DropdownTrigger","FiChevronDown","DropdownContent","DropdownItem"],"mappings":"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","file":"split-button.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["cva","zuiSplitButtonRoot","zuiSplitButtonFullWidth","zuiSplitButtonDropdown","zuiSplitButtonGroup","zuiSplitButtonPrimary","zuiSplitButtonTrigger","zuiSplitButtonTriggerSizes","zuiSplitButtonContent","zuiSplitButtonItemDisabled","useState","useRef","useEffect","jsx","cn","jsxs","Dropdown","buttonVariants","FiLoader","DropdownTrigger","FiChevronDown","DropdownContent","DropdownItem"],"mappings":"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","file":"split-button.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
|
package/dist/ui/split-button.mjs
CHANGED
|
@@ -2,35 +2,38 @@
|
|
|
2
2
|
import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem } from '../chunk-IHDM7AHY.mjs';
|
|
3
3
|
import '../chunk-VXDEPZKH.mjs';
|
|
4
4
|
import '../chunk-VBNW2B4D.mjs';
|
|
5
|
-
import '../chunk-
|
|
6
|
-
import { buttonVariants } from '../chunk-
|
|
7
|
-
import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-
|
|
5
|
+
import '../chunk-TACF7MJE.mjs';
|
|
6
|
+
import { buttonVariants } from '../chunk-37KMH77M.mjs';
|
|
7
|
+
import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-AMNJ35TT.mjs';
|
|
8
8
|
import '../chunk-2NQKFH26.mjs';
|
|
9
|
+
import '../chunk-PUSCPBT2.mjs';
|
|
10
|
+
import '../chunk-YPTHTFVF.mjs';
|
|
9
11
|
import '../chunk-XY3TKIIH.mjs';
|
|
10
12
|
import '../chunk-FX5KR2GP.mjs';
|
|
11
13
|
import '../chunk-ZBAKTM2R.mjs';
|
|
12
14
|
import '../chunk-4ZBMDWWY.mjs';
|
|
13
15
|
import '../chunk-YH6MOKHR.mjs';
|
|
14
16
|
import '../chunk-T4ZLTKV2.mjs';
|
|
15
|
-
import '../chunk-
|
|
17
|
+
import '../chunk-EMZC6ICD.mjs';
|
|
18
|
+
import '../chunk-5AOVTY2X.mjs';
|
|
16
19
|
import '../chunk-523VQLCW.mjs';
|
|
17
20
|
import '../chunk-3VW4HMJT.mjs';
|
|
18
21
|
import '../chunk-LRYKMXKI.mjs';
|
|
19
22
|
import '../chunk-XFJIX2YP.mjs';
|
|
20
23
|
import '../chunk-4WG3VNVL.mjs';
|
|
21
|
-
import '../chunk-
|
|
24
|
+
import '../chunk-34LHS26H.mjs';
|
|
22
25
|
import '../chunk-JEDMUBYI.mjs';
|
|
23
26
|
import '../chunk-EJ3UMMCS.mjs';
|
|
24
27
|
import '../chunk-EE53BIXR.mjs';
|
|
25
28
|
import '../chunk-YXU2MJMT.mjs';
|
|
26
29
|
import '../chunk-3IE4IELX.mjs';
|
|
27
30
|
import '../chunk-BUEI4RMR.mjs';
|
|
28
|
-
import '../chunk-
|
|
31
|
+
import '../chunk-U64ISRUX.mjs';
|
|
29
32
|
import '../chunk-SS3T3BUL.mjs';
|
|
30
33
|
import '../chunk-SCWQSQBJ.mjs';
|
|
31
34
|
import '../chunk-ZPGYR2UP.mjs';
|
|
32
35
|
import '../chunk-MBEQ4GQ7.mjs';
|
|
33
|
-
import '../chunk-
|
|
36
|
+
import '../chunk-GP3FUS2H.mjs';
|
|
34
37
|
import '../chunk-YKTANA3H.mjs';
|
|
35
38
|
import '../chunk-ENYZGL4R.mjs';
|
|
36
39
|
import '../chunk-2VPXQ2LA.mjs';
|
|
@@ -38,7 +41,6 @@ import '../chunk-GUB3RSPR.mjs';
|
|
|
38
41
|
import '../chunk-6ERBVFDA.mjs';
|
|
39
42
|
import '../chunk-DOA4ESKS.mjs';
|
|
40
43
|
import '../chunk-QX6PPTWL.mjs';
|
|
41
|
-
import '../chunk-U64ISRUX.mjs';
|
|
42
44
|
import '../chunk-TKAOHMVA.mjs';
|
|
43
45
|
import '../chunk-HFQJRAG7.mjs';
|
|
44
46
|
import '../chunk-NIVJFG5Z.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["jsx"],"mappings":"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","file":"split-button.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["jsx"],"mappings":"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","file":"split-button.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiSplitButtonContent,\n zuiSplitButtonDropdown,\n zuiSplitButtonFullWidth,\n zuiSplitButtonGroup,\n zuiSplitButtonItemDisabled,\n zuiSplitButtonPrimary,\n zuiSplitButtonRoot,\n zuiSplitButtonTrigger,\n zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n variants: {\n fullWidth: {\n true: zuiSplitButtonFullWidth,\n },\n },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n variants: {\n size: zuiSplitButtonTriggerSizes,\n },\n defaultVariants: {\n size: \"md\",\n },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n Dropdown,\n DropdownContent,\n DropdownItem,\n DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n SplitButtonAppearance,\n SplitButtonProps,\n SplitButtonVariant,\n} from \"./types\";\nimport {\n splitButtonContentVariants,\n splitButtonDropdownVariants,\n splitButtonGroupVariants,\n splitButtonItemDisabledVariants,\n splitButtonPrimaryVariants,\n splitButtonRootVariants,\n splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n primary: \"default\",\n secondary: \"secondary\",\n outline: \"outline\",\n ghost: \"ghost\",\n danger: \"destructive\",\n success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n appearance,\n variant,\n}: {\n appearance?: SplitButtonAppearance;\n variant?: SplitButtonVariant;\n}) {\n return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n label,\n onClick,\n items,\n disabled = false,\n loading = false,\n appearance,\n variant,\n size = \"md\",\n startIcon,\n fullWidth = false,\n open: controlledOpen,\n defaultOpen = false,\n onOpenChange,\n triggerLabel,\n triggerOn = \"click\",\n className,\n ref,\n ...rest\n}: SplitButtonProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isUnavailable = disabled || loading;\n const resolvedAppearance = resolveAppearance({ appearance, variant });\n const isControlled = controlledOpen !== undefined;\n const open = isUnavailable\n ? false\n : isControlled\n ? controlledOpen\n : uncontrolledOpen;\n\n const setOpen = (nextOpen: boolean) => {\n if (isUnavailable && nextOpen) {\n return;\n }\n if (!isControlled) {\n setUncontrolledOpen(nextOpen);\n }\n onOpenChange?.(nextOpen);\n };\n\n const fullWidthFlag = fullWidth ? \"true\" : undefined;\n const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n // Shared timeout ref for hover mode: delays close so the cursor can\n // travel through the mt-2 gap between the button and the menu panel\n // without dismissing the menu.\n const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const scheduleClose = () => {\n cancelClose();\n hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n };\n\n const cancelClose = () => {\n if (hoverCloseRef.current !== null) {\n clearTimeout(hoverCloseRef.current);\n hoverCloseRef.current = null;\n }\n };\n\n useEffect(() => cancelClose, []);\n\n useEffect(() => {\n if (isUnavailable && !isControlled) {\n setUncontrolledOpen(false);\n onOpenChange?.(false);\n }\n }, [isUnavailable, onOpenChange, isControlled]);\n\n const dropdownHoverHandlers =\n triggerOn === \"hover\"\n ? {\n onMouseEnter: () => {\n cancelClose();\n setOpen(true);\n },\n onMouseLeave: scheduleClose,\n }\n : undefined;\n\n const contentHoverHandlers =\n triggerOn === \"hover\"\n ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n : undefined;\n\n return (\n <div\n ref={ref}\n data-slot=\"split-button\"\n data-full-width={fullWidthFlag}\n className={cn(splitButtonRootVariants({ fullWidth }), className)}\n {...rest}\n >\n <Dropdown\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={setOpen}\n data-full-width={fullWidthFlag}\n className={splitButtonDropdownVariants({ fullWidth })}\n {...dropdownHoverHandlers}\n >\n <div\n data-slot=\"split-button-group\"\n data-full-width={fullWidthFlag}\n className={splitButtonGroupVariants({ fullWidth })}\n >\n <button\n type=\"button\"\n data-slot=\"split-button-primary\"\n data-full-width={fullWidthFlag}\n disabled={isUnavailable}\n onClick={onClick}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonPrimaryVariants(),\n )}\n >\n {loading ? (\n <FiLoader\n aria-hidden\n className=\"animate-spin\"\n data-slot=\"split-button-spinner-icon\"\n />\n ) : (\n startIcon\n )}\n <span>{label}</span>\n {loading ? (\n <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n ) : null}\n </button>\n\n <DropdownTrigger\n aria-label={menuLabel}\n disabled={isUnavailable}\n className={cn(\n buttonVariants({ appearance: resolvedAppearance, size }),\n splitButtonTriggerVariants({ size }),\n )}\n >\n <FiChevronDown aria-hidden />\n </DropdownTrigger>\n </div>\n\n <DropdownContent\n className={splitButtonContentVariants()}\n placement=\"bottom\"\n {...contentHoverHandlers}\n >\n {items.map((item) => (\n <DropdownItem\n key={item.id}\n leftIcon={item.icon}\n aria-disabled={item.disabled ? \"true\" : undefined}\n className={\n item.disabled ? splitButtonItemDisabledVariants() : undefined\n }\n onClick={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onKeyDown={(event) => {\n if (item.disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n }}\n onSelect={() => {\n setOpen(false);\n item.onSelect?.();\n }}\n >\n {item.label}\n </DropdownItem>\n ))}\n </DropdownContent>\n </Dropdown>\n </div>\n );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
|