@optiaxiom/react 0.12.3 → 0.13.0

package/dist/cjs/unstable.js

@@ -7,78 +7,80 @@ var reactUseControllableState = require('@radix-ui/react-use-controllable-state'
 var React = require('react');
 var reactContext = require('@radix-ui/react-context');
 var downshift = require('downshift');
-var IconMagnifyingGlass = require('./IconMagnifyingGlass-DvYcw5N4.js');
+var IconMagnifyingGlass = require('./IconMagnifyingGlass-CTEsjPRN.js');
 var reactPortal = require('@radix-ui/react-portal');
 var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css');
-require('./assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-sZjRVm5-.css');
-require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CyJRzNBY.css');
+require('./assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css');
+require('./assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CqyRMvtf.css');
+require('./assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DOFxVbIV.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactVirtual = require('@tanstack/react-virtual');
-require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-D8UwqbFF.css');
-require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DSmc16lZ.css');
+require('./assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-hTHCMtVm.css');
+require('./assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DH5ulu82.css');
 var reactDayPicker = require('react-day-picker');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CS7DmgdI.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BrqQQJav.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BMhBOLOq.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-PaBKoHvJ.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DXNpsD1a.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BiNlJGyd.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-C7QrLCoy.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-Deoc0VJu.css');
 var reactId = require('@radix-ui/react-id');
-require('./assets/src/card-checkbox/CardCheckbox.css.ts.vanilla-B7ovfSlo.css');
-require('./assets/src/link/Link.css.ts.vanilla-mAttatgp.css');
-require('./assets/src/card/Card.css.ts.vanilla-BIDodemv.css');
-require('./assets/src/card-image/CardImage.css.ts.vanilla-DjvVKLyu.css');
-require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-Cjn_Id7x.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-B-I3ddwo.css');
+require('./assets/src/link/Link.css.ts.vanilla-DpUHZuBB.css');
+require('./assets/src/card/Card.css.ts.vanilla-C_4cdNEn.css');
+require('./assets/src/card-overflow/CardOverflow.css.ts.vanilla-DePFn19-.css');
+require('./assets/src/card-actions/CardActions.css.ts.vanilla-qXNctE3P.css');
+var clsx = require('clsx');
+require('./assets/src/card-image/CardImage.css.ts.vanilla-CMyUjLWX.css');
 var reactSlot = require('@radix-ui/react-slot');
 var RadixDialog = require('@radix-ui/react-dialog');
 var reactTable = require('@tanstack/react-table');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Tj2whqM4.css');
-require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BKGyXxhT.css');
-require('./assets/src/table/Table.css.ts.vanilla-BFGj4eJp.css');
-require('./assets/src/table-body/TableBody.css.ts.vanilla-D-9RxT0N.css');
-require('./assets/src/table-row/TableRow.css.ts.vanilla-BKuGEq5b.css');
-require('./assets/src/table-cell/TableCell.css.ts.vanilla-B8Zf2yag.css');
-require('./assets/src/data-table/DataTable.css.ts.vanilla-BrXUhcOh.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-CRzOHqbX.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-CjJ0Y3Bx.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-D1aLEcuG.css');
-require('./assets/src/select-content/SelectContent.css.ts.vanilla-DkK-DWvO.css');
-require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-B_pBGhuy.css');
-require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-DLfRb9S_.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-B0bjehof.css');
-require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-DC_Xji3I.css');
-require('./assets/src/sub-nav/SubNav.css.ts.vanilla-B3lfRr9O.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CF2yV8a7.css');
-require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-CSiw9TKj.css');
+require('./assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-udsOdmeI.css');
+require('./assets/src/data-table-header-cell/DataTableHeaderCell.css.ts.vanilla-BPJHzlBh.css');
+require('./assets/src/table/Table.css.ts.vanilla-ClUzV4r4.css');
+require('./assets/src/table-body/TableBody.css.ts.vanilla-DAL-84lR.css');
+require('./assets/src/table-row/TableRow.css.ts.vanilla-CgvKoCRz.css');
+require('./assets/src/table-cell/TableCell.css.ts.vanilla-DTjY_myB.css');
+require('./assets/src/data-table/DataTable.css.ts.vanilla-CbD9vNcU.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-G8KfRd1k.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-DUHjYb7w.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-DIdnsPW2.css');
+require('./assets/src/select-content/SelectContent.css.ts.vanilla-Hl9KkRrw.css');
+require('./assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DYAEHbRE.css');
+require('./assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-C26jKxXG.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-K20bfTNv.css');
+require('./assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-mx9lT-uT.css');
+require('./assets/src/sub-nav/SubNav.css.ts.vanilla-7q20BQ3n.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Sdkm0Ik-.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-BQ9-WHf6.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BXvVttwC.css');
-require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BWOKluYb.css');
-require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-OvUXfGMV.css');
-require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Hd13ZaHc.css');
-require('clsx');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CoBOLDcZ.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CiNDiK90.css');
+require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BrznT8Qb.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C3pr7zVr.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-BNIxitNQ.css');
-require('./assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css');
-require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
-require('./assets/src/input-root/InputRoot.css.ts.vanilla-B4uW-TL9.css');
-require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BYxqoONu.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-DW8OmA5H.css');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-D_Y4T4gr.css');
+require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-B-a174zk.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BFoVwm4N.css');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('react-remove-scroll');
 require('@optiaxiom/globals');
 require('@radix-ui/react-tooltip');
-require('./assets/src/text/Text.css.ts.vanilla-6H3aFCbx.css');
-require('./assets/src/pagination/Pagination.css.ts.vanilla-Bb-clgKZ.css');
+require('./assets/src/text/Text.css.ts.vanilla-zVX8BmW1.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-D1oh8aQz.css');
 require('@radix-ui/react-popover');
-require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BH2uKGfQ.css');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cp_vxKKA.css');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-C2HIp2sT.css');
-require('./assets/src/box/Box.css.ts.vanilla-Cfl8r0-i.css');
-require('./assets/src/button-base/ButtonBase.css.ts.vanilla-CLWcNZZI.css');
-require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLkp0G0_.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BMpmw6Aw.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-BEDqm8-d.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Dnn6qkGT.css');
+require('./assets/src/box/Box.css.ts.vanilla-BWyfa0J7.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BrUGV5jP.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-EPXy4rlh.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Cg1S7kSw.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-OebmjN-9.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -127,7 +129,7 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
       setMatches(queryRef.current.matches);
       return attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
     }
