@zentauri-ui/zentauri-components 1.7.2 → 1.7.3
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 +5 -3
- package/cli/registry.json +1 -0
- package/dist/chunk-KEKMMNL5.mjs +600 -0
- package/dist/chunk-KEKMMNL5.mjs.map +1 -0
- package/dist/chunk-NZDHSIIC.js +616 -0
- package/dist/chunk-NZDHSIIC.js.map +1 -0
- package/dist/design-system/command.d.ts +41 -0
- package/dist/design-system/command.d.ts.map +1 -0
- package/dist/design-system/index.d.ts +1 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/ui/command/animated/animations.d.ts +3 -0
- package/dist/ui/command/animated/animations.d.ts.map +1 -0
- package/dist/ui/command/animated/command-content-animated.d.ts +6 -0
- package/dist/ui/command/animated/command-content-animated.d.ts.map +1 -0
- package/dist/ui/command/animated/index.d.ts +4 -0
- package/dist/ui/command/animated/index.d.ts.map +1 -0
- package/dist/ui/command/animated/types.d.ts +9 -0
- package/dist/ui/command/animated/types.d.ts.map +1 -0
- package/dist/ui/command/animated.js +92 -0
- package/dist/ui/command/animated.js.map +1 -0
- package/dist/ui/command/animated.mjs +89 -0
- package/dist/ui/command/animated.mjs.map +1 -0
- package/dist/ui/command/command-base.d.ts +53 -0
- package/dist/ui/command/command-base.d.ts.map +1 -0
- package/dist/ui/command/command.d.ts +6 -0
- package/dist/ui/command/command.d.ts.map +1 -0
- package/dist/ui/command/index.d.ts +5 -0
- package/dist/ui/command/index.d.ts.map +1 -0
- package/dist/ui/command/types.d.ts +111 -0
- package/dist/ui/command/types.d.ts.map +1 -0
- package/dist/ui/command/variants.d.ts +15 -0
- package/dist/ui/command/variants.d.ts.map +1 -0
- package/dist/ui/command.js +69 -0
- package/dist/ui/command.js.map +1 -0
- package/dist/ui/command.mjs +16 -0
- package/dist/ui/command.mjs.map +1 -0
- package/package.json +1 -1
- package/src/design-system/command.ts +80 -0
- package/src/design-system/index.ts +1 -0
- package/src/ui/command/animated/animations.ts +29 -0
- package/src/ui/command/animated/command-content-animated.tsx +58 -0
- package/src/ui/command/animated/index.ts +10 -0
- package/src/ui/command/animated/types.ts +23 -0
- package/src/ui/command/command-base.tsx +660 -0
- package/src/ui/command/command.test.tsx +130 -0
- package/src/ui/command/command.tsx +8 -0
- package/src/ui/command/index.ts +34 -0
- package/src/ui/command/types.ts +129 -0
- package/src/ui/command/variants.ts +41 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/command.ts","../src/ui/command/variants.ts","../src/ui/command/command-base.tsx"],"names":["cva","createContext","useContext","useState","useEffect","createPortal","useFocusManagement","cn","jsxs","jsx","useCallback","useId","useRef","useMemo"],"mappings":"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","file":"chunk-NZDHSIIC.js","sourcesContent":["export const zuiCommandOverlayBase =\n \"fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,oklch(12.9%_0.042_264.695_/_0.6))] backdrop-blur-sm\";\n\nexport const zuiCommandTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,#0000001a)] dark:border-[color:var(--zui-command-trigger-border-dark,#ffffff1a)] bg-[var(--zui-command-trigger-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-trigger-bg-dark,oklch(12.9%_0.042_264.695))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-command-trigger-fg-dark,oklch(86.9%_0.022_252.894))] transition hover:bg-black/5 dark:hover:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-500/40\";\n\nexport const zuiCommandContentBase =\n \"fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,#0000001a)] dark:border-[color:var(--zui-command-content-border-dark,#ffffff1a)] bg-[var(--zui-command-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-command-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-command-content-shadow,0_12px_40px_rgba(15,23,42,0.18))] dark:shadow-[var(--zui-command-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.6))] focus:outline-none\";\n\nexport const zuiCommandContentSizes = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n} as const;\n\nexport const zuiCommandInputRowBase =\n \"flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,#0000000f)] dark:border-[color:var(--zui-command-input-border-dark,#ffffff14)] px-4\";\n\nexport const zuiCommandInputBase =\n \"h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-input-fg-dark,oklch(98.4%_0.003_247.858))] placeholder:text-[color:var(--zui-command-input-placeholder,oklch(55.1%_0.027_264.364))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,oklch(55.1%_0.027_264.364))] focus:outline-none\";\n\nexport const zuiCommandListBase =\n \"max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2\";\n\nexport const zuiCommandGroupHeadingBase =\n \"px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-group-heading-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandItemBase =\n \"flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-command-item-fg-dark,oklch(86.9%_0.022_252.894))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,oklch(95.1%_0.026_236.824))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,oklch(28.2%_0.091_267.935_/_0.55))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,oklch(20.8%_0.042_265.755))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,oklch(98.4%_0.003_247.858))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50\";\n\nexport const zuiCommandSeparatorBase =\n \"my-1 h-px bg-[var(--zui-command-separator-bg,#0000000f)] dark:bg-[var(--zui-command-separator-bg-dark,#ffffff14)]\";\n\nexport const zuiCommandEmptyBase =\n \"px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-empty-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandFooterBase =\n \"flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,#0000000f)] dark:border-[color:var(--zui-command-footer-border-dark,#ffffff14)] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-footer-fg-dark,oklch(70.7%_0.022_261.325))]\";\n\nexport const zuiCommandContentAppearances = {\n default:\n \"bg-[var(--zui-command-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n glass:\n \"border-[color:var(--zui-command-content-glass-border,#00000026)] dark:border-[color:var(--zui-command-content-glass-border-dark,#ffffff26)] bg-[var(--zui-command-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-command-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-command-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-command-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-command-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-command-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-command-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-command-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-command-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-command-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-command-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-command-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-command-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-command-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-command-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-command-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-command-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-command-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-command-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-command-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-command-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-command-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-command-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-command-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-command-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-command-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-command-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-command-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-command-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-command-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-command-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-command-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-command-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-command-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-command-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-command-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-command-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-command-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-command-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-command-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-command-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-command-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-command-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-command-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-command-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-command-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.85))] to-[var(--zui-command-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-command-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-command-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.85))] to-[var(--zui-command-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-command-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.85))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-command-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-command-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.85))] to-[var(--zui-command-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-command-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.85))] to-[var(--zui-command-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.85))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-command-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.85))] to-[var(--zui-command-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-command-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.85))] to-[var(--zui-command-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.85))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-command-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.85))] to-[var(--zui-command-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-command-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiCommandContentAppearances,\n zuiCommandContentBase,\n zuiCommandContentSizes,\n zuiCommandEmptyBase,\n zuiCommandFooterBase,\n zuiCommandGroupHeadingBase,\n zuiCommandInputBase,\n zuiCommandInputRowBase,\n zuiCommandItemBase,\n zuiCommandListBase,\n zuiCommandOverlayBase,\n zuiCommandSeparatorBase,\n zuiCommandTriggerBase,\n} from \"../../design-system/command\";\n\nexport const commandOverlayVariants = cva(zuiCommandOverlayBase);\n\nexport const commandTriggerVariants = cva(zuiCommandTriggerBase);\n\nexport const commandContentVariants = cva(zuiCommandContentBase, {\n variants: {\n size: zuiCommandContentSizes,\n appearance: zuiCommandContentAppearances,\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n },\n});\n\nexport const commandInputRowVariants = cva(zuiCommandInputRowBase);\nexport const commandInputVariants = cva(zuiCommandInputBase);\nexport const commandListVariants = cva(zuiCommandListBase);\nexport const commandGroupHeadingVariants = cva(zuiCommandGroupHeadingBase);\nexport const commandItemVariants = cva(zuiCommandItemBase);\nexport const commandSeparatorVariants = cva(zuiCommandSeparatorBase);\nexport const commandEmptyVariants = cva(zuiCommandEmptyBase);\nexport const commandFooterVariants = cva(zuiCommandFooterBase);\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n CommandContentProps,\n CommandCtx,\n CommandGroupProps,\n CommandInputProps,\n CommandItemProps,\n CommandListProps,\n CommandProps,\n CommandSectionProps,\n CommandTriggerProps,\n ItemMeta,\n RegisteredItem,\n CommandContentVariantProps,\n CommandContentLayerProps,\n CommandContentOverlayRenderProps,\n CommandContentPanelRenderProps\n} from \"./types\";\nimport {\n commandContentVariants,\n commandEmptyVariants,\n commandFooterVariants,\n commandGroupHeadingVariants,\n commandInputRowVariants,\n commandInputVariants,\n commandItemVariants,\n commandListVariants,\n commandOverlayVariants,\n commandSeparatorVariants,\n commandTriggerVariants\n} from \"./variants\";\n\nconst CommandContext = createContext<CommandCtx | null>(null);\n\nexport function useCommandContext(component: string): CommandCtx {\n const ctx = useContext(CommandContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Command>`);\n }\n return ctx;\n}\n\nfunction itemMatches(\n value: string,\n meta: ItemMeta,\n normalized: string,\n): boolean {\n if (!normalized) {\n return true;\n }\n if (value.toLowerCase().includes(normalized)) {\n return true;\n }\n if (meta.searchText?.toLowerCase().includes(normalized)) {\n return true;\n }\n return Boolean(\n meta.keywords?.some((keyword) =>\n keyword.toLowerCase().includes(normalized),\n ),\n );\n}\n\nfunction isEditableEventTarget(target: EventTarget | null): boolean {\n if (!(target instanceof HTMLElement)) {\n return false;\n }\n if (target.isContentEditable) {\n return true;\n }\n return Boolean(\n target.closest(\"input, textarea, select, [contenteditable=true]\"),\n );\n}\n\nfunction useCommandPortalTarget(): HTMLElement | null {\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n setIsMounted(true);\n }, []);\n\n if (!isMounted) {\n return null;\n }\n\n return document.body;\n}\n\nexport function CommandPortal({ children }: { children: ReactNode }) {\n const portalTarget = useCommandPortalTarget();\n\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(children, portalTarget);\n}\n\nexport function CommandPortalFrame({ children }: { children: ReactNode }) {\n return (\n <div className=\"fixed inset-0 z-9999\" data-slot=\"command-portal\">\n {children}\n </div>\n );\n}\n\nexport function CommandContentLayer({\n className,\n size,\n appearance,\n children,\n ref,\n id,\n style,\n componentName,\n renderPresence,\n renderOverlay,\n renderPanel,\n}: CommandContentLayerProps) {\n const { open, setOpen, labelId, contentRef, triggerRef } =\n useCommandContext(componentName);\n\n useFocusManagement({\n open,\n setOpen,\n contentRef,\n triggerRef,\n });\n\n const overlayProps: CommandContentOverlayRenderProps = {\n role: \"presentation\",\n \"data-slot\": \"command-overlay\",\n className: commandOverlayVariants(),\n onClick: () => setOpen(false),\n };\n\n const panelProps: CommandContentPanelRenderProps = {\n ref: (node) => {\n contentRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLDivElement | null>).current = node;\n }\n },\n role: \"dialog\",\n \"aria-modal\": true,\n \"aria-labelledby\": labelId,\n \"data-slot\": \"command-content\",\n tabIndex: -1,\n className: cn(commandContentVariants({ size, appearance }), className),\n id,\n style,\n children,\n };\n\n const content = open ? (\n <CommandPortalFrame>\n {renderOverlay ? renderOverlay(overlayProps) : <div {...overlayProps} />}\n {renderPanel ? renderPanel(panelProps) : <div {...panelProps} />}\n </CommandPortalFrame>\n ) : null;\n\n return (\n <CommandPortal>\n {renderPresence ? renderPresence(content) : content}\n </CommandPortal>\n );\n}\n\nexport function Command({\n open,\n defaultOpen = false,\n onOpenChange,\n hotkey,\n label = \"Command menu\",\n children,\n}: CommandProps) {\n const isControlled = open !== undefined;\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolledOpen(next);\n }\n onOpenChange?.(next);\n },\n [isControlled, onOpenChange],\n );\n\n const labelId = useId();\n const listId = useId();\n const contentRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n const [query, setQuery] = useState(\"\");\n const [activeValue, setActiveValue] = useState<string | null>(null);\n const itemsRef = useRef<RegisteredItem[]>([]);\n const [registryVersion, setRegistryVersion] = useState(0);\n\n const registerItem = useCallback((item: RegisteredItem) => {\n itemsRef.current = [...itemsRef.current, item];\n setRegistryVersion((version) => version + 1);\n return () => {\n itemsRef.current = itemsRef.current.filter((entry) => entry !== item);\n setRegistryVersion((version) => version + 1);\n };\n }, []);\n\n const invalidateRegistry = useCallback(() => {\n setRegistryVersion((version) => version + 1);\n }, []);\n\n const visibleValues = useMemo(() => {\n void registryVersion;\n const normalized = query.trim().toLowerCase();\n return itemsRef.current\n .filter((item) => {\n const meta = item.metaRef.current;\n if (meta.disabled) {\n return false;\n }\n return itemMatches(item.value, meta, normalized);\n })\n .map((item) => item.value);\n }, [query, registryVersion]);\n\n const visibleSet = useMemo(() => new Set(visibleValues), [visibleValues]);\n const isVisible = useCallback(\n (value: string) => visibleSet.has(value),\n [visibleSet],\n );\n\n const selectValue = useCallback((value: string) => {\n const entry = itemsRef.current.find((item) => item.value === value);\n if (!entry || entry.metaRef.current.disabled) {\n return false;\n }\n entry?.metaRef.current.onSelect?.(value);\n return true;\n }, []);\n\n // Reset transient state when the palette closes; keep active in sync with results.\n useEffect(() => {\n if (!resolvedOpen) {\n setQuery(\"\");\n setActiveValue(null);\n }\n }, [resolvedOpen]);\n\n useEffect(() => {\n if (!resolvedOpen) {\n return;\n }\n if (activeValue && visibleSet.has(activeValue)) {\n return;\n }\n setActiveValue(visibleValues[0] ?? null);\n }, [resolvedOpen, activeValue, visibleSet, visibleValues]);\n\n // Global hotkey: meta/ctrl + key toggles the palette.\n useEffect(() => {\n if (!hotkey) {\n return;\n }\n const key = (typeof hotkey === \"string\" ? hotkey : \"k\").toLowerCase();\n const handler = (event: KeyboardEvent) => {\n if (isEditableEventTarget(event.target)) {\n return;\n }\n if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n event.preventDefault();\n setOpen(!resolvedOpen);\n }\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [hotkey, resolvedOpen, setOpen]);\n\n const ctx = useMemo<CommandCtx>(\n () => ({\n open: resolvedOpen,\n setOpen,\n labelId,\n listId,\n query,\n setQuery,\n activeValue,\n setActiveValue,\n visibleValues,\n isVisible,\n registerItem,\n invalidateRegistry,\n selectValue,\n contentRef,\n triggerRef,\n inputRef,\n }),\n [\n resolvedOpen,\n setOpen,\n labelId,\n listId,\n query,\n activeValue,\n visibleValues,\n isVisible,\n registerItem,\n invalidateRegistry,\n selectValue,\n ],\n );\n\n return (\n <CommandContext.Provider value={ctx}>\n <span hidden id={labelId}>\n {label}\n </span>\n {children}\n </CommandContext.Provider>\n );\n}\n\nCommand.displayName = \"Command\";\n\nexport function CommandTrigger({\n className,\n children,\n onClick,\n ref: refProp,\n}: CommandTriggerProps) {\n const { setOpen, triggerRef } = useCommandContext(\"CommandTrigger\");\n return (\n <button\n ref={(node) => {\n triggerRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLButtonElement | null>).current = node;\n }\n }}\n type=\"button\"\n data-slot=\"command-trigger\"\n className={cn(commandTriggerVariants(), className)}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(true);\n }\n }}\n >\n {children}\n </button>\n );\n}\n\nCommandTrigger.displayName = \"CommandTrigger\";\n\nexport function CommandContent({\n className,\n size,\n appearance,\n children,\n ref,\n id,\n style,\n}: CommandContentProps) {\n return (\n <CommandContentLayer\n appearance={appearance}\n className={className}\n componentName=\"CommandContent\"\n id={id}\n ref={ref}\n size={size}\n style={style}\n >\n {children}\n </CommandContentLayer>\n );\n}\n\nCommandContent.displayName = \"CommandContent\";\n\nexport function CommandInput({\n className,\n placeholder,\n ref,\n}: CommandInputProps) {\n const {\n query,\n setQuery,\n visibleValues,\n activeValue,\n setActiveValue,\n selectValue,\n setOpen,\n inputRef,\n listId,\n } = useCommandContext(\"CommandInput\");\n\n const moveActive = (direction: 1 | -1) => {\n if (visibleValues.length === 0) {\n return;\n }\n const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;\n const nextIndex =\n currentIndex === -1\n ? direction === 1\n ? 0\n : visibleValues.length - 1\n : (currentIndex + direction + visibleValues.length) %\n visibleValues.length;\n setActiveValue(visibleValues[nextIndex] ?? null);\n };\n\n return (\n <div className={commandInputRowVariants()} data-slot=\"command-input-row\">\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className=\"size-4 shrink-0 opacity-60\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <circle cx=\"11\" cy=\"11\" r=\"8\" />\n <path d=\"m21 21-4.3-4.3\" />\n </svg>\n <input\n ref={(node) => {\n inputRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLInputElement | null>).current = node;\n }\n }}\n type=\"text\"\n autoFocus\n role=\"combobox\"\n aria-expanded\n aria-controls={listId}\n aria-autocomplete=\"list\"\n data-slot=\"command-input\"\n className={cn(commandInputVariants(), className)}\n placeholder={placeholder}\n value={query}\n onChange={(event) => setQuery(event.target.value)}\n onKeyDown={(event) => {\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n moveActive(1);\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n moveActive(-1);\n } else if (event.key === \"Enter\") {\n if (activeValue && visibleValues.includes(activeValue)) {\n event.preventDefault();\n if (selectValue(activeValue)) {\n setOpen(false);\n }\n }\n }\n }}\n />\n </div>\n );\n}\n\nCommandInput.displayName = \"CommandInput\";\n\nexport function CommandList({ className, children }: CommandListProps) {\n const { listId } = useCommandContext(\"CommandList\");\n\n return (\n <div\n id={listId}\n role=\"listbox\"\n aria-label=\"Commands\"\n data-slot=\"command-list\"\n className={cn(commandListVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandList.displayName = \"CommandList\";\n\nexport function CommandGroup({\n className,\n heading,\n children,\n}: CommandGroupProps) {\n return (\n <div\n role=\"group\"\n data-slot=\"command-group\"\n className={cn(\n \"[&:not(:has([data-slot=command-item]:not([hidden])))]:hidden\",\n className,\n )}\n >\n {heading ? (\n <div className={commandGroupHeadingVariants()} aria-hidden>\n {heading}\n </div>\n ) : null}\n {children}\n </div>\n );\n}\n\nCommandGroup.displayName = \"CommandGroup\";\n\nexport function CommandItem({\n className,\n value,\n keywords,\n disabled,\n onSelect,\n children,\n}: CommandItemProps) {\n const {\n registerItem,\n invalidateRegistry,\n isVisible,\n activeValue,\n setActiveValue,\n selectValue,\n setOpen,\n } = useCommandContext(\"CommandItem\");\n\n const itemRef = useRef<HTMLDivElement | null>(null);\n const keywordSignature = keywords?.join(\"\\u0000\") ?? \"\";\n const metaRef = useRef<ItemMeta>({ keywords, disabled, onSelect });\n metaRef.current = {\n keywords,\n disabled,\n onSelect,\n searchText: metaRef.current.searchText,\n };\n\n useEffect(() => {\n const unregister = registerItem({ value, metaRef });\n return unregister;\n }, [registerItem, value]);\n\n useEffect(() => {\n metaRef.current = {\n keywords: metaRef.current.keywords,\n disabled,\n onSelect: metaRef.current.onSelect,\n searchText: itemRef.current?.textContent ?? undefined,\n };\n invalidateRegistry();\n }, [children, disabled, invalidateRegistry, keywordSignature]);\n\n const visible = isVisible(value);\n const active = activeValue === value;\n\n return (\n <div\n ref={itemRef}\n role=\"option\"\n aria-selected={active}\n aria-disabled={disabled || undefined}\n data-slot=\"command-item\"\n data-value={value}\n data-active={active || undefined}\n hidden={!visible || undefined}\n className={cn(commandItemVariants(), className)}\n onMouseEnter={() => {\n if (!disabled) {\n setActiveValue(value);\n }\n }}\n onClick={() => {\n if (disabled) {\n return;\n }\n if (selectValue(value)) {\n setOpen(false);\n }\n }}\n >\n {children}\n </div>\n );\n}\n\nCommandItem.displayName = \"CommandItem\";\n\nexport function CommandSeparator({ className }: { className?: string }) {\n return (\n <div\n role=\"separator\"\n data-slot=\"command-separator\"\n className={cn(commandSeparatorVariants(), className)}\n />\n );\n}\n\nCommandSeparator.displayName = \"CommandSeparator\";\n\nexport function CommandEmpty({ className, children }: CommandSectionProps) {\n const { visibleValues } = useCommandContext(\"CommandEmpty\");\n if (visibleValues.length > 0) {\n return null;\n }\n return (\n <div\n data-slot=\"command-empty\"\n className={cn(commandEmptyVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandEmpty.displayName = \"CommandEmpty\";\n\nexport function CommandFooter({ className, children }: CommandSectionProps) {\n return (\n <div\n data-slot=\"command-footer\"\n className={cn(commandFooterVariants(), className)}\n >\n {children}\n </div>\n );\n}\n\nCommandFooter.displayName = \"CommandFooter\";\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare const zuiCommandOverlayBase = "fixed inset-0 z-9999 bg-[var(--zui-command-overlay-bg,oklch(12.9%_0.042_264.695_/_0.6))] backdrop-blur-sm";
|
|
2
|
+
export declare const zuiCommandTriggerBase = "relative inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-[color:var(--zui-command-trigger-border,#0000001a)] dark:border-[color:var(--zui-command-trigger-border-dark,#ffffff1a)] bg-[var(--zui-command-trigger-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-trigger-bg-dark,oklch(12.9%_0.042_264.695))] px-3 py-2 text-sm text-[color:var(--zui-command-trigger-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-command-trigger-fg-dark,oklch(86.9%_0.022_252.894))] transition hover:bg-black/5 dark:hover:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-500/40";
|
|
3
|
+
export declare const zuiCommandContentBase = "fixed left-1/2 top-[15%] z-9999 w-[calc(100%-2rem)] -translate-x-1/2 overflow-hidden rounded-xl border border-[color:var(--zui-command-content-border,#0000001a)] dark:border-[color:var(--zui-command-content-border-dark,#ffffff1a)] bg-[var(--zui-command-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-command-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-command-content-shadow,0_12px_40px_rgba(15,23,42,0.18))] dark:shadow-[var(--zui-command-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.6))] focus:outline-none";
|
|
4
|
+
export declare const zuiCommandContentSizes: {
|
|
5
|
+
readonly sm: "max-w-md";
|
|
6
|
+
readonly md: "max-w-lg";
|
|
7
|
+
readonly lg: "max-w-2xl";
|
|
8
|
+
};
|
|
9
|
+
export declare const zuiCommandInputRowBase = "flex items-center gap-2 border-b border-[color:var(--zui-command-input-border,#0000000f)] dark:border-[color:var(--zui-command-input-border-dark,#ffffff14)] px-4";
|
|
10
|
+
export declare const zuiCommandInputBase = "h-12 w-full bg-transparent text-sm text-[color:var(--zui-command-input-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-command-input-fg-dark,oklch(98.4%_0.003_247.858))] placeholder:text-[color:var(--zui-command-input-placeholder,oklch(55.1%_0.027_264.364))] dark:placeholder:text-[color:var(--zui-command-input-placeholder-dark,oklch(55.1%_0.027_264.364))] focus:outline-none";
|
|
11
|
+
export declare const zuiCommandListBase = "max-h-[min(60vh,420px)] overflow-y-auto overscroll-contain p-2";
|
|
12
|
+
export declare const zuiCommandGroupHeadingBase = "px-2 pb-1 pt-3 text-xs font-semibold uppercase tracking-[0.12em] text-[color:var(--zui-command-group-heading-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-group-heading-fg-dark,oklch(70.7%_0.022_261.325))]";
|
|
13
|
+
export declare const zuiCommandItemBase = "flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm text-[color:var(--zui-command-item-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-command-item-fg-dark,oklch(86.9%_0.022_252.894))] transition-colors data-[active=true]:bg-[var(--zui-command-item-active-bg,oklch(95.1%_0.026_236.824))] dark:data-[active=true]:bg-[var(--zui-command-item-active-bg-dark,oklch(28.2%_0.091_267.935_/_0.55))] data-[active=true]:text-[color:var(--zui-command-item-active-fg,oklch(20.8%_0.042_265.755))] dark:data-[active=true]:text-[color:var(--zui-command-item-active-fg-dark,oklch(98.4%_0.003_247.858))] aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
14
|
+
export declare const zuiCommandSeparatorBase = "my-1 h-px bg-[var(--zui-command-separator-bg,#0000000f)] dark:bg-[var(--zui-command-separator-bg-dark,#ffffff14)]";
|
|
15
|
+
export declare const zuiCommandEmptyBase = "px-3 py-8 text-center text-sm text-[color:var(--zui-command-empty-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-empty-fg-dark,oklch(70.7%_0.022_261.325))]";
|
|
16
|
+
export declare const zuiCommandFooterBase = "flex items-center gap-3 border-t border-[color:var(--zui-command-footer-border,#0000000f)] dark:border-[color:var(--zui-command-footer-border-dark,#ffffff14)] px-4 py-2 text-xs text-[color:var(--zui-command-footer-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-command-footer-fg-dark,oklch(70.7%_0.022_261.325))]";
|
|
17
|
+
export declare const zuiCommandContentAppearances: {
|
|
18
|
+
readonly default: "bg-[var(--zui-command-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-command-content-default-bg-dark,oklch(12.9%_0.042_264.695))]";
|
|
19
|
+
readonly glass: "border-[color:var(--zui-command-content-glass-border,#00000026)] dark:border-[color:var(--zui-command-content-glass-border-dark,#ffffff26)] bg-[var(--zui-command-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-command-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl";
|
|
20
|
+
readonly sky: "border-[color:var(--zui-command-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-command-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-command-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-command-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl";
|
|
21
|
+
readonly rose: "border-[color:var(--zui-command-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-command-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-command-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-command-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl";
|
|
22
|
+
readonly purple: "border-[color:var(--zui-command-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-command-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-command-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";
|
|
23
|
+
readonly pink: "border-[color:var(--zui-command-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-command-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-command-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl";
|
|
24
|
+
readonly orange: "border-[color:var(--zui-command-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-command-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-command-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-command-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl";
|
|
25
|
+
readonly yellow: "border-[color:var(--zui-command-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-command-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-command-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl";
|
|
26
|
+
readonly teal: "border-[color:var(--zui-command-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-command-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-command-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl";
|
|
27
|
+
readonly indigo: "border-[color:var(--zui-command-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-command-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-command-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl";
|
|
28
|
+
readonly emerald: "border-[color:var(--zui-command-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-command-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-command-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-command-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl";
|
|
29
|
+
readonly gray: "border-[color:var(--zui-command-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-command-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-command-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-command-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl";
|
|
30
|
+
readonly amber: "border-[color:var(--zui-command-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-command-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-command-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-command-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl";
|
|
31
|
+
readonly violet: "border-[color:var(--zui-command-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-command-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-command-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-command-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl";
|
|
32
|
+
readonly "gradient-blue": "border-[color:var(--zui-command-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-command-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-br from-[var(--zui-command-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-command-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.85))] to-[var(--zui-command-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl";
|
|
33
|
+
readonly "gradient-green": "border-[color:var(--zui-command-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-command-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-br from-[var(--zui-command-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-command-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.85))] to-[var(--zui-command-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-command-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.85))] backdrop-blur-xl";
|
|
34
|
+
readonly "gradient-red": "border-[color:var(--zui-command-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-command-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-br from-[var(--zui-command-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-command-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.85))] to-[var(--zui-command-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl";
|
|
35
|
+
readonly "gradient-yellow": "border-[color:var(--zui-command-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-command-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-br from-[var(--zui-command-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-command-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.85))] to-[var(--zui-command-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-command-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.85))] backdrop-blur-xl";
|
|
36
|
+
readonly "gradient-purple": "border-[color:var(--zui-command-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-command-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-br from-[var(--zui-command-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-command-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.85))] to-[var(--zui-command-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-command-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.85))] backdrop-blur-xl";
|
|
37
|
+
readonly "gradient-teal": "border-[color:var(--zui-command-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.85))] to-[var(--zui-command-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.85))] backdrop-blur-xl";
|
|
38
|
+
readonly "gradient-indigo": "border-[color:var(--zui-command-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.85))] to-[var(--zui-command-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl";
|
|
39
|
+
readonly "gradient-pink": "border-[color:var(--zui-command-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl";
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=command.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/design-system/command.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,8GAC2E,CAAC;AAE9G,eAAO,MAAM,qBAAqB,ooBACimB,CAAC;AAEpoB,eAAO,MAAM,qBAAqB,yrBACspB,CAAC;AAEzrB,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,sBAAsB,sKACkI,CAAC;AAEtK,eAAO,MAAM,mBAAmB,wYACuW,CAAC;AAExY,eAAO,MAAM,kBAAkB,mEACmC,CAAC;AAEnE,eAAO,MAAM,0BAA0B,uOAC+L,CAAC;AAEvO,eAAO,MAAM,kBAAkB,mqBACmoB,CAAC;AAEnqB,eAAO,MAAM,uBAAuB,sHACiF,CAAC;AAEtH,eAAO,MAAM,mBAAmB,oLACmJ,CAAC;AAEpL,eAAO,MAAM,oBAAoB,yUACuS,CAAC;AAEzU,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;CAwC/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/command/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,8BAA8B,EAAE,uBA0B5C,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CommandContentAnimatedProps } from "./types";
|
|
2
|
+
export declare function CommandContentAnimated({ className, size, appearance, animation, children, ref, id, style, }: CommandContentAnimatedProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace CommandContentAnimated {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=command-content-animated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command-content-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/command/animated/command-content-animated.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAG3D,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,IAAI,EACJ,UAAU,EACV,SAAwB,EACxB,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,GACN,EAAE,2BAA2B,2CAsC7B;yBA/Ce,sBAAsB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { CommandContentAnimated } from "./command-content-animated";
|
|
2
|
+
export type { CommandContentAnimatedProps, CommandAnimation, CommandAnimationPresets, CommandPresetMotionProps, } from "./types";
|
|
3
|
+
export { commandOverlayAnimationPresets } from "./animations";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/command/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,2BAA2B,EAC3B,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,8BAA8B,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLMotionProps } from "framer-motion";
|
|
2
|
+
import type { CommandContentProps } from "../types";
|
|
3
|
+
export type CommandAnimation = "none" | "fade" | "scale" | "slide-down" | "slide-up";
|
|
4
|
+
export type CommandContentAnimatedProps = CommandContentProps & {
|
|
5
|
+
animation?: CommandAnimation;
|
|
6
|
+
};
|
|
7
|
+
export type CommandPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "exit" | "transition">;
|
|
8
|
+
export type CommandAnimationPresets = Record<CommandAnimation, CommandPresetMotionProps>;
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/command/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,UAAU,CAAC;AAEf,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,GAAG;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,eAAe,CAAC,KAAK,CAAC,EACtB,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,CAC9C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAC1C,gBAAgB,EAChB,wBAAwB,CACzB,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkNZDHSIIC_js = require('../../chunk-NZDHSIIC.js');
|
|
5
|
+
require('../../chunk-GBWGVNDA.js');
|
|
6
|
+
require('../../chunk-UIYFEP3I.js');
|
|
7
|
+
require('../../chunk-ZS5756ZC.js');
|
|
8
|
+
var framerMotion = require('framer-motion');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
+
|
|
11
|
+
// src/ui/command/animated/animations.ts
|
|
12
|
+
var commandOverlayAnimationPresets = {
|
|
13
|
+
none: {},
|
|
14
|
+
fade: {
|
|
15
|
+
initial: { opacity: 0 },
|
|
16
|
+
animate: { opacity: 1 },
|
|
17
|
+
exit: { opacity: 0 },
|
|
18
|
+
transition: { duration: 0.18 }
|
|
19
|
+
},
|
|
20
|
+
scale: {
|
|
21
|
+
initial: { opacity: 0, scale: 0.97 },
|
|
22
|
+
animate: { opacity: 1, scale: 1 },
|
|
23
|
+
exit: { opacity: 0, scale: 0.97 },
|
|
24
|
+
transition: { type: "spring", stiffness: 440, damping: 34 }
|
|
25
|
+
},
|
|
26
|
+
"slide-down": {
|
|
27
|
+
initial: { opacity: 0, y: -20 },
|
|
28
|
+
animate: { opacity: 1, y: 0 },
|
|
29
|
+
exit: { opacity: 0, y: -12 },
|
|
30
|
+
transition: { type: "spring", stiffness: 420, damping: 32 }
|
|
31
|
+
},
|
|
32
|
+
"slide-up": {
|
|
33
|
+
initial: { opacity: 0, y: 20 },
|
|
34
|
+
animate: { opacity: 1, y: 0 },
|
|
35
|
+
exit: { opacity: 0, y: 12 },
|
|
36
|
+
transition: { type: "spring", stiffness: 420, damping: 32 }
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
function CommandContentAnimated({
|
|
40
|
+
className,
|
|
41
|
+
size,
|
|
42
|
+
appearance,
|
|
43
|
+
animation = "slide-down",
|
|
44
|
+
children,
|
|
45
|
+
ref,
|
|
46
|
+
id,
|
|
47
|
+
style
|
|
48
|
+
}) {
|
|
49
|
+
const reduceMotion = framerMotion.useReducedMotion();
|
|
50
|
+
const overlayMotion = commandOverlayAnimationPresets.fade;
|
|
51
|
+
const panelMotion = commandOverlayAnimationPresets[reduceMotion ? "fade" : animation];
|
|
52
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
53
|
+
chunkNZDHSIIC_js.CommandContentLayer,
|
|
54
|
+
{
|
|
55
|
+
appearance,
|
|
56
|
+
className,
|
|
57
|
+
componentName: "CommandContent",
|
|
58
|
+
id,
|
|
59
|
+
ref,
|
|
60
|
+
renderOverlay: (overlayProps) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
61
|
+
framerMotion.motion.div,
|
|
62
|
+
{
|
|
63
|
+
...overlayProps,
|
|
64
|
+
initial: overlayMotion.initial,
|
|
65
|
+
animate: overlayMotion.animate,
|
|
66
|
+
exit: overlayMotion.exit,
|
|
67
|
+
transition: overlayMotion.transition
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
renderPanel: (panelProps) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
71
|
+
framerMotion.motion.div,
|
|
72
|
+
{
|
|
73
|
+
...panelProps,
|
|
74
|
+
initial: animation === "none" ? false : panelMotion.initial,
|
|
75
|
+
animate: animation === "none" ? void 0 : panelMotion.animate,
|
|
76
|
+
exit: animation === "none" ? void 0 : panelMotion.exit,
|
|
77
|
+
transition: panelMotion.transition
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
renderPresence: (content) => /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: content }),
|
|
81
|
+
size,
|
|
82
|
+
style,
|
|
83
|
+
children
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
CommandContentAnimated.displayName = "CommandContent";
|
|
88
|
+
|
|
89
|
+
exports.CommandContentAnimated = CommandContentAnimated;
|
|
90
|
+
exports.commandOverlayAnimationPresets = commandOverlayAnimationPresets;
|
|
91
|
+
//# sourceMappingURL=animated.js.map
|
|
92
|
+
//# sourceMappingURL=animated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/command/animated/animations.ts","../../../src/ui/command/animated/command-content-animated.tsx"],"names":["useReducedMotion","jsx","CommandContentLayer","motion","AnimatePresence"],"mappings":"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","file":"animated.js","sourcesContent":["import type { CommandAnimationPresets } from \"./types\";\n\nexport const commandOverlayAnimationPresets: CommandAnimationPresets = {\n none: {},\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n transition: { duration: 0.18 },\n },\n scale: {\n initial: { opacity: 0, scale: 0.97 },\n animate: { opacity: 1, scale: 1 },\n exit: { opacity: 0, scale: 0.97 },\n transition: { type: \"spring\", stiffness: 440, damping: 34 },\n },\n \"slide-down\": {\n initial: { opacity: 0, y: -20 },\n animate: { opacity: 1, y: 0 },\n exit: { opacity: 0, y: -12 },\n transition: { type: \"spring\", stiffness: 420, damping: 32 },\n },\n \"slide-up\": {\n initial: { opacity: 0, y: 20 },\n animate: { opacity: 1, y: 0 },\n exit: { opacity: 0, y: 12 },\n transition: { type: \"spring\", stiffness: 420, damping: 32 },\n },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\n\nimport { commandOverlayAnimationPresets } from \"./animations\";\nimport type { CommandContentAnimatedProps } from \"./types\";\nimport { CommandContentLayer } from \"../command-base\";\n\nexport function CommandContentAnimated({\n className,\n size,\n appearance,\n animation = \"slide-down\",\n children,\n ref,\n id,\n style,\n}: CommandContentAnimatedProps) {\n const reduceMotion = useReducedMotion();\n const overlayMotion = commandOverlayAnimationPresets.fade;\n const panelMotion =\n commandOverlayAnimationPresets[reduceMotion ? \"fade\" : animation];\n\n return (\n <CommandContentLayer\n appearance={appearance}\n className={className}\n componentName=\"CommandContent\"\n id={id}\n ref={ref}\n renderOverlay={(overlayProps) => (\n <motion.div\n {...overlayProps}\n initial={overlayMotion.initial}\n animate={overlayMotion.animate}\n exit={overlayMotion.exit}\n transition={overlayMotion.transition}\n />\n )}\n renderPanel={(panelProps) => (\n <motion.div\n {...panelProps}\n initial={animation === \"none\" ? false : panelMotion.initial}\n animate={animation === \"none\" ? undefined : panelMotion.animate}\n exit={animation === \"none\" ? undefined : panelMotion.exit}\n transition={panelMotion.transition}\n />\n )}\n renderPresence={(content) => <AnimatePresence>{content}</AnimatePresence>}\n size={size}\n style={style}\n >\n {children}\n </CommandContentLayer>\n );\n}\n\nCommandContentAnimated.displayName = \"CommandContent\";\n"]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { CommandContentLayer } from '../../chunk-KEKMMNL5.mjs';
|
|
3
|
+
import '../../chunk-K6YI4FJO.mjs';
|
|
4
|
+
import '../../chunk-PMAF6FBF.mjs';
|
|
5
|
+
import '../../chunk-4D54YOL6.mjs';
|
|
6
|
+
import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
// src/ui/command/animated/animations.ts
|
|
10
|
+
var commandOverlayAnimationPresets = {
|
|
11
|
+
none: {},
|
|
12
|
+
fade: {
|
|
13
|
+
initial: { opacity: 0 },
|
|
14
|
+
animate: { opacity: 1 },
|
|
15
|
+
exit: { opacity: 0 },
|
|
16
|
+
transition: { duration: 0.18 }
|
|
17
|
+
},
|
|
18
|
+
scale: {
|
|
19
|
+
initial: { opacity: 0, scale: 0.97 },
|
|
20
|
+
animate: { opacity: 1, scale: 1 },
|
|
21
|
+
exit: { opacity: 0, scale: 0.97 },
|
|
22
|
+
transition: { type: "spring", stiffness: 440, damping: 34 }
|
|
23
|
+
},
|
|
24
|
+
"slide-down": {
|
|
25
|
+
initial: { opacity: 0, y: -20 },
|
|
26
|
+
animate: { opacity: 1, y: 0 },
|
|
27
|
+
exit: { opacity: 0, y: -12 },
|
|
28
|
+
transition: { type: "spring", stiffness: 420, damping: 32 }
|
|
29
|
+
},
|
|
30
|
+
"slide-up": {
|
|
31
|
+
initial: { opacity: 0, y: 20 },
|
|
32
|
+
animate: { opacity: 1, y: 0 },
|
|
33
|
+
exit: { opacity: 0, y: 12 },
|
|
34
|
+
transition: { type: "spring", stiffness: 420, damping: 32 }
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
function CommandContentAnimated({
|
|
38
|
+
className,
|
|
39
|
+
size,
|
|
40
|
+
appearance,
|
|
41
|
+
animation = "slide-down",
|
|
42
|
+
children,
|
|
43
|
+
ref,
|
|
44
|
+
id,
|
|
45
|
+
style
|
|
46
|
+
}) {
|
|
47
|
+
const reduceMotion = useReducedMotion();
|
|
48
|
+
const overlayMotion = commandOverlayAnimationPresets.fade;
|
|
49
|
+
const panelMotion = commandOverlayAnimationPresets[reduceMotion ? "fade" : animation];
|
|
50
|
+
return /* @__PURE__ */ jsx(
|
|
51
|
+
CommandContentLayer,
|
|
52
|
+
{
|
|
53
|
+
appearance,
|
|
54
|
+
className,
|
|
55
|
+
componentName: "CommandContent",
|
|
56
|
+
id,
|
|
57
|
+
ref,
|
|
58
|
+
renderOverlay: (overlayProps) => /* @__PURE__ */ jsx(
|
|
59
|
+
motion.div,
|
|
60
|
+
{
|
|
61
|
+
...overlayProps,
|
|
62
|
+
initial: overlayMotion.initial,
|
|
63
|
+
animate: overlayMotion.animate,
|
|
64
|
+
exit: overlayMotion.exit,
|
|
65
|
+
transition: overlayMotion.transition
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
renderPanel: (panelProps) => /* @__PURE__ */ jsx(
|
|
69
|
+
motion.div,
|
|
70
|
+
{
|
|
71
|
+
...panelProps,
|
|
72
|
+
initial: animation === "none" ? false : panelMotion.initial,
|
|
73
|
+
animate: animation === "none" ? void 0 : panelMotion.animate,
|
|
74
|
+
exit: animation === "none" ? void 0 : panelMotion.exit,
|
|
75
|
+
transition: panelMotion.transition
|
|
76
|
+
}
|
|
77
|
+
),
|
|
78
|
+
renderPresence: (content) => /* @__PURE__ */ jsx(AnimatePresence, { children: content }),
|
|
79
|
+
size,
|
|
80
|
+
style,
|
|
81
|
+
children
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
CommandContentAnimated.displayName = "CommandContent";
|
|
86
|
+
|
|
87
|
+
export { CommandContentAnimated, commandOverlayAnimationPresets };
|
|
88
|
+
//# sourceMappingURL=animated.mjs.map
|
|
89
|
+
//# sourceMappingURL=animated.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/command/animated/animations.ts","../../../src/ui/command/animated/command-content-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { CommandAnimationPresets } from \"./types\";\n\nexport const commandOverlayAnimationPresets: CommandAnimationPresets = {\n none: {},\n fade: {\n initial: { opacity: 0 },\n animate: { opacity: 1 },\n exit: { opacity: 0 },\n transition: { duration: 0.18 },\n },\n scale: {\n initial: { opacity: 0, scale: 0.97 },\n animate: { opacity: 1, scale: 1 },\n exit: { opacity: 0, scale: 0.97 },\n transition: { type: \"spring\", stiffness: 440, damping: 34 },\n },\n \"slide-down\": {\n initial: { opacity: 0, y: -20 },\n animate: { opacity: 1, y: 0 },\n exit: { opacity: 0, y: -12 },\n transition: { type: \"spring\", stiffness: 420, damping: 32 },\n },\n \"slide-up\": {\n initial: { opacity: 0, y: 20 },\n animate: { opacity: 1, y: 0 },\n exit: { opacity: 0, y: 12 },\n transition: { type: \"spring\", stiffness: 420, damping: 32 },\n },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\n\nimport { commandOverlayAnimationPresets } from \"./animations\";\nimport type { CommandContentAnimatedProps } from \"./types\";\nimport { CommandContentLayer } from \"../command-base\";\n\nexport function CommandContentAnimated({\n className,\n size,\n appearance,\n animation = \"slide-down\",\n children,\n ref,\n id,\n style,\n}: CommandContentAnimatedProps) {\n const reduceMotion = useReducedMotion();\n const overlayMotion = commandOverlayAnimationPresets.fade;\n const panelMotion =\n commandOverlayAnimationPresets[reduceMotion ? \"fade\" : animation];\n\n return (\n <CommandContentLayer\n appearance={appearance}\n className={className}\n componentName=\"CommandContent\"\n id={id}\n ref={ref}\n renderOverlay={(overlayProps) => (\n <motion.div\n {...overlayProps}\n initial={overlayMotion.initial}\n animate={overlayMotion.animate}\n exit={overlayMotion.exit}\n transition={overlayMotion.transition}\n />\n )}\n renderPanel={(panelProps) => (\n <motion.div\n {...panelProps}\n initial={animation === \"none\" ? false : panelMotion.initial}\n animate={animation === \"none\" ? undefined : panelMotion.animate}\n exit={animation === \"none\" ? undefined : panelMotion.exit}\n transition={panelMotion.transition}\n />\n )}\n renderPresence={(content) => <AnimatePresence>{content}</AnimatePresence>}\n size={size}\n style={style}\n >\n {children}\n </CommandContentLayer>\n );\n}\n\nCommandContentAnimated.displayName = \"CommandContent\";\n"]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import type { CommandContentProps, CommandCtx, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandProps, CommandSectionProps, CommandTriggerProps, CommandContentLayerProps } from "./types";
|
|
3
|
+
export declare function useCommandContext(component: string): CommandCtx;
|
|
4
|
+
export declare function CommandPortal({ children }: {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}): import("react").ReactPortal | null;
|
|
7
|
+
export declare function CommandPortalFrame({ children }: {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function CommandContentLayer({ className, size, appearance, children, ref, id, style, componentName, renderPresence, renderOverlay, renderPanel, }: CommandContentLayerProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function Command({ open, defaultOpen, onOpenChange, hotkey, label, children, }: CommandProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare namespace Command {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function CommandTrigger({ className, children, onClick, ref: refProp, }: CommandTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare namespace CommandTrigger {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function CommandContent({ className, size, appearance, children, ref, id, style, }: CommandContentProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare namespace CommandContent {
|
|
21
|
+
var displayName: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function CommandInput({ className, placeholder, ref, }: CommandInputProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare namespace CommandInput {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function CommandList({ className, children }: CommandListProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare namespace CommandList {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export declare function CommandGroup({ className, heading, children, }: CommandGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare namespace CommandGroup {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
35
|
+
export declare function CommandItem({ className, value, keywords, disabled, onSelect, children, }: CommandItemProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare namespace CommandItem {
|
|
37
|
+
var displayName: string;
|
|
38
|
+
}
|
|
39
|
+
export declare function CommandSeparator({ className }: {
|
|
40
|
+
className?: string;
|
|
41
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export declare namespace CommandSeparator {
|
|
43
|
+
var displayName: string;
|
|
44
|
+
}
|
|
45
|
+
export declare function CommandEmpty({ className, children }: CommandSectionProps): import("react/jsx-runtime").JSX.Element | null;
|
|
46
|
+
export declare namespace CommandEmpty {
|
|
47
|
+
var displayName: string;
|
|
48
|
+
}
|
|
49
|
+
export declare function CommandFooter({ className, children }: CommandSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
export declare namespace CommandFooter {
|
|
51
|
+
var displayName: string;
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=command-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command-base.d.ts","sourceRoot":"","sources":["../../../src/ui/command/command-base.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EAInB,wBAAwB,EAGzB,MAAM,SAAS,CAAC;AAiBjB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAM/D;AAiDD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sCAQlE;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMvE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,EACL,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,GACZ,EAAE,wBAAwB,2CAkD1B;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,WAAmB,EACnB,YAAY,EACZ,MAAM,EACN,KAAsB,EACtB,QAAQ,GACT,EAAE,YAAY,2CAmJd;yBA1Je,OAAO;;;AA8JvB,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,EAAE,OAAO,GACb,EAAE,mBAAmB,2CAyBrB;yBA9Be,cAAc;;;AAkC9B,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,GAAG,EACH,EAAE,EACF,KAAK,GACN,EAAE,mBAAmB,2CAcrB;yBAtBe,cAAc;;;AA0B9B,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,GAAG,GACJ,EAAE,iBAAiB,2CAkFnB;yBAtFe,YAAY;;;AA0F5B,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAcpE;yBAde,WAAW;;;AAkB3B,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,2CAkBnB;yBAtBe,YAAY;;;AA0B5B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,gBAAgB,2CAmElB;yBA1Ee,WAAW;;;AA8E3B,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQrE;yBARe,gBAAgB;;;AAYhC,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDAaxE;yBAbe,YAAY;;;AAiB5B,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CASzE;yBATe,aAAa"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/ui/command/command.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;YAAW,YAAY;;CAE1C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Command } from "./command";
|
|
2
|
+
export { CommandTrigger, CommandContent, CommandInput, CommandList, CommandGroup, CommandItem, CommandSeparator, CommandEmpty, CommandFooter, useCommandContext, } from "./command-base";
|
|
3
|
+
export type { CommandProps, CommandTriggerProps, CommandContentProps, CommandContentVariantProps, CommandInputProps, CommandListProps, CommandGroupProps, CommandItemProps, CommandSectionProps, CommandCtx, ItemMeta, RegisteredItem } from "./types";
|
|
4
|
+
export { commandContentVariants, commandOverlayVariants, commandItemVariants, } from "./variants";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/command/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,cAAc,EACd,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,YAAY,CAAC"}
|