@optiaxiom/react 0.2.1 → 0.3.0

package/dist/src/drawer/Drawer-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/drawer/Drawer.css.ts.vanilla-DGdVvYDM.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/drawer/Drawer.css.ts.vanilla-Dc3kUMYt.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var close = recipeRuntime({base:[{rounded:'full'},'qw3475']});
-var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_1otr5bo'],variants:{position:{bottom:[{borderT:'1'},'f899zu'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_7p566d'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'tp912t']}}});
-var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'sq7cq5']});
+var close = recipeRuntime({base:[{rounded:'full'},'x9x34p']});
+var content = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexDirection:'column',shadow:'md',z:'popover'},'_15q9fn0'],variants:{position:{bottom:[{borderT:'1'},'_8dgv2s'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1c3h0jv'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1c5rtg8']}}});
+var overlay = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1q6bkmt']});
 
 export { close, content, overlay };

package/dist/src/hover-card-content/HoverCardContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-B0e1VBuB.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-ChTjpHlc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_13swsz6']});
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'_1sbpt0w']});
 
 export { content };

package/dist/src/icons/CheckboxCheck.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const CheckboxCheck = withIcon(
+  {
+    fill: "none",
+    height: 8,
+    name: "CheckboxCheck",
+    width: 12
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M1.5 3.47059L4.83333 7L10.5 1",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+
+export { CheckboxCheck };

package/dist/src/icons/IconCheck.js

@@ -3,19 +3,15 @@ import { withIcon } from './withIcon.js';
 
 const IconCheck = withIcon(
   {
-    fill: "none",
-    height: 8,
-    name: "IconCheck",
-    width: 12
+    name: "IconCheck"
   },
   /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M1.5 3.47059L4.83333 7L10.5 1",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
+      clipRule: "evenodd",
+      d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
     }
   )
 );

package/dist/src/icons/IconEllipsis.js

@@ -3,30 +3,34 @@ import { withIcon } from './withIcon.js';
 
 const IconEllipsis = withIcon(
   {
-    height: 2,
-    name: "IconEllipsis",
-    width: 10
+    name: "IconEllipsis"
   },
   /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M1.24456 2C0.752369 2 0.34967 1.5973 0.34967 1.10511C0.34967 0.612927 0.752369 0.210228 1.24456 0.210228C1.73674 0.210228 2.13944 0.612927 2.13944 1.10511C2.13944 1.5973 1.73674 2 1.24456 2Z",
-        fill: "currentColor"
+        clipRule: "evenodd",
+        d: "M8.54167 8C8.54167 7.19459 9.19458 6.54167 10 6.54167C10.8054 6.54167 11.4583 7.19459 11.4583 8C11.4583 8.80542 10.8054 9.45833 10 9.45833C9.19458 9.45833 8.54167 8.80542 8.54167 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }
     ),
     /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M5.00003 2C4.50784 2 4.10514 1.5973 4.10514 1.10511C4.10514 0.612927 4.50784 0.210228 5.00003 0.210228C5.49221 0.210228 5.89491 0.612927 5.89491 1.10511C5.89491 1.5973 5.49221 2 5.00003 2Z",
-        fill: "currentColor"
+        clipRule: "evenodd",
+        d: "M14.375 8C14.375 7.19459 15.0279 6.54167 15.8333 6.54167C16.6387 6.54167 17.2917 7.19459 17.2917 8C17.2917 8.80542 16.6387 9.45833 15.8333 9.45833C15.0279 9.45833 14.375 8.80542 14.375 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }
     ),
     /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M8.75549 2C8.26331 2 7.86061 1.5973 7.86061 1.10511C7.86061 0.612927 8.26331 0.210228 8.75549 0.210228C9.24768 0.210228 9.65038 0.612927 9.65038 1.10511C9.65038 1.5973 9.24768 2 8.75549 2Z",
-        fill: "currentColor"
+        clipRule: "evenodd",
+        d: "M2.70833 8C2.70833 7.19459 3.36125 6.54167 4.16667 6.54167C4.97208 6.54167 5.625 7.19459 5.625 8C5.625 8.80542 4.97208 9.45833 4.16667 9.45833C3.36125 9.45833 2.70833 8.80542 2.70833 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }
     )
   ] })

