@cognite/aura 0.3.5 → 1.46104.0

package/dist/components/ui/core/select/select.js

@@ -1,179 +1,224 @@
-import { cn as e, disabledState as t, filledState as n, focusState as r, formElementBase as i, hoverState as a, invalidState as o } from "../../../../lib/utils.js";
-import { usePortalContainer as s } from "../../../../lib/portal-container-context.js";
-import { useControllableState as c } from "../../../../lib/use-controllable-state.js";
-import { createContext as l, forwardRef as u, useContext as d, useId as f, useMemo as p } from "react";
-import { IconCheck as m, IconChevronDown as h, IconChevronUp as g, IconExclamationCircle as _ } from "@tabler/icons-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Select as x } from "@base-ui/react/select";
-//#region libs/aura/src/components/ui/core/select/select.tsx
-var S = l(null), C = () => {
-	let e = d(S);
-	if (!e) throw Error("Select components must be used within Select");
-	return e;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useId, useMemo } from "react";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { IconCheck, IconChevronDown, IconChevronUp, IconExclamationCircle } from "@tabler/icons-react";
+import { usePortalContainer } from "../../../../lib/portal-container-context.js";
+import { useControllableState } from "../../../../lib/use-controllable-state.js";
+import { cn, formFieldOpenState, formFieldTriggerClasses, menuContainerPadding, menuItemPadding, menuSectionLabelClasses, menuSectionSeparatorClasses } from "../../../../lib/utils.js";
+const SelectContext = /*#__PURE__*/ createContext(null);
+const useSelect = ()=>{
+    const context = useContext(SelectContext);
+    if (!context) {
+        throw new Error('Select components must be used within Select');
+    }
+    return context;
 };
-function w(e) {
-	let [t, n] = c({
-		prop: e.open,
-		defaultProp: e.defaultOpen ?? !1,
-		onChange: e.onOpenChange
-	}), r = p(() => ({ isOpen: t ?? !1 }), [t]);
-	if (e.multiple) {
-		let { multiple: i, value: a, defaultValue: o, onValueChange: s, ...c } = e;
-		return /* @__PURE__ */ y(S.Provider, {
-			value: r,
-			children: /* @__PURE__ */ y(x.Root, {
-				"data-slot": "select",
-				open: t,
-				onOpenChange: (e) => n(e),
-				value: a,
-				defaultValue: o,
-				onValueChange: (e, t) => {
-					s?.(e ?? []);
-				},
-				multiple: !0,
-				...c
-			})
-		});
-	}
-	let { value: i, defaultValue: a, onValueChange: o, ...s } = e, l = i === void 0 ? void 0 : i === "" ? null : i, u = a === void 0 ? void 0 : a === "" ? null : a;
-	return /* @__PURE__ */ y(S.Provider, {
-		value: r,
-		children: /* @__PURE__ */ y(x.Root, {
-			"data-slot": "select",
-			open: t,
-			onOpenChange: (e) => n(e),
-			value: l,
-			defaultValue: u,
-			onValueChange: (e, t) => {
-				o?.(typeof e == "string" ? e : "");
-			},
-			...s
-		})
-	});
+function Select(props) {
+    const [isOpen, setIsOpen] = useControllableState({
+        prop: props.open,
+        defaultProp: props.defaultOpen ?? false,
+        onChange: props.onOpenChange
+    });
+    const selectContext = useMemo(()=>({
+            isOpen: isOpen ?? false
+        }), [
+        isOpen
+    ]);
+    if (props.multiple) {
+        const { multiple: _multiple, value, defaultValue, onValueChange, ...rest } = props;
+        return /*#__PURE__*/ _jsx(SelectContext.Provider, {
+            value: selectContext,
+            children: /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
+                "data-slot": "select",
+                open: isOpen,
+                onOpenChange: (nextOpen)=>setIsOpen(nextOpen),
+                value: value,
+                defaultValue: defaultValue,
+                onValueChange: (nextValue, _details)=>{
+                    onValueChange?.(nextValue ?? []);
+                },
+                multiple: true,
+                ...rest
+            })
+        });
+    }
+    const { value, defaultValue, onValueChange, ...rest } = props;
+    const mappedValue = value === undefined ? undefined : value === '' ? null : value;
+    const mappedDefaultValue = defaultValue === undefined ? undefined : defaultValue === '' ? null : defaultValue;
+    return /*#__PURE__*/ _jsx(SelectContext.Provider, {
+        value: selectContext,
+        children: /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
+            "data-slot": "select",
+            open: isOpen,
+            onOpenChange: (nextOpen)=>setIsOpen(nextOpen),
+            value: mappedValue,
+            defaultValue: mappedDefaultValue,
+            onValueChange: (nextValue, _details)=>{
+                onValueChange?.(typeof nextValue === 'string' ? nextValue : '');
+            },
+            ...rest
+        })
+    });
 }
