@geomak/ui 6.34.1 → 7.0.0

package/dist/index.d.cts

@@ -376,7 +376,7 @@ interface IconButtonProps {
     type?: IconButtonVariant;
     buttonType?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
-    size?: 'sm' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
     loading?: boolean;
     loadingIcon?: React.ReactNode;
     title?: string;
@@ -494,7 +494,7 @@ interface ModalProps {
      * content and scroll internally rather than taking a fixed height.
      */
     width?: number | string;
-    isOpen?: boolean;
+    open?: boolean;
     onClose?: () => void;
     onOk?: () => void;
     onCancel?: () => void;
@@ -514,15 +514,15 @@ interface ModalProps {
  * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
- * <Modal isOpen={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
+ * <Modal open={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
  *   Are you sure you want to delete this item?
  * </Modal>
  */
-declare function Modal({ width, size, isOpen, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface DrawerProps {
-    isOpen?: boolean;
+    open?: boolean;
     onClose?: () => void;
     hasFooter?: boolean;
     /** 'left' | 'right' — which edge the panel slides from */
@@ -554,11 +554,11 @@ interface DrawerProps {
  * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
- * <Drawer isOpen={open} placement="right" onClose={() => setOpen(false)} title="Filters">
+ * <Drawer open={open} placement="right" onClose={() => setOpen(false)} title="Filters">
  *   <FilterForm />
  * </Drawer>
  */
-declare function Drawer({ isOpen, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps {
     children: react__default.ReactNode;
@@ -601,7 +601,7 @@ interface TabsProps {
     /** Uncontrolled initial active tab value. */
     defaultValue?: string;
     /** Fires with the next active value. */
-    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
     /** Visual style. `'underline'` (default) | `'segmented'` | `'enclosed'`. */
     variant?: TabsVariant;
     /** Size preset. Default `'md'`. */
@@ -636,7 +636,7 @@ interface TabsProps {
  * </Tabs>
  * ```
  */
-declare function Tabs({ value, defaultValue, onValueChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ value, defaultValue, onChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
 declare namespace Tabs {
     var List: typeof TabsList;
     var Trigger: typeof TabsTrigger;
@@ -743,7 +743,7 @@ interface AccordionProps {
     /** Controlled open value(s). */
     value?: string | string[];
     /** Fires when the open set changes. */
-    onValueChange?: (value: string | string[]) => void;
+    onChange?: (value: string | string[]) => void;
     /** In `single` mode, allow the open item to be collapsed. Default `true`. */
     collapsible?: boolean;
     /**
@@ -774,7 +774,7 @@ interface AccordionProps {
  * </Accordion>
  * ```
  */
-declare function Accordion({ children, type, defaultValue, value, onValueChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function Accordion({ children, type, defaultValue, value, onChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
 declare namespace Accordion {
     var Item: typeof AccordionItem;
 }

package/dist/index.d.ts

@@ -376,7 +376,7 @@ interface IconButtonProps {
     type?: IconButtonVariant;
     buttonType?: 'button' | 'submit' | 'reset';
     disabled?: boolean;
-    size?: 'sm' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
     loading?: boolean;
     loadingIcon?: React.ReactNode;
     title?: string;
@@ -494,7 +494,7 @@ interface ModalProps {
      * content and scroll internally rather than taking a fixed height.
      */
     width?: number | string;
-    isOpen?: boolean;
+    open?: boolean;
     onClose?: () => void;
     onOk?: () => void;
     onCancel?: () => void;
@@ -514,15 +514,15 @@ interface ModalProps {
  * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
- * <Modal isOpen={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
+ * <Modal open={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
  *   Are you sure you want to delete this item?
  * </Modal>
  */
-declare function Modal({ width, size, isOpen, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ width, size, open, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, className, }: ModalProps): react_jsx_runtime.JSX.Element;
 
 type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface DrawerProps {
-    isOpen?: boolean;
+    open?: boolean;
     onClose?: () => void;
     hasFooter?: boolean;
     /** 'left' | 'right' — which edge the panel slides from */
@@ -554,11 +554,11 @@ interface DrawerProps {
  * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
- * <Drawer isOpen={open} placement="right" onClose={() => setOpen(false)} title="Filters">
+ * <Drawer open={open} placement="right" onClose={() => setOpen(false)} title="Filters">
  *   <FilterForm />
  * </Drawer>
  */
-declare function Drawer({ isOpen, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ open, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps {
     children: react__default.ReactNode;
@@ -601,7 +601,7 @@ interface TabsProps {
     /** Uncontrolled initial active tab value. */
     defaultValue?: string;
     /** Fires with the next active value. */
-    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
     /** Visual style. `'underline'` (default) | `'segmented'` | `'enclosed'`. */
     variant?: TabsVariant;
     /** Size preset. Default `'md'`. */
@@ -636,7 +636,7 @@ interface TabsProps {
  * </Tabs>
  * ```
  */
-declare function Tabs({ value, defaultValue, onValueChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ value, defaultValue, onChange, variant, size, orientation, className, style, children, }: TabsProps): react_jsx_runtime.JSX.Element;
 declare namespace Tabs {
     var List: typeof TabsList;
     var Trigger: typeof TabsTrigger;
@@ -743,7 +743,7 @@ interface AccordionProps {
     /** Controlled open value(s). */
     value?: string | string[];
     /** Fires when the open set changes. */
-    onValueChange?: (value: string | string[]) => void;
+    onChange?: (value: string | string[]) => void;
     /** In `single` mode, allow the open item to be collapsed. Default `true`. */
     collapsible?: boolean;
     /**
@@ -774,7 +774,7 @@ interface AccordionProps {
  * </Accordion>
  * ```
  */
-declare function Accordion({ children, type, defaultValue, value, onValueChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
+declare function Accordion({ children, type, defaultValue, value, onChange, collapsible, variant, className, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
 declare namespace Accordion {
     var Item: typeof AccordionItem;
 }

package/dist/index.js

@@ -458,7 +458,7 @@ function IconButton({
   type = "primary",
   buttonType = "button",
   disabled = false,
-  size = "lg",
+  size = "md",
   loading = false,
   loadingIcon,
   title,
@@ -483,7 +483,7 @@ function IconButton({
       title,
       "aria-label": title,
       style,
-      className: `${size === "sm" ? "p-1" : "p-2"} rounded-lg shadow-md transition-colors duration-150 ${colorScheme} disabled:bg-surface-raised disabled:text-foreground-muted disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${className}`.trim(),
+      className: `${size === "sm" ? "p-1" : size === "md" ? "p-1.5" : "p-2"} rounded-lg shadow-md transition-colors duration-150 ${colorScheme} disabled:bg-surface-raised disabled:text-foreground-muted disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${className}`.trim(),
       children: loading ? loadingIcon : icon
     }
   );
@@ -696,7 +696,7 @@ var SIZE_MAP = {
 function Modal({
   width,
   size = "md",
-  isOpen = false,
+  open = false,
   onClose,
   onOk,
   onCancel,
@@ -709,10 +709,10 @@ function Modal({
 }) {
   const reduced = useReducedMotion();
   const maxWidth = width ?? SIZE_MAP[size];
-  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: (open) => {
-    if (!open) onClose?.();
+  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (next) => {
+    if (!next) onClose?.();
   }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { forceMount: true, children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Dialog.Overlay, { asChild: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Dialog.Overlay, { asChild: true, children: /* @__PURE__ */ jsx(
       motion.div,
       {
         className: "fixed inset-0 bg-backdrop z-overlay",
@@ -722,7 +722,7 @@ function Modal({
         transition: { duration: reduced ? 0 : 0.18, ease: "easeOut" }
       }
     ) }) }),
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Dialog.Content, { asChild: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Dialog.Content, { asChild: true, children: /* @__PURE__ */ jsxs(
       motion.div,
       {
         className: `fixed left-1/2 top-1/2 z-modal flex flex-col w-[calc(100%-2rem)] max-h-[90dvh] bg-surface rounded-2xl shadow-xl overflow-hidden focus:outline-none ${className}`.trim(),
@@ -748,7 +748,7 @@ function Modal({
               {
                 "aria-label": "Close",
                 className: "flex h-7 w-7 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-raised hover:text-foreground transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-                children: /* @__PURE__ */ jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) })
+                children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) })
               }
             ) })
           ] }),
@@ -784,7 +784,7 @@ var SIZE_MAP2 = {
   full: "calc(100vw - 1rem)"
 };
 function Drawer({
-  isOpen = false,
+  open = false,
   onClose,
   hasFooter = true,
   placement = "right",
@@ -803,10 +803,10 @@ function Drawer({
   const hiddenX = isRight ? "100%" : "-100%";
   const resolvedWidth = width ?? SIZE_MAP2[size];
   const widthCss = typeof resolvedWidth === "number" ? `${resolvedWidth}px` : resolvedWidth;
-  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: (open) => {
-    if (!open) onClose?.();
+  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (next) => {
+    if (!next) onClose?.();
   }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { forceMount: true, children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Dialog.Overlay, { asChild: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Dialog.Overlay, { asChild: true, children: /* @__PURE__ */ jsx(
       motion.div,
       {
         className: "fixed inset-0 bg-backdrop z-overlay",
@@ -816,7 +816,7 @@ function Drawer({
         transition: { duration: reduced ? 0 : 0.2, ease: "easeOut" }
       }
     ) }) }),
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsx(Dialog.Content, { asChild: true, children: /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(Dialog.Content, { asChild: true, children: /* @__PURE__ */ jsxs(
       motion.div,
       {
         className: `fixed top-0 bottom-0 ${isRight ? "right-0" : "left-0"} z-modal flex flex-col bg-surface shadow-xl focus:outline-none ${className}`.trim(),
@@ -841,7 +841,7 @@ function Drawer({
               {
                 "aria-label": "Close drawer",
                 className: "flex h-7 w-7 items-center justify-center rounded-lg text-foreground-muted hover:bg-surface-raised hover:text-foreground transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-                children: /* @__PURE__ */ jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) })
+                children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" }) })
               }
             ) })
           ] }),
@@ -921,7 +921,7 @@ var MARKER_TRANSITION = { duration: 0.26, ease: [0.16, 1, 0.3, 1] };
 function Tabs({
   value,
   defaultValue,
-  onValueChange,
+  onChange,
   variant = "underline",
   size = "md",
   orientation = "horizontal",
@@ -936,8 +936,8 @@ function Tabs({
   const indicatorId = useId();
   const select = useCallback((next) => {
     if (!isControlled) setInternal(next);
-    onValueChange?.(next);
-  }, [isControlled, onValueChange]);
+    onChange?.(next);
+  }, [isControlled, onChange]);
   const registry = useRef(/* @__PURE__ */ new Map());
   const orderRef = useRef(0);
   const [, bump] = useState(0);
@@ -1356,7 +1356,7 @@ function Accordion2({
   type = "single",
   defaultValue,
   value,
-  onValueChange,
+  onChange,
   collapsible = true,
   variant = "separated",
   className = "",
@@ -1377,7 +1377,7 @@ function Accordion2({
         type: "multiple",
         defaultValue,
         value,
-        onValueChange,
+        onValueChange: onChange,
         ...common,
         children: inner
       }
@@ -1390,7 +1390,7 @@ function Accordion2({
       collapsible,
       defaultValue,
       value,
-      onValueChange,
+      onValueChange: onChange,
       ...common,
       children: inner
     }
@@ -2622,7 +2622,7 @@ function LogoutTimer({
       clearTimers();
     };
   }, [enabled, timeout, countdown, events.join(","), startIdle, clearTimers]);
-  return /* @__PURE__ */ jsx(Modal, { isOpen: warning, onClose: stay, hasFooter: false, title, size: "sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+  return /* @__PURE__ */ jsx(Modal, { open: warning, onClose: stay, hasFooter: false, title, size: "sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground-secondary", children: description }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
       /* @__PURE__ */ jsx("div", { className: "text-3xl font-semibold tabular-nums text-foreground", "aria-live": "polite", children: formatTime(remaining) }),
@@ -3265,9 +3265,9 @@ var Stepper2 = ({
 }) => {
   const btn = "flex h-7 w-7 items-center justify-center text-foreground-secondary hover:bg-surface-raised disabled:opacity-40 disabled:hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset transition-colors";
   return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center rounded-md border border-border overflow-hidden", children: [
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Decrease quantity", disabled: quantity <= 1, onClick: () => onChange?.(quantity - 1), className: btn, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M5 12h14" }) }) }),
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Decrease quantity", disabled: quantity <= 1, onClick: () => onChange?.(quantity - 1), className: btn, children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M5 12h14" }) }) }),
     /* @__PURE__ */ jsx("span", { className: "w-8 text-center text-sm tabular-nums text-foreground select-none", children: quantity }),
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Increase quantity", disabled: max != null && quantity >= max, onClick: () => onChange?.(quantity + 1), className: btn, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M12 5v14M5 12h14" }) }) })
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Increase quantity", disabled: max != null && quantity >= max, onClick: () => onChange?.(quantity + 1), className: btn, children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M12 5v14M5 12h14" }) }) })
   ] });
 };
 function Cart({
@@ -4754,7 +4754,7 @@ function CatalogCarousel({ items, buttonText, onOpen, className = "" }) {
         onClick: previousApp,
         "aria-label": "Previous",
         className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence rotate-180",
-        children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "flex", children: indexPool.map((index, id) => {
@@ -4791,7 +4791,7 @@ function CatalogCarousel({ items, buttonText, onOpen, className = "" }) {
         onClick: nextApp,
         "aria-label": "Next",
         className: "cursor-pointer rounded-lg transition-all duration-300 hover:bg-ice-dark dark:hover:bg-independence",
-        children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+        children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: colors_default.PALETTE["prussian-blue"], strokeWidth: 2, className: "h-10 w-10 dark:stroke-white", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
       }
     )
   ] }) });
@@ -5398,8 +5398,8 @@ function Pagination({
   const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
   const FOCUS = "focus-visible:!ring-0 focus-visible:!border-accent";
   const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: `w-7 !px-0 ${FOCUS}`, "aria-label": title, title });
-  const chevronRight = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" }) });
-  const doubleChevronRight = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l6 6-6 6M12 6l6 6-6 6" }) });
+  const chevronRight = /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" }) });
+  const doubleChevronRight = /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l6 6-6 6M12 6l6 6-6 6" }) });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3", children: [
     options.withPicker && /* @__PURE__ */ jsxs("div", { className: "mr-auto flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-xs text-foreground-muted", children: "Rows per page" }),
@@ -7077,7 +7077,7 @@ function Dropdown({
                       children: labelFor(value)
                     }
                   ) }),
-                  /* @__PURE__ */ jsx("div", { className: `flex-shrink-0 text-foreground-muted transition-transform duration-200 ${open ? "rotate-180" : "rotate-0"}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
+                  /* @__PURE__ */ jsx("div", { className: `flex-shrink-0 text-foreground-muted transition-transform duration-200 ${open ? "rotate-180" : "rotate-0"}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) }) })
                 ]
               }
             ) }),
@@ -8900,7 +8900,7 @@ function DateRangePicker({
                   onClick: () => setLeftMonth(addMonths3(leftMonth, -1)),
                   "aria-label": "Previous month",
                   className: "absolute -top-1 left-0 w-7 h-7 inline-flex items-center justify-center rounded-md hover:bg-surface-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-                  children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
+                  children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
                 }
               ),
               renderMonth(leftMonth)
@@ -8913,7 +8913,7 @@ function DateRangePicker({
                   onClick: () => setLeftMonth(addMonths3(leftMonth, 1)),
                   "aria-label": "Next month",
                   className: "absolute -top-1 right-0 w-7 h-7 inline-flex items-center justify-center rounded-md hover:bg-surface-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-                  children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
+                  children: /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
                 }
               ),
               renderMonth(addMonths3(leftMonth, 1))