package/dist/src/icons/IconSort.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconSort = withIcon(
+  {
+    height: 12,
+    name: "IconSort",
+    width: 14
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconSort };

package/dist/src/icons/IconSortDown.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconSortDown = withIcon(
+  {
+    height: 12,
+    name: "IconSortDown",
+    width: 14
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconSortDown };

package/dist/src/icons/IconSortUp.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconSortUp = withIcon(
+  {
+    height: 12,
+    name: "IconSortUp",
+    width: 14
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconSortUp };

package/dist/src/icons/IconX.js

@@ -8,8 +8,10 @@ const IconX = withIcon(
   /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M14.8436 12.875C14.6561 13.0625 14.3124 13.0625 14.1249 12.875L9.99988 8.71875L5.84363 12.875C5.65613 13.0625 5.31238 13.0625 5.12488 12.875C4.93738 12.6875 4.93738 12.3438 5.12488 12.1562L9.28113 8L5.12488 3.875C4.93738 3.6875 4.93738 3.34375 5.12488 3.15625C5.31238 2.96875 5.65613 2.96875 5.84363 3.15625L9.99988 7.3125L14.1249 3.15625C14.3124 2.96875 14.6561 2.96875 14.8436 3.15625C15.0311 3.34375 15.0311 3.6875 14.8436 3.875L10.6874 8L14.8436 12.1562C15.0311 12.3438 15.0311 12.6875 14.8436 12.875Z",
-      fill: "currentColor"
+      clipRule: "evenodd",
+      d: "M14.8669 3.77596C15.0444 3.59845 15.0444 3.31064 14.8669 3.13313C14.6894 2.95562 14.4016 2.95562 14.224 3.13313L10 7.35718L5.77596 3.13313C5.59845 2.95562 5.31064 2.95562 5.13313 3.13313C4.95562 3.31064 4.95562 3.59845 5.13313 3.77596L9.35718 8L5.13313 12.224C4.95562 12.4016 4.95562 12.6894 5.13313 12.8669C5.31064 13.0444 5.59845 13.0444 5.77596 12.8669L10 8.64282L14.224 12.8669C14.4016 13.0444 14.6894 13.0444 14.8669 12.8669C15.0444 12.6894 15.0444 12.4016 14.8669 12.224L10.6428 8L14.8669 3.77596Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
     }
   )
 );

package/dist/src/icons/withIcon.js

@@ -15,7 +15,6 @@ const withIcon = ({
         fill,
         height,
         ref,
-        role: "img",
         viewBox: viewBox ?? `0 0 ${width} ${height}`,
         width,
         xmlns: "http://www.w3.org/2000/svg",

package/dist/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/indicator/Indicator.css.ts.vanilla-BGp9E6-V.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-TsgP7JdS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1qf0tld',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1vg9mbg']},ping:{false:{},true:[{animation:'ping',color:'transparent'},'zn00s6']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_12jl85'],variants:{offset:{false:'_1jkrmpr',true:{}},position:{'bottom-right':'y3l42c','top-right':'_580m5u'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'nbfto7']});
+var badge = recipeRuntime({base:'_36avgd',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_1ibkcb1']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'vwhqqw']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'bbmulr'],variants:{offset:{false:'_1uun6om',true:{}},position:{'bottom-right':'_1w1krfk','top-right':'_4z7ptb'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_21htys']});
 
 export { badge, floating, indicator };

package/dist/src/indicator/Indicator.js

@@ -20,6 +20,7 @@ const Indicator = forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs(Flex, { ref, ...indicator({}, className), ...props, children: [
+      children,
       !disabled && /* @__PURE__ */ jsxs(Box, { ...floating({ offset, position }), children: [
         ping && /* @__PURE__ */ jsx(
           Badge,
@@ -42,8 +43,7 @@ const Indicator = forwardRef(
             children: content
           }
         )
-      ] }),
-      children
+      ] })
     ] });
   }
 );

package/dist/src/input/Input-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});