-    return undefined;
+    return void 0;
   }, [query]);
   return matches;
 }
@@ -427,7 +429,7 @@ const CommandListbox = React.forwardRef(
 );
 CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
-var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{p:'4'},'rm1ywd']});
+var content$2 = IconMagnifyingGlass.recipeRuntime({base:[{p:'4'},'_145h0vf']});
 
 const AutocompleteContent = React.forwardRef(
   ({
@@ -494,14 +496,14 @@ const AutocompleteEmpty = React.forwardRef(({ children, ...props }, ref) => {
 });
 AutocompleteEmpty.displayName = "@optiaxiom/react/AutocompleteEmpty";
 
-var item$3 = IconMagnifyingGlass.recipeRuntime({base:'d4shc3'});
+var item$3 = IconMagnifyingGlass.recipeRuntime({base:'_1edynus'});
 
 const CommandFocusableItem = React.forwardRef(({ children, className, ...props }, ref) => {
   const { lastInteractionSource } = useCommandContext("CommandFocusableItem");
   return /* @__PURE__ */ jsxRuntime.jsx(
     IconMagnifyingGlass.Box,
     {
-      "data-focus-visible": lastInteractionSource === "keyboard" ? "" : undefined,
+      "data-focus-visible": lastInteractionSource === "keyboard" ? "" : void 0,
       ref,
       ...item$3({}, className),
       ...props,
@@ -522,8 +524,8 @@ const CommandItem = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       CommandFocusableItem,
       {
-        "data-disabled": itemProps["aria-disabled"] ? "" : undefined,
-        "data-highlighted": highlightedItem === item ? "" : undefined,
+        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+        "data-highlighted": highlightedItem === item ? "" : void 0,
         ref,
         size,
         tabIndex: -1,
@@ -718,7 +720,7 @@ function BreadcrumbEllipsis({ ...props }) {
 }
 BreadcrumbEllipsis.displayName = "@optiaxiom/react/BreadcrumbEllipsis";
 
-var item$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'nzwsgc']});
+var item$2 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1y6xek6']});
 
 const BreadcrumbItem = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -728,7 +730,7 @@ const BreadcrumbItem = React.forwardRef(
 );
 BreadcrumbItem.displayName = "@optiaxiom/react/BreadcrumbItem";
 
-var link = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'wfdij0']});
+var link = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1oic160']});
 
 const BreadcrumbLink = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { ...link({}, className), ref, ...props });
@@ -755,7 +757,7 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$3 = IconMagnifyingGlass.recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'w9k0kh'}}});
+var button$3 = IconMagnifyingGlass.recipeRuntime({base:{mt:'8'},variants:{outside:{false:{},true:'_1aaycnp'}}});
 
 function CalendarDayButton({
   children,
@@ -775,7 +777,7 @@ function CalendarDayButton({
     IconMagnifyingGlass.Button,
     {
       appearance: modifiers.selected ? "primary" : "subtle",
-      "data-state": modifiers.today ? "active" : undefined,
+      "data-state": modifiers.today ? "active" : void 0,
       ref,
       square: true,
       ...button$3({ outside: modifiers.outside }, className),
@@ -815,14 +817,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = IconMagnifyingGlass.recipeRuntime({base:'_1x9xpt0'});
+var months = IconMagnifyingGlass.recipeRuntime({base:'_1v3okza'});
 
 function CalendarMonths({ children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 
-var button$2 = IconMagnifyingGlass.recipeRuntime({base:'_63q7tb'});
+var button$2 = IconMagnifyingGlass.recipeRuntime({base:'njo368'});
 
 function CalendarNextMonthButton({
   children,
@@ -844,7 +846,7 @@ function CalendarNextMonthButton({
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 
-var button$1 = IconMagnifyingGlass.recipeRuntime({base:'_1xhl0fi'});
+var button$1 = IconMagnifyingGlass.recipeRuntime({base:'a394w3'});
 
 function CalendarPreviousMonthButton({
   children,
@@ -930,7 +932,7 @@ Calendar.displayName = "@optiaxiom/react/Calendar";
 
 const [CardContextProvider, useCardContext] = reactContext.createContext("Card");
 
-var card = IconMagnifyingGlass.recipeRuntime({base:['_1jejsad',{border:'1',color:'fg.default',gap:'12',p:'16',transition:'transform'},'_1wp44ly']});
+var card = IconMagnifyingGlass.recipeRuntime({base:['p8zfdk',{border:'1',borderColor:'border.tertiary',color:'fg.default',gap:'12',p:'16',transition:'transform'},'arn8e5']});
 
 const mapOrientationToFlexDirection = {
   horizontal: "row",
@@ -949,8 +951,6 @@ const Card = React.forwardRef(
         children: /* @__PURE__ */ jsxRuntime.jsx(
           IconMagnifyingGlass.Flex,
           {
-            "aria-describedby": descriptionId,
-            "aria-labelledby": labelId,
             flexDirection: mapOrientationToFlexDirection[orientation],
             ref,
             ...card({}, className),
@@ -964,28 +964,46 @@ const Card = React.forwardRef(
 );
 Card.displayName = "@optiaxiom/react/Card";
 
-var control = IconMagnifyingGlass.recipeRuntime({base:['_1i3mg3x']});
-var root = IconMagnifyingGlass.recipeRuntime({base:['an3ios',{rounded:'inherit',transition:'opacity'},'oknhts']});
+var actions = IconMagnifyingGlass.recipeRuntime({base:[{display:'flex',justifyContent:'space-between'},'sm35cl']});
+
+const CardActions = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ref, ...actions({}, className), ...props, children });
+  }
+);
+CardActions.displayName = "@optiaxiom/react/CardActions";
 
 const CardCheckbox = React.forwardRef(
-  ({ children, className, description, indeterminate, ...props }, ref) => {
+  ({ children, indeterminate, onChange, ...props }, ref) => {
+    const labelPrefixId = reactId.useId();
+    const { labelId } = useCardContext("CardCheckbox");
+    const [checked, setChecked] = reactUseControllableState.useControllableState({
+      defaultProp: props.defaultChecked,
+      prop: props.checked
+    });
     return /* @__PURE__ */ jsxRuntime.jsxs(
       IconMagnifyingGlass.CheckboxRoot,
       {
-        description: !!description,
+        "aria-labelledby": clsx(labelPrefixId, labelId),
+        description: false,
+        onChange: (event) => {
+          onChange?.(event);
+          setChecked(event.target.checked);
+        },
         ref,
-        ...root({}, className),
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             IconMagnifyingGlass.CheckboxControl,
             {
               indeterminate,
-              shift: Boolean(children),
-              ...control({}, className)
+              shift: Boolean(children)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.CheckboxContent, { description, children })
+          /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Box, { id: labelPrefixId, children: [
+            "Check to ",
+            checked ? "unselect" : "select"
+          ] }) })
         ]
       }
     );
@@ -1016,10 +1034,10 @@ const CardDescription = React.forwardRef(({ children, ...props }, ref) => {
 });
 CardDescription.displayName = "@optiaxiom/react/CardDescription";
 
-var cardImage = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',rounded:'inherit'},'ewcga8'],variants:{orientation:{horizontal:[{w:'auto'},'t6epaj'],vertical:[{w:'full'},'s8fhr5']}}});
+var cardImage = IconMagnifyingGlass.recipeRuntime({base:[{h:'full',rounded:'inherit'},'rsiwei'],variants:{orientation:{horizontal:[{w:'auto'},'_1cz08d6'],vertical:[{w:'full'},'n5ss70']}}});
 
 const CardImage = React.forwardRef(
-  ({ alt, asChild, children, className, src, ...props }, ref) => {
+  ({ alt = "", asChild, children, className, src, ...props }, ref) => {
     const { orientation } = useCardContext("CardImage");
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Box,
@@ -1035,7 +1053,14 @@ const CardImage = React.forwardRef(
 );
 CardImage.displayName = "@optiaxiom/react/CardImage";
 
-var cardOverflow = IconMagnifyingGlass.recipeRuntime({base:[{alignSelf:'stretch'},'_1xgks22'],variants:{orientation:{horizontal:['_16f40mo'],vertical:['_3g0cj5']}}});
+const CardLink = React.forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Link, { appearance: "subtle", overlay: true, ref, ...props });
+  }
+);
+CardLink.displayName = "@optiaxiom/react/CardLink";
+
+var cardOverflow = IconMagnifyingGlass.recipeRuntime({base:['_4cvjus',{alignSelf:'stretch'},'_16v3tvv'],variants:{orientation:{horizontal:['_1nxvpkj'],vertical:['_1npol7k']}}});
 
 const CardOverflow = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1061,9 +1086,9 @@ const CardTitle = React.forwardRef(
       IconMagnifyingGlass.Heading,
       {
         asChild: true,
+        fontSize: "md",
         fontWeight: "500",
         id: labelId,
-        level: "6",
         ref,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children })
@@ -1415,21 +1440,21 @@ const IconSortUp = IconMagnifyingGlass.withIcon(
   )
 );
 
-var cell$2 = IconMagnifyingGlass.recipeRuntime({base:'_1lpeqgh'});
-var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',h:'full',px:'16',py:'12'},'tu3a0n']});
+var cell$2 = IconMagnifyingGlass.recipeRuntime({base:'_1pkyiu4'});
+var content$1 = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',h:'full',px:'16',py:'12'},'_19se4n1']});
 
 const TableHeaderCell = React.forwardRef(({ children, className, colSpan, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...cell$2({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("th", { colSpan, ref, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...content$1(), children }) }) }));
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var button = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'_1gf6pup','_10zqnqr']});
-var icon = IconMagnifyingGlass.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ahff16'],variants:{active:{false:'yjcsxq',true:'_1m4um4t'},muted:{false:{},true:'_1ghi170'}}});
+var button = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'start',textAlign:'start',transition:'colors',w:'full'},'ka7ruu','toplv5']});
+var icon = IconMagnifyingGlass.recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1yjmu2n'],variants:{active:{false:'_1oame5a',true:'_1e7j5ao'},muted:{false:{},true:'_1f00x7k'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableHeaderCell,
     {
-      "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : undefined,
+      "aria-sort": header.column.columnDef.enableSorting ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : void 0,
       colSpan: header.colSpan,
       ref,
       ...props,
@@ -1460,22 +1485,22 @@ const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, re
 });
 DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
 
-var table$1 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',fontSize:'md'},'_8ofn3x'],variants:{layout:{auto:[{w:'full'},'nzuj0t'],fixed:[{w:'fit'},'_1xizzjw']}}});
-var wrapper = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.default',maxW:'full',overflow:'auto',rounded:'lg'},'_8heqlj']});
+var table$1 = IconMagnifyingGlass.recipeRuntime({base:[{color:'fg.default',fontSize:'md'},'tglhfi'],variants:{layout:{auto:[{w:'full'},'piil9h'],fixed:[{w:'fit'},'biihjo']}}});
+var wrapper = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'nlm2fw']});
 
 const Table = React.forwardRef(
   ({ children, className, layout = "auto", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { ...wrapper({}, className), ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...table$1({ layout }), children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, children }) }) })
 );
 Table.displayName = "@optiaxiom/react/Table";
 
