@etus/ui 0.4.0-beta.5 → 0.4.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-2HM5Z2YP.js → chunk-2YWWZEPE.js} +3 -3
- package/dist/{chunk-2HM5Z2YP.js.map → chunk-2YWWZEPE.js.map} +1 -1
- package/dist/{chunk-F6ZKBK5B.js → chunk-5GE3BQA7.js} +9 -4
- package/dist/chunk-5GE3BQA7.js.map +1 -0
- package/dist/{chunk-QZWKXUZP.js → chunk-6ELVWWIA.js} +3 -3
- package/dist/{chunk-QZWKXUZP.js.map → chunk-6ELVWWIA.js.map} +1 -1
- package/dist/{chunk-3RJEA2MM.js → chunk-6HEURMY3.js} +102 -65
- package/dist/chunk-6HEURMY3.js.map +1 -0
- package/dist/{chunk-ZS2WS5NJ.js → chunk-AVR3LVOQ.js} +48 -3
- package/dist/chunk-AVR3LVOQ.js.map +1 -0
- package/dist/{chunk-HT5XM6XK.js → chunk-FCT6FEEZ.js} +4 -4
- package/dist/{chunk-HT5XM6XK.js.map → chunk-FCT6FEEZ.js.map} +1 -1
- package/dist/{chunk-XXFKDEFH.js → chunk-JUTPDS4E.js} +7 -11
- package/dist/chunk-JUTPDS4E.js.map +1 -0
- package/dist/{chunk-DDR24GOP.js → chunk-L3Z5FAJE.js} +67 -51
- package/dist/chunk-L3Z5FAJE.js.map +1 -0
- package/dist/{chunk-RVUO7SDG.js → chunk-LS3WD6IZ.js} +63 -28
- package/dist/chunk-LS3WD6IZ.js.map +1 -0
- package/dist/{chunk-32IJQOUV.js → chunk-OTSK2KAI.js} +3 -3
- package/dist/{chunk-32IJQOUV.js.map → chunk-OTSK2KAI.js.map} +1 -1
- package/dist/{chunk-5YDFC74M.js → chunk-XD5LE64P.js} +7 -6
- package/dist/chunk-XD5LE64P.js.map +1 -0
- package/dist/{chunk-CSXT7SKR.js → chunk-YCEZH35U.js} +18 -4
- package/dist/chunk-YCEZH35U.js.map +1 -0
- package/dist/{chunk-2D6OFVPN.js → chunk-YWA63YN3.js} +22 -2
- package/dist/chunk-YWA63YN3.js.map +1 -0
- package/dist/{chunk-CP2PEDG2.js → chunk-Z4KW5VW6.js} +3 -3
- package/dist/chunk-Z4KW5VW6.js.map +1 -0
- package/dist/components/advanced/Calendar/index.js +1 -1
- package/dist/components/advanced/EventCalendar/index.js +1 -1
- package/dist/components/advanced/FilterBuilder/index.js +1 -1
- package/dist/components/advanced/ReportBuilder/index.js +2 -2
- package/dist/components/advanced/index.js +13 -13
- package/dist/components/data-display/Carousel/index.js +1 -1
- package/dist/components/data-display/ChartCard/index.js +1 -3
- package/dist/components/data-display/DashboardFilterbar/index.js +3 -3
- package/dist/components/data-display/DataTable/FilterBuilder/index.js +1 -1
- package/dist/components/data-display/DataTable/index.js +1 -1
- package/dist/components/data-display/ImageGallery/index.js +8 -1
- package/dist/components/data-display/KPICard/index.js +2 -2
- package/dist/components/data-display/index.js +25 -25
- package/dist/components/feedback/AlertDialog/index.js +1 -1
- package/dist/components/feedback/ConfirmModal/index.js +1 -1
- package/dist/components/feedback/Modal/index.js +1 -1
- package/dist/components/feedback/index.js +5 -5
- package/dist/components/forms/ColorPicker/index.js +1 -1
- package/dist/components/forms/DatePicker/index.js +2 -2
- package/dist/components/forms/DateRangePicker/index.js +2 -2
- package/dist/components/forms/InputGroup/index.js +1 -1
- package/dist/components/forms/InputOTPField/index.js +2 -2
- package/dist/components/forms/Slider/index.js +1 -1
- package/dist/components/forms/index.js +24 -24
- package/dist/components/index.js +121 -121
- package/dist/components/layout/Panel/index.js +2 -1
- package/dist/components/layout/index.js +4 -4
- package/dist/components/navigation/Menu/index.js +2 -1
- package/dist/components/navigation/MobileSidebar/index.js +1 -1
- package/dist/components/navigation/Pagination/index.js +1 -1
- package/dist/components/navigation/Sidebar/index.js +3 -3
- package/dist/components/navigation/Toolbar/index.js +1 -1
- package/dist/components/navigation/index.js +12 -11
- package/dist/components/primitives/Button/index.js +1 -1
- package/dist/components/primitives/ConfirmButton/index.js +1 -1
- package/dist/components/primitives/index.js +10 -10
- package/dist/components/workflow/ApprovalFlow/index.js +1 -1
- package/dist/components/workflow/CommentSystem/index.js +1 -1
- package/dist/components/workflow/Dashboard/index.js +1 -1
- package/dist/components/workflow/DashboardBuilder/index.js +1 -1
- package/dist/components/workflow/KanbanBoard/index.js +1 -1
- package/dist/components/workflow/ReportGenerator/index.js +1 -1
- package/dist/components/workflow/Wizard/index.js +1 -1
- package/dist/components/workflow/index.js +9 -9
- package/dist/index.d.ts +163 -58
- package/dist/index.js +123 -123
- package/dist/styles.css +19 -9
- package/package.json +2 -2
- package/dist/chunk-2D6OFVPN.js.map +0 -1
- package/dist/chunk-3RJEA2MM.js.map +0 -1
- package/dist/chunk-5YDFC74M.js.map +0 -1
- package/dist/chunk-CP2PEDG2.js.map +0 -1
- package/dist/chunk-CSXT7SKR.js.map +0 -1
- package/dist/chunk-DDR24GOP.js.map +0 -1
- package/dist/chunk-F6ZKBK5B.js.map +0 -1
- package/dist/chunk-RVUO7SDG.js.map +0 -1
- package/dist/chunk-XXFKDEFH.js.map +0 -1
- package/dist/chunk-ZS2WS5NJ.js.map +0 -1
|
@@ -18,9 +18,9 @@ var colorPickerTriggerVariants = cva(
|
|
|
18
18
|
{
|
|
19
19
|
variants: {
|
|
20
20
|
size: {
|
|
21
|
-
sm: "h-
|
|
22
|
-
md: "h-
|
|
23
|
-
lg: "h-
|
|
21
|
+
sm: "h-9 px-2.5 py-1 text-sm",
|
|
22
|
+
md: "h-10 px-3 py-1 text-base md:text-sm",
|
|
23
|
+
lg: "h-11 px-3.5 py-1.5 text-base"
|
|
24
24
|
},
|
|
25
25
|
variant: {
|
|
26
26
|
default: "border-input shadow-xs dark:bg-input/30",
|
|
@@ -198,6 +198,7 @@ function ColorPicker({
|
|
|
198
198
|
"aria-label": ariaLabel,
|
|
199
199
|
"aria-labelledby": ariaLabelledby,
|
|
200
200
|
"aria-required": required,
|
|
201
|
+
"data-has-value": !!selectedColor,
|
|
201
202
|
"data-size": size,
|
|
202
203
|
"data-slot": "color-picker-trigger",
|
|
203
204
|
"data-state": open ? "open" : "closed",
|
|
@@ -227,7 +228,7 @@ function ColorPicker({
|
|
|
227
228
|
PopoverContent,
|
|
228
229
|
{
|
|
229
230
|
align: "start",
|
|
230
|
-
className: "w-
|
|
231
|
+
className: "w-[var(--color-picker-content-width)] p-[var(--color-picker-content-padding)]",
|
|
231
232
|
"data-slot": "color-picker-content",
|
|
232
233
|
children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
|
|
233
234
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
@@ -306,5 +307,5 @@ function ColorPicker({
|
|
|
306
307
|
}
|
|
307
308
|
|
|
308
309
|
export { ColorPicker, colorPickerPreviewVariants, colorPickerSwatchVariants, colorPickerTriggerVariants };
|
|
309
|
-
//# sourceMappingURL=chunk-
|
|
310
|
-
//# sourceMappingURL=chunk-
|
|
310
|
+
//# sourceMappingURL=chunk-XD5LE64P.js.map
|
|
311
|
+
//# sourceMappingURL=chunk-XD5LE64P.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/forms/ColorPicker/ColorPicker.variants.ts","../src/components/forms/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"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","file":"chunk-XD5LE64P.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * ColorPicker trigger variant styles using CVA\n */\nexport const colorPickerTriggerVariants = cva(\n // Base styles\n [\n \"inline-flex w-full items-center justify-between gap-2 rounded-[var(--color-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none\",\n \"text-left\",\n \"placeholder:text-muted-foreground\",\n \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n \"focus-visible:border-[color:var(--color-picker-focus-ring-primary)] focus-visible:ring-[color:var(--color-picker-focus-ring-primary)]/50 focus-visible:ring-[length:var(--color-picker-focus-ring-width)]\",\n \"aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/20 dark:aria-invalid:ring-[color:var(--color-picker-focus-ring-destructive)]/40 aria-invalid:border-[color:var(--color-picker-focus-ring-destructive)]\",\n ],\n {\n variants: {\n size: {\n sm: \"h-9 px-2.5 py-1 text-sm\",\n md: \"h-10 px-3 py-1 text-base md:text-sm\",\n lg: \"h-11 px-3.5 py-1.5 text-base\",\n },\n variant: {\n default: \"border-input shadow-xs dark:bg-input/30\",\n filled: \"border-transparent bg-muted\",\n flushed: \"rounded-none border-x-0 border-t-0 border-b-input px-0\",\n },\n },\n defaultVariants: {\n size: \"md\",\n variant: \"default\",\n },\n }\n)\n\n/**\n * ColorPicker swatch styles using CVA\n */\nexport const colorPickerSwatchVariants = cva(\n // Base styles\n [\n \"rounded-[var(--color-picker-swatch-radius)] border border-input cursor-pointer transition-all\",\n \"hover:scale-110 hover:border-ring\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n ],\n {\n variants: {\n size: {\n sm: \"size-5\",\n md: \"size-6\",\n lg: \"size-7\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\n/**\n * ColorPicker preview swatch (in trigger) styles\n */\nexport const colorPickerPreviewVariants = cva(\n // Base styles\n [\n \"rounded-[var(--color-picker-swatch-radius)] border border-input shrink-0\",\n ],\n {\n variants: {\n size: {\n sm: \"size-4\",\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport type ColorPickerTriggerVariantProps = VariantProps<typeof colorPickerTriggerVariants>\nexport type ColorPickerSwatchVariantProps = VariantProps<typeof colorPickerSwatchVariants>\nexport type ColorPickerPreviewVariantProps = VariantProps<typeof colorPickerPreviewVariants>\n","import type { ColorPickerProps } from \"./ColorPicker.types\"\n\nimport { Palette } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"../../feedback/Popover\"\nimport {\n colorPickerPreviewVariants,\n colorPickerSwatchVariants,\n colorPickerTriggerVariants,\n} from \"./ColorPicker.variants\"\n\n/**\n * Validates if a string is a valid 6-digit hex color\n */\nfunction isValid6DigitHex(color: string): boolean {\n return /^#[A-Fa-f0-9]{6}$/.test(color)\n}\n\n/**\n * Validates if a string is a valid 3-digit hex color\n */\nfunction isValid3DigitHex(color: string): boolean {\n return /^#[A-Fa-f0-9]{3}$/.test(color)\n}\n\n/**\n * Validates if a string is a valid hex color (3 or 6 digit)\n */\nfunction isValidHexColor(color: string): boolean {\n return isValid6DigitHex(color) || isValid3DigitHex(color)\n}\n\n/**\n * Normalizes a hex color to 6-digit lowercase format\n */\nfunction normalizeHexColor(color: string): string {\n if (!color.startsWith(\"#\")) {\n color = `#${color}`\n }\n // Convert 3-digit hex to 6-digit\n if (color.length === 4) {\n const r = color[1] ?? \"\"\n const g = color[2] ?? \"\"\n const b = color[3] ?? \"\"\n return `#${r}${r}${g}${g}${b}${b}`.toLowerCase()\n }\n return color.toLowerCase()\n}\n\n/**\n * Default preset swatches\n */\nconst DEFAULT_SWATCHES = [\n \"#ef4444\", // red\n \"#f97316\", // orange\n \"#eab308\", // yellow\n \"#22c55e\", // green\n \"#14b8a6\", // teal\n \"#3b82f6\", // blue\n \"#8b5cf6\", // violet\n \"#ec4899\", // pink\n \"#000000\", // black\n \"#ffffff\", // white\n]\n\nfunction ColorPicker({\n className,\n value,\n defaultValue,\n placeholder = \"Select color\",\n disabled = false,\n swatches = DEFAULT_SWATCHES,\n showInput = true,\n showPreview = true,\n onChange,\n onOpenChange,\n size = \"md\",\n variant = \"default\",\n required = false,\n invalid = false,\n id,\n name,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n ...props\n}: ColorPickerProps) {\n const [open, setOpen] = React.useState(false)\n const [internalColor, setInternalColor] = React.useState<string | undefined>(defaultValue)\n const [inputValue, setInputValue] = React.useState(defaultValue ?? \"\")\n const colorInputRef = React.useRef<HTMLInputElement>(null)\n\n // Use controlled value if provided, otherwise use internal state\n const selectedColor = value ?? internalColor\n\n // Sync controlled color to input value when it changes.\n /* eslint-disable react-you-might-not-need-an-effect/no-event-handler, react-you-might-not-need-an-effect/no-pass-live-state-to-parent, react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- Controlled value sync */\n React.useEffect(() => {\n if (!selectedColor) return\n setInputValue((prev) => (prev === selectedColor ? prev : selectedColor))\n }, [selectedColor])\n /* eslint-enable react-you-might-not-need-an-effect/no-event-handler, react-you-might-not-need-an-effect/no-pass-live-state-to-parent, react-you-might-not-need-an-effect/no-pass-data-to-parent, react-you-might-not-need-an-effect/no-derived-state, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n const handleColorChange = (color: string) => {\n const normalizedColor = normalizeHexColor(color)\n if (value === undefined) {\n setInternalColor(normalizedColor)\n }\n onChange?.(normalizedColor)\n }\n\n const handleNativeColorChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n handleColorChange(e.target.value)\n }\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n let inputVal = e.target.value\n setInputValue(inputVal)\n\n // Auto-add # if not present\n if (inputVal && !inputVal.startsWith(\"#\")) {\n inputVal = `#${inputVal}`\n }\n\n // Only validate 6-digit hex during typing to avoid intermediate 3-digit matches\n if (isValid6DigitHex(inputVal)) {\n handleColorChange(inputVal)\n }\n }\n\n const handleInputBlur = () => {\n let inputVal = inputValue\n\n // Auto-add # if not present\n if (inputVal && !inputVal.startsWith(\"#\")) {\n inputVal = `#${inputVal}`\n }\n\n // On blur, also accept 3-digit hex and normalize it\n if (isValid3DigitHex(inputVal)) {\n handleColorChange(inputVal)\n } else if (!isValidHexColor(inputVal) && selectedColor) {\n // Reset to current color if invalid\n setInputValue(selectedColor)\n }\n }\n\n const handleSwatchClick = (color: string) => {\n handleColorChange(color)\n }\n\n const handleOpenChange = (isOpen: boolean) => {\n setOpen(isOpen)\n onOpenChange?.(isOpen)\n }\n\n return (\n <div className={cn(\"relative\", className)} data-slot=\"color-picker\" {...props}>\n <Popover open={open} onOpenChange={handleOpenChange}>\n <PopoverTrigger asChild>\n <button\n className={cn(\n colorPickerTriggerVariants({ size, variant }),\n !selectedColor && \"text-muted-foreground\"\n )}\n aria-expanded={open}\n aria-haspopup=\"dialog\"\n aria-invalid={invalid}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-required={required}\n data-has-value={!!selectedColor}\n data-size={size}\n data-slot=\"color-picker-trigger\"\n data-state={open ? \"open\" : \"closed\"}\n data-variant={variant}\n disabled={disabled}\n id={id}\n role=\"combobox\"\n type=\"button\"\n >\n <span className=\"flex items-center gap-2 flex-1 truncate\">\n {showPreview && selectedColor && (\n <span\n aria-hidden=\"true\"\n className={cn(colorPickerPreviewVariants({ size }))}\n data-slot=\"color-picker-preview\"\n style={{ backgroundColor: selectedColor }}\n />\n )}\n <span className=\"truncate\">\n {selectedColor ?? placeholder}\n </span>\n </span>\n <Palette aria-hidden=\"true\" className=\"size-4 shrink-0 opacity-50\" />\n </button>\n </PopoverTrigger>\n <PopoverContent\n align=\"start\"\n className=\"w-[var(--color-picker-content-width)] p-[var(--color-picker-content-padding)]\"\n data-slot=\"color-picker-content\"\n >\n <div className=\"space-y-3\">\n {/* Native color picker */}\n <div className=\"flex items-center gap-2\">\n <div className=\"relative\">\n <input\n ref={colorInputRef}\n aria-label=\"Choose color\"\n className=\"size-10 cursor-pointer rounded-md border border-input p-0.5 [&::-webkit-color-swatch-wrapper]:p-0 [&::-webkit-color-swatch]:rounded-sm [&::-webkit-color-swatch]:border-none [&::-moz-color-swatch]:rounded-sm [&::-moz-color-swatch]:border-none\"\n data-slot=\"color-picker-native\"\n type=\"color\"\n value={selectedColor ?? \"#000000\"}\n onChange={handleNativeColorChange}\n />\n </div>\n {showInput && (\n <input\n aria-label=\"Hex color value\"\n className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm font-mono shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 uppercase\"\n data-slot=\"color-picker-input\"\n maxLength={7}\n placeholder=\"#000000\"\n type=\"text\"\n value={inputValue}\n onBlur={handleInputBlur}\n onChange={handleInputChange}\n />\n )}\n </div>\n\n {/* Preset swatches */}\n {swatches.length > 0 ? (\n <div className=\"space-y-1.5\">\n <span className=\"text-xs text-muted-foreground font-medium\">\n Preset colors\n </span>\n <div\n aria-label=\"Color swatches\"\n className=\"grid grid-cols-5 gap-2\"\n data-slot=\"color-picker-swatches\"\n role=\"group\"\n >\n {swatches.map((color, index) => (\n <button\n key={`${color}-${String(index)}`}\n className={cn(\n colorPickerSwatchVariants({ size }),\n selectedColor === color && \"ring-2 ring-ring ring-offset-2\"\n )}\n aria-label={`Select color ${color}`}\n aria-pressed={selectedColor === color}\n data-color={color}\n data-selected={selectedColor === color}\n data-slot=\"color-picker-swatch\"\n style={{ backgroundColor: color }}\n type=\"button\"\n onClick={() => { handleSwatchClick(color); }}\n />\n ))}\n </div>\n </div>\n ) : null}\n </div>\n </PopoverContent>\n </Popover>\n {name && (\n <input\n name={name}\n type=\"hidden\"\n value={selectedColor ?? \"\"}\n />\n )}\n </div>\n )\n}\n\nexport { ColorPicker }\n"]}
|
|
@@ -37,6 +37,9 @@ var toolbarButtonVariants = cva([
|
|
|
37
37
|
// SVG styles
|
|
38
38
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
|
|
39
39
|
]);
|
|
40
|
+
var toolbarGroupVariants = cva([
|
|
41
|
+
"flex items-center gap-0.5"
|
|
42
|
+
]);
|
|
40
43
|
var toolbarToggleGroupVariants = cva([
|
|
41
44
|
"flex items-center gap-0.5"
|
|
42
45
|
]);
|
|
@@ -58,7 +61,7 @@ var toolbarToggleItemVariants = cva([
|
|
|
58
61
|
"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
|
|
59
62
|
]);
|
|
60
63
|
var toolbarSeparatorVariants = cva([
|
|
61
|
-
"mx-2
|
|
64
|
+
"mx-2 my-1 w-px self-stretch bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:mx-0 data-[orientation=horizontal]:my-2"
|
|
62
65
|
]);
|
|
63
66
|
var toolbarLinkVariants = cva([
|
|
64
67
|
// Base styles
|
|
@@ -93,6 +96,17 @@ function ToolbarButton({ className, ...props }) {
|
|
|
93
96
|
}
|
|
94
97
|
);
|
|
95
98
|
}
|
|
99
|
+
function ToolbarGroup({ className, ...props }) {
|
|
100
|
+
return /* @__PURE__ */ jsx(
|
|
101
|
+
"div",
|
|
102
|
+
{
|
|
103
|
+
className: cn(toolbarGroupVariants(), className),
|
|
104
|
+
"data-slot": "toolbar-group",
|
|
105
|
+
role: "group",
|
|
106
|
+
...props
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
}
|
|
96
110
|
function ToolbarToggleGroup({ className, ...props }) {
|
|
97
111
|
return /* @__PURE__ */ jsx(
|
|
98
112
|
ToolbarPrimitive.ToggleGroup,
|
|
@@ -134,6 +148,6 @@ function ToolbarLink({ className, ...props }) {
|
|
|
134
148
|
);
|
|
135
149
|
}
|
|
136
150
|
|
|
137
|
-
export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarButtonVariants, toolbarLinkVariants, toolbarSeparatorVariants, toolbarToggleGroupVariants, toolbarToggleItemVariants, toolbarVariants };
|
|
138
|
-
//# sourceMappingURL=chunk-
|
|
139
|
-
//# sourceMappingURL=chunk-
|
|
151
|
+
export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarButtonVariants, toolbarGroupVariants, toolbarLinkVariants, toolbarSeparatorVariants, toolbarToggleGroupVariants, toolbarToggleItemVariants, toolbarVariants };
|
|
152
|
+
//# sourceMappingURL=chunk-YCEZH35U.js.map
|
|
153
|
+
//# sourceMappingURL=chunk-YCEZH35U.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/navigation/Toolbar/Toolbar.variants.ts","../src/components/navigation/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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","file":"chunk-YCEZH35U.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Toolbar root variant styles\n */\nexport const toolbarVariants = cva(\n [\n // Base styles\n \"flex items-center gap-[var(--toolbar-root-gap)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n ],\n {\n variants: {\n variant: {\n default: \"rounded-[var(--toolbar-root-radius)] border border-[color:var(--toolbar-root-border)] bg-[color:var(--toolbar-root-background)] p-[var(--toolbar-root-padding)]\",\n floating: \"rounded-[var(--toolbar-root-radius)] border border-[color:var(--toolbar-root-border)] bg-popover p-[var(--toolbar-root-padding)] shadow-lg\",\n sticky: \"border-b border-[color:var(--toolbar-root-border)] bg-[color:var(--toolbar-root-background)] px-[var(--toolbar-root-padding-x)] py-[var(--toolbar-root-padding-y)]\",\n minimal: \"gap-1\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\n/**\n * Toolbar button variant styles\n */\nexport const toolbarButtonVariants = cva([\n // Base styles\n \"inline-flex items-center justify-center rounded-[var(--toolbar-button-radius)] h-[var(--toolbar-button-height)] px-[var(--toolbar-button-padding-x)]\",\n // Colors\n \"text-foreground\",\n \"hover:bg-accent hover:text-accent-foreground\",\n // Focus styles\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n // Disabled\n \"disabled:pointer-events-none disabled:opacity-50\",\n // Transition\n \"transition-colors\",\n // SVG styles\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n\n/**\n * Toolbar group variant styles\n *\n * Generic grouping wrapper that keeps related controls visually tight,\n * mirroring the spacing of the toggle group without its toggle semantics.\n */\nexport const toolbarGroupVariants = cva([\n \"flex items-center gap-0.5\",\n])\n\n/**\n * Toolbar toggle group variant styles\n */\nexport const toolbarToggleGroupVariants = cva([\n \"flex items-center gap-0.5\",\n])\n\n/**\n * Toolbar toggle item variant styles\n */\nexport const toolbarToggleItemVariants = cva([\n // Base styles\n \"inline-flex items-center justify-center rounded-sm p-2\",\n // Colors\n \"text-foreground\",\n \"hover:bg-accent hover:text-accent-foreground\",\n // Active state\n \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n // Focus styles\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n // Disabled\n \"disabled:pointer-events-none disabled:opacity-50\",\n // Transition\n \"transition-colors\",\n // SVG styles\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n\n/**\n * Toolbar separator variant styles\n *\n * The vertical divider stretches to the tallest toolbar item (`self-stretch`)\n * so its height tracks the toggle/button size instead of a fixed value, with a\n * small `my-1` inset. The horizontal variant (vertical toolbars) stays a\n * full-width hairline.\n */\nexport const toolbarSeparatorVariants = cva([\n \"mx-2 my-1 w-px self-stretch bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=horizontal]:mx-0 data-[orientation=horizontal]:my-2\",\n])\n\n/**\n * Toolbar link variant styles\n */\nexport const toolbarLinkVariants = cva([\n // Base styles\n \"inline-flex items-center justify-center rounded-sm p-2\",\n // Colors\n \"text-foreground\",\n \"hover:bg-accent hover:text-accent-foreground\",\n // Focus styles\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n // Transition\n \"transition-colors\",\n // SVG styles\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n","\"use client\"\n\nimport type {\n ToolbarButtonProps,\n ToolbarGroupProps,\n ToolbarLinkProps,\n ToolbarProps,\n ToolbarSeparatorProps,\n ToolbarToggleGroupProps,\n ToolbarToggleItemProps,\n} from \"./Toolbar.types\"\n\nimport * as ToolbarPrimitive from \"@radix-ui/react-toolbar\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n toolbarButtonVariants,\n toolbarGroupVariants,\n toolbarLinkVariants,\n toolbarSeparatorVariants,\n toolbarToggleGroupVariants,\n toolbarToggleItemVariants,\n toolbarVariants,\n} from \"./Toolbar.variants\"\n\n/**\n * Toolbar - Root container for toolbar components.\n *\n * A horizontal bar of actions and controls for the current content.\n * Provides quick access to common functionality like text formatting,\n * zoom, alignment, and other contextual operations.\n *\n * @example\n * <Toolbar>\n * <ToolbarToggleGroup type=\"multiple\">\n * <ToolbarToggleItem value=\"bold\">Bold</ToolbarToggleItem>\n * <ToolbarToggleItem value=\"italic\">Italic</ToolbarToggleItem>\n * </ToolbarToggleGroup>\n * <ToolbarSeparator />\n * <ToolbarButton>Action</ToolbarButton>\n * </Toolbar>\n */\nfunction Toolbar({ className, variant = \"default\", ...props }: ToolbarProps) {\n return (\n <ToolbarPrimitive.Root\n className={cn(toolbarVariants({ variant }), className)}\n data-slot=\"toolbar\"\n {...props}\n />\n )\n}\n\n/**\n * ToolbarButton - Button for toolbar actions.\n *\n * Used for non-toggle actions within the toolbar.\n */\nfunction ToolbarButton({ className, ...props }: ToolbarButtonProps) {\n return (\n <ToolbarPrimitive.Button\n className={cn(toolbarButtonVariants(), className)}\n data-slot=\"toolbar-button\"\n {...props}\n />\n )\n}\n\n/**\n * ToolbarGroup - Generic grouping wrapper for related toolbar items.\n *\n * Use to visually cluster a set of buttons, links, or toggle groups as a\n * single unit. Unlike ToolbarToggleGroup it carries no selection semantics —\n * it is a plain `role=\"group\"` container for composition.\n */\nfunction ToolbarGroup({ className, ...props }: ToolbarGroupProps) {\n return (\n <div\n className={cn(toolbarGroupVariants(), className)}\n data-slot=\"toolbar-group\"\n role=\"group\"\n {...props}\n />\n )\n}\n\n/**\n * ToolbarToggleGroup - Container for toggle items.\n *\n * Groups toggle items for single or multiple selection.\n */\nfunction ToolbarToggleGroup({ className, ...props }: ToolbarToggleGroupProps) {\n return (\n <ToolbarPrimitive.ToggleGroup\n className={cn(toolbarToggleGroupVariants(), className)}\n data-slot=\"toolbar-toggle-group\"\n {...props}\n />\n )\n}\n\n/**\n * ToolbarToggleItem - Individual toggle item within a toggle group.\n *\n * Represents a selectable option that can be toggled on/off.\n */\nfunction ToolbarToggleItem({ className, ...props }: ToolbarToggleItemProps) {\n return (\n <ToolbarPrimitive.ToggleItem\n className={cn(toolbarToggleItemVariants(), className)}\n data-slot=\"toolbar-toggle-item\"\n {...props}\n />\n )\n}\n\n/**\n * ToolbarSeparator - Visual separator between toolbar groups.\n *\n * Provides visual division between groups of related actions.\n */\nfunction ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps) {\n return (\n <ToolbarPrimitive.Separator\n className={cn(toolbarSeparatorVariants(), className)}\n data-slot=\"toolbar-separator\"\n {...props}\n />\n )\n}\n\n/**\n * ToolbarLink - Link element within the toolbar.\n *\n * Renders an accessible link styled to match toolbar items.\n */\nfunction ToolbarLink({ className, ...props }: ToolbarLinkProps) {\n return (\n <ToolbarPrimitive.Link\n className={cn(toolbarLinkVariants(), className)}\n data-slot=\"toolbar-link\"\n {...props}\n />\n )\n}\n\nexport {\n Toolbar,\n ToolbarButton,\n ToolbarGroup,\n ToolbarLink,\n ToolbarSeparator,\n ToolbarToggleGroup,\n ToolbarToggleItem,\n}\n"]}
|
|
@@ -11,6 +11,11 @@ var sizeClasses = {
|
|
|
11
11
|
sm: "sm:max-w-sm",
|
|
12
12
|
xl: "sm:max-w-xl"
|
|
13
13
|
};
|
|
14
|
+
var iconPillClasses = {
|
|
15
|
+
default: "bg-[color:var(--modal-icon-pill-color-default-bg)] text-[color:var(--modal-icon-pill-color-default-fg)]",
|
|
16
|
+
destructive: "bg-[color:var(--modal-icon-pill-color-destructive-bg)] text-[color:var(--modal-icon-pill-color-destructive-fg)]",
|
|
17
|
+
warning: "bg-[color:var(--modal-icon-pill-color-warning-bg)] text-[color:var(--modal-icon-pill-color-warning-fg)]"
|
|
18
|
+
};
|
|
14
19
|
var DEFAULT_FALLBACK_TITLE = "Modal dialog";
|
|
15
20
|
var DEFAULT_FALLBACK_DESCRIPTION = "Use this dialog to complete the current action.";
|
|
16
21
|
var DEFAULT_CLOSE_LABEL = "Close";
|
|
@@ -25,6 +30,8 @@ function Modal({
|
|
|
25
30
|
fallbackDescription = DEFAULT_FALLBACK_DESCRIPTION,
|
|
26
31
|
fallbackTitle = DEFAULT_FALLBACK_TITLE,
|
|
27
32
|
footer,
|
|
33
|
+
icon,
|
|
34
|
+
intent = "default",
|
|
28
35
|
onOpenChange,
|
|
29
36
|
open,
|
|
30
37
|
overlayClassName,
|
|
@@ -86,6 +93,19 @@ function Modal({
|
|
|
86
93
|
className: "flex flex-col gap-[var(--modal-header-gap)] text-center sm:text-left",
|
|
87
94
|
"data-slot": "modal-header",
|
|
88
95
|
children: [
|
|
96
|
+
icon && /* @__PURE__ */ jsx(
|
|
97
|
+
"span",
|
|
98
|
+
{
|
|
99
|
+
className: cn(
|
|
100
|
+
"inline-flex w-fit items-center justify-center self-center rounded-[var(--modal-icon-pill-radius)] p-[var(--modal-icon-pill-padding)] sm:self-start [&_svg]:size-[var(--modal-icon-pill-icon-size)] [&_svg]:shrink-0",
|
|
101
|
+
iconPillClasses[intent]
|
|
102
|
+
),
|
|
103
|
+
"aria-hidden": "true",
|
|
104
|
+
"data-intent": intent,
|
|
105
|
+
"data-slot": "modal-icon-pill",
|
|
106
|
+
children: icon
|
|
107
|
+
}
|
|
108
|
+
),
|
|
89
109
|
/* @__PURE__ */ jsx(
|
|
90
110
|
DialogPrimitive.Title,
|
|
91
111
|
{
|
|
@@ -141,5 +161,5 @@ function Modal({
|
|
|
141
161
|
}
|
|
142
162
|
|
|
143
163
|
export { Modal };
|
|
144
|
-
//# sourceMappingURL=chunk-
|
|
145
|
-
//# sourceMappingURL=chunk-
|
|
164
|
+
//# sourceMappingURL=chunk-YWA63YN3.js.map
|
|
165
|
+
//# sourceMappingURL=chunk-YWA63YN3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/feedback/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"chunk-YWA63YN3.js","sourcesContent":["\"use client\"\n\nimport type { ModalIntent, ModalProps, ModalSize } from \"./Modal.types\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Size classes for modal widths\n */\nconst sizeClasses: Record<ModalSize, string> = {\n \"2xl\": \"sm:max-w-2xl\",\n full: \"sm:max-w-[calc(100vw-4rem)]\",\n lg: \"sm:max-w-lg\",\n md: \"sm:max-w-md\",\n sm: \"sm:max-w-sm\",\n xl: \"sm:max-w-xl\",\n}\n\n/**\n * Background/foreground classes for the header icon-pill per intent.\n * Reuses the semantic STATUS tokens exposed as `--modal-icon-pill-color-*`.\n */\nconst iconPillClasses: Record<ModalIntent, string> = {\n default:\n \"bg-[color:var(--modal-icon-pill-color-default-bg)] text-[color:var(--modal-icon-pill-color-default-fg)]\",\n destructive:\n \"bg-[color:var(--modal-icon-pill-color-destructive-bg)] text-[color:var(--modal-icon-pill-color-destructive-fg)]\",\n warning:\n \"bg-[color:var(--modal-icon-pill-color-warning-bg)] text-[color:var(--modal-icon-pill-color-warning-fg)]\",\n}\n\n// Default English fallbacks — override via props for i18n (DES-1286 item 7)\nconst DEFAULT_FALLBACK_TITLE = \"Modal dialog\"\nconst DEFAULT_FALLBACK_DESCRIPTION = \"Use this dialog to complete the current action.\"\nconst DEFAULT_CLOSE_LABEL = \"Close\"\n\n/**\n * Modal - Simplified wrapper over Dialog\n *\n * A declarative API for common modal use cases. Provides a simpler interface\n * than Dialog's subcomponents while maintaining full accessibility.\n *\n * @example\n * ```tsx\n * // With trigger (uncontrolled)\n * <Modal\n * trigger={<Button>Open Modal</Button>}\n * title=\"Modal Title\"\n * description=\"Optional description\"\n * footer={<Button>Save</Button>}\n * >\n * <p>Modal content here</p>\n * </Modal>\n *\n * // Controlled\n * <Modal\n * open={isOpen}\n * onOpenChange={setIsOpen}\n * title=\"Controlled Modal\"\n * >\n * <p>Content</p>\n * </Modal>\n * ```\n */\nfunction Modal({\n children,\n className,\n closeLabel = DEFAULT_CLOSE_LABEL,\n closeOnEscape = true,\n closeOnOverlayClick = true,\n defaultOpen = false,\n description,\n fallbackDescription = DEFAULT_FALLBACK_DESCRIPTION,\n fallbackTitle = DEFAULT_FALLBACK_TITLE,\n footer,\n icon,\n intent = \"default\",\n onOpenChange,\n open,\n overlayClassName,\n showCloseButton = true,\n size = \"md\",\n title,\n trigger,\n}: ModalProps) {\n const accessibleTitle = title ?? fallbackTitle\n const accessibleDescription = description ?? fallbackDescription\n\n const handleOpenChange = (newOpen: boolean): void => {\n onOpenChange?.(newOpen)\n }\n\n const handleEscapeKeyDown = (event: KeyboardEvent): void => {\n if (!closeOnEscape) {\n event.preventDefault()\n }\n }\n\n const handleInteractOutside = (\n event: CustomEvent<{ originalEvent: Event }>\n ): void => {\n if (!closeOnOverlayClick) {\n event.preventDefault()\n }\n }\n\n return (\n <DialogPrimitive.Root\n defaultOpen={defaultOpen}\n open={open}\n onOpenChange={handleOpenChange}\n >\n {trigger && (\n <DialogPrimitive.Trigger asChild data-slot=\"modal-trigger\">\n {trigger}\n </DialogPrimitive.Trigger>\n )}\n\n <DialogPrimitive.Portal>\n <DialogPrimitive.Overlay\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--modal-overlay-bg)]\",\n overlayClassName\n )}\n data-slot=\"modal-overlay\"\n />\n <DialogPrimitive.Content\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] border duration-200\",\n \"bg-[color:var(--modal-content-bg)] border-[color:var(--modal-content-border)] gap-[var(--modal-content-gap)] rounded-[var(--modal-content-radius)] p-[var(--modal-content-padding)] shadow-[var(--modal-content-shadow)]\",\n sizeClasses[size],\n className\n )}\n data-slot=\"modal\"\n onEscapeKeyDown={handleEscapeKeyDown}\n onInteractOutside={handleInteractOutside}\n >\n {/* Header */}\n <div\n className=\"flex flex-col gap-[var(--modal-header-gap)] text-center sm:text-left\"\n data-slot=\"modal-header\"\n >\n {icon && (\n <span\n className={cn(\n \"inline-flex w-fit items-center justify-center self-center rounded-[var(--modal-icon-pill-radius)] p-[var(--modal-icon-pill-padding)] sm:self-start [&_svg]:size-[var(--modal-icon-pill-icon-size)] [&_svg]:shrink-0\",\n iconPillClasses[intent]\n )}\n aria-hidden=\"true\"\n data-intent={intent}\n data-slot=\"modal-icon-pill\"\n >\n {icon}\n </span>\n )}\n <DialogPrimitive.Title\n className={cn(\n \"text-lg leading-tight font-semibold\",\n !title && \"sr-only\"\n )}\n data-slot=\"modal-title\"\n >\n {accessibleTitle}\n </DialogPrimitive.Title>\n <DialogPrimitive.Description\n className={cn(\n \"text-muted-foreground text-sm\",\n !description && \"sr-only\"\n )}\n data-slot=\"modal-description\"\n >\n {accessibleDescription}\n </DialogPrimitive.Description>\n </div>\n\n {/* Content */}\n {children && <div data-slot=\"modal-content\">{children}</div>}\n\n {/* Footer */}\n {footer && (\n <div\n className=\"flex flex-col-reverse gap-[var(--modal-footer-gap)] sm:flex-row sm:justify-end\"\n data-slot=\"modal-footer\"\n >\n {footer}\n </div>\n )}\n\n {/* Close Button */}\n {showCloseButton && (\n <DialogPrimitive.Close\n className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n data-slot=\"modal-close\"\n >\n <X />\n <span className=\"sr-only\">{closeLabel}</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogPrimitive.Portal>\n </DialogPrimitive.Root>\n )\n}\n\nexport { Modal }\n"]}
|
|
@@ -7,7 +7,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
7
7
|
var sliderRootVariants = cva(
|
|
8
8
|
[
|
|
9
9
|
"relative flex w-full touch-none items-center select-none",
|
|
10
|
-
"data-[disabled]:opacity-50",
|
|
10
|
+
"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
|
|
11
11
|
"data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col"
|
|
12
12
|
],
|
|
13
13
|
{
|
|
@@ -379,5 +379,5 @@ function Slider({
|
|
|
379
379
|
}
|
|
380
380
|
|
|
381
381
|
export { Slider, sliderLabelVariants, sliderMarkContainerVariants, sliderMarkLabelVariants, sliderMarkTickVariants, sliderMarkVariants, sliderRangeVariants, sliderRootVariants, sliderThumbVariants, sliderTooltipVariants, sliderTrackVariants };
|
|
382
|
-
//# sourceMappingURL=chunk-
|
|
383
|
-
//# sourceMappingURL=chunk-
|
|
382
|
+
//# sourceMappingURL=chunk-Z4KW5VW6.js.map
|
|
383
|
+
//# sourceMappingURL=chunk-Z4KW5VW6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/forms/Slider/Slider.variants.ts","../src/components/forms/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"chunk-Z4KW5VW6.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const sliderRootVariants = cva(\n [\n \"relative flex w-full touch-none items-center select-none\",\n \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n \"data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n ],\n {\n variants: {\n size: {\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n labelType: {\n none: \"\",\n text: \"pb-8\", // Space for bottom label\n tooltip: \"pt-12\", // Space for top tooltip\n },\n hasMarks: {\n true: \"pb-6\", // Space for marks below track\n false: \"\",\n },\n },\n defaultVariants: {\n size: \"md\",\n labelType: \"none\",\n hasMarks: false,\n },\n }\n)\n\nexport const sliderTrackVariants = cva(\n [\n \"bg-[color:var(--slider-track-bg)] relative grow overflow-hidden rounded-full\",\n \"data-[orientation=horizontal]:w-full\",\n \"data-[orientation=vertical]:h-full\",\n ],\n {\n variants: {\n size: {\n sm: \"data-[orientation=horizontal]:h-[var(--slider-track-height-sm)] data-[orientation=vertical]:w-[var(--slider-track-height-sm)]\",\n md: \"data-[orientation=horizontal]:h-[var(--slider-track-height-md)] data-[orientation=vertical]:w-[var(--slider-track-height-md)]\",\n lg: \"data-[orientation=horizontal]:h-[var(--slider-track-height-lg)] data-[orientation=vertical]:w-[var(--slider-track-height-lg)]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const sliderRangeVariants = cva(\n [\n \"absolute\",\n \"data-[orientation=horizontal]:h-full\",\n \"data-[orientation=vertical]:w-full\",\n ],\n {\n variants: {\n size: {\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n color: {\n default: \"bg-[color:var(--slider-range-bg-default)]\",\n primary: \"bg-[color:var(--slider-range-bg-default)]\",\n success: \"bg-success\",\n warning: \"bg-warning\",\n error: \"bg-destructive\",\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n },\n }\n)\n\nexport const sliderThumbVariants = cva(\n [\n \"block shrink-0 rounded-full\",\n \"bg-[color:var(--slider-thumb-bg)] border-2\",\n \"shadow-md transition-shadow\",\n \"hover:shadow-lg\",\n \"focus-visible:outline-hidden\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n ],\n {\n variants: {\n size: {\n sm: \"size-[var(--slider-thumb-size-sm)]\",\n md: \"size-[var(--slider-thumb-size-md)]\",\n lg: \"size-[var(--slider-thumb-size-lg)]\",\n },\n color: {\n default: \"border-[color:var(--slider-thumb-border)] focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--slider-focus-ring-primary),var(--slider-thumb-drop-shadow)]\",\n primary: \"border-primary focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--ring),var(--slider-thumb-drop-shadow)]\",\n success: \"border-success focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--success),var(--slider-thumb-drop-shadow)]\",\n warning: \"border-warning focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--warning),var(--slider-thumb-drop-shadow)]\",\n error: \"border-destructive focus-visible:shadow-[0_0_0_var(--slider-focus-ring-width)_var(--destructive),var(--slider-thumb-drop-shadow)]\",\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"default\",\n },\n }\n)\n\nexport const sliderLabelVariants = cva(\n [\n \"absolute left-1/2 -translate-x-1/2 text-center whitespace-nowrap\",\n \"font-medium text-slider-label-text\",\n ],\n {\n variants: {\n size: {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-base\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const sliderTooltipVariants = cva(\n [\n \"absolute left-1/2 -translate-x-1/2 bottom-full mb-2\",\n \"bg-slider-tooltip-bg border border-slider-tooltip-border rounded-lg\",\n \"px-3 py-2 shadow-lg\",\n \"text-xs font-semibold text-slider-tooltip-text text-center whitespace-nowrap\",\n ],\n {\n variants: {\n size: {\n sm: \"px-2 py-1.5 text-xs\",\n md: \"px-3 py-2 text-xs\",\n lg: \"px-3 py-2 text-sm\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const sliderMarkContainerVariants = cva(\n [\n \"absolute w-full\",\n \"data-[orientation=horizontal]:top-full data-[orientation=horizontal]:mt-2\",\n \"data-[orientation=vertical]:left-full data-[orientation=vertical]:ml-2 data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto\",\n ],\n {\n variants: {\n size: {\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const sliderMarkVariants = cva(\n [\n \"absolute flex flex-col items-center\",\n \"data-[orientation=vertical]:flex-row\",\n ],\n {\n variants: {\n size: {\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const sliderMarkTickVariants = cva(\n [\n \"rounded-full bg-border-semantic-strong\",\n ],\n {\n variants: {\n size: {\n sm: \"size-1\",\n md: \"size-1.5\",\n lg: \"size-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport const sliderMarkLabelVariants = cva(\n [\n \"text-text-secondary whitespace-nowrap\",\n \"data-[orientation=horizontal]:mt-1\",\n \"data-[orientation=vertical]:ml-2\",\n ],\n {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-xs\",\n lg: \"text-sm\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n }\n)\n\nexport type SliderRootVariantProps = VariantProps<typeof sliderRootVariants>\nexport type SliderTrackVariantProps = VariantProps<typeof sliderTrackVariants>\nexport type SliderRangeVariantProps = VariantProps<typeof sliderRangeVariants>\nexport type SliderThumbVariantProps = VariantProps<typeof sliderThumbVariants>\nexport type SliderLabelVariantProps = VariantProps<typeof sliderLabelVariants>\nexport type SliderTooltipVariantProps = VariantProps<typeof sliderTooltipVariants>\nexport type SliderMarkContainerVariantProps = VariantProps<typeof sliderMarkContainerVariants>\nexport type SliderMarkVariantProps = VariantProps<typeof sliderMarkVariants>\nexport type SliderMarkTickVariantProps = VariantProps<typeof sliderMarkTickVariants>\nexport type SliderMarkLabelVariantProps = VariantProps<typeof sliderMarkLabelVariants>\n","\"use client\"\n\nimport type { SliderMark, SliderProps } from \"./Slider.types\"\n\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n sliderLabelVariants,\n sliderMarkContainerVariants,\n sliderMarkLabelVariants,\n sliderMarkTickVariants,\n sliderMarkVariants,\n sliderRangeVariants,\n sliderRootVariants,\n sliderThumbVariants,\n sliderTooltipVariants,\n sliderTrackVariants,\n} from \"./Slider.variants\"\n\n/**\n * Default format function for slider values\n */\nconst defaultFormatValue = (value: number): string => `${String(value)}%`\n\n/**\n * Generate marks array from step value\n */\nfunction generateMarksFromStep(\n min: number,\n max: number,\n step: number\n): SliderMark[] {\n const marks: SliderMark[] = []\n for (let value = min; value <= max; value += step) {\n marks.push({ value })\n }\n return marks\n}\n\n/**\n * Slider - A range input component with optional value labels\n *\n * Based on Figma Slider/Range design. Supports:\n * - Single or multiple thumbs (range slider)\n * - Label types: none, text (bottom), tooltip (floating)\n * - Three sizes: sm, md, lg\n * - Color variants: default, primary, success, warning, error\n * - Marks/tick indicators along the track\n * - Accessible aria-valuetext via getAriaValueText\n *\n * @example\n * ```tsx\n * // Simple slider\n * <Slider defaultValue={[50]} />\n *\n * // Range slider with bottom labels\n * <Slider\n * defaultValue={[20, 80]}\n * labelType=\"text\"\n * />\n *\n * // Slider with marks\n * <Slider\n * defaultValue={[50]}\n * marks={[\n * { value: 0, label: \"0%\" },\n * { value: 50, label: \"50%\" },\n * { value: 100, label: \"100%\" }\n * ]}\n * />\n *\n * // Slider with color variant\n * <Slider defaultValue={[75]} color=\"success\" />\n *\n * // Slider with accessible value text\n * <Slider\n * defaultValue={[50]}\n * getAriaValueText={(value) => `${value} percent`}\n * />\n * ```\n */\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n step = 1,\n size = \"md\",\n labelType = \"none\",\n color = \"default\",\n formatValue = defaultFormatValue,\n marks,\n getAriaValueText,\n // eslint-disable-next-line @typescript-eslint/unbound-method\n onValueChange,\n orientation = \"horizontal\",\n ...props\n}: SliderProps) {\n // Track internal values for uncontrolled mode\n const [internalValues, setInternalValues] = React.useState<number[]>(() => {\n if (value) return value\n if (defaultValue) return defaultValue\n return [min]\n })\n\n // Use controlled value if provided, otherwise internal state\n const currentValues = value ?? internalValues\n\n // Handle value changes\n const handleValueChange = React.useCallback(\n (newValues: number[]) => {\n if (!value) {\n setInternalValues(newValues)\n }\n onValueChange?.(newValues)\n },\n [value, onValueChange]\n )\n\n // Compute marks array\n const computedMarks = React.useMemo(() => {\n if (!marks) return null\n if (marks === true) {\n return generateMarksFromStep(min, max, step)\n }\n return marks\n }, [marks, min, max, step])\n\n const hasMarks = Boolean(computedMarks && computedMarks.length > 0)\n\n return (\n <SliderPrimitive.Root\n data-label-type={labelType}\n data-orientation={orientation}\n data-slot=\"slider\"\n {...(defaultValue ? { defaultValue } : {})}\n {...(value ? { value } : {})}\n className={cn(\n sliderRootVariants({ size, labelType, hasMarks }),\n className\n )}\n max={max}\n min={min}\n orientation={orientation}\n step={step}\n onValueChange={handleValueChange}\n {...props}\n >\n <SliderPrimitive.Track\n className={cn(sliderTrackVariants({ size }))}\n data-slot=\"slider-track\"\n >\n <SliderPrimitive.Range\n className={cn(sliderRangeVariants({ size, color }))}\n data-slot=\"slider-range\"\n />\n </SliderPrimitive.Track>\n\n {currentValues.map((thumbValue, index) => (\n <SliderPrimitive.Thumb\n // eslint-disable-next-line @eslint-react/no-array-index-key -- Slider thumbs have no unique identifier, index is stable\n key={index}\n aria-valuetext={getAriaValueText?.(thumbValue, index)}\n className={cn(sliderThumbVariants({ size, color }), \"relative\")}\n data-slot=\"slider-thumb\"\n >\n {/* Bottom text label */}\n {labelType === \"text\" && (\n <span\n className={cn(sliderLabelVariants({ size }), \"top-full mt-2\")}\n data-slot=\"slider-label\"\n >\n {formatValue(thumbValue)}\n </span>\n )}\n\n {/* Floating tooltip */}\n {labelType === \"tooltip\" && (\n <span\n className={cn(sliderTooltipVariants({ size }))}\n data-slot=\"slider-tooltip\"\n >\n {formatValue(thumbValue)}\n </span>\n )}\n </SliderPrimitive.Thumb>\n ))}\n\n {/* Marks/tick indicators */}\n {hasMarks && computedMarks && (\n <div\n className={cn(sliderMarkContainerVariants({ size }))}\n data-orientation={orientation}\n data-slot=\"slider-marks\"\n >\n {computedMarks.map((mark) => {\n const percent = ((mark.value - min) / (max - min)) * 100\n const positionStyle =\n orientation === \"vertical\"\n ? { bottom: `${String(percent)}%`, transform: \"translateY(50%)\" }\n : { left: `${String(percent)}%`, transform: \"translateX(-50%)\" }\n\n return (\n <div\n key={mark.value}\n className={cn(sliderMarkVariants({ size }))}\n data-orientation={orientation}\n data-slot=\"slider-mark\"\n style={positionStyle}\n >\n <span\n className={cn(sliderMarkTickVariants({ size }))}\n data-slot=\"slider-mark-tick\"\n />\n {mark.label && (\n <span\n className={cn(sliderMarkLabelVariants({ size }))}\n data-orientation={orientation}\n data-slot=\"slider-mark-label\"\n >\n {mark.label}\n </span>\n )}\n </div>\n )\n })}\n </div>\n )}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"]}
|
|
@@ -2,8 +2,8 @@ export { Calendar, CalendarDayButton, calendarContainerVariants, calendarDayButt
|
|
|
2
2
|
import '../../../chunk-ONQCNOLU.js';
|
|
3
3
|
import '../../../chunk-TAZPML2P.js';
|
|
4
4
|
import '../../../chunk-TNROOKX3.js';
|
|
5
|
-
import '../../../chunk-7ZJ32KRQ.js';
|
|
6
5
|
import '../../../chunk-3L5G7VI2.js';
|
|
6
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
7
7
|
import '../../../chunk-HRNDJU7D.js';
|
|
8
8
|
import '../../../chunk-UP2VWCW5.js';
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,8 +2,8 @@ export { EventCalendar, EventCalendarAgenda, EventCalendarDay, EventCalendarEven
|
|
|
2
2
|
import '../../../chunk-ONQCNOLU.js';
|
|
3
3
|
import '../../../chunk-TAZPML2P.js';
|
|
4
4
|
import '../../../chunk-TNROOKX3.js';
|
|
5
|
-
import '../../../chunk-7ZJ32KRQ.js';
|
|
6
5
|
import '../../../chunk-3L5G7VI2.js';
|
|
6
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
7
7
|
import '../../../chunk-HRNDJU7D.js';
|
|
8
8
|
import '../../../chunk-UP2VWCW5.js';
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -5,8 +5,8 @@ import '../../../chunk-DYDXGWH2.js';
|
|
|
5
5
|
import '../../../chunk-ONQCNOLU.js';
|
|
6
6
|
import '../../../chunk-TAZPML2P.js';
|
|
7
7
|
import '../../../chunk-TNROOKX3.js';
|
|
8
|
-
import '../../../chunk-7ZJ32KRQ.js';
|
|
9
8
|
import '../../../chunk-3L5G7VI2.js';
|
|
9
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
10
10
|
import '../../../chunk-HRNDJU7D.js';
|
|
11
11
|
import '../../../chunk-UP2VWCW5.js';
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { ReportBuilder } from '../../../chunk-
|
|
1
|
+
export { ReportBuilder } from '../../../chunk-2YWWZEPE.js';
|
|
2
2
|
import '../../../chunk-U74PNG4S.js';
|
|
3
|
+
import '../../../chunk-ZUFM33AV.js';
|
|
3
4
|
import '../../../chunk-WBE6VQOO.js';
|
|
4
5
|
import '../../../chunk-XETKCF73.js';
|
|
5
6
|
import '../../../chunk-DYDXGWH2.js';
|
|
6
|
-
import '../../../chunk-ZUFM33AV.js';
|
|
7
7
|
import '../../../chunk-AFCSDND5.js';
|
|
8
8
|
import '../../../chunk-HRNDJU7D.js';
|
|
9
9
|
import '../../../chunk-UP2VWCW5.js';
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import '../../chunk-5ZWFIDO2.js';
|
|
2
|
-
export {
|
|
2
|
+
export { MarkdownEditor, MarkdownHelp, MarkdownPreview, MarkdownToolbar } from '../../chunk-FYJHWYPM.js';
|
|
3
3
|
export { RichTextBubbleMenuContent as RichTextBubbleMenu, RichTextEditor, RichTextFloatingMenuContent as RichTextFloatingMenu, RichTextToolbar, richTextEditorBubbleMenuVariants, richTextEditorContentVariants, richTextEditorFloatingMenuVariants, richTextEditorPlaceholderVariants, richTextEditorToolbarButtonVariants, richTextEditorToolbarVariants, richTextEditorVariants } from '../../chunk-6XY7QYVR.js';
|
|
4
|
-
export { ReportBuilder } from '../../chunk-
|
|
4
|
+
export { ReportBuilder } from '../../chunk-2YWWZEPE.js';
|
|
5
|
+
export { FileDropzone, fileDropzoneVariants } from '../../chunk-W4NC5CU5.js';
|
|
6
|
+
export { FilePreview, filePreviewActionButtonVariants, filePreviewActionsVariants, filePreviewContentVariants, filePreviewFallbackVariants, filePreviewInfoVariants, filePreviewVariants } from '../../chunk-V7WEN4SD.js';
|
|
7
|
+
export { FilterBuilder, FilterGroupComponent as FilterGroup, FilterPreview, FilterRuleComponent as FilterRule, FilterToolbar, combinatorToggleVariants, emptyStateVariants, filterBuilderVariants, filterGroupHeaderVariants, filterGroupVariants, filterPreviewVariants, filterRuleVariants, filterToolbarVariants, isFilterGroup, isFilterRule, ruleFieldVariants, ruleOperatorVariants, ruleValueVariants, rulesContainerVariants } from '../../chunk-AWYOWR5N.js';
|
|
8
|
+
export { FileUpload, FileUploadAvatar, FileUploadDropzone, FileUploadInline, FileUploadList, FileUploadPreview, FileUploadProgressBar, FileUploadTrigger } from '../../chunk-B6KQKQ4S.js';
|
|
9
|
+
export { Portal, portalContainerVariants, portalContentVariants, portalOverlayVariants } from '../../chunk-L2XR5IFJ.js';
|
|
5
10
|
export { AdvancedSearchInput, Search, SearchEmpty, SearchFilters, SearchHighlight, SearchHistory, SearchLoading, SearchResultGroup, SearchResultItem, SearchResults, searchEmptyVariants, searchFilterVariants, searchFiltersContainerVariants, searchGroupHeadingVariants, searchHighlightVariants, searchHistoryHeaderVariants, searchInputVariants, searchInputWrapperVariants, searchLoadingVariants, searchResultIconVariants, searchResultItemVariants, searchResultsVariants, searchVariants } from '../../chunk-ESLSPRYA.js';
|
|
6
11
|
export { SortableList, SortableListDragHandle, SortableListItem, sortableListHandleVariants, sortableListItemVariants, sortableListOverlayVariants, sortableListVariants } from '../../chunk-LNY2EXOV.js';
|
|
7
12
|
export { ChangeIndicator, VersionActions, VersionBadge, VersionControl, VersionDiff, VersionItem, VersionList, VersionTimeline, changeIndicatorVariants, diffLineVariants, versionBadgeVariants, versionControlVariants, versionItemVariants, versionTimelineConnectorVariants, versionTimelineMarkerVariants } from '../../chunk-FPCRGFNY.js';
|
|
8
|
-
export {
|
|
13
|
+
export { AssetManager, AssetManagerEmpty, AssetManagerGrid, AssetManagerItem, AssetManagerList, AssetManagerSidebar, AssetManagerToolbar, AssetManagerUploader, assetManagerContentVariants, assetManagerEmptyVariants, assetManagerGridVariants, assetManagerItemInfoVariants, assetManagerItemVariants, assetManagerLoadingVariants, assetManagerSidebarVariants, assetManagerThumbnailVariants, assetManagerToolbarVariants, assetManagerUploaderVariants, assetManagerVariants } from '../../chunk-YCZ6M6EF.js';
|
|
14
|
+
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, commandEmptyVariants, commandGroupVariants, commandInputIconVariants, commandInputVariants, commandInputWrapperVariants, commandItemVariants, commandListVariants, commandSeparatorVariants, commandShortcutVariants, commandVariants } from '../../chunk-Z3FL7LEK.js';
|
|
9
15
|
export { EventCalendar, EventCalendarAgenda, EventCalendarDay, EventCalendarEvent, EventCalendarHeader, EventCalendarMonth, EventCalendarWeek, eventCalendarAgendaItemVariants, eventCalendarCellVariants, eventCalendarDayNumberVariants, eventCalendarEventVariants, eventCalendarHeaderVariants, eventCalendarTimeSlotVariants, eventCalendarVariants, eventCalendarViewButtonVariants, getEventVariant } from '../../chunk-OWOVCGUZ.js';
|
|
10
|
-
export {
|
|
11
|
-
export { FileDropzone, fileDropzoneVariants } from '../../chunk-W4NC5CU5.js';
|
|
12
|
-
export { FileUpload, FileUploadAvatar, FileUploadDropzone, FileUploadInline, FileUploadList, FileUploadPreview, FileUploadProgressBar, FileUploadTrigger } from '../../chunk-B6KQKQ4S.js';
|
|
13
|
-
export { FilterBuilder, FilterGroupComponent as FilterGroup, FilterPreview, FilterRuleComponent as FilterRule, FilterToolbar, combinatorToggleVariants, emptyStateVariants, filterBuilderVariants, filterGroupHeaderVariants, filterGroupVariants, filterPreviewVariants, filterRuleVariants, filterToolbarVariants, isFilterGroup, isFilterRule, ruleFieldVariants, ruleOperatorVariants, ruleValueVariants, rulesContainerVariants } from '../../chunk-AWYOWR5N.js';
|
|
14
|
-
export { MarkdownEditor, MarkdownHelp, MarkdownPreview, MarkdownToolbar } from '../../chunk-FYJHWYPM.js';
|
|
15
|
-
import '../../chunk-U74PNG4S.js';
|
|
16
|
+
export { DefaultFallback, ErrorBoundary, errorBoundaryActionVariants, errorBoundaryCardVariants, errorBoundaryFallbackVariants, errorBoundaryIconVariants, errorBoundaryMessageVariants, errorBoundaryStackVariants, errorBoundaryTitleVariants } from '../../chunk-D2V2HKLX.js';
|
|
16
17
|
import '../../chunk-NGR4HFVA.js';
|
|
17
18
|
import '../../chunk-3WOGOTOV.js';
|
|
18
19
|
export { DndContext, DragHandle, DragOverlay, Draggable, Droppable, SortableContext, SortableItem, arrayMove, closestCenter, closestCorners, dragHandleVariants, dragOverlayVariants, draggableVariants, droppableVariants, horizontalListSortingStrategy, pointerWithin, rectIntersection, rectSortingStrategy, rectSwappingStrategy, sortableItemVariants, verticalListSortingStrategy } from '../../chunk-BIUVOZQG.js';
|
|
19
|
-
|
|
20
|
-
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, commandEmptyVariants, commandGroupVariants, commandInputIconVariants, commandInputVariants, commandInputWrapperVariants, commandItemVariants, commandListVariants, commandSeparatorVariants, commandShortcutVariants, commandVariants } from '../../chunk-Z3FL7LEK.js';
|
|
20
|
+
import '../../chunk-U74PNG4S.js';
|
|
21
21
|
export { Calendar, CalendarDayButton, calendarContainerVariants, calendarDayButtonVariants, calendarDayCellVariants, calendarDisabledVariants, calendarNavButtonVariants, calendarOutsideVariants, calendarRangeEndVariants, calendarRangeMiddleVariants, calendarRangeStartVariants, calendarTodayIndicatorVariants, calendarTodayVariants } from '../../chunk-R4UOT76L.js';
|
|
22
|
+
import '../../chunk-ZUFM33AV.js';
|
|
22
23
|
import '../../chunk-WBE6VQOO.js';
|
|
23
24
|
import '../../chunk-XETKCF73.js';
|
|
24
25
|
import '../../chunk-PWCMCMDN.js';
|
|
25
26
|
import '../../chunk-DYDXGWH2.js';
|
|
26
|
-
import '../../chunk-ZUFM33AV.js';
|
|
27
27
|
import '../../chunk-AFCSDND5.js';
|
|
28
28
|
import '../../chunk-ONQCNOLU.js';
|
|
29
29
|
import '../../chunk-TAZPML2P.js';
|
|
30
30
|
import '../../chunk-TNROOKX3.js';
|
|
31
|
-
import '../../chunk-7ZJ32KRQ.js';
|
|
32
31
|
import '../../chunk-3L5G7VI2.js';
|
|
32
|
+
import '../../chunk-7ZJ32KRQ.js';
|
|
33
33
|
import '../../chunk-HRNDJU7D.js';
|
|
34
34
|
import '../../chunk-UP2VWCW5.js';
|
|
35
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -2,8 +2,8 @@ export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious
|
|
|
2
2
|
import '../../../chunk-ONQCNOLU.js';
|
|
3
3
|
import '../../../chunk-TAZPML2P.js';
|
|
4
4
|
import '../../../chunk-TNROOKX3.js';
|
|
5
|
-
import '../../../chunk-7ZJ32KRQ.js';
|
|
6
5
|
import '../../../chunk-3L5G7VI2.js';
|
|
6
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
7
7
|
import '../../../chunk-HRNDJU7D.js';
|
|
8
8
|
import '../../../chunk-UP2VWCW5.js';
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export { ChartCard, chartCardChartVariants, chartCardHeaderVariants, chartCardPreviousValueVariants, chartCardTitleVariants, chartCardValueContainerVariants, chartCardValueVariants, chartCardVariants } from '../../../chunk-
|
|
2
|
-
import '../../../chunk-XV6NXXXP.js';
|
|
3
|
-
import '../../../chunk-7I6KK6QE.js';
|
|
1
|
+
export { ChartCard, chartCardChartVariants, chartCardHeaderVariants, chartCardPreviousValueVariants, chartCardTitleVariants, chartCardValueContainerVariants, chartCardValueVariants, chartCardVariants } from '../../../chunk-L3Z5FAJE.js';
|
|
4
2
|
import '../../../chunk-QHKOBGLW.js';
|
|
5
3
|
import '../../../chunk-WG5IYG7X.js';
|
|
6
4
|
import '../../../chunk-TNROOKX3.js';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { DateRangePicker } from '../../../chunk-
|
|
1
|
+
import { DateRangePicker } from '../../../chunk-AVR3LVOQ.js';
|
|
2
2
|
import '../../../chunk-R4UOT76L.js';
|
|
3
|
-
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../chunk-WBE6VQOO.js';
|
|
4
3
|
import '../../../chunk-ZUFM33AV.js';
|
|
4
|
+
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../../chunk-WBE6VQOO.js';
|
|
5
5
|
import '../../../chunk-AFCSDND5.js';
|
|
6
6
|
import '../../../chunk-ONQCNOLU.js';
|
|
7
7
|
import '../../../chunk-TAZPML2P.js';
|
|
8
8
|
import '../../../chunk-TNROOKX3.js';
|
|
9
|
-
import '../../../chunk-7ZJ32KRQ.js';
|
|
10
9
|
import '../../../chunk-3L5G7VI2.js';
|
|
10
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
11
11
|
import { cn } from '../../../chunk-HRNDJU7D.js';
|
|
12
12
|
import '../../../chunk-UP2VWCW5.js';
|
|
13
13
|
import { subYears, subMonths } from 'date-fns';
|
|
@@ -5,8 +5,8 @@ import '../../../../chunk-DYDXGWH2.js';
|
|
|
5
5
|
import '../../../../chunk-ONQCNOLU.js';
|
|
6
6
|
import '../../../../chunk-TAZPML2P.js';
|
|
7
7
|
import '../../../../chunk-TNROOKX3.js';
|
|
8
|
-
import '../../../../chunk-7ZJ32KRQ.js';
|
|
9
8
|
import '../../../../chunk-3L5G7VI2.js';
|
|
9
|
+
import '../../../../chunk-7ZJ32KRQ.js';
|
|
10
10
|
import '../../../../chunk-HRNDJU7D.js';
|
|
11
11
|
import '../../../../chunk-UP2VWCW5.js';
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -14,8 +14,8 @@ import '../../../chunk-AFCSDND5.js';
|
|
|
14
14
|
import '../../../chunk-ONQCNOLU.js';
|
|
15
15
|
import '../../../chunk-TAZPML2P.js';
|
|
16
16
|
import '../../../chunk-TNROOKX3.js';
|
|
17
|
-
import '../../../chunk-7ZJ32KRQ.js';
|
|
18
17
|
import '../../../chunk-3L5G7VI2.js';
|
|
18
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
19
19
|
import '../../../chunk-HRNDJU7D.js';
|
|
20
20
|
import '../../../chunk-UP2VWCW5.js';
|
|
21
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
export { ImageGallery, ImageGalleryItem } from '../../../chunk-
|
|
1
|
+
export { ImageGallery, ImageGalleryItem } from '../../../chunk-6HEURMY3.js';
|
|
2
|
+
import '../../../chunk-KR3IVNQH.js';
|
|
3
|
+
import '../../../chunk-SJSYKUCL.js';
|
|
2
4
|
import '../../../chunk-2UGDLAYC.js';
|
|
5
|
+
import '../../../chunk-ONQCNOLU.js';
|
|
6
|
+
import '../../../chunk-TAZPML2P.js';
|
|
7
|
+
import '../../../chunk-TNROOKX3.js';
|
|
8
|
+
import '../../../chunk-3L5G7VI2.js';
|
|
9
|
+
import '../../../chunk-7ZJ32KRQ.js';
|
|
3
10
|
import '../../../chunk-HRNDJU7D.js';
|
|
4
11
|
import '../../../chunk-UP2VWCW5.js';
|
|
5
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { KPICard, KPICardGroup } from '../../../chunk-
|
|
1
|
+
export { KPICard, KPICardGroup } from '../../../chunk-OTSK2KAI.js';
|
|
2
2
|
import '../../../chunk-2VHARFMD.js';
|
|
3
|
-
import '../../../chunk-K45MMHLA.js';
|
|
4
3
|
import '../../../chunk-UFRMZ3M6.js';
|
|
5
4
|
import '../../../chunk-QHKOBGLW.js';
|
|
5
|
+
import '../../../chunk-K45MMHLA.js';
|
|
6
6
|
import '../../../chunk-WG5IYG7X.js';
|
|
7
7
|
import '../../../chunk-TNROOKX3.js';
|
|
8
8
|
import '../../../chunk-7ZJ32KRQ.js';
|
|
@@ -1,62 +1,62 @@
|
|
|
1
1
|
import '../../chunk-ATIEGLR2.js';
|
|
2
|
-
export { Timeline, TimelineConnector, TimelineContent, TimelineItemComponent as TimelineItem, TimelineMarker, timelineItemVariants, timelineMarkerVariants, timelineVariants } from '../../chunk-NCLOPI6U.js';
|
|
3
|
-
export { VirtualTable } from '../../chunk-ILAV2AZ4.js';
|
|
4
2
|
export { Tracker } from '../../chunk-GPW57XOW.js';
|
|
3
|
+
export { VirtualTable } from '../../chunk-ILAV2AZ4.js';
|
|
4
|
+
export { RadialChart } from '../../chunk-2XJWE2XR.js';
|
|
5
5
|
export { MarkerBar, markerBarContainerVariants, markerBarMarkerVariants, markerBarMarkerWrapperVariants, markerBarRangeVariants } from '../../chunk-X4YUWX7H.js';
|
|
6
|
-
export {
|
|
7
|
-
export { PieChart } from '../../chunk-BFBGESUI.js';
|
|
6
|
+
export { SingleStat } from '../../chunk-D6TH3EGA.js';
|
|
8
7
|
export { RadarChart } from '../../chunk-BQMQULAC.js';
|
|
9
8
|
export { ScatterChart } from '../../chunk-AEE5GDNA.js';
|
|
10
|
-
export {
|
|
11
|
-
export { SingleStat } from '../../chunk-D6TH3EGA.js';
|
|
12
|
-
export { FunnelChart } from '../../chunk-ZPCELVWJ.js';
|
|
13
|
-
export { GaugeChart, gaugeChartVariants } from '../../chunk-5KTMPLDK.js';
|
|
14
|
-
export { Heatmap, HeatmapCell, HeatmapLegend, heatmapVariants } from '../../chunk-6GWO7JNP.js';
|
|
9
|
+
export { Timeline, TimelineConnector, TimelineContent, TimelineItemComponent as TimelineItem, TimelineMarker, timelineItemVariants, timelineMarkerVariants, timelineVariants } from '../../chunk-NCLOPI6U.js';
|
|
15
10
|
export { HoverCard, HoverCardContent, HoverCardTrigger } from '../../chunk-VWW3DJKI.js';
|
|
16
11
|
export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants } from '../../chunk-VZZ3HP7G.js';
|
|
17
|
-
export { KPICard, KPICardGroup } from '../../chunk-
|
|
12
|
+
export { KPICard, KPICardGroup } from '../../chunk-OTSK2KAI.js';
|
|
18
13
|
export { Sparkline } from '../../chunk-2VHARFMD.js';
|
|
19
|
-
export { ImageGallery, ImageGalleryItem } from '../../chunk-
|
|
14
|
+
export { ImageGallery, ImageGalleryItem } from '../../chunk-6HEURMY3.js';
|
|
20
15
|
export { Lightbox } from '../../chunk-KR3IVNQH.js';
|
|
21
|
-
export {
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
export { DeltaBar } from '../../chunk-DNAGXK2C.js';
|
|
16
|
+
export { List, ListItem, ListItemActions, ListItemContent, listItemVariants, listVariants } from '../../chunk-V7XHE25E.js';
|
|
17
|
+
export { LineChart } from '../../chunk-XV6NXXXP.js';
|
|
18
|
+
export { PieChart } from '../../chunk-BFBGESUI.js';
|
|
25
19
|
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants } from '../../chunk-QUENPT24.js';
|
|
20
|
+
export { Feed, FeedItemComponent as FeedItem, FeedSkeleton, feedItemVariants, feedVariants } from '../../chunk-B7ZLPQSO.js';
|
|
26
21
|
export { DataTable, DataTableBooleanCell, DataTableCurrencyCell, DataTableDateCell, DataTableProgressCell, DataTableRatingCell, downloadFile, exportToCSV, exportToExcel, exportToPDF, tableToCSV } from '../../chunk-ZO2EKJZM.js';
|
|
27
22
|
import '../../chunk-Y3BOERVB.js';
|
|
28
23
|
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '../../chunk-65YSTUD2.js';
|
|
29
|
-
export {
|
|
30
|
-
export {
|
|
31
|
-
export {
|
|
32
|
-
export {
|
|
33
|
-
export { Callout, calloutVariants } from '../../chunk-XLTSCY22.js';
|
|
24
|
+
export { GaugeChart, gaugeChartVariants } from '../../chunk-5KTMPLDK.js';
|
|
25
|
+
export { DeltaBar } from '../../chunk-DNAGXK2C.js';
|
|
26
|
+
export { FunnelChart } from '../../chunk-ZPCELVWJ.js';
|
|
27
|
+
export { Heatmap, HeatmapCell, HeatmapLegend, heatmapVariants } from '../../chunk-6GWO7JNP.js';
|
|
34
28
|
export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '../../chunk-SJSYKUCL.js';
|
|
29
|
+
export { BarList } from '../../chunk-FDES5YDF.js';
|
|
35
30
|
export { CategoryBar } from '../../chunk-H4ANCFZG.js';
|
|
36
|
-
export { ChartCard, chartCardChartVariants, chartCardHeaderVariants, chartCardPreviousValueVariants, chartCardTitleVariants, chartCardValueContainerVariants, chartCardValueVariants, chartCardVariants } from '../../chunk-
|
|
37
|
-
export {
|
|
31
|
+
export { ChartCard, chartCardChartVariants, chartCardHeaderVariants, chartCardPreviousValueVariants, chartCardTitleVariants, chartCardValueContainerVariants, chartCardValueVariants, chartCardVariants } from '../../chunk-L3Z5FAJE.js';
|
|
32
|
+
export { ComboChart } from '../../chunk-3MJNJKAF.js';
|
|
33
|
+
export { DashboardCard, DashboardCardContent, DashboardCardFooter, DashboardCardHeader, DashboardCardTitle, DashboardCardValue, dashboardCardContentVariants, dashboardCardFooterVariants, dashboardCardHeaderVariants, dashboardCardTitleVariants, dashboardCardValueVariants, dashboardCardVariants } from '../../chunk-SM4AZOEP.js';
|
|
34
|
+
import '../../chunk-G6SIIN2B.js';
|
|
38
35
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionContentInnerVariants, accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from '../../chunk-6SHOL6WR.js';
|
|
39
36
|
export { AreaChart } from '../../chunk-SHS6EGWS.js';
|
|
37
|
+
export { Banner, bannerVariants } from '../../chunk-F7XARQUW.js';
|
|
38
|
+
export { BarChart } from '../../chunk-GAP3OZR7.js';
|
|
40
39
|
export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from '../../chunk-7I6KK6QE.js';
|
|
41
|
-
|
|
40
|
+
export { Callout, calloutVariants } from '../../chunk-XLTSCY22.js';
|
|
42
41
|
import '../../chunk-4Y72SPNL.js';
|
|
43
42
|
import '../../chunk-UFRMZ3M6.js';
|
|
44
43
|
import '../../chunk-2UGDLAYC.js';
|
|
45
44
|
import '../../chunk-QHKOBGLW.js';
|
|
46
45
|
import '../../chunk-FSMHI7DW.js';
|
|
46
|
+
import '../../chunk-K45MMHLA.js';
|
|
47
47
|
import '../../chunk-WG5IYG7X.js';
|
|
48
48
|
import '../../chunk-Y555RCRZ.js';
|
|
49
|
+
import '../../chunk-YP2ATSXP.js';
|
|
49
50
|
import '../../chunk-WBE6VQOO.js';
|
|
50
51
|
import '../../chunk-XETKCF73.js';
|
|
51
52
|
import '../../chunk-PWCMCMDN.js';
|
|
52
53
|
import '../../chunk-DYDXGWH2.js';
|
|
53
|
-
import '../../chunk-YP2ATSXP.js';
|
|
54
54
|
import '../../chunk-AFCSDND5.js';
|
|
55
55
|
import '../../chunk-ONQCNOLU.js';
|
|
56
56
|
import '../../chunk-TAZPML2P.js';
|
|
57
57
|
import '../../chunk-TNROOKX3.js';
|
|
58
|
-
import '../../chunk-7ZJ32KRQ.js';
|
|
59
58
|
import '../../chunk-3L5G7VI2.js';
|
|
59
|
+
import '../../chunk-7ZJ32KRQ.js';
|
|
60
60
|
import '../../chunk-HRNDJU7D.js';
|
|
61
61
|
import '../../chunk-UP2VWCW5.js';
|
|
62
62
|
//# sourceMappingURL=index.js.map
|