@optiaxiom/react 0.1.0-next.14 → 0.1.0-next.15

package/dist/{PopoverContent-DIhLXmjU.d.ts → PopoverContent-DHQm-nPQ.d.ts}

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as RadixPopover from '@radix-ui/react-popover';
 import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 
 declare const sprinkles: ((props: {
@@ -343,15 +343,25 @@ declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLP
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
+declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    disabled?: boolean;
+    external?: boolean;
+} & {
+    colorScheme?: "primary" | "secondary" | "neutral" | undefined;
+} & react.RefAttributes<HTMLAnchorElement>>;
+
 type PopoverProps = BoxProps<typeof RadixPopover.Root>;
-declare const Popover: {
-    ({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare namespace Popover {
+    var displayName: string;
+}
 
 type PopoverContentProps = BoxProps<typeof RadixPopover.Content, {
     withArrow?: boolean;
 }>;
 declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { type BoxProps as B, type ExtendProps as E, Popover as P, type Sprinkles as S, Box as a, PopoverContent as b, mapResponsiveValue as m, sprinkles as s };
+export { type BoxProps as B, type ExtendProps as E, Link as L, Popover as P, type Sprinkles as S, Box as a, PopoverContent as b, mapResponsiveValue as m, sprinkles as s };

package/dist/accordion-trigger/AccordionTrigger-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/alert/Alert-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/alert/Alert.css.ts.vanilla-SoeL3DzR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/alert-dialog/AlertDialog.js

@@ -1,21 +1,22 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
-import { forwardRef } from 'react';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { AlertDialogContextProvider } from '../alert-dialog-context/AlertDialogContext.js';
-import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
-import '../animate-presence/PresenceContext.js';
-import { Box } from '../box/Box.js';
-import { Transition } from '../transition/Transition.js';
-import { overlay, content } from './AlertDialog-css.js';
 
-const AlertDialog = forwardRef(
-  ({ appearance = "primary", children, open, size = "sm", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixAlertDialog.Root, { open, children: /* @__PURE__ */ jsx(AlertDialogContextProvider, { appearance, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
-      /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children }) }) })
-    ] }) }) }) });
-  }
-);
+function AlertDialog({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(AlertDialogContextProvider, { open, children }) });
+}
 AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
 
 export { AlertDialog };

package/dist/alert-dialog-action/AlertDialogAction.js

@@ -1,15 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { forwardRef } from 'react';
-import { useAlertDialogContext } from '../alert-dialog-context/AlertDialogContext.js';
 import { Button } from '../button/Button.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles-css.js';
 
 const AlertDialogAction = forwardRef(({ asChild, children, ...props }, ref) => {
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  const { appearance } = useAlertDialogContext("AlertDialogAction");
-  return /* @__PURE__ */ jsx(RadixAlertDialog.Action, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, ...restProps, children }) });
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Action, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance: "danger", ...restProps, children }) });
 });
 AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
 

package/dist/alert-dialog-content/AlertDialogContent-css.js

@@ -0,0 +1,8 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CLM10r0f.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'_9uddf50'],variants:{size:{sm:'_9uddf51',md:'_9uddf52',lg:'_9uddf53'}}});
+var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'_9uddf54']});
+
+export { content, overlay };

package/dist/alert-dialog-content/AlertDialogContent.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { forwardRef } from 'react';
+import { useAlertDialogContext, AlertDialogContextProvider } from '../alert-dialog-context/AlertDialogContext.js';
+import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
+import '../animate-presence/PresenceContext.js';
+import { Box } from '../box/Box.js';
+import { Transition } from '../transition/Transition.js';
+import { overlay, content } from './AlertDialogContent-css.js';
+
+const AlertDialogContent = forwardRef(({ children, size = "sm", ...props }, ref) => {
+  const { open } = useAlertDialogContext("AlertDialogContent");
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
+    /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
+    /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsx(RadixAlertDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(AlertDialogContextProvider, { open, children }) }) }) })
+  ] }) });
+});
+AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
+
+export { AlertDialogContent };

package/dist/alert-dialog-footer/AlertDialogFooter-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3HiYmspb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/alert-dialog-title/AlertDialogTitle.js

@@ -10,9 +10,8 @@ const AlertDialogTitle = forwardRef(({ children, ...props }, ref) => {
       asChild: true,
       fontWeight: "500",
       level: "3",
-      pb: "16",
-      pt: "24",
-      px: "24",
+      p: "lg",
+      pb: "md",
       ref,
       ...props,
       children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children })

