@optiaxiom/react 0.12.2 → 0.13.0

package/dist/esm/packages/react/src/sub-nav/SubNav-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-7q20BQ3n.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'pmtq1l']});
+
+export { nav };

package/dist/esm/packages/react/src/sub-nav/SubNav.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { SidebarContextProvider } from '../sidebar-context/SidebarContext.js';
+import { nav } from './SubNav-css.js';
+
+const SubNav = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        borderColor: "border.tertiary",
+        borderR: "1",
+        h: "full",
+        ref,
+        w: "fit",
+        ...props,
+        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsx(
+          SidebarContextProvider,
+          {
+            expanded: true,
+            navId: "",
+            onExpandedChange: () => {
+            },
+            spacing: "12",
+            children
+          }
+        ) }) })
+      }
+    );
+  }
+);
+SubNav.displayName = "@optiaxiom/react/SubNav";
+
+export { SubNav };

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -0,0 +1,12 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-BTk269gI.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1exlb3c']});
+var input = recipeRuntime({base:'_1iblan9'});
+var root = recipeRuntime({base:['_1bp4n27','_1cm01st']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_160ylia'],variants:{size:{md:'_1kzqjnr',lg:'_17ldllw'}}});
+
+export { control, input, root, thumb };

package/dist/esm/packages/react/src/table/Table-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-ClUzV4r4.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md'},'tglhfi'],variants:{layout:{auto:[{w:'full'},'piil9h'],fixed:[{w:'fit'},'biihjo']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'nlm2fw']});
+
+export { table, wrapper };

package/dist/{packages → esm/packages}/react/src/table-body/TableBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-BzH2LctC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table-body/TableBody.css.ts.vanilla-DAL-84lR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_41var']});
+var body = recipeRuntime({base:['zmgrgg']});
 
 export { body };

package/dist/{packages → esm/packages}/react/src/table-cell/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CltlUTCt.css';
-import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-DsZe0U9O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CgvKoCRz.css';
+import './../../../../assets/src/table-cell/TableCell.css.ts.vanilla-DTjY_myB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.default',p:'16'},'_4ang49']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'dkboez']});
 
 export { cell };

package/dist/{packages → esm/packages}/react/src/table-header-cell/TableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Xhy_gmmp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-udsOdmeI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_1b0nzcm'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',h:'full',px:'16',py:'12'},'_2ud148']});
+var cell = recipeRuntime({base:'_1pkyiu4'});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',h:'full',px:'16',py:'12'},'_19se4n1']});
 
 export { cell, content };

package/dist/esm/packages/react/src/table-row/TableRow-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CgvKoCRz.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var row = recipeRuntime({base:['jpso76',{transition:'colors',w:'full'},'_1fa0y2h']});
+
+export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-3EZl_kL8.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var tabs = recipeRuntime({base:[{display:'flex'},'_11m24vd']});
+
+export { tabs };

package/dist/esm/packages/react/src/tabs-list/TabsList-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-BcqyUgwI.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_16g4u2l']});
+
+export { list };