-function T({ className: t, ...n }) {
-	return /* @__PURE__ */ y(x.Group, {
-		"data-slot": "select-group",
-		className: e("scroll-my-1 p-1", t),
-		...n
-	});
+function SelectGroup({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Group, {
+        "data-slot": "select-group",
+        className: cn('scroll-my-1 p-1', className),
+        ...props
+    });
 }
-function E({ icon: e, ...t }) {
-	return e ? /* @__PURE__ */ b("span", {
-		className: "flex flex-1 items-center gap-2 min-w-0 overflow-hidden",
-		children: [e, /* @__PURE__ */ y(x.Value, {
-			"data-slot": "select-value",
-			className: "flex-1 truncate min-w-0",
-			...t
-		})]
-	}) : /* @__PURE__ */ y(x.Value, {
-		"data-slot": "select-value",
-		className: "flex-1 truncate min-w-0",
-		...t
-	});
+function SelectValue({ icon, ...props }) {
+    if (icon) {
+        return /*#__PURE__*/ _jsxs("span", {
+            className: "flex flex-1 items-center gap-2 min-w-0 overflow-hidden",
+            children: [
+                icon,
+                /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
+                    "data-slot": "select-value",
+                    className: "flex-1 truncate min-w-0 text-base-foreground data-placeholder:text-muted-foreground data-disabled:text-base-foreground-disabled data-readonly:text-muted-foreground",
+                    ...props
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
+        "data-slot": "select-value",
+        className: "flex-1 truncate min-w-0 text-base-foreground data-placeholder:text-muted-foreground data-disabled:text-base-foreground-disabled data-readonly:text-muted-foreground",
+        ...props
+    });
 }
-var D = u(({ className: s, size: c = "default", children: l, errorMessage: u, ...d }, p) => {
-	let { isOpen: m } = C(), g = !!u, S = f();
-	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(x.Trigger, {
-		ref: p,
-		"data-slot": "select-trigger",
-		"data-size": c,
-		"aria-invalid": g ? !0 : void 0,
-		"aria-describedby": g ? S : void 0,
-		className: e("w-full min-w-50 h-9 max-w-[min(100%,420px)] flex items-center justify-between gap-2 text-left overflow-hidden transition-[color,box-shadow] cursor-pointer", i, a, n, r, m && "shadow-focus-ring bg-background border-transparent focus:border-transparent hover:border-transparent text-foreground", o, t, "dark:bg-muted-background/30 dark:text-muted-foreground dark:hover:bg-accent-background", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", s),
-		...d,
-		children: [l, /* @__PURE__ */ y(x.Icon, { render: /* @__PURE__ */ y(h, { className: e("size-4 opacity-50 transition-transform", m ? "rotate-180" : "rotate-0") }) })]
-	}), u && /* @__PURE__ */ b("div", {
-		id: S,
-		className: "flex flex-row gap-1 justify-start items-center p-1",
-		children: [/* @__PURE__ */ y(_, { className: "text-destructive-foreground text-sm size-4" }), /* @__PURE__ */ y("span", {
-			className: "text-destructive-foreground text-sm",
-			children: u
-		})]
-	})] });
+const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, size = 'default', children, errorMessage, ...props }, ref)=>{
+    const { isOpen } = useSelect();
+    const isInvalid = !!errorMessage;
+    const errorId = useId();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
+                ref: ref,
+                "data-slot": "select-trigger",
+                "data-size": size,
+                "aria-invalid": isInvalid ? true : undefined,
+                "aria-describedby": isInvalid ? errorId : undefined,
+                className: cn('min-w-50 max-w-[min(100%,420px)]', formFieldTriggerClasses, isOpen && formFieldOpenState, className),
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
+                        render: /*#__PURE__*/ _jsx(IconChevronDown, {
+                            className: cn('size-4 opacity-50 transition-transform', isOpen ? 'rotate-180' : 'rotate-0')
+                        })
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ _jsxs("div", {
+                id: errorId,
+                className: "flex flex-row gap-1 justify-start items-center p-1",
+                children: [
+                    /*#__PURE__*/ _jsx(IconExclamationCircle, {
+                        className: "text-destructive-foreground text-sm size-4"
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "text-destructive-foreground text-sm",
+                        children: errorMessage
+                    })
+                ]
+            })
+        ]
+    });
 });