package/dist/alert-dialog-trigger/AlertDialogTrigger.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const AlertDialogTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children }) });
+});
+AlertDialogTrigger.displayName = "@optiaxiom/react/AlertDialogTrigger";
+
+export { AlertDialogTrigger };

package/dist/animate-presence/AnimatePresence.js

@@ -2,9 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { PresenceContext } from './PresenceContext.js';
 
-const AnimatePresence = ({
+function AnimatePresence({
   children
-}) => {
+}) {
   const [exiting, setExiting] = useState(
     /* @__PURE__ */ new Map()
   );
@@ -31,6 +31,7 @@ const AnimatePresence = ({
     }
   }, [exiting, isPresent]);
   return /* @__PURE__ */ jsx(PresenceContext.Provider, { value: { isPresent, onExitComplete, register }, children: children || ([...exiting.values()].some(Boolean) ? lastChildren.current : null) });
-};
+}
+AnimatePresence.displayName = "@optiaxiom/react/AnimatePresence";
 
 export { AnimatePresence };

package/dist/assets/src/{alert-dialog/AlertDialog.css.ts.vanilla-CpKGfNgS.css → alert-dialog-content/AlertDialogContent.css.ts.vanilla-CLM10r0f.css}

@@ -1,22 +1,22 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
-  .ot5vc20 {
+  ._9uddf50 {
     left: 50%;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
   }
-  .ot5vc21 {
+  ._9uddf51 {
     width: 400px;
   }
-  .ot5vc22 {
+  ._9uddf52 {
     width: 600px;
   }
-  .ot5vc23 {
+  ._9uddf53 {
     width: 800px;
   }
-  .ot5vc24 {
+  ._9uddf54 {
     inset: 0;
     position: fixed;
   }

package/dist/assets/src/{dialog/Dialog.css.ts.vanilla-BlNHlzx8.css → dialog-content/DialogContent.css.ts.vanilla-B-pX7DR_.css}

@@ -1,26 +1,26 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
-  ._1hgarxm0 {
+  ._16k1qec0 {
     left: 50%;
     max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
   }
-  ._1hgarxm1 {
+  ._16k1qec1 {
     width: 400px;
   }
-  ._1hgarxm2 {
+  ._16k1qec2 {
     width: 600px;
   }
-  ._1hgarxm3 {
+  ._16k1qec3 {
     width: 800px;
   }
-  ._1hgarxm4 {
+  ._16k1qec4 {
     inset: 0;
     position: fixed;
   }
-  ._1hgarxm5 {
+  ._16k1qec5 {
     position: absolute;
     right: 24px;
     top: 24px;

package/dist/assets/src/{menu-content/MenuContent.css.ts.vanilla-BVK7SB5f.css → dropdown-menu-content/DropdownMenuContent.css.ts.vanilla-EXOZ-w-n.css}

@@ -1,6 +1,6 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
-  .wh2a2g0 {
+  .yxbc160 {
     max-height: var(--radix-dropdown-menu-content-available-height);
     min-width: var(--radix-dropdown-menu-trigger-width);
   }

package/dist/assets/src/dropdown-menu-item/DropdownMenuItem.css.ts.vanilla-iU0t5wQu.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._10p8y0d2 {
+    user-select: none;
+  }
+  ._10p8y0d2:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._10p8y0d2:not([data-disabled]) {
+    color: var(--_10p8y0d1);
+    cursor: pointer;
+  }
+  ._10p8y0d2:not([data-disabled])[data-highlighted] {
+    background-color: var(--_10p8y0d0);
+  }
+  ._10p8y0d2:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-neutral-1200-12);
+  }
+  ._10p8y0d2[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._10p8y0d3 {
+    --_10p8y0d1: var(--ax-colors-fg-error);
+    --_10p8y0d0: var(--ax-colors-bg-error);
+  }
+  ._10p8y0d4 {
+    --_10p8y0d1: var(--ax-colors-fg-default);
+    --_10p8y0d0: var(--ax-colors-bg-input-disabled);
+  }
+}

package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-By5uGeYP.css → InputBase.css.ts.vanilla-CXpyZISC.css}

@@ -1,6 +1,7 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
   ._4nrdl01 {
+    background-color: var(--ax-colors-surface);
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-default);
   }

package/dist/assets/src/{search/Search.css.ts.vanilla-8Mi7WZBC.css → search-input/SearchInput.css.ts.vanilla-BTRVQpev.css}

@@ -1,6 +1,6 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
-  ._16owtpr0:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._16owtpr1 {
+  ._1gom9xh0:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1gom9xh1 {
     visibility: hidden;
   }
 }

package/dist/assets/src/styles/{theme.css.ts.vanilla-D9K5B5ZA.css → theme.css.ts.vanilla-BZP-0Wgr.css}

@@ -1,4 +1,4 @@
-:root {
+:root, :host {
   --ax-borderRadius-xs: 0.125rem;
   --ax-borderRadius-sm: 0.25rem;
   --ax-borderRadius-md: 0.375rem;
@@ -337,7 +337,7 @@
   --ax-zIndex-popover: 3000;
   --ax-zIndex-toast: 3010;
 }
-:root.dark {
+:root.dark, :host.dark {
   --ax-borderRadius-xs: 0.125rem;
   --ax-borderRadius-sm: 0.25rem;
   --ax-borderRadius-md: 0.375rem;

package/dist/avatar/Avatar-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/table-row/TableRow.css.ts.vanilla-4BGjgIuZ.css';
 import './../assets/src/avatar/Avatar.css.ts.vanilla-DxtsIDr-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/axiom-provider/AxiomProvider.js

@@ -1,7 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 
-const AxiomProvider = ({ children, tooltip }) => /* @__PURE__ */ jsx(RadixTooltip.Provider, { ...tooltip, children });
+function AxiomProvider({ children, tooltip }) {
+  return /* @__PURE__ */ jsx(RadixTooltip.Provider, { ...tooltip, children });
+}
 AxiomProvider.displayName = "@optiaxiom/react/AxiomProvider";
 
 export { AxiomProvider };

package/dist/badge/Badge-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/badge/Badge.css.ts.vanilla-D5YRrHke.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/box/Box-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/box/Box.css.ts.vanilla-DLsoitAb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/{breadcrumbs/Breadcrumbs.js → breadcrumb/Breadcrumb.js}

@@ -3,15 +3,13 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles-css.js';
-import { useBreadcrumbItems } from './useBreadcrumbItems.js';
 
-const Breadcrumbs = forwardRef(
-  ({ children, maxItems, separator = "/", ...props }, ref) => {
+const Breadcrumb = forwardRef(
+  ({ children, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    const visibleItems = useBreadcrumbItems(children, maxItems, separator);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "xs", children: /* @__PURE__ */ jsx("ol", { children: visibleItems }) }) }) });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", ref, ...restProps, children: /* @__PURE__ */ jsx(Box, { alignItems: "center", asChild: true, display: "flex", gap: "xs", children: /* @__PURE__ */ jsx("ol", { children }) }) }) });
   }
 );
-Breadcrumbs.displayName = "@optiaxiom/react/Breadcrumbs";
+Breadcrumb.displayName = "@optiaxiom/react/Breadcrumb";
 
-export { Breadcrumbs };
+export { Breadcrumb };

package/dist/breadcrumb-ellipsis/BreadcrumbEllipsis.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '../box/Box.js';
+import { IconEllipsis } from '../icons/IconEllipsis.js';
+
+function BreadcrumbEllipsis({ ...props }) {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", ...props, children: /* @__PURE__ */ jsx(IconEllipsis, {}) });
+}
+BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
+
+export { BreadcrumbEllipsis };

package/dist/breadcrumb-item/BreadcrumbItem.js

@@ -1,8 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
-import { Link } from '../link/Link.js';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
 
-const BreadcrumbItem = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Link, { alignItems: "center", display: "flex", ...props, children });
-};
+const BreadcrumbItem = forwardRef(
+  ({ children, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...sprinkleProps, children: /* @__PURE__ */ jsx("li", { ref, ...restProps, children }) });
+  }
+);
+BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
 export { BreadcrumbItem };

package/dist/breadcrumb-link/BreadcrumbLink.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { Link } from '../link/Link.js';
+
+const BreadcrumbLink = forwardRef(({ asChild, ...props }, ref) => {
+  const Comp = asChild ? Slot : Link;
+  return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+});
+BreadcrumbLink.displayName = "@optiaxiom/react/BreadcrumbLink";
+
+export { BreadcrumbLink };

package/dist/breadcrumb-page/BreadcrumbPage.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const BreadcrumbPage = forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("span", { ref, ...props }) });
+  }
+);
+BreadcrumbPage.displayName = "@optiaxiom/react/BreadcrumbPage";
+
+export { BreadcrumbPage };

package/dist/breadcrumb-separator/BreadcrumbSeparator.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '../box/Box.js';
+
+function BreadcrumbSeparator({
+  asChild,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Box : "span";
+  return /* @__PURE__ */ jsx(Comp, { ...props, children: children ?? /* @__PURE__ */ jsx("span", { children: "/" }) });
+}
+BreadcrumbSeparator.displayName = "@optiaxiom/react/BreadcrumbSeparator";
+
+export { BreadcrumbSeparator };

package/dist/button/Button-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/table-row/TableRow.css.ts.vanilla-4BGjgIuZ.css';
 import './../assets/src/button/Button.css.ts.vanilla-DeHH8Xkd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/checkbox/Checkbox-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import './../assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/combobox/Combobox.js

@@ -3,7 +3,7 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { ComboboxContextProvider } from '../combobox-context/ComboboxContext.js';
 import { Popover } from '../popover/Popover.js';
 
-const Combobox = ({
+function Combobox({
   children,
   defaultOpen,
   defaultValue = "",
@@ -12,7 +12,7 @@ const Combobox = ({
   onValueChange,
   open: openProp,
   value: valueProp
-}) => {
+}) {
   const [open, setOpen] = useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
@@ -34,7 +34,7 @@ const Combobox = ({
       children: /* @__PURE__ */ jsx(Popover, { onOpenChange: setOpen, open, children })
     }
   );
-};
+}
 Combobox.displayName = "@optiaxiom/react/Combobox";
 
 export { Combobox };

package/dist/combobox-content/ComboboxContent.js

@@ -5,7 +5,7 @@ import { Command } from '../command/Command.js';
 import { CommandInput } from '../command-input/CommandInput.js';
 import { CommandSeparator } from '../command-separator/CommandSeparator.js';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
-import { Search } from '../search/Search.js';
+import { SearchInput } from '../search-input/SearchInput.js';
 
 const ComboboxContent = forwardRef(
   ({ asChild, children, ...props }, ref) => {
@@ -13,7 +13,7 @@ const ComboboxContent = forwardRef(
     if (!context)
       throw new Error("ComboboxContent must be used within a Combobox");
     return /* @__PURE__ */ jsx(PopoverContent, { asChild: true, p: "0", ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxs(Command, { children: [
-      /* @__PURE__ */ jsx(CommandInput, { asChild: true, children: /* @__PURE__ */ jsx(Search, { m: "2" }) }),
+      /* @__PURE__ */ jsx(CommandInput, { asChild: true, children: /* @__PURE__ */ jsx(SearchInput, { m: "2" }) }),
       /* @__PURE__ */ jsx(CommandSeparator, { alwaysRender: true }),
       children
     ] }) });

package/dist/command-item/CommandItem-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/command-item/CommandItem.css.ts.vanilla-ml8xjFWy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/control-base/ControlBase-css.js

@@ -1,10 +1,10 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var controlBase = recipeRuntime({base:[{display:'grid'},'_7uwxjo2']});
-var decorator = recipeRuntime({base:[{pl:'xs'},'_7uwxjo5']});
+var decorator = recipeRuntime({base:[{fontSize:'sm',pl:'xs'},'_7uwxjo5']});
 var indicator = recipeRuntime({base:['_7uwxjo0','_7uwxjo3']});
 var label = recipeRuntime({base:[{alignItems:'center',display:'flex',overflow:'hidden',pl:'xs'},'_7uwxjo4']});
 

package/dist/control-base/ControlBase.js

@@ -20,7 +20,15 @@ const ControlBase = forwardRef(
         ...restProps
       }) }),
       /* @__PURE__ */ jsx(Text, { asChild: true, ...label(), children: /* @__PURE__ */ jsx(RadixLabel.Root, { htmlFor: id, children }) }),
-      endDecorator && /* @__PURE__ */ jsx(Box, { asChild: true, ...decorator(), children: fallbackSpan(endDecorator) })
+      endDecorator && /* @__PURE__ */ jsx(
+        Box,
+        {
+          asChild: true,
+          color: props.disabled ? "fg.disabled" : "fg.secondary",
+          ...decorator(),
+          children: fallbackSpan(endDecorator)
+        }
+      )
     ] });
   }
 );