package/dist/{packages → esm/packages}/react/src/tabs-trigger/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-D7xDPBR4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-jGLWR4jg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'fsrzmd']});
-var trigger = recipeRuntime({base:['_8i43ju',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_2d1r90']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'_1phi77g']});
+var trigger = recipeRuntime({base:['r4f5p5',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1xxk62f']});
 
 export { content, trigger };

package/dist/esm/packages/react/src/text/Text-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-zVX8BmW1.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_1c93ix0','_6h33i2','_9luwzq'],'2':[undefined,'_1c93ix0','_6h33i2','seyqhe'],'3':[undefined,'_1c93ix0','_6h33i2','_106x2ob'],'4':[undefined,'_1c93ix0','_6h33i2','quavgq']},truncate:{true:[undefined,'_1c93ix0',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+
+export { text };

package/dist/esm/packages/react/src/textarea-autosize/TextareaAutosize-css.js

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CVvRSWcw.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var shadow = recipeRuntime({base:['_1301efl','h3o4f4']});
+var textarea = recipeRuntime({base:['_1301efl','_1fxq296']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_436iru','jqjm1h'],'2':['_436iru','_17o8r3a'],'3':['_436iru','_1buqc4q'],'4':['_436iru','_6joipn'],'5':['_436iru','fnz24l']},resize:{auto:{},none:{},vertical:'_8zu3uh'}}});
+
+export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -0,0 +1,10 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tkb2Nu5x.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CIcz7Pwa.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'y7ouja']});
+var offsetVar = 'var(--_1lvp398)';
+var root = recipeRuntime({base:['v2lwbm',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'el3cch'],variants:{intent:{danger:'w5ta0p',information:'p1yf03',neutral:'_17drm84',success:'zbemlm',warning:'_11wzjf2'}}});
+
+export { icon, offsetVar, root };

package/dist/{packages → esm/packages}/react/src/toast/Toast.js

@@ -14,7 +14,7 @@ import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.
 import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
 import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
-import { offsetVar, root, icon } from './Toast-css.js';
+import { root, icon, offsetVar } from './Toast-css.js';
 
 const mapIntentToIcon = {
   danger: IconCircleExclamationSolid,

package/dist/{packages → esm/packages}/react/src/toast-provider/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BEdxYGrE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tkb2Nu5x.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_5rm3sq'],variants:{position:{bottom:'hy27ul','bottom-left':'_193dqzw','bottom-right':'_442z3g',top:'_1ytwflo','top-left':'_1g1fpjc','top-right':'_59fdh5'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'zwi9e3'],variants:{position:{bottom:'yc7b4y','bottom-left':'nsw6rn','bottom-right':'gmsect',top:'_4bj067','top-left':'njbqxx','top-right':'_4mwmr'}}});
 
 export { gap, viewport };

package/dist/{packages → esm/packages}/react/src/toast-provider/ToastProvider.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ToastContextProvider, toaster } from '@optiaxiom/globals';
+import { toaster, ToastContextProvider } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { Portal } from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -0,0 +1,8 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var toggleInput = recipeRuntime({base:['_1y76pao',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1foi746']});
+
+export { toggleInput };

package/dist/{packages → esm/packages}/react/src/toggle-input/ToggleInput.js

@@ -18,7 +18,7 @@ const ToggleInput = forwardRef(
     return /* @__PURE__ */ jsx(
       ToggleInputContextProvider,
       {
-        descriptionId: description ? descriptionId : undefined,
+        descriptionId: description ? descriptionId : void 0,
         labelId,
         children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
           Comp,

package/dist/{packages → esm/packages}/react/src/toggle-input-control/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Df83DDkl.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CIa4x7XX.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-D23x55Pb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BrznT8Qb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1ttjom1']});
+var control = recipeRuntime({base:['_2p9n3w']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js

@@ -0,0 +1,6 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css';
+
+var className = '_1ns4y0i';
+
+export { className };

package/dist/{packages → esm/packages}/react/src/tooltip-content/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-NRNXWe4M.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/{packages → esm/packages}/react/src/tooltip-root/TooltipRoot.js

@@ -24,7 +24,7 @@ function TooltipRoot({
     RadixTooltip.Root,
     {
       delayDuration,
-      onOpenChange: openProp === undefined ? (flag) => {
+      onOpenChange: openProp === void 0 ? (flag) => {
         if (auto && flag && triggerRef.current) {
           let truncated = false;
           const elements = [triggerRef.current];

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-OebmjN-9.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var transition = recipeRuntime({base:'_142yteh',variants:{duration:{sm:'_5d4p77',md:'_347pef',lg:'qzphd2'},type:{fade:'_15tlllz',pop:'nuolo7',slide:'v4lzj5',slidePop:'klklv6'}}});
+
+export { transition };

package/dist/{packages → esm/packages}/react/src/transition/Transition.js

@@ -19,9 +19,9 @@ const Transition = forwardRef(
         ...transition(
           {
             duration,
-            type: transitionStatus ? type : undefined
+            type: transitionStatus ? type : void 0
           },
-          undefined
+          void 0
         ),
         ...props,
         children

package/dist/{packages → esm/packages}/react/src/transition-group/TransitionGroup.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useCallback, useEffect } from 'react';
 import '../transition/Transition.js';
 import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
@@ -37,7 +37,7 @@ function TransitionGroup({
     }
   }, [open, transitions]);
   if (TransitionGlobalConfig.skipAnimations) {
-    return open && children;
+    return /* @__PURE__ */ jsx(Fragment, { children: open && children });
   }
   return /* @__PURE__ */ jsx(TransitionGroupContext.Provider, { value: { onMount, onUnmount, open }, children: (open || connected) && children });
 }

package/dist/{packages → esm/packages}/react/src/transition-group-context/TransitionGroupContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from 'react';
 
-const TransitionGroupContext = createContext(undefined);
+const TransitionGroupContext = createContext(void 0);
 
 export { TransitionGroupContext };

package/dist/{packages → esm/packages}/react/src/use-transition-status/useTransitionStatus.js

@@ -16,7 +16,7 @@ const useTransitionStatus = (ref) => {
       requestAnimationFrame(() => setMounted(true));
     }
   }, [open]);
-  return open && !mounted ? "starting" : !open && mounted ? "ending" : undefined;
+  return open && !mounted ? "starting" : !open && mounted ? "ending" : void 0;
 };
 
 export { useTransitionStatus };

package/dist/{packages → esm/packages}/react/src/utils/conditions.js

@@ -5,11 +5,6 @@ const conditions = {
   conditions: {
     ...mapValues(tokens.screens, (width) => ({
       "@media": `screen and (min-width: ${width})`
-    })),
-    base: {}
-  },
-  defaultCondition: "base",
-  responsiveArray: ["base", "sm", "md"]
-};
+    }))}};
 
 export { conditions };

package/dist/{packages → esm/packages}/react/src/utils/decorateChildren.js

@@ -6,7 +6,7 @@ const decorateChildren = ({ asChild, children }, decorator) => {
     const newElement = isValidElement(children) ? children : null;
     return newElement ? cloneElement(
       newElement,
-      undefined,
+      void 0,
       decorateChildren(
         {
           ...newElement.props,

package/dist/{packages → esm/packages}/react/src/vanilla-extract/recipeRuntime.js

@@ -20,7 +20,7 @@ const recipeRuntime = ({
     }
     process(base);
     for (const variantName in variants) {
-      if (selections[variantName] === null || selections[variantName] === undefined) {
+      if (selections[variantName] === null || selections[variantName] === void 0) {
         continue;
       }
       const variant = variants[variantName];

package/dist/{unstable.js → esm/unstable.js}

@@ -12,10 +12,12 @@ export { BreadcrumbLink } from './packages/react/src/breadcrumb-link/BreadcrumbL
 export { BreadcrumbPage } from './packages/react/src/breadcrumb-page/BreadcrumbPage.js';
 export { Calendar } from './packages/react/src/calendar/Calendar.js';
 export { Card } from './packages/react/src/card/Card.js';
+export { CardActions } from './packages/react/src/card-actions/CardActions.js';
 export { CardCheckbox } from './packages/react/src/card-checkbox/CardCheckbox.js';
 export { CardContent } from './packages/react/src/card-content/CardContent.js';
 export { CardDescription } from './packages/react/src/card-description/CardDescription.js';
 export { CardImage } from './packages/react/src/card-image/CardImage.js';
+export { CardLink } from './packages/react/src/card-link/CardLink.js';
 export { CardOverflow } from './packages/react/src/card-overflow/CardOverflow.js';
 export { CardTitle } from './packages/react/src/card-title/CardTitle.js';
 export { Combobox } from './packages/react/src/combobox/Combobox.js';
@@ -41,10 +43,13 @@ export { DataTableHeaderCell } from './packages/react/src/data-table-header-cell
 export { DateInput } from './packages/react/src/date-input/DateInput.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
+export { Layout } from './packages/react/src/layout/Layout.js';
 export { NavGroup } from './packages/react/src/nav-group/NavGroup.js';
-export { NavGroupLabel } from './packages/react/src/nav-group-label/NavGroupLabel.js';
+export { NavGroupContent } from './packages/react/src/nav-group-content/NavGroupContent.js';
+export { NavGroupTrigger } from './packages/react/src/nav-group-trigger/NavGroupTrigger.js';
 export { NavSeparator } from './packages/react/src/nav-separator/NavSeparator.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
+export { PillGroup } from './packages/react/src/pill-group/PillGroup.js';
 export { Select } from './packages/react/src/select/Select.js';
 export { SelectContent } from './packages/react/src/select-content/SelectContent.js';
 export { SelectGroup } from './packages/react/src/select-group/SelectGroup.js';