-D.displayName = "SelectTrigger";
-function O({ className: t, children: n, position: r = "popper", align: i = "start", alignOffset: a = 0, side: o = "bottom", sideOffset: c = 4, ...l }) {
-	let u = s();
-	return /* @__PURE__ */ y(x.Portal, {
-		container: u,
-		children: /* @__PURE__ */ y(x.Positioner, {
-			alignItemWithTrigger: !1,
-			align: i,
-			alignOffset: a,
-			side: o,
-			sideOffset: c,
-			collisionPadding: 10,
-			className: "isolate z-50",
-			children: /* @__PURE__ */ b(x.Popup, {
-				"data-slot": "select-content",
-				className: e("bg-popover-background text-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) max-w-[min(100%,420px)] min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md outline-none", r === "popper" && "data-[side=bottom]:translate-y-1", t),
-				...l,
-				children: [
-					/* @__PURE__ */ y(M, {}),
-					/* @__PURE__ */ y(x.List, { children: n }),
-					/* @__PURE__ */ y(N, {})
-				]
-			})
-		})
-	});
+SelectTrigger.displayName = 'SelectTrigger';
+function SelectContent({ className, children, position: _position = 'popper', align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props }) {
+    const container = usePortalContainer();
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
+        container: container,
+        children: /*#__PURE__*/ _jsx(SelectPrimitive.Positioner, {
+            alignItemWithTrigger: false,
+            align: align,
+            alignOffset: alignOffset,
+            side: side,
+            sideOffset: sideOffset,
+            collisionPadding: 10,
+            className: "isolate z-50",
+            children: /*#__PURE__*/ _jsxs(SelectPrimitive.Popup, {
+                "data-slot": "select-content",
+                className: cn('bg-popover-background text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) max-w-[min(100%,420px)] min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-default shadow-md outline-none', menuContainerPadding, _position === 'popper' && 'data-[side=bottom]:translate-y-1', className),
+                ...props,
+                children: [
+                    /*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
+                    /*#__PURE__*/ _jsx(SelectPrimitive.List, {
+                        children: children
+                    }),
+                    /*#__PURE__*/ _jsx(SelectScrollDownButton, {})
+                ]
+            })
+        })
+    });
 }
-function k({ className: t, ...n }) {
-	return /* @__PURE__ */ y(x.GroupLabel, {
-		"data-slot": "select-label",
-		className: e("text-muted-foreground px-2 py-1.5 text-xs", t),
-		...n
-	});
+function SelectLabel({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.GroupLabel, {
+        "data-slot": "select-label",
+        className: cn(menuSectionLabelClasses, className),
+        ...props
+    });
 }
-function A({ className: t, children: n, icon: r, suffix: i, ...a }) {
-	let o = typeof n == "string" ? n : void 0;
-	return /* @__PURE__ */ b(x.Item, {
-		"data-slot": "select-item",
-		className: e("relative flex w-full min-h-9 cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-base leading-5 tracking-tightest outline-hidden select-none focus:bg-accent-background focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", t),
-		...a,
-		children: [
-			/* @__PURE__ */ y(x.ItemIndicator, { render: /* @__PURE__ */ y("span", {
-				className: "absolute right-2 flex size-3.5 items-center justify-center",
-				children: /* @__PURE__ */ y(m, { className: "size-4 text-foreground" })
-			}) }),
-			r && /* @__PURE__ */ y("span", {
-				className: "flex items-center gap-2 mr-1",
-				children: r
-			}),
-			/* @__PURE__ */ y(x.ItemText, {
-				className: "flex-1 truncate min-w-0",
-				title: o,
-				children: n
-			}),
-			i && /* @__PURE__ */ y("span", {
-				className: "shrink-0 ml-auto",
-				children: i
-			})
-		]
-	});
+function SelectItem({ className, children, icon, suffix, ...props }) {
+    const title = typeof children === 'string' ? children : undefined;
+    return /*#__PURE__*/ _jsxs(SelectPrimitive.Item, {
+        "data-slot": "select-item",
+        className: cn("relative flex w-full min-h-9 cursor-default items-center gap-2 rounded-lg pr-8 text-sm leading-4.5 font-medium outline-hidden select-none focus:bg-popover-background-hover focus:text-popover-foreground data-[disabled]:pointer-events-none data-[disabled]:text-base-foreground-disabled data-[disabled]:opacity-100 data-[disabled]:[&_svg]:text-base-foreground-disabled [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", menuItemPadding, className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
+                render: /*#__PURE__*/ _jsx("span", {
+                    className: "absolute right-2 flex size-3.5 items-center justify-center",
+                    children: /*#__PURE__*/ _jsx(IconCheck, {
+                        className: "size-4 text-popover-foreground"
+                    })
+                })
+            }),
+            icon && /*#__PURE__*/ _jsx("span", {
+                className: "flex items-center gap-2 mr-1",
+                children: icon
+            }),
+            /*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
+                className: "flex-1 truncate min-w-0",
+                title: title,
+                children: children
+            }),
+            suffix && /*#__PURE__*/ _jsx("span", {
+                className: "shrink-0 ml-auto",
+                children: suffix
+            })
+        ]
+    });
 }
-function j({ className: t, ...n }) {
-	return /* @__PURE__ */ y(x.Separator, {
-		"data-slot": "select-separator",
-		className: e("bg-border pointer-events-none -mx-1 my-1 h-px", t),
-		...n
-	});
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, {
+        "data-slot": "select-separator",
+        className: cn(menuSectionSeparatorClasses, 'pointer-events-none', className),
+        ...props
+    });
 }
-function M({ className: t, ...n }) {
-	return /* @__PURE__ */ y(x.ScrollUpArrow, {
-		"data-slot": "select-scroll-up-button",
-		className: e("bg-popover-background z-10 flex cursor-default items-center justify-center py-1 top-0 w-full", t),
-		...n,
-		children: /* @__PURE__ */ y(g, { className: "size-4" })
-	});
+function SelectScrollUpButton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpArrow, {
+        "data-slot": "select-scroll-up-button",
+        className: cn('bg-popover-background z-10 flex cursor-default items-center justify-center py-1 top-0 w-full', className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(IconChevronUp, {
+            className: "size-4"
+        })
+    });
 }