package/dist/src/input-base/InputBase-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
-import './../../assets/src/input-base/InputBase.css.ts.vanilla-xClOcyVV.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-tt-5uhHu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:['_1u5qc6m',{bg:'transparent',flex:'auto',w:'full'},'_1juyslt','ks87y2'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
-var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'flkn02']});
+var input = recipeRuntime({base:['_1m44zzy',{bg:'transparent',flex:'auto',w:'full'},'_13xqfhl','_1jl13fl'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1k2guci']});
 
 export { input, wrapper };

package/dist/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/kbd/Kbd.css.ts.vanilla-BgKxZdBA.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-D3n7xOyv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_1hsj3bj',variants:{variant:{outline:'anw9n1',subtle:{}}}});
+var keys = recipeRuntime({base:'_22ekff',variants:{variant:{outline:'_1mdtukw',subtle:{}}}});
 
 export { kbd, keys };

package/dist/src/layers/layers-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1jg1fzn';
-var reset = 'optiaxiom._1dpkrs0';
+var components = 'optiaxiom.vwd1mg';
+var reset = 'optiaxiom.gn6hsm';
 
 export { axiom, base, components, reset };

package/dist/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/link/Link.css.ts.vanilla-BwsjRbT8.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/link/Link.css.ts.vanilla-BNK7NPi_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1ikbekv']});
-var link = recipeRuntime({base:['_14pqu3n'],variants:{appearance:{'default':'_1ixcrzf',inverse:'_1r7e5j',subtle:'_1u8si0g'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1nvjst8']});
+var link = recipeRuntime({base:['fjrs4t'],variants:{appearance:{'default':'_11gd1je',inverse:'_9wzg92',subtle:'wv8v9a'}}});
 
 export { icon, link };

package/dist/src/menu-content-base/MenuContentBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-ZuE5SZF1.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DKcuN3K2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'_1uz2ces'],variants:{minW:{'0':{},trigger:'_1xirjv0'},provider:{'dropdown-menu':'_1i978zx',popover:'_7sagwa',popper:'t4wd6q'}}});
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'gtduec'],variants:{minW:{'0':{},trigger:'_1n4ds5x'},provider:{'dropdown-menu':'_1n6o72g',popover:'j54lwd',popper:'ty0iiy'}}});
 
 export { content };

package/dist/src/menu-item-base/MenuItemBase-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-qvZSWu96.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-COOzjlcA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_107sy75'],variants:{colorScheme:{danger:'_8hje6k',neutral:'_4sdyzc'}}});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1qkfemy'],variants:{colorScheme:{danger:'_2r14j6',neutral:'_10nj0aj'}}});
 
 export { item };

package/dist/src/pagination/Pagination-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/pagination/Pagination.css.ts.vanilla-BeD33iJx.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/pagination/Pagination.css.ts.vanilla-COQlDCDV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:'_1hdjjgv'});
+var button = recipeRuntime({base:'_1v8jrtx'});
 
 export { button };

package/dist/src/pagination/Pagination.js

@@ -6,6 +6,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
+import { Icon } from '../icon/Icon.js';
 import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { IconEllipsis } from '../icons/IconEllipsis.js';
@@ -13,30 +14,20 @@ import { Tooltip } from '../tooltip/Tooltip.js';
 import { button } from './Pagination-css.js';
 
 const Pagination = forwardRef(
-  ({
-    boundaries = 1,
-    defaultPage,
-    disabled,
-    onPageChange,
-    page: pageProp,
-    siblings = 1,
-    total,
-    ...props
-  }, ref) => {
+  ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {
     const [value, setValue] = useControllableState({
       defaultProp: defaultPage,
       onChange: onPageChange,
       prop: pageProp
     });
     const { active, next, previous, range, setPage } = usePagination({
-      boundaries,
       onChange: setValue,
       page: value,
-      siblings,
+      siblings: 2,
       total
     });
     return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "2", children: /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tooltip, { content: "Prev", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsx(
         Button,
         {
           appearance: "subtle",
@@ -52,9 +43,10 @@ const Pagination = forwardRef(
           alignItems: "stretch",
           display: "flex",
           justifyContent: "center",
-          py: "10",
+          px: "6",
+          py: "8",
           size: "md",
-          children: /* @__PURE__ */ jsx(Box, { alignItems: "end", display: "flex", children: /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsis, {}) }) })
+          children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsis, {}) })
         }
       ) : /* @__PURE__ */ jsx(
         Button,
@@ -73,7 +65,7 @@ const Pagination = forwardRef(
           ] })
         }
       ) }, `${index}`)),
-      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tooltip, { content: "Next", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsx(
         Button,
         {
           appearance: "subtle",

package/dist/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/pill/Pill.css.ts.vanilla-Cr5zCRpC.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/pill/Pill.css.ts.vanilla--TPbJMIP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'tmvppy'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{bg:'bg.secondary',border:'0',fontSize:'sm',rounded:'md'},'_1iupl7k'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
 
 export { pill };

package/dist/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
-import './../../assets/src/radio/Radio.css.ts.vanilla-ss7fiJd-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrGeFhyB.css';
+import './../../assets/src/radio/Radio.css.ts.vanilla-DDwUXUbD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_1wrfjkf']});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1s1maef']});
-var input = recipeRuntime({base:'xcl4sb'});
-var radio = recipeRuntime({base:'_18j6oig'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'w2fonf']});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full'},'_1tmakke']});
+var input = recipeRuntime({base:'_1bgoich'});
+var radio = recipeRuntime({base:'_1ir283d'});
 
 export { control, indicator, input, radio };