-var body = IconMagnifyingGlass.recipeRuntime({base:['_1n9rf9d']});
+var body = IconMagnifyingGlass.recipeRuntime({base:['zmgrgg']});
 
 const TableBody = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
 );
 TableBody.displayName = "@optiaxiom/react/TableBody";
 
-var cell$1 = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.default',p:'16'},'_14efa0b']});
+var cell$1 = IconMagnifyingGlass.recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'dkboez']});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, ...props }, ref) => {
@@ -1487,20 +1512,20 @@ TableCell.displayName = "@optiaxiom/react/TableCell";
 const TableHeader = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
-var row = IconMagnifyingGlass.recipeRuntime({base:['_6426li',{transition:'colors',w:'full'},'gnwgu0']});
+var row = IconMagnifyingGlass.recipeRuntime({base:['jpso76',{transition:'colors',w:'full'},'_1fa0y2h']});
 
 const TableRow = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { asChild: true, ...row({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, children }) })
 );
 TableRow.displayName = "@optiaxiom/react/TableRow";
 
-var cell = IconMagnifyingGlass.recipeRuntime({base:['_1g4usb9'],variants:{pinned:{left:'yen15q',right:'ic9kq2'},pinnedType:{body:'_10ms838',header:{}}}});
-var cellOffsetVar = 'var(--_1sg2yos)';
-var cellSizeVar = 'var(--_1pz8zo9)';
-var header = IconMagnifyingGlass.recipeRuntime({base:['_2j50hz']});
-var leftTotalSizeVar = 'var(--_1415tmj)';
-var rightTotalSizeVar = 'var(--_1mua5pj)';
-var table = IconMagnifyingGlass.recipeRuntime({base:'_12rjkdq',variants:{pinned:{both:'_1vwdlsa',left:'_4ml1gc',none:{},right:'mc7hhh'}}});
+var cell = IconMagnifyingGlass.recipeRuntime({base:['_9zg2pa'],variants:{pinned:{left:'u4bbji',right:'sdm6uy'},pinnedType:{body:'l1akui',header:{}}}});
+var cellOffsetVar = 'var(--_13mxk2m)';
+var cellSizeVar = 'var(--b669pf)';
+var header = IconMagnifyingGlass.recipeRuntime({base:['_183xdxw']});
+var leftTotalSizeVar = 'var(--_3gyhym)';
+var rightTotalSizeVar = 'var(--_14j1dyj)';
+var table = IconMagnifyingGlass.recipeRuntime({base:'d7848j',variants:{pinned:{both:'_1585f9r',left:'_1iclc34',none:{},right:'vk97ad'}}});
 
 const DataTable = React.forwardRef(
   ({ table: table$1, ...props }, ref) => {
@@ -1537,8 +1562,8 @@ const DataTable = React.forwardRef(
                       })
                     },
                     ...cell({
-                      pinned: header.column.getIsPinned() || undefined,
-                      pinnedType: header.column.getIsPinned() ? "header" : undefined
+                      pinned: header.column.getIsPinned() || void 0,
+                      pinnedType: header.column.getIsPinned() ? "header" : void 0
                     }),
                     children: header.isPlaceholder ? null : reactTable.flexRender(
                       header.column.columnDef.header,
@@ -1558,8 +1583,8 @@ const DataTable = React.forwardRef(
                         })
                       },
                       ...cell({
-                        pinned: cell$1.column.getIsPinned() || undefined,
-                        pinnedType: cell$1.column.getIsPinned() ? "body" : undefined
+                        pinned: cell$1.column.getIsPinned() || void 0,
+                        pinnedType: cell$1.column.getIsPinned() ? "body" : void 0
                       }),
                       children: reactTable.flexRender(
                         cell$1.column.columnDef.cell,
@@ -1614,8 +1639,8 @@ function format(date) {
   return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())).toISOString().split("T")[0];
 }
 function parse(str) {
-  const rawDate = str && typeof str === "string" ? new Date(str) : undefined;
-  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : undefined;
+  const rawDate = str && typeof str === "string" ? new Date(str) : void 0;
+  return isValidDate(rawDate) ? new Date(rawDate.getTime() + (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3) : void 0;
 }
 const isValidDate = (date) => date ? !isNaN(+date) : false;
 
@@ -1628,8 +1653,8 @@ const DateInput = React.forwardRef(
     });
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-    const maxDate = max ? new Date(max) : undefined;
-    const minDate = min ? new Date(min) : undefined;
+    const maxDate = max ? new Date(max) : void 0;
+    const minDate = min ? new Date(min) : void 0;
     const supported = useCalendarSupported();
     if (supported === null) {
       return null;
@@ -1712,7 +1737,7 @@ const DateInput = React.forwardRef(
 );
 DateInput.displayName = "@optiaxiom/react/DateInput";
 
-var mark = IconMagnifyingGlass.recipeRuntime({base:'fcabbe'});
+var mark = IconMagnifyingGlass.recipeRuntime({base:'_6rkrco'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -1744,8 +1769,8 @@ const Highlight = React.forwardRef(
 );
 Highlight.displayName = "@optiaxiom/react/Highlight";
 
-var editor = IconMagnifyingGlass.recipeRuntime({base:'_18cego0',variants:{empty:{false:{},true:'_169j7ei'}}});
-var input$1 = IconMagnifyingGlass.recipeRuntime({base:'_9snqya'});
+var editor = IconMagnifyingGlass.recipeRuntime({base:'_1u8my2m',variants:{empty:{false:{},true:'_44ar1f'}}});
+var input$1 = IconMagnifyingGlass.recipeRuntime({base:'rcxj6e'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -1825,6 +1850,28 @@ function getText(element) {
   return text;
 }
 
+const Layout = React.forwardRef(
+  ({ children, header, sidenav, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(IconMagnifyingGlass.Flex, { gap: "0", h: "full", ref, ...props, children: [
+      header,
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        IconMagnifyingGlass.Flex,
+        {
+          alignItems: "start",
+          flexDirection: "row",
+          gap: "0",
+          justifyContent: "start",
+          children: [
+            sidenav,
+            /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Box, { flex: "1", h: "full", children })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Layout.displayName = "@optiaxiom/react/Layout";
+
 const NavGroup = React.forwardRef(
   ({ children, ...props }, ref) => {
     const groupId = reactId.useId();
@@ -1832,7 +1879,7 @@ const NavGroup = React.forwardRef(
       IconMagnifyingGlass.Disclosure,
       {
         alignItems: "stretch",
-        "aria-labelledby": props["aria-label"] ? undefined : groupId,
+        "aria-labelledby": props["aria-label"] ? void 0 : groupId,
         asChild: true,
         defaultOpen: true,
         display: "flex",
@@ -1845,20 +1892,37 @@ const NavGroup = React.forwardRef(
 );
 NavGroup.displayName = "@optiaxiom/react/NavGroup";
 
-const NavGroupLabel = React.forwardRef(
+const NavGroupContent = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    IconMagnifyingGlass.DisclosureContent,
+    {
+      asChild: true,
+      display: "flex",
+      flexDirection: "column",
+      gap: "4",
+      p: "0",
+      transitionType: "slidePop",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, children })
+    }
+  );
+});
+NavGroupContent.displayName = "@optiaxiom/react/NavGroupContent";
+
+const NavGroupTrigger = React.forwardRef(
   ({ children, ...props }, ref) => {
-    const { id } = IconMagnifyingGlass.useNavGroupContext("NavGroupLabel");
+    const { id } = IconMagnifyingGlass.useNavGroupContext("NavGroupTrigger");
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.DisclosureTrigger,
       {
         chevronPosition: "end",
         color: "fg.tertiary",
         fontSize: "sm",
+        h: "sm",
         id,
         mb: "4",
         mt: "8",
         px: "12",
-        py: "4",
         ref,
         w: "auto",
         ...props,
@@ -1867,46 +1931,43 @@ const NavGroupLabel = React.forwardRef(
     );
   }
 );
-NavGroupLabel.displayName = "@optiaxiom/react/NavGroupLabel";
+NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
 
 const NavSeparator = React.forwardRef(
   (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Separator, { flex: "none", mx: "12", my: "8", ref, ...props })
 );
 NavSeparator.displayName = "@optiaxiom/react/NavSeparator";
 
-var pill = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_28ewa1'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = IconMagnifyingGlass.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',whiteSpace:'nowrap'},'_1b0tcjt'],variants:{size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Pill = React.forwardRef(
-  ({
-    addonAfter,
-    addonBefore,
-    children,
-    className,
-    onRemove,
-    size = "md",
-    ...props
-  }, ref) => {
-    const handleKeyDown = (e) => {
-      if (e.key === "Backspace" && onRemove) {
-        onRemove();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Tooltip, { auto: true, content: children, children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.Button,
+  ({ asChild, children, className, disabled, size = "sm", ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const { boxProps, restProps } = IconMagnifyingGlass.extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Box,
       {
-        addonAfter,
-        addonBefore,
-        onKeyDown: handleKeyDown,
-        ref,
+        asChild: true,
+        "data-disabled": disabled ? "" : void 0,
         ...pill({ size }, className),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { display: "block", fontSize: "inherit", truncate: true, children })
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(Comp, { disabled, ref, ...restProps, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Text, { fontSize: "inherit", truncate: true, children }),
+          /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Icon, { asChild: true, h: "12", ml: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.IconX, {}) })
+        ] })
       }
-    ) });
+    );
   }
 );
 Pill.displayName = "@optiaxiom/react/Pill";
 
+const PillGroup = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { flexDirection: "row", gap: "12", ref, ...props, children });
+  }
+);
+PillGroup.displayName = "@optiaxiom/react/PillGroup";
+
 const [SelectContextProvider, useSelectContext] = reactContext.createContext("Select");
 
 function Select({
@@ -1975,7 +2036,7 @@ function Select({
 }
 Select.displayName = "@optiaxiom/react/Select";
 
-var content = IconMagnifyingGlass.recipeRuntime({base:['d4q71n']});
+var content = IconMagnifyingGlass.recipeRuntime({base:['_1yuh2lc']});
 
 const SelectContent = React.forwardRef(
   ({
@@ -1993,7 +2054,7 @@ const SelectContent = React.forwardRef(
       {
         asChild: true,
         maxH: "sm",
-        minW: loading ? "trigger" : undefined,
+        minW: loading ? "trigger" : void 0,
         provider: "popper",
         ...content({}, className),
         ...boxProps,
@@ -2031,9 +2092,9 @@ const SelectItem = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       IconMagnifyingGlass.Box,
       {
-        "data-disabled": itemProps["aria-disabled"] ? "" : undefined,
-        "data-highlighted": highlightedItem === item ? "" : undefined,
-        "data-selected": selectedItem === item ? "" : undefined,
+        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+        "data-highlighted": highlightedItem === item ? "" : void 0,
+        "data-selected": selectedItem === item ? "" : void 0,
         ref,
         size,
         ...itemProps,
@@ -2235,7 +2296,7 @@ const SpotlightEmpty = React.forwardRef(
 );
 SpotlightEmpty.displayName = "@optiaxiom/react/SpotlightEmpty";
 
-var input = IconMagnifyingGlass.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1u4cs2l']});
+var input = IconMagnifyingGlass.recipeRuntime({base:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'slpxzp']});
 
 const SpotlightInput = React.forwardRef(
   ({ addonAfter, className, ...props }, ref) => {
@@ -2292,7 +2353,7 @@ const SpotlightLabel = React.forwardRef(
 );
 SpotlightLabel.displayName = "@optiaxiom/react/SpotlightLabel";
 
-var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_1blvunx']});
+var item$1 = IconMagnifyingGlass.recipeRuntime({base:[{fontWeight:'500',mx:'24',px:'16',py:'12'},'_3k35r8']});
 
 const SpotlightRadioItem = React.forwardRef(({ addonAfter, children, className, description, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(SpotlightItem, { asChild: true, ref, ...item$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2357,8 +2418,8 @@ const CommandSubItem = React.forwardRef(
       {
         "aria-disabled": disabled,
         "aria-selected": isSelected,
-        "data-disabled": disabled ? "" : undefined,
-        "data-highlighted": highlighted ? "" : undefined,
+        "data-disabled": disabled ? "" : void 0,
+        "data-highlighted": highlighted ? "" : void 0,
         onClick: (event) => {
           onClick?.(event);
           if (event.defaultPrevented) {
@@ -2389,7 +2450,7 @@ const CommandSubItem = React.forwardRef(
 );
 CommandSubItem.displayName = "@optiaxiom/react/CommandSubItem";
 
-var item = IconMagnifyingGlass.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'vevesm',true:'_1e4l0ok'}}});
+var item = IconMagnifyingGlass.recipeRuntime({base:[{cursor:'pointer'}],variants:{active:{false:'_12hxeib',true:'_1emi3z0'}}});
 
 const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2404,7 +2465,7 @@ const SpotlightSubItem = React.forwardRef(({ children, className, selected, ...p
         IconMagnifyingGlass.Badge,
         {
           intent: selected ? "information" : "neutral",
-          variant: selected ? "solid" : "light",
+          variant: selected ? "strong" : "subtle",
           children
         }
       )
@@ -2430,21 +2491,32 @@ const SpotlightTrigger = React.forwardRef(({ addonAfter, children, hotkey = DEFA
 });
 SpotlightTrigger.displayName = "@optiaxiom/react/SpotlightTrigger";
 
-var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1sjznob']});
+var nav = IconMagnifyingGlass.recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'pmtq1l']});
 
 const SubNav = React.forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { borderR: "1", h: "full", ref, w: "fit", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
-      IconMagnifyingGlass.SidebarContextProvider,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      IconMagnifyingGlass.Flex,
       {
-        expanded: true,
-        navId: "",
-        onExpandedChange: () => {
-        },
-        spacing: "12",
-        children
+        borderColor: "border.tertiary",
+        borderR: "1",
+        h: "full",
+        ref,
+        w: "fit",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass.Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsxRuntime.jsx(
+          IconMagnifyingGlass.SidebarContextProvider,
+          {
+            expanded: true,
+            navId: "",
+            onExpandedChange: () => {
+            },
+            spacing: "12",
+            children
+          }
+        ) }) })
       }
-    ) }) }) });
+    );
   }
 );
 SubNav.displayName = "@optiaxiom/react/SubNav";
@@ -2463,10 +2535,12 @@ exports.BreadcrumbLink = BreadcrumbLink;
 exports.BreadcrumbPage = BreadcrumbPage;
 exports.Calendar = Calendar;
 exports.Card = Card;
+exports.CardActions = CardActions;
 exports.CardCheckbox = CardCheckbox;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
 exports.CardImage = CardImage;
+exports.CardLink = CardLink;
 exports.CardOverflow = CardOverflow;
 exports.CardTitle = CardTitle;
 exports.Combobox = Combobox;
@@ -2492,10 +2566,13 @@ exports.DataTableHeaderCell = DataTableHeaderCell;
 exports.DateInput = DateInput;
 exports.Highlight = Highlight;
 exports.InlineInput = InlineInput;
+exports.Layout = Layout;
 exports.NavGroup = NavGroup;
-exports.NavGroupLabel = NavGroupLabel;
+exports.NavGroupContent = NavGroupContent;
+exports.NavGroupTrigger = NavGroupTrigger;
 exports.NavSeparator = NavSeparator;
 exports.Pill = Pill;
+exports.PillGroup = PillGroup;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;