@zentauri-ui/zentauri-components 2.1.0 → 2.1.2
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/CHANGELOG.md +6 -0
- package/README.md +10 -10
- package/cli/cli.integration.test.ts +115 -0
- package/cli/index.mjs +260 -5
- package/cli/registry.json +84 -0
- package/dist/{chunk-N3FNN47Q.mjs → chunk-3IE4IELX.mjs} +32 -32
- package/dist/chunk-3IE4IELX.mjs.map +1 -0
- package/dist/{chunk-JEZUMCJ6.mjs → chunk-3N575QVC.mjs} +3 -3
- package/dist/{chunk-JEZUMCJ6.mjs.map → chunk-3N575QVC.mjs.map} +1 -1
- package/dist/{chunk-RRUVHDN6.js → chunk-5TVBPPS6.js} +11 -11
- package/dist/{chunk-RRUVHDN6.js.map → chunk-5TVBPPS6.js.map} +1 -1
- package/dist/{chunk-YNTUZCLI.js → chunk-642JVK45.js} +16 -16
- package/dist/{chunk-YNTUZCLI.js.map → chunk-642JVK45.js.map} +1 -1
- package/dist/{chunk-AZ26NZJV.mjs → chunk-6ERBVFDA.mjs} +35 -35
- package/dist/chunk-6ERBVFDA.mjs.map +1 -0
- package/dist/{chunk-SRJCGSNX.js → chunk-6Q4EOLKN.js} +23 -23
- package/dist/{chunk-SRJCGSNX.js.map → chunk-6Q4EOLKN.js.map} +1 -1
- package/dist/{chunk-TCEGQIGW.mjs → chunk-7N2UYQBJ.mjs} +9 -7
- package/dist/{chunk-TCEGQIGW.mjs.map → chunk-7N2UYQBJ.mjs.map} +1 -1
- package/dist/{chunk-VKEDTQY6.js → chunk-APCN6NUH.js} +8 -8
- package/dist/{chunk-VKEDTQY6.js.map → chunk-APCN6NUH.js.map} +1 -1
- package/dist/{chunk-X7HK6RTF.js → chunk-BIQZC26Q.js} +23 -23
- package/dist/{chunk-X7HK6RTF.js.map → chunk-BIQZC26Q.js.map} +1 -1
- package/dist/{chunk-K2H6LIPQ.mjs → chunk-GOH2THVW.mjs} +3 -3
- package/dist/{chunk-K2H6LIPQ.mjs.map → chunk-GOH2THVW.mjs.map} +1 -1
- package/dist/chunk-GUB3RSPR.mjs +211 -0
- package/dist/chunk-GUB3RSPR.mjs.map +1 -0
- package/dist/{chunk-GENYOZN4.mjs → chunk-HVMYPW3Q.mjs} +3 -3
- package/dist/{chunk-GENYOZN4.mjs.map → chunk-HVMYPW3Q.mjs.map} +1 -1
- package/dist/chunk-J5NTJVKX.js +229 -0
- package/dist/chunk-J5NTJVKX.js.map +1 -0
- package/dist/{chunk-XUW42JAP.js → chunk-PZ25OHJE.js} +32 -32
- package/dist/chunk-PZ25OHJE.js.map +1 -0
- package/dist/{chunk-UFDJ5NIY.mjs → chunk-PZI2UVPL.mjs} +3 -3
- package/dist/{chunk-UFDJ5NIY.mjs.map → chunk-PZI2UVPL.mjs.map} +1 -1
- package/dist/chunk-R4D5V7NT.js +19 -0
- package/dist/{chunk-4TX7EQ5Y.js.map → chunk-R4D5V7NT.js.map} +1 -1
- package/dist/{chunk-BGIWVTAU.mjs → chunk-RJ7L45SA.mjs} +3 -3
- package/dist/{chunk-BGIWVTAU.mjs.map → chunk-RJ7L45SA.mjs.map} +1 -1
- package/dist/{chunk-C6K2SWHC.mjs → chunk-TVEK6PKH.mjs} +23 -23
- package/dist/{chunk-C6K2SWHC.mjs.map → chunk-TVEK6PKH.mjs.map} +1 -1
- package/dist/{chunk-BJRS5RXR.mjs → chunk-TYBQZO6Y.mjs} +3 -3
- package/dist/{chunk-BJRS5RXR.mjs.map → chunk-TYBQZO6Y.mjs.map} +1 -1
- package/dist/{chunk-AOVZY2A3.js → chunk-UQQHB3OI.js} +35 -35
- package/dist/chunk-UQQHB3OI.js.map +1 -0
- package/dist/{chunk-NEFDIJ5N.js → chunk-V2LI5QZD.js} +54 -52
- package/dist/chunk-V2LI5QZD.js.map +1 -0
- package/dist/{chunk-KCXTYTOY.js → chunk-VHYUH5OH.js} +6 -6
- package/dist/{chunk-KCXTYTOY.js.map → chunk-VHYUH5OH.js.map} +1 -1
- package/dist/{chunk-BVTYDGLM.mjs → chunk-WIKNEHPJ.mjs} +23 -23
- package/dist/{chunk-BVTYDGLM.mjs.map → chunk-WIKNEHPJ.mjs.map} +1 -1
- package/dist/{chunk-XF3NHZZ3.js → chunk-Y6DFOQ5E.js} +7 -7
- package/dist/{chunk-XF3NHZZ3.js.map → chunk-Y6DFOQ5E.js.map} +1 -1
- package/dist/design-system/combobox.d.ts +120 -37
- package/dist/design-system/combobox.d.ts.map +1 -1
- package/dist/design-system/command.d.ts +33 -33
- package/dist/design-system/facade.js +7 -7
- package/dist/design-system/facade.mjs +6 -6
- package/dist/design-system/popover.d.ts +30 -30
- package/dist/design-system/tabs.d.ts +21 -21
- package/dist/design-system/toast.d.ts +21 -21
- package/dist/ui/buttons/animated.js +9 -9
- package/dist/ui/buttons/animated.mjs +7 -7
- package/dist/ui/buttons.js +10 -10
- package/dist/ui/buttons.mjs +8 -8
- package/dist/ui/combobox/combobox-base.d.ts.map +1 -1
- package/dist/ui/combobox/variants.d.ts +3 -3
- package/dist/ui/combobox.js +22 -20
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/combobox.mjs +6 -4
- package/dist/ui/combobox.mjs.map +1 -1
- package/dist/ui/command/animated.js +3 -3
- package/dist/ui/command/animated.mjs +2 -2
- package/dist/ui/command.js +16 -16
- package/dist/ui/command.mjs +3 -3
- package/dist/ui/dynamic-stepper.js +19 -19
- package/dist/ui/dynamic-stepper.mjs +8 -8
- package/dist/ui/pagination.js +15 -15
- package/dist/ui/pagination.mjs +7 -7
- package/dist/ui/popover/animated.js +5 -5
- package/dist/ui/popover/animated.mjs +2 -2
- package/dist/ui/popover.js +8 -8
- package/dist/ui/popover.mjs +2 -2
- package/dist/ui/tabs/animated.js +3 -3
- package/dist/ui/tabs/animated.mjs +2 -2
- package/dist/ui/tabs.js +10 -10
- package/dist/ui/tabs.mjs +2 -2
- package/dist/ui/toast/animated.js +8 -8
- package/dist/ui/toast/animated.mjs +2 -2
- package/dist/ui/toast.js +13 -13
- package/dist/ui/toast.mjs +2 -2
- package/package.json +3 -2
- package/src/design-system/combobox.ts +176 -46
- package/src/design-system/command.ts +33 -33
- package/src/design-system/popover.ts +30 -30
- package/src/design-system/tabs.ts +21 -21
- package/src/design-system/toast.ts +21 -21
- package/src/ui/combobox/combobox-base.tsx +5 -3
- package/src/ui/combobox/combobox.test.tsx +69 -0
- package/src/ui/command/command.test.tsx +15 -0
- package/src/ui/popover/popover.test.tsx +15 -0
- package/src/ui/tabs/tabs.test.tsx +15 -0
- package/src/ui/toast/toast.test.tsx +12 -0
- package/dist/chunk-4TX7EQ5Y.js +0 -19
- package/dist/chunk-AOVZY2A3.js.map +0 -1
- package/dist/chunk-AZ26NZJV.mjs.map +0 -1
- package/dist/chunk-K7PR3XXT.mjs +0 -128
- package/dist/chunk-K7PR3XXT.mjs.map +0 -1
- package/dist/chunk-N3FNN47Q.mjs.map +0 -1
- package/dist/chunk-NEFDIJ5N.js.map +0 -1
- package/dist/chunk-QNRJT7R4.js +0 -144
- package/dist/chunk-QNRJT7R4.js.map +0 -1
- package/dist/chunk-XUW42JAP.js.map +0 -1
package/dist/ui/combobox.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { zuiComboboxTriggerBase, zuiComboboxSizes, zuiComboboxTriggerVariants, zuiComboboxItemBase, zuiComboboxDisabled, zuiComboboxItemAppearances, zuiComboboxListBase, zuiComboboxListAppearances, zuiComboboxContentBase, zuiComboboxSpacing, zuiComboboxContentAppearances, zuiComboboxSearchRowBase, zuiComboboxSearchIconBase, zuiComboboxSearchInputBase, zuiComboboxEmptyBase } from '../chunk-
|
|
2
|
+
import { zuiComboboxTriggerBase, zuiComboboxSizes, zuiComboboxTriggerVariants, zuiComboboxItemBase, zuiComboboxDisabled, zuiComboboxItemAppearances, zuiComboboxListBase, zuiComboboxListAppearances, zuiComboboxContentBase, zuiComboboxSpacing, zuiComboboxContentAppearances, zuiComboboxSearchRowBase, zuiComboboxSearchIconBase, zuiComboboxSearchInputBase, zuiComboboxEmptyBase } from '../chunk-GUB3RSPR.mjs';
|
|
3
3
|
import { cn } from '../chunk-4D54YOL6.mjs';
|
|
4
4
|
import '../chunk-J5LGTIGS.mjs';
|
|
5
5
|
import { createContext, useContext, useId, useState, useRef, useEffect, useMemo, useCallback } from 'react';
|
|
@@ -227,7 +227,7 @@ var ComboboxValue = ({
|
|
|
227
227
|
{
|
|
228
228
|
"data-slot": "combobox-placeholder",
|
|
229
229
|
className: cn(
|
|
230
|
-
"text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-
|
|
230
|
+
"text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-combobox-value-placeholder-fg-dark,#ffffff)]",
|
|
231
231
|
className
|
|
232
232
|
),
|
|
233
233
|
...props,
|
|
@@ -403,7 +403,7 @@ var ComboboxItem = ({
|
|
|
403
403
|
value,
|
|
404
404
|
children,
|
|
405
405
|
disabled,
|
|
406
|
-
appearance
|
|
406
|
+
appearance,
|
|
407
407
|
className,
|
|
408
408
|
...props
|
|
409
409
|
}) => {
|
|
@@ -416,6 +416,8 @@ var ComboboxItem = ({
|
|
|
416
416
|
setActiveValue,
|
|
417
417
|
listboxId
|
|
418
418
|
} = useCombobox();
|
|
419
|
+
const contentAppearance = useContext(ComboboxAppearanceContext);
|
|
420
|
+
const itemAppearance = appearance ?? contentAppearance;
|
|
419
421
|
useEffect(() => {
|
|
420
422
|
registerOption({ label: children, value, disabled });
|
|
421
423
|
}, [children, disabled, registerOption, value]);
|
|
@@ -444,7 +446,7 @@ var ComboboxItem = ({
|
|
|
444
446
|
}
|
|
445
447
|
},
|
|
446
448
|
className: cn(
|
|
447
|
-
comboboxItemVariants({ disabled, appearance }),
|
|
449
|
+
comboboxItemVariants({ disabled, appearance: itemAppearance }),
|
|
448
450
|
"flex justify-between",
|
|
449
451
|
isHighlighted && "bg-[var(--zui-combobox-item-active-bg,oklch(93%_0.006_264.531))] dark:bg-[var(--zui-combobox-item-active-bg-dark,oklch(22%_0.006_264.531))]",
|
|
450
452
|
className
|
package/dist/ui/combobox.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/combobox/variants.ts","../../src/ui/combobox/combobox-base.tsx"],"names":[],"mappings":"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","file":"combobox.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiComboboxContentAppearances,\n zuiComboboxContentBase,\n zuiComboboxDisabled,\n zuiComboboxItemAppearances,\n zuiComboboxItemBase,\n zuiComboboxListAppearances,\n zuiComboboxListBase,\n zuiComboboxSizes,\n zuiComboboxSpacing,\n zuiComboboxTriggerBase,\n zuiComboboxTriggerVariants,\n} from \"../../design-system/combobox\";\n\nexport const comboboxTriggerVariants = cva(zuiComboboxTriggerBase, {\n variants: {\n variant: zuiComboboxTriggerVariants,\n size: zuiComboboxSizes,\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n },\n});\n\nexport const comboboxItemVariants = cva(zuiComboboxItemBase, {\n variants: {\n appearance: zuiComboboxItemAppearances,\n disabled: zuiComboboxDisabled,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const comboboxListVariants = cva(zuiComboboxListBase, {\n variants: {\n appearance: zuiComboboxListAppearances,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const comboboxContentVariants = cva(zuiComboboxContentBase, {\n variants: {\n appearance: zuiComboboxContentAppearances,\n size: zuiComboboxSizes,\n spacing: zuiComboboxSpacing,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n spacing: \"default\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { ReactNode, RefObject } from \"react\";\n\nimport {\n zuiComboboxEmptyBase,\n zuiComboboxSearchIconBase,\n zuiComboboxSearchInputBase,\n zuiComboboxSearchRowBase,\n} from \"../../design-system/combobox\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n ComboboxAppearance,\n ComboboxContentProps,\n ComboboxContextType,\n ComboboxEmptyProps,\n ComboboxItemProps,\n ComboboxListProps,\n ComboboxOption,\n ComboboxProps,\n ComboboxSearchProps,\n ComboboxTriggerProps,\n ComboboxValueProps,\n} from \"./types\";\nimport {\n comboboxContentVariants,\n comboboxItemVariants,\n comboboxListVariants,\n comboboxTriggerVariants,\n} from \"./variants\";\n\nconst ComboboxContext = createContext<ComboboxContextType | null>(null);\nconst ComboboxAppearanceContext = createContext<ComboboxAppearance>(\"default\");\n\nexport const useCombobox = () => {\n const ctx = useContext(ComboboxContext);\n if (!ctx) throw new Error(\"Combobox components must be used inside Combobox\");\n return ctx;\n};\n\nexport { ComboboxContext };\n\nexport const Combobox = ({\n children,\n value,\n defaultValue = [],\n onChange,\n multiple = false,\n className,\n}: ComboboxProps) => {\n const baseId = useId();\n const triggerId = `${baseId}-trigger`;\n const listboxId = `${baseId}-listbox`;\n\n const [internal, setInternal] = useState<string[]>(defaultValue);\n const [open, setOpen] = useState(false);\n const [options, setOptions] = useState<ComboboxOption[]>([]);\n const [query, setQuery] = useState(\"\");\n const [activeValue, setActiveValue] = useState<string | null>(null);\n const rootRef = useRef<HTMLDivElement>(null);\n const searchRef = useRef<HTMLInputElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n const selected = value ?? internal;\n\n useEffect(() => {\n if (!open) return;\n const handlePointerDown = (event: PointerEvent) => {\n const root = rootRef.current;\n if (!root) return;\n if (event.target instanceof Node && !root.contains(event.target)) {\n setOpen(false);\n }\n };\n document.addEventListener(\"pointerdown\", handlePointerDown);\n return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n }, [open]);\n\n useEffect(() => {\n if (!open) {\n setQuery(\"\");\n setActiveValue(null);\n }\n }, [open]);\n\n const visibleValues = useMemo(() => {\n const normalized = query.trim().toLowerCase();\n if (!normalized) return options.map((o) => o.value);\n return options\n .filter((o) => {\n if (o.disabled) return false;\n const labelText =\n typeof o.label === \"string\" ? o.label.toLowerCase() : \"\";\n return (\n o.value.toLowerCase().includes(normalized) ||\n labelText.includes(normalized)\n );\n })\n .map((o) => o.value);\n }, [query, options]);\n\n // If the current highlight gets filtered out while typing, clear it.\n // We do NOT auto-populate on open so ArrowDown always starts from the top.\n useEffect(() => {\n if (!open) return;\n if (!activeValue) return;\n if (visibleValues.includes(activeValue)) return;\n setActiveValue(null);\n }, [open, activeValue, visibleValues]);\n\n const setSelected = (vals: string[]) => {\n if (value !== undefined) {\n onChange?.(vals);\n } else {\n setInternal(vals);\n onChange?.(vals);\n }\n };\n\n const toggleValue = useCallback(\n (val: string) => {\n if (multiple) {\n const next = selected.includes(val)\n ? selected.filter((v) => v !== val)\n : [...selected, val];\n setSelected(next);\n } else {\n setSelected([val]);\n setOpen(false);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [multiple, selected],\n );\n\n const isSelected = useCallback(\n (val: string) => selected.includes(val),\n [selected],\n );\n\n const isVisible = useCallback(\n (val: string) => visibleValues.includes(val),\n [visibleValues],\n );\n\n const registerOption = useCallback((opt: ComboboxOption) => {\n setOptions((prev) => {\n const existing = prev.find((o) => o.value === opt.value);\n if (existing) {\n const labelChanged =\n (typeof opt.label === \"string\" || typeof opt.label === \"number\") &&\n existing.label !== opt.label;\n const disabledChanged = existing.disabled !== opt.disabled;\n if (labelChanged || disabledChanged) {\n return prev.map((o) => (o.value === opt.value ? opt : o));\n }\n return prev;\n }\n return [...prev, opt];\n });\n // No cleanup on unmount: options must persist across panel open/close so\n // ComboboxValue can still display the selected label when the panel is closed.\n }, []);\n\n return (\n <ComboboxContext.Provider\n value={{\n open,\n setOpen,\n query,\n setQuery,\n selected,\n toggleValue,\n isSelected,\n multiple,\n options,\n registerOption,\n visibleValues,\n isVisible,\n activeValue,\n setActiveValue,\n triggerId,\n listboxId,\n searchRef,\n triggerRef,\n }}\n >\n <div ref={rootRef} className={cn(\"relative w-full\", className)}>\n {children}\n </div>\n </ComboboxContext.Provider>\n );\n};\n\nCombobox.displayName = \"Combobox\";\n\nexport const ComboboxTrigger = ({\n className,\n variant,\n size,\n onClick,\n ref: refProp,\n ...props\n}: ComboboxTriggerProps) => {\n const { open, setOpen, triggerId, listboxId, triggerRef } = useCombobox();\n\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 id={triggerId}\n type=\"button\"\n aria-expanded={open}\n aria-haspopup=\"listbox\"\n aria-controls={listboxId}\n data-slot=\"combobox-trigger\"\n className={cn(comboboxTriggerVariants({ variant, size }), className)}\n {...props}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(!open);\n }\n }}\n />\n );\n};\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport const ComboboxValue = ({\n placeholder = \"Select...\",\n className,\n ...props\n}: ComboboxValueProps) => {\n const { selected, options } = useCombobox();\n const selectedOptions = options.filter((o) => selected.includes(o.value));\n\n if (selectedOptions.length === 0) {\n return (\n <span\n data-slot=\"combobox-placeholder\"\n className={cn(\n \"text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-white\",\n className,\n )}\n {...props}\n >\n {placeholder}\n </span>\n );\n }\n\n return (\n <span data-slot=\"combobox-value\" className={cn(className)} {...props}>\n {selectedOptions.map((option, index) => (\n <span key={option.value}>\n {index > 0 ? \", \" : null}\n {option.label}\n </span>\n ))}\n </span>\n );\n};\n\nComboboxValue.displayName = \"ComboboxValue\";\n\nexport const ComboboxContent = ({\n children,\n className,\n appearance = \"default\",\n size = \"md\",\n spacing = \"default\",\n ...props\n}: ComboboxContentProps) => {\n const { open, triggerId, listboxId, searchRef } = useCombobox();\n\n useEffect(() => {\n if (open) {\n searchRef.current?.focus();\n }\n }, [open, searchRef]);\n\n if (!open) return null;\n\n return (\n <ComboboxAppearanceContext.Provider value={appearance}>\n <div\n aria-labelledby={triggerId}\n data-slot=\"combobox-content\"\n className={cn(\n comboboxContentVariants({ appearance, size, spacing }),\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </ComboboxAppearanceContext.Provider>\n );\n};\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport const ComboboxSearch = ({\n className,\n placeholder = \"Search...\",\n ref: refProp,\n ...props\n}: ComboboxSearchProps) => {\n const {\n query,\n setQuery,\n visibleValues,\n activeValue,\n setActiveValue,\n toggleValue,\n setOpen,\n searchRef,\n listboxId,\n options,\n triggerRef,\n } = useCombobox();\n\n const optionByValue = useMemo(\n () => new Map(options.map((option) => [option.value, option])),\n [options],\n );\n\n const moveActive = (direction: 1 | -1) => {\n if (visibleValues.length === 0) return;\n const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;\n let nextIndex = currentIndex;\n for (let i = 0; i < visibleValues.length; i++) {\n if (nextIndex === -1) {\n nextIndex = direction === 1 ? 0 : visibleValues.length - 1;\n } else {\n nextIndex =\n (nextIndex + direction + visibleValues.length) % visibleValues.length;\n }\n const candidate = optionByValue.get(visibleValues[nextIndex] ?? \"\");\n if (candidate && !candidate.disabled) {\n setActiveValue(visibleValues[nextIndex] ?? null);\n return;\n }\n }\n };\n\n return (\n <div data-slot=\"combobox-search-row\" className={zuiComboboxSearchRowBase}>\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className={zuiComboboxSearchIconBase}\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 searchRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLInputElement | null>).current = node;\n }\n }}\n type=\"text\"\n role=\"combobox\"\n aria-expanded\n aria-controls={listboxId}\n aria-autocomplete=\"list\"\n aria-activedescendant={\n activeValue ? `${listboxId}-option-${activeValue}` : undefined\n }\n data-slot=\"combobox-search\"\n className={cn(zuiComboboxSearchInputBase, 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 event.preventDefault();\n if (activeValue && visibleValues.includes(activeValue)) {\n const option = optionByValue.get(activeValue);\n if (option && !option.disabled) {\n toggleValue(activeValue);\n }\n }\n } else if (event.key === \"Escape\") {\n event.preventDefault();\n setOpen(false);\n triggerRef.current?.focus();\n }\n }}\n {...props}\n />\n </div>\n );\n};\n\nComboboxSearch.displayName = \"ComboboxSearch\";\n\nexport const ComboboxList = ({\n children,\n className,\n ...props\n}: ComboboxListProps) => {\n const { listboxId, triggerId } = useCombobox();\n const appearance = useContext(ComboboxAppearanceContext);\n\n return (\n <div\n id={listboxId}\n role=\"listbox\"\n aria-labelledby={triggerId}\n data-slot=\"combobox-list\"\n className={cn(comboboxListVariants({ appearance }), className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nComboboxList.displayName = \"ComboboxList\";\n\nexport const ComboboxItem = ({\n value,\n children,\n disabled,\n appearance = \"default\",\n className,\n ...props\n}: ComboboxItemProps) => {\n const {\n toggleValue,\n isSelected,\n registerOption,\n isVisible,\n activeValue,\n setActiveValue,\n listboxId,\n } = useCombobox();\n\n useEffect(() => {\n registerOption({ label: children, value, disabled });\n }, [children, disabled, registerOption, value]);\n\n const visible = isVisible(value);\n const isActive = isSelected(value);\n const isHighlighted = activeValue === value;\n\n if (!visible) return null;\n\n return (\n <div\n id={`${listboxId}-option-${value}`}\n role=\"option\"\n aria-selected={isActive}\n aria-disabled={disabled ? true : undefined}\n tabIndex={-1}\n data-slot=\"combobox-item\"\n data-selected={isActive ? \"true\" : \"false\"}\n data-active={isHighlighted ? \"true\" : undefined}\n onMouseEnter={() => !disabled && setActiveValue(value)}\n onClick={() => !disabled && toggleValue(value)}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n toggleValue(value);\n }\n }}\n className={cn(\n comboboxItemVariants({ disabled, appearance }),\n \"flex justify-between\",\n isHighlighted &&\n \"bg-[var(--zui-combobox-item-active-bg,oklch(93%_0.006_264.531))] dark:bg-[var(--zui-combobox-item-active-bg-dark,oklch(22%_0.006_264.531))]\",\n className,\n )}\n {...props}\n >\n {children}\n {isActive && (\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className=\"size-4 shrink-0\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M20 6 9 17l-5-5\" />\n </svg>\n )}\n </div>\n );\n};\n\nComboboxItem.displayName = \"ComboboxItem\";\n\nexport const ComboboxEmpty = ({\n className,\n children,\n ...props\n}: ComboboxEmptyProps) => {\n const { visibleValues } = useCombobox();\n\n if (visibleValues.length > 0) return null;\n\n return (\n <div\n data-slot=\"combobox-empty\"\n className={cn(zuiComboboxEmptyBase, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/ui/combobox/variants.ts","../../src/ui/combobox/combobox-base.tsx"],"names":[],"mappings":"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","file":"combobox.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiComboboxContentAppearances,\n zuiComboboxContentBase,\n zuiComboboxDisabled,\n zuiComboboxItemAppearances,\n zuiComboboxItemBase,\n zuiComboboxListAppearances,\n zuiComboboxListBase,\n zuiComboboxSizes,\n zuiComboboxSpacing,\n zuiComboboxTriggerBase,\n zuiComboboxTriggerVariants,\n} from \"../../design-system/combobox\";\n\nexport const comboboxTriggerVariants = cva(zuiComboboxTriggerBase, {\n variants: {\n variant: zuiComboboxTriggerVariants,\n size: zuiComboboxSizes,\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n },\n});\n\nexport const comboboxItemVariants = cva(zuiComboboxItemBase, {\n variants: {\n appearance: zuiComboboxItemAppearances,\n disabled: zuiComboboxDisabled,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const comboboxListVariants = cva(zuiComboboxListBase, {\n variants: {\n appearance: zuiComboboxListAppearances,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const comboboxContentVariants = cva(zuiComboboxContentBase, {\n variants: {\n appearance: zuiComboboxContentAppearances,\n size: zuiComboboxSizes,\n spacing: zuiComboboxSpacing,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n spacing: \"default\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport type { ReactNode, RefObject } from \"react\";\n\nimport {\n zuiComboboxEmptyBase,\n zuiComboboxSearchIconBase,\n zuiComboboxSearchInputBase,\n zuiComboboxSearchRowBase,\n} from \"../../design-system/combobox\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n ComboboxAppearance,\n ComboboxContentProps,\n ComboboxContextType,\n ComboboxEmptyProps,\n ComboboxItemProps,\n ComboboxListProps,\n ComboboxOption,\n ComboboxProps,\n ComboboxSearchProps,\n ComboboxTriggerProps,\n ComboboxValueProps,\n} from \"./types\";\nimport {\n comboboxContentVariants,\n comboboxItemVariants,\n comboboxListVariants,\n comboboxTriggerVariants,\n} from \"./variants\";\n\nconst ComboboxContext = createContext<ComboboxContextType | null>(null);\nconst ComboboxAppearanceContext = createContext<ComboboxAppearance>(\"default\");\n\nexport const useCombobox = () => {\n const ctx = useContext(ComboboxContext);\n if (!ctx) throw new Error(\"Combobox components must be used inside Combobox\");\n return ctx;\n};\n\nexport { ComboboxContext };\n\nexport const Combobox = ({\n children,\n value,\n defaultValue = [],\n onChange,\n multiple = false,\n className,\n}: ComboboxProps) => {\n const baseId = useId();\n const triggerId = `${baseId}-trigger`;\n const listboxId = `${baseId}-listbox`;\n\n const [internal, setInternal] = useState<string[]>(defaultValue);\n const [open, setOpen] = useState(false);\n const [options, setOptions] = useState<ComboboxOption[]>([]);\n const [query, setQuery] = useState(\"\");\n const [activeValue, setActiveValue] = useState<string | null>(null);\n const rootRef = useRef<HTMLDivElement>(null);\n const searchRef = useRef<HTMLInputElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n\n const selected = value ?? internal;\n\n useEffect(() => {\n if (!open) return;\n const handlePointerDown = (event: PointerEvent) => {\n const root = rootRef.current;\n if (!root) return;\n if (event.target instanceof Node && !root.contains(event.target)) {\n setOpen(false);\n }\n };\n document.addEventListener(\"pointerdown\", handlePointerDown);\n return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n }, [open]);\n\n useEffect(() => {\n if (!open) {\n setQuery(\"\");\n setActiveValue(null);\n }\n }, [open]);\n\n const visibleValues = useMemo(() => {\n const normalized = query.trim().toLowerCase();\n if (!normalized) return options.map((o) => o.value);\n return options\n .filter((o) => {\n if (o.disabled) return false;\n const labelText =\n typeof o.label === \"string\" ? o.label.toLowerCase() : \"\";\n return (\n o.value.toLowerCase().includes(normalized) ||\n labelText.includes(normalized)\n );\n })\n .map((o) => o.value);\n }, [query, options]);\n\n // If the current highlight gets filtered out while typing, clear it.\n // We do NOT auto-populate on open so ArrowDown always starts from the top.\n useEffect(() => {\n if (!open) return;\n if (!activeValue) return;\n if (visibleValues.includes(activeValue)) return;\n setActiveValue(null);\n }, [open, activeValue, visibleValues]);\n\n const setSelected = (vals: string[]) => {\n if (value !== undefined) {\n onChange?.(vals);\n } else {\n setInternal(vals);\n onChange?.(vals);\n }\n };\n\n const toggleValue = useCallback(\n (val: string) => {\n if (multiple) {\n const next = selected.includes(val)\n ? selected.filter((v) => v !== val)\n : [...selected, val];\n setSelected(next);\n } else {\n setSelected([val]);\n setOpen(false);\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [multiple, selected],\n );\n\n const isSelected = useCallback(\n (val: string) => selected.includes(val),\n [selected],\n );\n\n const isVisible = useCallback(\n (val: string) => visibleValues.includes(val),\n [visibleValues],\n );\n\n const registerOption = useCallback((opt: ComboboxOption) => {\n setOptions((prev) => {\n const existing = prev.find((o) => o.value === opt.value);\n if (existing) {\n const labelChanged =\n (typeof opt.label === \"string\" || typeof opt.label === \"number\") &&\n existing.label !== opt.label;\n const disabledChanged = existing.disabled !== opt.disabled;\n if (labelChanged || disabledChanged) {\n return prev.map((o) => (o.value === opt.value ? opt : o));\n }\n return prev;\n }\n return [...prev, opt];\n });\n // No cleanup on unmount: options must persist across panel open/close so\n // ComboboxValue can still display the selected label when the panel is closed.\n }, []);\n\n return (\n <ComboboxContext.Provider\n value={{\n open,\n setOpen,\n query,\n setQuery,\n selected,\n toggleValue,\n isSelected,\n multiple,\n options,\n registerOption,\n visibleValues,\n isVisible,\n activeValue,\n setActiveValue,\n triggerId,\n listboxId,\n searchRef,\n triggerRef,\n }}\n >\n <div ref={rootRef} className={cn(\"relative w-full\", className)}>\n {children}\n </div>\n </ComboboxContext.Provider>\n );\n};\n\nCombobox.displayName = \"Combobox\";\n\nexport const ComboboxTrigger = ({\n className,\n variant,\n size,\n onClick,\n ref: refProp,\n ...props\n}: ComboboxTriggerProps) => {\n const { open, setOpen, triggerId, listboxId, triggerRef } = useCombobox();\n\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 id={triggerId}\n type=\"button\"\n aria-expanded={open}\n aria-haspopup=\"listbox\"\n aria-controls={listboxId}\n data-slot=\"combobox-trigger\"\n className={cn(comboboxTriggerVariants({ variant, size }), className)}\n {...props}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(!open);\n }\n }}\n />\n );\n};\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport const ComboboxValue = ({\n placeholder = \"Select...\",\n className,\n ...props\n}: ComboboxValueProps) => {\n const { selected, options } = useCombobox();\n const selectedOptions = options.filter((o) => selected.includes(o.value));\n\n if (selectedOptions.length === 0) {\n return (\n <span\n data-slot=\"combobox-placeholder\"\n className={cn(\n \"text-[color:var(--zui-combobox-value-placeholder-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-combobox-value-placeholder-fg-dark,#ffffff)]\",\n className,\n )}\n {...props}\n >\n {placeholder}\n </span>\n );\n }\n\n return (\n <span data-slot=\"combobox-value\" className={cn(className)} {...props}>\n {selectedOptions.map((option, index) => (\n <span key={option.value}>\n {index > 0 ? \", \" : null}\n {option.label}\n </span>\n ))}\n </span>\n );\n};\n\nComboboxValue.displayName = \"ComboboxValue\";\n\nexport const ComboboxContent = ({\n children,\n className,\n appearance = \"default\",\n size = \"md\",\n spacing = \"default\",\n ...props\n}: ComboboxContentProps) => {\n const { open, triggerId, listboxId, searchRef } = useCombobox();\n\n useEffect(() => {\n if (open) {\n searchRef.current?.focus();\n }\n }, [open, searchRef]);\n\n if (!open) return null;\n\n return (\n <ComboboxAppearanceContext.Provider value={appearance}>\n <div\n aria-labelledby={triggerId}\n data-slot=\"combobox-content\"\n className={cn(\n comboboxContentVariants({ appearance, size, spacing }),\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </ComboboxAppearanceContext.Provider>\n );\n};\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport const ComboboxSearch = ({\n className,\n placeholder = \"Search...\",\n ref: refProp,\n ...props\n}: ComboboxSearchProps) => {\n const {\n query,\n setQuery,\n visibleValues,\n activeValue,\n setActiveValue,\n toggleValue,\n setOpen,\n searchRef,\n listboxId,\n options,\n triggerRef,\n } = useCombobox();\n\n const optionByValue = useMemo(\n () => new Map(options.map((option) => [option.value, option])),\n [options],\n );\n\n const moveActive = (direction: 1 | -1) => {\n if (visibleValues.length === 0) return;\n const currentIndex = activeValue ? visibleValues.indexOf(activeValue) : -1;\n let nextIndex = currentIndex;\n for (let i = 0; i < visibleValues.length; i++) {\n if (nextIndex === -1) {\n nextIndex = direction === 1 ? 0 : visibleValues.length - 1;\n } else {\n nextIndex =\n (nextIndex + direction + visibleValues.length) % visibleValues.length;\n }\n const candidate = optionByValue.get(visibleValues[nextIndex] ?? \"\");\n if (candidate && !candidate.disabled) {\n setActiveValue(visibleValues[nextIndex] ?? null);\n return;\n }\n }\n };\n\n return (\n <div data-slot=\"combobox-search-row\" className={zuiComboboxSearchRowBase}>\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className={zuiComboboxSearchIconBase}\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 searchRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLInputElement | null>).current = node;\n }\n }}\n type=\"text\"\n role=\"combobox\"\n aria-expanded\n aria-controls={listboxId}\n aria-autocomplete=\"list\"\n aria-activedescendant={\n activeValue ? `${listboxId}-option-${activeValue}` : undefined\n }\n data-slot=\"combobox-search\"\n className={cn(zuiComboboxSearchInputBase, 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 event.preventDefault();\n if (activeValue && visibleValues.includes(activeValue)) {\n const option = optionByValue.get(activeValue);\n if (option && !option.disabled) {\n toggleValue(activeValue);\n }\n }\n } else if (event.key === \"Escape\") {\n event.preventDefault();\n setOpen(false);\n triggerRef.current?.focus();\n }\n }}\n {...props}\n />\n </div>\n );\n};\n\nComboboxSearch.displayName = \"ComboboxSearch\";\n\nexport const ComboboxList = ({\n children,\n className,\n ...props\n}: ComboboxListProps) => {\n const { listboxId, triggerId } = useCombobox();\n const appearance = useContext(ComboboxAppearanceContext);\n\n return (\n <div\n id={listboxId}\n role=\"listbox\"\n aria-labelledby={triggerId}\n data-slot=\"combobox-list\"\n className={cn(comboboxListVariants({ appearance }), className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nComboboxList.displayName = \"ComboboxList\";\n\nexport const ComboboxItem = ({\n value,\n children,\n disabled,\n appearance,\n className,\n ...props\n}: ComboboxItemProps) => {\n const {\n toggleValue,\n isSelected,\n registerOption,\n isVisible,\n activeValue,\n setActiveValue,\n listboxId,\n } = useCombobox();\n const contentAppearance = useContext(ComboboxAppearanceContext);\n const itemAppearance = appearance ?? contentAppearance;\n\n useEffect(() => {\n registerOption({ label: children, value, disabled });\n }, [children, disabled, registerOption, value]);\n\n const visible = isVisible(value);\n const isActive = isSelected(value);\n const isHighlighted = activeValue === value;\n\n if (!visible) return null;\n\n return (\n <div\n id={`${listboxId}-option-${value}`}\n role=\"option\"\n aria-selected={isActive}\n aria-disabled={disabled ? true : undefined}\n tabIndex={-1}\n data-slot=\"combobox-item\"\n data-selected={isActive ? \"true\" : \"false\"}\n data-active={isHighlighted ? \"true\" : undefined}\n onMouseEnter={() => !disabled && setActiveValue(value)}\n onClick={() => !disabled && toggleValue(value)}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n toggleValue(value);\n }\n }}\n className={cn(\n comboboxItemVariants({ disabled, appearance: itemAppearance }),\n \"flex justify-between\",\n isHighlighted &&\n \"bg-[var(--zui-combobox-item-active-bg,oklch(93%_0.006_264.531))] dark:bg-[var(--zui-combobox-item-active-bg-dark,oklch(22%_0.006_264.531))]\",\n className,\n )}\n {...props}\n >\n {children}\n {isActive && (\n <svg\n aria-hidden\n viewBox=\"0 0 24 24\"\n className=\"size-4 shrink-0\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <path d=\"M20 6 9 17l-5-5\" />\n </svg>\n )}\n </div>\n );\n};\n\nComboboxItem.displayName = \"ComboboxItem\";\n\nexport const ComboboxEmpty = ({\n className,\n children,\n ...props\n}: ComboboxEmptyProps) => {\n const { visibleValues } = useCombobox();\n\n if (visibleValues.length > 0) return null;\n\n return (\n <div\n data-slot=\"combobox-empty\"\n className={cn(zuiComboboxEmptyBase, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunk642JVK45_js = require('../../chunk-642JVK45.js');
|
|
5
5
|
require('../../chunk-GBWGVNDA.js');
|
|
6
6
|
require('../../chunk-UIYFEP3I.js');
|
|
7
|
-
require('../../chunk-
|
|
7
|
+
require('../../chunk-UQQHB3OI.js');
|
|
8
8
|
require('../../chunk-ZS5756ZC.js');
|
|
9
9
|
require('../../chunk-PZ5AY32C.js');
|
|
10
10
|
var framerMotion = require('framer-motion');
|
|
@@ -52,7 +52,7 @@ function CommandContentAnimated({
|
|
|
52
52
|
const overlayMotion = commandOverlayAnimationPresets.fade;
|
|
53
53
|
const panelMotion = commandOverlayAnimationPresets[reduceMotion ? "fade" : animation];
|
|
54
54
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
-
|
|
55
|
+
chunk642JVK45_js.CommandContentLayer,
|
|
56
56
|
{
|
|
57
57
|
appearance,
|
|
58
58
|
className,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { CommandContentLayer } from '../../chunk-
|
|
2
|
+
import { CommandContentLayer } from '../../chunk-RJ7L45SA.mjs';
|
|
3
3
|
import '../../chunk-K6YI4FJO.mjs';
|
|
4
4
|
import '../../chunk-PMAF6FBF.mjs';
|
|
5
|
-
import '../../chunk-
|
|
5
|
+
import '../../chunk-6ERBVFDA.mjs';
|
|
6
6
|
import '../../chunk-4D54YOL6.mjs';
|
|
7
7
|
import '../../chunk-J5LGTIGS.mjs';
|
|
8
8
|
import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
|
package/dist/ui/command.js
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var chunk642JVK45_js = require('../chunk-642JVK45.js');
|
|
5
5
|
require('../chunk-GBWGVNDA.js');
|
|
6
6
|
require('../chunk-UIYFEP3I.js');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-UQQHB3OI.js');
|
|
8
8
|
require('../chunk-ZS5756ZC.js');
|
|
9
9
|
require('../chunk-PZ5AY32C.js');
|
|
10
10
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
11
|
|
|
12
12
|
var Command2 = (props) => {
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
13
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk642JVK45_js.Command, { ...props });
|
|
14
14
|
};
|
|
15
15
|
Command2.displayName = "Command";
|
|
16
16
|
|
|
17
17
|
Object.defineProperty(exports, "CommandContent", {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () { return
|
|
19
|
+
get: function () { return chunk642JVK45_js.CommandContent; }
|
|
20
20
|
});
|
|
21
21
|
Object.defineProperty(exports, "CommandEmpty", {
|
|
22
22
|
enumerable: true,
|
|
23
|
-
get: function () { return
|
|
23
|
+
get: function () { return chunk642JVK45_js.CommandEmpty; }
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "CommandFooter", {
|
|
26
26
|
enumerable: true,
|
|
27
|
-
get: function () { return
|
|
27
|
+
get: function () { return chunk642JVK45_js.CommandFooter; }
|
|
28
28
|
});
|
|
29
29
|
Object.defineProperty(exports, "CommandGroup", {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get: function () { return
|
|
31
|
+
get: function () { return chunk642JVK45_js.CommandGroup; }
|
|
32
32
|
});
|
|
33
33
|
Object.defineProperty(exports, "CommandInput", {
|
|
34
34
|
enumerable: true,
|
|
35
|
-
get: function () { return
|
|
35
|
+
get: function () { return chunk642JVK45_js.CommandInput; }
|
|
36
36
|
});
|
|
37
37
|
Object.defineProperty(exports, "CommandItem", {
|
|
38
38
|
enumerable: true,
|
|
39
|
-
get: function () { return
|
|
39
|
+
get: function () { return chunk642JVK45_js.CommandItem; }
|
|
40
40
|
});
|
|
41
41
|
Object.defineProperty(exports, "CommandList", {
|
|
42
42
|
enumerable: true,
|
|
43
|
-
get: function () { return
|
|
43
|
+
get: function () { return chunk642JVK45_js.CommandList; }
|
|
44
44
|
});
|
|
45
45
|
Object.defineProperty(exports, "CommandSeparator", {
|
|
46
46
|
enumerable: true,
|
|
47
|
-
get: function () { return
|
|
47
|
+
get: function () { return chunk642JVK45_js.CommandSeparator; }
|
|
48
48
|
});
|
|
49
49
|
Object.defineProperty(exports, "CommandTrigger", {
|
|
50
50
|
enumerable: true,
|
|
51
|
-
get: function () { return
|
|
51
|
+
get: function () { return chunk642JVK45_js.CommandTrigger; }
|
|
52
52
|
});
|
|
53
53
|
Object.defineProperty(exports, "commandContentVariants", {
|
|
54
54
|
enumerable: true,
|
|
55
|
-
get: function () { return
|
|
55
|
+
get: function () { return chunk642JVK45_js.commandContentVariants; }
|
|
56
56
|
});
|
|
57
57
|
Object.defineProperty(exports, "commandItemVariants", {
|
|
58
58
|
enumerable: true,
|
|
59
|
-
get: function () { return
|
|
59
|
+
get: function () { return chunk642JVK45_js.commandItemVariants; }
|
|
60
60
|
});
|
|
61
61
|
Object.defineProperty(exports, "commandOverlayVariants", {
|
|
62
62
|
enumerable: true,
|
|
63
|
-
get: function () { return
|
|
63
|
+
get: function () { return chunk642JVK45_js.commandOverlayVariants; }
|
|
64
64
|
});
|
|
65
65
|
Object.defineProperty(exports, "useCommandContext", {
|
|
66
66
|
enumerable: true,
|
|
67
|
-
get: function () { return
|
|
67
|
+
get: function () { return chunk642JVK45_js.useCommandContext; }
|
|
68
68
|
});
|
|
69
69
|
exports.Command = Command2;
|
|
70
70
|
//# sourceMappingURL=command.js.map
|
package/dist/ui/command.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { Command } from '../chunk-
|
|
3
|
-
export { CommandContent, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandTrigger, commandContentVariants, commandItemVariants, commandOverlayVariants, useCommandContext } from '../chunk-
|
|
2
|
+
import { Command } from '../chunk-RJ7L45SA.mjs';
|
|
3
|
+
export { CommandContent, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandTrigger, commandContentVariants, commandItemVariants, commandOverlayVariants, useCommandContext } from '../chunk-RJ7L45SA.mjs';
|
|
4
4
|
import '../chunk-K6YI4FJO.mjs';
|
|
5
5
|
import '../chunk-PMAF6FBF.mjs';
|
|
6
|
-
import '../chunk-
|
|
6
|
+
import '../chunk-6ERBVFDA.mjs';
|
|
7
7
|
import '../chunk-4D54YOL6.mjs';
|
|
8
8
|
import '../chunk-J5LGTIGS.mjs';
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
var chunkVMCOX3Z2_js = require('../chunk-VMCOX3Z2.js');
|
|
5
5
|
require('../chunk-HPN7H5ZM.js');
|
|
6
|
-
var
|
|
7
|
-
require('../chunk-
|
|
8
|
-
var
|
|
6
|
+
var chunkVHYUH5OH_js = require('../chunk-VHYUH5OH.js');
|
|
7
|
+
require('../chunk-R4D5V7NT.js');
|
|
8
|
+
var chunkV2LI5QZD_js = require('../chunk-V2LI5QZD.js');
|
|
9
9
|
require('../chunk-FBUY6K6S.js');
|
|
10
10
|
require('../chunk-USLNTKVQ.js');
|
|
11
11
|
require('../chunk-D7ATXPVI.js');
|
|
@@ -15,12 +15,12 @@ require('../chunk-3EJCQXGV.js');
|
|
|
15
15
|
require('../chunk-NNGL2AFQ.js');
|
|
16
16
|
require('../chunk-L7W4NRK6.js');
|
|
17
17
|
require('../chunk-KWBGLH7G.js');
|
|
18
|
-
require('../chunk-
|
|
18
|
+
require('../chunk-BIQZC26Q.js');
|
|
19
19
|
require('../chunk-Y7BU5RC4.js');
|
|
20
|
-
require('../chunk-
|
|
20
|
+
require('../chunk-6Q4EOLKN.js');
|
|
21
21
|
require('../chunk-UG3GF2BD.js');
|
|
22
22
|
require('../chunk-BZTAA3MK.js');
|
|
23
|
-
require('../chunk-
|
|
23
|
+
require('../chunk-PZ25OHJE.js');
|
|
24
24
|
require('../chunk-HOOZYA4N.js');
|
|
25
25
|
require('../chunk-CJCOURVM.js');
|
|
26
26
|
require('../chunk-22FJROCI.js');
|
|
@@ -33,8 +33,8 @@ require('../chunk-WGN2CBG6.js');
|
|
|
33
33
|
require('../chunk-SRSRY5K2.js');
|
|
34
34
|
require('../chunk-HNRCPZCK.js');
|
|
35
35
|
require('../chunk-J2SUGU3X.js');
|
|
36
|
-
require('../chunk-
|
|
37
|
-
require('../chunk-
|
|
36
|
+
require('../chunk-J5NTJVKX.js');
|
|
37
|
+
require('../chunk-UQQHB3OI.js');
|
|
38
38
|
require('../chunk-BBM4BKSN.js');
|
|
39
39
|
require('../chunk-Y5JAQEBF.js');
|
|
40
40
|
require('../chunk-7DVECOO7.js');
|
|
@@ -53,37 +53,37 @@ var classVarianceAuthority = require('class-variance-authority');
|
|
|
53
53
|
var jsxRuntime = require('react/jsx-runtime');
|
|
54
54
|
|
|
55
55
|
function dynamicStepperIndicatorToneClass(state, tone) {
|
|
56
|
-
return
|
|
56
|
+
return chunkV2LI5QZD_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
|
|
57
57
|
}
|
|
58
|
-
var dynamicStepperRootVariants = classVarianceAuthority.cva(
|
|
58
|
+
var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkV2LI5QZD_js.zuiDynamicStepperRootBase, {
|
|
59
59
|
variants: {
|
|
60
|
-
orientation:
|
|
60
|
+
orientation: chunkV2LI5QZD_js.zuiDynamicStepperRootOrientations
|
|
61
61
|
},
|
|
62
62
|
defaultVariants: {
|
|
63
63
|
orientation: "horizontal"
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
var dynamicStepperMapperVariants = classVarianceAuthority.cva(
|
|
66
|
+
var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkV2LI5QZD_js.zuiDynamicStepperMapperBase, {
|
|
67
67
|
variants: {
|
|
68
|
-
orientation:
|
|
68
|
+
orientation: chunkV2LI5QZD_js.zuiDynamicStepperMapperOrientations
|
|
69
69
|
},
|
|
70
70
|
defaultVariants: {
|
|
71
71
|
orientation: "horizontal"
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
|
-
var dynamicStepperItemVariants = classVarianceAuthority.cva(
|
|
74
|
+
var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkV2LI5QZD_js.zuiDynamicStepperItemBase, {
|
|
75
75
|
variants: {
|
|
76
|
-
orientation:
|
|
76
|
+
orientation: chunkV2LI5QZD_js.zuiDynamicStepperItemOrientations
|
|
77
77
|
},
|
|
78
78
|
defaultVariants: {
|
|
79
79
|
orientation: "horizontal"
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
var dynamicStepperIndicatorVariants = classVarianceAuthority.cva(
|
|
83
|
-
|
|
83
|
+
chunkV2LI5QZD_js.zuiDynamicStepperIndicatorBase,
|
|
84
84
|
{
|
|
85
85
|
variants: {
|
|
86
|
-
size:
|
|
86
|
+
size: chunkV2LI5QZD_js.zuiDynamicStepperIndicatorSizes
|
|
87
87
|
},
|
|
88
88
|
defaultVariants: {
|
|
89
89
|
size: "md"
|
|
@@ -136,7 +136,7 @@ var DynamicStepper = ({
|
|
|
136
136
|
...rest,
|
|
137
137
|
children: [
|
|
138
138
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
139
|
-
|
|
139
|
+
chunkVHYUH5OH_js.Button,
|
|
140
140
|
{
|
|
141
141
|
id: previousId,
|
|
142
142
|
"data-slot": "dynamic-stepper-previous",
|
|
@@ -215,7 +215,7 @@ var DynamicStepper = ({
|
|
|
215
215
|
}
|
|
216
216
|
),
|
|
217
217
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
218
|
-
|
|
218
|
+
chunkVHYUH5OH_js.Button,
|
|
219
219
|
{
|
|
220
220
|
id: nextId,
|
|
221
221
|
"data-slot": "dynamic-stepper-next",
|
|
@@ -1,9 +1,9 @@
|
|
|
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-TYBQZO6Y.mjs';
|
|
5
|
+
import '../chunk-3N575QVC.mjs';
|
|
6
|
+
import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-7N2UYQBJ.mjs';
|
|
7
7
|
import '../chunk-2NQKFH26.mjs';
|
|
8
8
|
import '../chunk-4ZBMDWWY.mjs';
|
|
9
9
|
import '../chunk-YH6MOKHR.mjs';
|
|
@@ -13,12 +13,12 @@ import '../chunk-LRYKMXKI.mjs';
|
|
|
13
13
|
import '../chunk-COVTMJIQ.mjs';
|
|
14
14
|
import '../chunk-4WG3VNVL.mjs';
|
|
15
15
|
import '../chunk-YPTHTFVF.mjs';
|
|
16
|
-
import '../chunk-
|
|
16
|
+
import '../chunk-TVEK6PKH.mjs';
|
|
17
17
|
import '../chunk-FX5KR2GP.mjs';
|
|
18
|
-
import '../chunk-
|
|
18
|
+
import '../chunk-WIKNEHPJ.mjs';
|
|
19
19
|
import '../chunk-EE53BIXR.mjs';
|
|
20
20
|
import '../chunk-YXU2MJMT.mjs';
|
|
21
|
-
import '../chunk-
|
|
21
|
+
import '../chunk-3IE4IELX.mjs';
|
|
22
22
|
import '../chunk-BUEI4RMR.mjs';
|
|
23
23
|
import '../chunk-5AOVTY2X.mjs';
|
|
24
24
|
import '../chunk-523VQLCW.mjs';
|
|
@@ -31,8 +31,8 @@ import '../chunk-JEDMUBYI.mjs';
|
|
|
31
31
|
import '../chunk-EJ3UMMCS.mjs';
|
|
32
32
|
import '../chunk-ENYZGL4R.mjs';
|
|
33
33
|
import '../chunk-2VPXQ2LA.mjs';
|
|
34
|
-
import '../chunk-
|
|
35
|
-
import '../chunk-
|
|
34
|
+
import '../chunk-GUB3RSPR.mjs';
|
|
35
|
+
import '../chunk-6ERBVFDA.mjs';
|
|
36
36
|
import '../chunk-DOA4ESKS.mjs';
|
|
37
37
|
import '../chunk-QX6PPTWL.mjs';
|
|
38
38
|
import '../chunk-U64ISRUX.mjs';
|
package/dist/ui/pagination.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var chunkR4D5V7NT_js = require('../chunk-R4D5V7NT.js');
|
|
6
|
+
var chunkV2LI5QZD_js = require('../chunk-V2LI5QZD.js');
|
|
7
7
|
require('../chunk-FBUY6K6S.js');
|
|
8
8
|
require('../chunk-USLNTKVQ.js');
|
|
9
9
|
require('../chunk-D7ATXPVI.js');
|
|
@@ -13,12 +13,12 @@ require('../chunk-3EJCQXGV.js');
|
|
|
13
13
|
require('../chunk-NNGL2AFQ.js');
|
|
14
14
|
require('../chunk-L7W4NRK6.js');
|
|
15
15
|
require('../chunk-KWBGLH7G.js');
|
|
16
|
-
require('../chunk-
|
|
16
|
+
require('../chunk-BIQZC26Q.js');
|
|
17
17
|
require('../chunk-Y7BU5RC4.js');
|
|
18
|
-
require('../chunk-
|
|
18
|
+
require('../chunk-6Q4EOLKN.js');
|
|
19
19
|
require('../chunk-UG3GF2BD.js');
|
|
20
20
|
require('../chunk-BZTAA3MK.js');
|
|
21
|
-
require('../chunk-
|
|
21
|
+
require('../chunk-PZ25OHJE.js');
|
|
22
22
|
require('../chunk-HOOZYA4N.js');
|
|
23
23
|
require('../chunk-CJCOURVM.js');
|
|
24
24
|
require('../chunk-22FJROCI.js');
|
|
@@ -31,8 +31,8 @@ require('../chunk-WGN2CBG6.js');
|
|
|
31
31
|
require('../chunk-SRSRY5K2.js');
|
|
32
32
|
require('../chunk-HNRCPZCK.js');
|
|
33
33
|
require('../chunk-J2SUGU3X.js');
|
|
34
|
-
require('../chunk-
|
|
35
|
-
require('../chunk-
|
|
34
|
+
require('../chunk-J5NTJVKX.js');
|
|
35
|
+
require('../chunk-UQQHB3OI.js');
|
|
36
36
|
require('../chunk-BBM4BKSN.js');
|
|
37
37
|
require('../chunk-Y5JAQEBF.js');
|
|
38
38
|
require('../chunk-7DVECOO7.js');
|
|
@@ -50,19 +50,19 @@ var react = require('react');
|
|
|
50
50
|
var classVarianceAuthority = require('class-variance-authority');
|
|
51
51
|
var jsxRuntime = require('react/jsx-runtime');
|
|
52
52
|
|
|
53
|
-
var paginationListVariants = classVarianceAuthority.cva(
|
|
53
|
+
var paginationListVariants = classVarianceAuthority.cva(chunkV2LI5QZD_js.zuiPaginationListBase, {
|
|
54
54
|
variants: {
|
|
55
|
-
appearance:
|
|
56
|
-
size:
|
|
55
|
+
appearance: chunkV2LI5QZD_js.zuiPaginationListAppearances,
|
|
56
|
+
size: chunkV2LI5QZD_js.zuiPaginationListSizes
|
|
57
57
|
},
|
|
58
58
|
defaultVariants: {
|
|
59
59
|
appearance: "default",
|
|
60
60
|
size: "md"
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
|
-
var paginationEllipsisVariants = classVarianceAuthority.cva(
|
|
63
|
+
var paginationEllipsisVariants = classVarianceAuthority.cva(chunkV2LI5QZD_js.zuiPaginationEllipsisBase, {
|
|
64
64
|
variants: {
|
|
65
|
-
size:
|
|
65
|
+
size: chunkV2LI5QZD_js.zuiPaginationEllipsisSizes
|
|
66
66
|
},
|
|
67
67
|
defaultVariants: { size: "md" }
|
|
68
68
|
});
|
|
@@ -127,10 +127,10 @@ var Pagination = ({
|
|
|
127
127
|
return null;
|
|
128
128
|
}
|
|
129
129
|
const inactiveTriggerClass = chunkZS5756ZC_js.cn(
|
|
130
|
-
|
|
130
|
+
chunkR4D5V7NT_js.buttonVariants({ appearance: "ghost", size }),
|
|
131
131
|
"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10"
|
|
132
132
|
);
|
|
133
|
-
const currentTriggerClass =
|
|
133
|
+
const currentTriggerClass = chunkR4D5V7NT_js.buttonVariants({ appearance, size });
|
|
134
134
|
const triggerFocusRing = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950";
|
|
135
135
|
const renderPageControl = (pageNumber) => {
|
|
136
136
|
const isCurrent = pageNumber === currentPage;
|
|
@@ -173,7 +173,7 @@ var Pagination = ({
|
|
|
173
173
|
const prevHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage - 1, pageCount));
|
|
174
174
|
const nextHref = getPageHref?.(chunkZS5756ZC_js.clampPage(currentPage + 1, pageCount));
|
|
175
175
|
const navTriggerClass = chunkZS5756ZC_js.cn(
|
|
176
|
-
|
|
176
|
+
chunkR4D5V7NT_js.buttonVariants({ appearance: "outline", size }),
|
|
177
177
|
"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
|
|
178
178
|
);
|
|
179
179
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
package/dist/ui/pagination.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { usePagination } from '../chunk-YNBJAFI2.mjs';
|
|
3
3
|
export { usePagination } from '../chunk-YNBJAFI2.mjs';
|
|
4
|
-
import { buttonVariants } from '../chunk-
|
|
5
|
-
import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from '../chunk-
|
|
4
|
+
import { buttonVariants } from '../chunk-3N575QVC.mjs';
|
|
5
|
+
import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from '../chunk-7N2UYQBJ.mjs';
|
|
6
6
|
import '../chunk-2NQKFH26.mjs';
|
|
7
7
|
import '../chunk-4ZBMDWWY.mjs';
|
|
8
8
|
import '../chunk-YH6MOKHR.mjs';
|
|
@@ -12,12 +12,12 @@ import '../chunk-LRYKMXKI.mjs';
|
|
|
12
12
|
import '../chunk-COVTMJIQ.mjs';
|
|
13
13
|
import '../chunk-4WG3VNVL.mjs';
|
|
14
14
|
import '../chunk-YPTHTFVF.mjs';
|
|
15
|
-
import '../chunk-
|
|
15
|
+
import '../chunk-TVEK6PKH.mjs';
|
|
16
16
|
import '../chunk-FX5KR2GP.mjs';
|
|
17
|
-
import '../chunk-
|
|
17
|
+
import '../chunk-WIKNEHPJ.mjs';
|
|
18
18
|
import '../chunk-EE53BIXR.mjs';
|
|
19
19
|
import '../chunk-YXU2MJMT.mjs';
|
|
20
|
-
import '../chunk-
|
|
20
|
+
import '../chunk-3IE4IELX.mjs';
|
|
21
21
|
import '../chunk-BUEI4RMR.mjs';
|
|
22
22
|
import '../chunk-5AOVTY2X.mjs';
|
|
23
23
|
import '../chunk-523VQLCW.mjs';
|
|
@@ -30,8 +30,8 @@ import '../chunk-JEDMUBYI.mjs';
|
|
|
30
30
|
import '../chunk-EJ3UMMCS.mjs';
|
|
31
31
|
import '../chunk-ENYZGL4R.mjs';
|
|
32
32
|
import '../chunk-2VPXQ2LA.mjs';
|
|
33
|
-
import '../chunk-
|
|
34
|
-
import '../chunk-
|
|
33
|
+
import '../chunk-GUB3RSPR.mjs';
|
|
34
|
+
import '../chunk-6ERBVFDA.mjs';
|
|
35
35
|
import '../chunk-DOA4ESKS.mjs';
|
|
36
36
|
import '../chunk-QX6PPTWL.mjs';
|
|
37
37
|
import '../chunk-U64ISRUX.mjs';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../../chunk-
|
|
4
|
+
var chunkY6DFOQ5E_js = require('../../chunk-Y6DFOQ5E.js');
|
|
5
|
+
require('../../chunk-PZ25OHJE.js');
|
|
6
6
|
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
7
7
|
require('../../chunk-PZ5AY32C.js');
|
|
8
8
|
var framerMotion = require('framer-motion');
|
|
@@ -38,7 +38,7 @@ var PopoverContentAnimated = ({
|
|
|
38
38
|
onAnimationStart: _onAnimationStart,
|
|
39
39
|
...props
|
|
40
40
|
}) => {
|
|
41
|
-
const { open, contentId, contentRef } =
|
|
41
|
+
const { open, contentId, contentRef } = chunkY6DFOQ5E_js.usePopover();
|
|
42
42
|
if (!open) {
|
|
43
43
|
return null;
|
|
44
44
|
}
|
|
@@ -53,8 +53,8 @@ var PopoverContentAnimated = ({
|
|
|
53
53
|
tabIndex: -1,
|
|
54
54
|
...motionProps,
|
|
55
55
|
className: chunkZS5756ZC_js.cn(
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
chunkY6DFOQ5E_js.popoverContentVariants({ variant, size, width }),
|
|
57
|
+
chunkY6DFOQ5E_js.sideAlignClass(side, align),
|
|
58
58
|
className
|
|
59
59
|
),
|
|
60
60
|
...props,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { usePopover, popoverContentVariants, sideAlignClass } from '../../chunk-
|
|
3
|
-
import '../../chunk-
|
|
2
|
+
import { usePopover, popoverContentVariants, sideAlignClass } from '../../chunk-PZI2UVPL.mjs';
|
|
3
|
+
import '../../chunk-3IE4IELX.mjs';
|
|
4
4
|
import { cn } from '../../chunk-4D54YOL6.mjs';
|
|
5
5
|
import '../../chunk-J5LGTIGS.mjs';
|
|
6
6
|
import { motion } from 'framer-motion';
|