package/dist/src/search-input/SearchInput-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/search-input/SearchInput.css.ts.vanilla-sXrssmhH.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/search-input/SearchInput.css.ts.vanilla-BX1a-Dh0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1gb3u5u']});
-var search = recipeRuntime({base:'_1euv7kk'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1sswbin']});
+var search = recipeRuntime({base:'_1s919jg'});
 
 export { clear, search };

package/dist/src/select-content/SelectContent-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/select-content/SelectContent.css.ts.vanilla-CA56kkFg.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/select-content/SelectContent.css.ts.vanilla-CUPdOFyq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:['_1ny065y']});
+var content = recipeRuntime({base:['q5lwtm']});
 
 export { content };

package/dist/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/separator/Separator.css.ts.vanilla-DYmYJLS6.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/separator/Separator.css.ts.vanilla-CrjVuWKL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createSprinkles } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';
 
 var base = recipeRuntime({base:{bg:'border.default'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'zrjnty',md:'gvmxkj',lg:'_89q0th',base:'_1qah88e'},defaultClass:'_1qah88e'},vertical:{conditions:{sm:'_1g0871z',md:'_1y55pv2',lg:'_1755kfh',base:'_14v81bv'},defaultClass:'_14v81bv'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','lg','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_65uszk',md:'_1r6t4o5',lg:'_13nie5e',base:'_143y7zh'},defaultClass:'_143y7zh'},vertical:{conditions:{sm:'vpfwka',md:'wkl0ez',lg:'_14qgc5l',base:'_78mhru'},defaultClass:'_78mhru'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/src/side-nav/SideNav.js

@@ -40,9 +40,10 @@ const SideNav = forwardRef(
             asChild: true,
             bg: "bg.default",
             flex: "1",
-            pb: "md",
-            pt: "lg",
-            px: "xs",
+            gap: "0",
+            overflow: "hidden",
+            pb: "xs",
+            pt: "md",
             transition: animations ? "all" : void 0,
             w: expanded ? "224" : "56",
             children: /* @__PURE__ */ jsxs("nav", { "aria-label": "Main", ref, children: [
@@ -54,12 +55,14 @@ const SideNav = forwardRef(
                   flex: "1",
                   gap: "4",
                   justifyContent: "start",
+                  overflowX: "hidden",
                   overflowY: "auto",
+                  py: "xs",
                   w: "full",
                   children: /* @__PURE__ */ jsx("ul", { children })
                 }
               ),
-              addonAfter && /* @__PURE__ */ jsx(Flex, { asChild: true, gap: "xs", mt: "auto", overflowX: "hidden", children: /* @__PURE__ */ jsx("ul", { children: addonAfter }) })
+              addonAfter && /* @__PURE__ */ jsx(Flex, { asChild: true, gap: "xs", mt: "auto", overflowX: "hidden", py: "xs", children: /* @__PURE__ */ jsx("ul", { children: addonAfter }) })
             ] })
           }
         ) })

package/dist/src/side-nav-account-item/SideNavAccountItem.js

@@ -15,6 +15,7 @@ const SideNavAccountItem = forwardRef(({ avatar, name, organization, ...props },
       asChild: true,
       flexDirection: "row",
       gap: "xs",
+      mx: "xs",
       p: "4",
       textAlign: "start",
       ...props,

package/dist/src/side-nav-item/SideNavItem-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
-import './../../assets/src/button/Button.css.ts.vanilla-BiYA392f.css';
-import './../../assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CbzO85Ut.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
+import './../../assets/src/button/Button.css.ts.vanilla-B1QifN0w.css';
+import './../../assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CDNL_Eks.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{fontWeight:'500',textAlign:'start'},'_1lydxq3']});
+var item = recipeRuntime({base:[{fontWeight:'500',mx:'xs',textAlign:'start'},'e1e50l']});
 
 export { item };

package/dist/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-CJxzKFfW.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/skeleton/Skeleton.css.ts.vanilla-BioZnCf-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'zppt7t']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.secondary',color:'bg.default',display:'block'},'_1o9i7ly']});
 
 export { skeleton };

package/dist/src/spinner/Spinner.js

@@ -21,6 +21,7 @@ const Spinner = forwardRef(
         "aria-label": "Loading",
         display: "inline-flex",
         ref,
+        role: "status",
         ...props,
         children: [
           /* @__PURE__ */ jsx(Box, { animation: "spin", asChild: true, size, children: /* @__PURE__ */ jsxs(
@@ -28,7 +29,6 @@ const Spinner = forwardRef(
             {
               fill: "none",
               height: 16,
-              role: "img",
               viewBox: "0 0 16 16",
               width: 16,
               xmlns: "http://www.w3.org/2000/svg",