-function N({ className: t, ...n }) {
-	return /* @__PURE__ */ y(x.ScrollDownArrow, {
-		"data-slot": "select-scroll-down-button",
-		className: e("bg-popover-background z-10 flex cursor-default items-center justify-center py-1 bottom-0 w-full", t),
-		...n,
-		children: /* @__PURE__ */ y(h, { className: "size-4" })
-	});
+function SelectScrollDownButton({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollDownArrow, {
+        "data-slot": "select-scroll-down-button",
+        className: cn('bg-popover-background z-10 flex cursor-default items-center justify-center py-1 bottom-0 w-full', className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(IconChevronDown, {
+            className: "size-4"
+        })
+    });
 }
-//#endregion
-export { w as Select, O as SelectContent, T as SelectGroup, A as SelectItem, k as SelectLabel, N as SelectScrollDownButton, M as SelectScrollUpButton, j as SelectSeparator, D as SelectTrigger, E as SelectValue };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+
+//# sourceMappingURL=select.js.map

package/dist/components/ui/core/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/select/select.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentRef,\n  type ReactNode,\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useMemo,\n} from 'react';\n\nimport type { SelectTriggerProps } from '@base-ui/react/select';\nimport { Select as SelectPrimitive } from '@base-ui/react/select';\nimport {\n  IconCheck,\n  IconChevronDown,\n  IconChevronUp,\n  IconExclamationCircle,\n} from '@tabler/icons-react';\n\nimport { usePortalContainer } from '../../../../lib/portal-container-context';\nimport { useControllableState } from '../../../../lib/use-controllable-state';\nimport {\n  cn,\n  formFieldOpenState,\n  formFieldTriggerClasses,\n  menuContainerPadding,\n  menuItemPadding,\n  menuSectionLabelClasses,\n  menuSectionSeparatorClasses,\n} from '../../../../lib/utils';\n\ntype SelectContextValue = {\n  isOpen: boolean;\n};\n\nconst SelectContext = createContext<SelectContextValue | null>(null);\n\nconst useSelect = () => {\n  const context = useContext(SelectContext);\n  if (!context) {\n    throw new Error('Select components must be used within Select');\n  }\n  return context;\n};\n\ntype SelectPropsBase = Omit<\n  SelectPrimitive.Root.Props<string>,\n  | 'open'\n  | 'defaultOpen'\n  | 'onOpenChange'\n  | 'value'\n  | 'defaultValue'\n  | 'onValueChange'\n  | 'multiple'\n> & {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\ntype SelectPropsSingle = SelectPropsBase & {\n  multiple?: false;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\ntype SelectPropsMultiple = SelectPropsBase & {\n  multiple: true;\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n};\n\ntype SelectProps = SelectPropsSingle | SelectPropsMultiple;\n\nfunction Select(props: SelectPropsSingle): ReactNode;\nfunction Select(props: SelectPropsMultiple): ReactNode;\nfunction Select(props: SelectProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    prop: props.open,\n    defaultProp: props.defaultOpen ?? false,\n    onChange: props.onOpenChange,\n  });\n\n  const selectContext = useMemo(() => ({ isOpen: isOpen ?? false }), [isOpen]);\n\n  if (props.multiple) {\n    const {\n      multiple: _multiple,\n      value,\n      defaultValue,\n      onValueChange,\n      ...rest\n    } = props;\n\n    return (\n      <SelectContext.Provider value={selectContext}>\n        <SelectPrimitive.Root\n          data-slot=\"select\"\n          open={isOpen}\n          onOpenChange={(nextOpen) => setIsOpen(nextOpen)}\n          value={value}\n          defaultValue={defaultValue}\n          onValueChange={(nextValue, _details) => {\n            onValueChange?.(nextValue ?? []);\n          }}\n          multiple\n          {...rest}\n        />\n      </SelectContext.Provider>\n    );\n  }\n\n  const { value, defaultValue, onValueChange, ...rest } = props;\n\n  const mappedValue =\n    value === undefined ? undefined : value === '' ? null : value;\n  const mappedDefaultValue =\n    defaultValue === undefined\n      ? undefined\n      : defaultValue === ''\n        ? null\n        : defaultValue;\n\n  return (\n    <SelectContext.Provider value={selectContext}>\n      <SelectPrimitive.Root\n        data-slot=\"select\"\n        open={isOpen}\n        onOpenChange={(nextOpen) => setIsOpen(nextOpen)}\n        value={mappedValue}\n        defaultValue={mappedDefaultValue}\n        onValueChange={(nextValue, _details) => {\n          onValueChange?.(typeof nextValue === 'string' ? nextValue : '');\n        }}\n        {...rest}\n      />\n    </SelectContext.Provider>\n  );\n}\n\nfunction SelectGroup({\n  className,\n  ...props\n}: SelectPrimitive.Group.Props): ReactNode {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn('scroll-my-1 p-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectValue({\n  icon,\n  ...props\n}: SelectPrimitive.Value.Props & {\n  icon?: ReactNode;\n}): ReactNode {\n  if (icon) {\n    return (\n      <span className=\"flex flex-1 items-center gap-2 min-w-0 overflow-hidden\">\n        {icon}\n        <SelectPrimitive.Value\n          data-slot=\"select-value\"\n          className=\"flex-1 truncate min-w-0 text-base-foreground data-placeholder:text-muted-foreground data-disabled:text-base-foreground-disabled data-readonly:text-muted-foreground\"\n          {...props}\n        />\n      </span>\n    );\n  }\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className=\"flex-1 truncate min-w-0 text-base-foreground data-placeholder:text-muted-foreground data-disabled:text-base-foreground-disabled data-readonly:text-muted-foreground\"\n      {...props}\n    />\n  );\n}\n\nconst SelectTrigger: ForwardRefExoticComponent<\n  Omit<\n    SelectTriggerProps & {\n      size?: 'sm' | 'default';\n      errorMessage?: string;\n    },\n    'ref'\n  > &\n    RefAttributes<HTMLButtonElement>\n> = forwardRef<\n  ComponentRef<typeof SelectPrimitive.Trigger>,\n  SelectPrimitive.Trigger.Props & {\n    size?: 'sm' | 'default';\n    errorMessage?: string;\n  }\n>(({ className, size = 'default', children, errorMessage, ...props }, ref) => {\n  const { isOpen } = useSelect();\n  const isInvalid = !!errorMessage;\n  const errorId = useId();\n\n  return (\n    <>\n      <SelectPrimitive.Trigger\n        ref={ref}\n        data-slot=\"select-trigger\"\n        data-size={size}\n        aria-invalid={isInvalid ? true : undefined}\n        aria-describedby={isInvalid ? errorId : undefined}\n        className={cn(\n          'min-w-50 max-w-[min(100%,420px)]',\n          formFieldTriggerClasses,\n          isOpen && formFieldOpenState,\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SelectPrimitive.Icon\n          render={\n            <IconChevronDown\n              className={cn(\n                'size-4 opacity-50 transition-transform',\n                isOpen ? 'rotate-180' : 'rotate-0'\n              )}\n            />\n          }\n        />\n      </SelectPrimitive.Trigger>\n      {errorMessage && (\n        <div\n          id={errorId}\n          className=\"flex flex-row gap-1 justify-start items-center p-1\"\n        >\n          <IconExclamationCircle className=\"text-destructive-foreground text-sm size-4\" />\n          <span className=\"text-destructive-foreground text-sm\">\n            {errorMessage}\n          </span>\n        </div>\n      )}\n    </>\n  );\n});\n\nSelectTrigger.displayName = 'SelectTrigger';\n\nfunction SelectContent({\n  className,\n  children,\n  position: _position = 'popper',\n  align = 'start',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: SelectPrimitive.Popup.Props & {\n  position?: 'popper' | 'item-aligned';\n  align?: SelectPrimitive.Positioner.Props['align'];\n  alignOffset?: SelectPrimitive.Positioner.Props['alignOffset'];\n  side?: SelectPrimitive.Positioner.Props['side'];\n  sideOffset?: SelectPrimitive.Positioner.Props['sideOffset'];\n}): ReactNode {\n  const container = usePortalContainer();\n  return (\n    <SelectPrimitive.Portal container={container}>\n      <SelectPrimitive.Positioner\n        alignItemWithTrigger={false}\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        collisionPadding={10}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          className={cn(\n            'bg-popover-background text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--available-height) max-w-[min(100%,420px)] min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-default shadow-md outline-none',\n            menuContainerPadding,\n            _position === 'popper' && 'data-[side=bottom]:translate-y-1',\n            className\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props): ReactNode {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(menuSectionLabelClasses, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  icon,\n  suffix,\n  ...props\n}: SelectPrimitive.Item.Props & {\n  icon?: ReactNode;\n  suffix?: ReactNode;\n}): ReactNode {\n  const title = typeof children === 'string' ? children : undefined;\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full min-h-9 cursor-default items-center gap-2 rounded-lg pr-8 text-sm leading-4.5 font-medium outline-hidden select-none focus:bg-popover-background-hover focus:text-popover-foreground data-[disabled]:pointer-events-none data-[disabled]:text-base-foreground-disabled data-[disabled]:opacity-100 data-[disabled]:[&_svg]:text-base-foreground-disabled [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        menuItemPadding,\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n            <IconCheck className=\"size-4 text-popover-foreground\" />\n          </span>\n        }\n      />\n      {icon && <span className=\"flex items-center gap-2 mr-1\">{icon}</span>}\n      <SelectPrimitive.ItemText\n        className=\"flex-1 truncate min-w-0\"\n        title={title}\n      >\n        {children}\n      </SelectPrimitive.ItemText>\n      {suffix && <span className=\"shrink-0 ml-auto\">{suffix}</span>}\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props): ReactNode {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        menuSectionSeparatorClasses,\n        'pointer-events-none',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: SelectPrimitive.ScrollUpArrow.Props): ReactNode {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'bg-popover-background z-10 flex cursor-default items-center justify-center py-1 top-0 w-full',\n        className\n      )}\n      {...props}\n    >\n      <IconChevronUp className=\"size-4\" />\n    </SelectPrimitive.ScrollUpArrow>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: SelectPrimitive.ScrollDownArrow.Props): ReactNode {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'bg-popover-background z-10 flex cursor-default items-center justify-center py-1 bottom-0 w-full',\n        className\n      )}\n      {...props}\n    >\n      <IconChevronDown className=\"size-4\" />\n    </SelectPrimitive.ScrollDownArrow>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["createContext","forwardRef","useContext","useId","useMemo","Select","SelectPrimitive","IconCheck","IconChevronDown","IconChevronUp","IconExclamationCircle","usePortalContainer","useControllableState","cn","formFieldOpenState","formFieldTriggerClasses","menuContainerPadding","menuItemPadding","menuSectionLabelClasses","menuSectionSeparatorClasses","SelectContext","useSelect","context","Error","props","isOpen","setIsOpen","prop","open","defaultProp","defaultOpen","onChange","onOpenChange","selectContext","multiple","_multiple","value","defaultValue","onValueChange","rest","Provider","Root","data-slot","nextOpen","nextValue","_details","mappedValue","undefined","mappedDefaultValue","SelectGroup","className","Group","SelectValue","icon","span","Value","SelectTrigger","size","children","errorMessage","ref","isInvalid","errorId","Trigger","data-size","aria-invalid","aria-describedby","Icon","render","div","id","displayName","SelectContent","position","_position","align","alignOffset","side","sideOffset","container","Portal","Positioner","alignItemWithTrigger","collisionPadding","Popup","SelectScrollUpButton","List","SelectScrollDownButton","SelectLabel","GroupLabel","SelectItem","suffix","title","Item","ItemIndicator","ItemText","SelectSeparator","Separator","ScrollUpArrow","ScrollDownArrow"],"mappings":";AAAA,SAKEA,aAAa,EACbC,UAAU,EACVC,UAAU,EACVC,KAAK,EACLC,OAAO,QACF,QAAQ;AAGf,SAASC,UAAUC,eAAe,QAAQ,wBAAwB;AAClE,SACEC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,qBAAqB,QAChB,sBAAsB;AAE7B,SAASC,kBAAkB,QAAQ,8CAA2C;AAC9E,SAASC,oBAAoB,QAAQ,4CAAyC;AAC9E,SACEC,EAAE,EACFC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,eAAe,EACfC,uBAAuB,EACvBC,2BAA2B,QACtB,2BAAwB;AAM/B,MAAMC,8BAAgBpB,cAAyC;AAE/D,MAAMqB,YAAY;IAChB,MAAMC,UAAUpB,WAAWkB;IAC3B,IAAI,CAACE,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IACA,OAAOD;AACT;AAmCA,SAASjB,OAAOmB,KAAkB;IAChC,MAAM,CAACC,QAAQC,UAAU,GAAGd,qBAAqB;QAC/Ce,MAAMH,MAAMI,IAAI;QAChBC,aAAaL,MAAMM,WAAW,IAAI;QAClCC,UAAUP,MAAMQ,YAAY;IAC9B;IAEA,MAAMC,gBAAgB7B,QAAQ,IAAO,CAAA;YAAEqB,QAAQA,UAAU;QAAM,CAAA,GAAI;QAACA;KAAO;IAE3E,IAAID,MAAMU,QAAQ,EAAE;QAClB,MAAM,EACJA,UAAUC,SAAS,EACnBC,KAAK,EACLC,YAAY,EACZC,aAAa,EACb,GAAGC,MACJ,GAAGf;QAEJ,qBACE,KAACJ,cAAcoB,QAAQ;YAACJ,OAAOH;sBAC7B,cAAA,KAAC3B,gBAAgBmC,IAAI;gBACnBC,aAAU;gBACVd,MAAMH;gBACNO,cAAc,CAACW,WAAajB,UAAUiB;gBACtCP,OAAOA;gBACPC,cAAcA;gBACdC,eAAe,CAACM,WAAWC;oBACzBP,gBAAgBM,aAAa,EAAE;gBACjC;gBACAV,QAAQ;gBACP,GAAGK,IAAI;;;IAIhB;IAEA,MAAM,EAAEH,KAAK,EAAEC,YAAY,EAAEC,aAAa,EAAE,GAAGC,MAAM,GAAGf;IAExD,MAAMsB,cACJV,UAAUW,YAAYA,YAAYX,UAAU,KAAK,OAAOA;IAC1D,MAAMY,qBACJX,iBAAiBU,YACbA,YACAV,iBAAiB,KACf,OACAA;IAER,qBACE,KAACjB,cAAcoB,QAAQ;QAACJ,OAAOH;kBAC7B,cAAA,KAAC3B,gBAAgBmC,IAAI;YACnBC,aAAU;YACVd,MAAMH;YACNO,cAAc,CAACW,WAAajB,UAAUiB;YACtCP,OAAOU;YACPT,cAAcW;YACdV,eAAe,CAACM,WAAWC;gBACzBP,gBAAgB,OAAOM,cAAc,WAAWA,YAAY;YAC9D;YACC,GAAGL,IAAI;;;AAIhB;AAEA,SAASU,YAAY,EACnBC,SAAS,EACT,GAAG1B,OACyB;IAC5B,qBACE,KAAClB,gBAAgB6C,KAAK;QACpBT,aAAU;QACVQ,WAAWrC,GAAG,mBAAmBqC;QAChC,GAAG1B,KAAK;;AAGf;AAEA,SAAS4B,YAAY,EACnBC,IAAI,EACJ,GAAG7B,OAGJ;IACC,IAAI6B,MAAM;QACR,qBACE,MAACC;YAAKJ,WAAU;;gBACbG;8BACD,KAAC/C,gBAAgBiD,KAAK;oBACpBb,aAAU;oBACVQ,WAAU;oBACT,GAAG1B,KAAK;;;;IAIjB;IACA,qBACE,KAAClB,gBAAgBiD,KAAK;QACpBb,aAAU;QACVQ,WAAU;QACT,GAAG1B,KAAK;;AAGf;AAEA,MAAMgC,8BASFvD,WAMF,CAAC,EAAEiD,SAAS,EAAEO,OAAO,SAAS,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGnC,OAAO,EAAEoC;IACpE,MAAM,EAAEnC,MAAM,EAAE,GAAGJ;IACnB,MAAMwC,YAAY,CAAC,CAACF;IACpB,MAAMG,UAAU3D;IAEhB,qBACE;;0BACE,MAACG,gBAAgByD,OAAO;gBACtBH,KAAKA;gBACLlB,aAAU;gBACVsB,aAAWP;gBACXQ,gBAAcJ,YAAY,OAAOd;gBACjCmB,oBAAkBL,YAAYC,UAAUf;gBACxCG,WAAWrC,GACT,oCACAE,yBACAU,UAAUX,oBACVoC;gBAED,GAAG1B,KAAK;;oBAERkC;kCACD,KAACpD,gBAAgB6D,IAAI;wBACnBC,sBACE,KAAC5D;4BACC0C,WAAWrC,GACT,0CACAY,SAAS,eAAe;;;;;YAMjCkC,8BACC,MAACU;gBACCC,IAAIR;gBACJZ,WAAU;;kCAEV,KAACxC;wBAAsBwC,WAAU;;kCACjC,KAACI;wBAAKJ,WAAU;kCACbS;;;;;;AAMb;AAEAH,cAAce,WAAW,GAAG;AAE5B,SAASC,cAAc,EACrBtB,SAAS,EACTQ,QAAQ,EACRe,UAAUC,YAAY,QAAQ,EAC9BC,QAAQ,OAAO,EACfC,cAAc,CAAC,EACfC,OAAO,QAAQ,EACfC,aAAa,CAAC,EACd,GAAGtD,OAOJ;IACC,MAAMuD,YAAYpE;IAClB,qBACE,KAACL,gBAAgB0E,MAAM;QAACD,WAAWA;kBACjC,cAAA,KAACzE,gBAAgB2E,UAAU;YACzBC,sBAAsB;YACtBP,OAAOA;YACPC,aAAaA;YACbC,MAAMA;YACNC,YAAYA;YACZK,kBAAkB;YAClBjC,WAAU;sBAEV,cAAA,MAAC5C,gBAAgB8E,KAAK;gBACpB1C,aAAU;gBACVQ,WAAWrC,GACT,giBACAG,sBACA0D,cAAc,YAAY,oCAC1BxB;gBAED,GAAG1B,KAAK;;kCAET,KAAC6D;kCACD,KAAC/E,gBAAgBgF,IAAI;kCAAE5B;;kCACvB,KAAC6B;;;;;AAKX;AAEA,SAASC,YAAY,EACnBtC,SAAS,EACT,GAAG1B,OAC8B;IACjC,qBACE,KAAClB,gBAAgBmF,UAAU;QACzB/C,aAAU;QACVQ,WAAWrC,GAAGK,yBAAyBgC;QACtC,GAAG1B,KAAK;;AAGf;AAEA,SAASkE,WAAW,EAClBxC,SAAS,EACTQ,QAAQ,EACRL,IAAI,EACJsC,MAAM,EACN,GAAGnE,OAIJ;IACC,MAAMoE,QAAQ,OAAOlC,aAAa,WAAWA,WAAWX;IACxD,qBACE,MAACzC,gBAAgBuF,IAAI;QACnBnD,aAAU;QACVQ,WAAWrC,GACT,ufACAI,iBACAiC;QAED,GAAG1B,KAAK;;0BAET,KAAClB,gBAAgBwF,aAAa;gBAC5B1B,sBACE,KAACd;oBAAKJ,WAAU;8BACd,cAAA,KAAC3C;wBAAU2C,WAAU;;;;YAI1BG,sBAAQ,KAACC;gBAAKJ,WAAU;0BAAgCG;;0BACzD,KAAC/C,gBAAgByF,QAAQ;gBACvB7C,WAAU;gBACV0C,OAAOA;0BAENlC;;YAEFiC,wBAAU,KAACrC;gBAAKJ,WAAU;0BAAoByC;;;;AAGrD;AAEA,SAASK,gBAAgB,EACvB9C,SAAS,EACT,GAAG1B,OAC6B;IAChC,qBACE,KAAClB,gBAAgB2F,SAAS;QACxBvD,aAAU;QACVQ,WAAWrC,GACTM,6BACA,uBACA+B;QAED,GAAG1B,KAAK;;AAGf;AAEA,SAAS6D,qBAAqB,EAC5BnC,SAAS,EACT,GAAG1B,OACiC;IACpC,qBACE,KAAClB,gBAAgB4F,aAAa;QAC5BxD,aAAU;QACVQ,WAAWrC,GACT,gGACAqC;QAED,GAAG1B,KAAK;kBAET,cAAA,KAACf;YAAcyC,WAAU;;;AAG/B;AAEA,SAASqC,uBAAuB,EAC9BrC,SAAS,EACT,GAAG1B,OACmC;IACtC,qBACE,KAAClB,gBAAgB6F,eAAe;QAC9BzD,aAAU;QACVQ,WAAWrC,GACT,mGACAqC;QAED,GAAG1B,KAAK;kBAET,cAAA,KAAChB;YAAgB0C,WAAU;;;AAGjC;AAEA,SACE7C,MAAM,EACNmE,aAAa,EACbvB,WAAW,EACXyC,UAAU,EACVF,WAAW,EACXD,sBAAsB,EACtBF,oBAAoB,EACpBW,eAAe,EACfxC,aAAa,EACbJ,WAAW,GACX"}

package/dist/components/ui/core/separator/separator.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
-import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+import type { ReactNode } from "react";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): ReactNode;
 export { Separator };

package/dist/components/ui/core/separator/separator.js

@@ -1,14 +1,14 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { jsx as t } from "react/jsx-runtime";
-import { Separator as n } from "@base-ui/react/separator";
-//#region libs/aura/src/components/ui/core/separator/separator.tsx
-function r({ className: r, orientation: i = "horizontal", ...a }) {
-	return /* @__PURE__ */ t(n, {
-		"data-slot": "separator",
-		orientation: i,
-		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
-		...a
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { cn } from "../../../../lib/utils.js";
+function Separator({ className, orientation = 'horizontal', ...props }) {
+    return /*#__PURE__*/ _jsx(SeparatorPrimitive, {
+        "data-slot": "separator",
+        orientation: orientation,
+        className: cn('bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className),
+        ...props
+    });
 }
-//#endregion
-export { r as Separator };
+export { Separator };
+
+//# sourceMappingURL=separator.js.map

package/dist/components/ui/core/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/separator/separator.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Separator as SeparatorPrimitive } from '@base-ui/react/separator';\n\nimport { cn } from '../../../../lib/utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  ...props\n}: SeparatorPrimitive.Props): ReactNode {\n  return (\n    <SeparatorPrimitive\n      data-slot=\"separator\"\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"names":["Separator","SeparatorPrimitive","cn","className","orientation","props","data-slot"],"mappings":";AAEA,SAASA,aAAaC,kBAAkB,QAAQ,2BAA2B;AAE3E,SAASC,EAAE,QAAQ,2BAAwB;AAE3C,SAASF,UAAU,EACjBG,SAAS,EACTC,cAAc,YAAY,EAC1B,GAAGC,OACsB;IACzB,qBACE,KAACJ;QACCK,aAAU;QACVF,aAAaA;QACbD,WAAWD,GACT,kKACAC;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASL,SAAS,GAAG"}

package/dist/components/ui/core/shimmer/shimmer.d.ts

@@ -1,12 +1,12 @@
-import { MemoExoticComponent, ReactNode } from 'react';
+import { type MemoExoticComponent, type ReactNode } from "react";
 type TextShimmerProps = {
-    children: string;
-    as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3';
-    className?: string;
-    duration?: number;
-    spread?: number;
-    variant?: 'default' | 'nordic' | 'aurora' | 'dusk' | 'equinox' | 'summer' | 'spring' | 'fall' | 'active';
+	children: string;
+	as?: "p" | "span" | "div" | "h1" | "h2" | "h3";
+	className?: string;
+	duration?: number;
+	spread?: number;
+	variant?: "default" | "nordic" | "aurora" | "dusk" | "equinox" | "summer" | "spring" | "fall" | "active";
 };
-declare function ShimmerComponent({ children, as: Tag, className, duration, spread, variant, }: TextShimmerProps): ReactNode;
+declare function ShimmerComponent({ children, as: Tag, className, duration, spread, variant }: TextShimmerProps): ReactNode;
 declare const MemoizedShimmer: MemoExoticComponent<typeof ShimmerComponent>;
 export { MemoizedShimmer as Shimmer };