@saas-ui/react 3.0.0-alpha.8 → 3.0.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -66,7 +66,7 @@ __export(src_exports, {
66
66
  Switch: () => Switch,
67
67
  Toaster: () => Toaster,
68
68
  Tooltip: () => Tooltip,
69
- createSystem: () => import_react161.createSystem,
69
+ createSystem: () => import_react162.createSystem,
70
70
  defaultConfig: () => defaultConfig,
71
71
  defaultPresenceOptions: () => defaultPresenceOptions,
72
72
  defaultSystem: () => defaultSystem,
@@ -2413,7 +2413,7 @@ var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
2413
2413
  whiteSpace: "nowrap",
2414
2414
  boxSizing: "border-box"
2415
2415
  },
2416
- item: {
2416
+ link: {
2417
2417
  bg: "transparent",
2418
2418
  color: "currentColor",
2419
2419
  display: "inline-flex",
@@ -2469,7 +2469,7 @@ var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
2469
2469
  },
2470
2470
  gap: 4
2471
2471
  },
2472
- item: {
2472
+ link: {
2473
2473
  px: 3,
2474
2474
  h: 8
2475
2475
  }
@@ -8792,7 +8792,7 @@ var defaultConfig = (0, import_react97.mergeConfigs)(import_react97.defaultBaseC
8792
8792
  var defaultSystem = (0, import_react97.createSystem)(defaultConfig);
8793
8793
 
8794
8794
  // src/index.ts
8795
- var import_react161 = require("@chakra-ui/react");
8795
+ var import_react162 = require("@chakra-ui/react");
8796
8796
 
8797
8797
  // src/provider/sui-provider.tsx
8798
8798
  var React = __toESM(require("react"), 1);
@@ -9409,6 +9409,7 @@ __export(navbar_exports, {
9409
9409
  Link: () => NavbarLink,
9410
9410
  Root: () => NavbarRoot
9411
9411
  });
9412
+ var import_react133 = require("react");
9412
9413
  var import_navbar = require("@saas-ui/core/navbar");
9413
9414
 
9414
9415
  // src/components/navbar/navbar.context.ts
@@ -9422,6 +9423,7 @@ var {
9422
9423
  });
9423
9424
 
9424
9425
  // src/components/navbar/navbar.tsx
9426
+ var import_jsx_runtime18 = require("react/jsx-runtime");
9425
9427
  var NavbarRoot = withProvider4(
9426
9428
  import_navbar.Navbar.Root,
9427
9429
  "root"
@@ -9439,15 +9441,22 @@ var NavbarItem = withContext5(
9439
9441
  "item"
9440
9442
  );
9441
9443
  var NavbarLink = withContext5(
9442
- import_navbar.Navbar.Link,
9443
- "link"
9444
+ (0, import_react133.forwardRef)((props, ref) => {
9445
+ const Link2 = useLink();
9446
+ const { active, ...rest } = props;
9447
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_navbar.Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Link2, { "data-active": active ? "" : void 0, ...props }) });
9448
+ }),
9449
+ "link",
9450
+ {
9451
+ forwardAsChild: true
9452
+ }
9444
9453
  );
9445
9454
 
9446
9455
  // src/components/number-input/number-input.tsx
9447
- var import_react133 = require("react");
9448
- var import_react134 = require("@chakra-ui/react");
9449
- var import_jsx_runtime18 = require("react/jsx-runtime");
9450
- var NumberInput = (0, import_react133.forwardRef)(
9456
+ var import_react134 = require("react");
9457
+ var import_react135 = require("@chakra-ui/react");
9458
+ var import_jsx_runtime19 = require("react/jsx-runtime");
9459
+ var NumberInput = (0, import_react134.forwardRef)(
9451
9460
  function NumberInput2(props, ref) {
9452
9461
  const {
9453
9462
  hideControls,
@@ -9457,11 +9466,11 @@ var NumberInput = (0, import_react133.forwardRef)(
9457
9466
  rootRef,
9458
9467
  ...rest
9459
9468
  } = props;
9460
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react134.NumberInput.Root, { ref: rootRef, ...rest, children: [
9461
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputGroup, { startElement, endElement, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react134.NumberInput.Input, { ref, ...inputProps }) }),
9462
- !hideControls && !endElement ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react134.NumberInput.Control, { children: [
9463
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react134.NumberInput.IncrementTrigger, {}),
9464
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react134.NumberInput.DecrementTrigger, {})
9469
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react135.NumberInput.Root, { ref: rootRef, ...rest, children: [
9470
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputGroup, { startElement, endElement, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react135.NumberInput.Input, { ref, ...inputProps }) }),
9471
+ !hideControls && !endElement ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react135.NumberInput.Control, { children: [
9472
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react135.NumberInput.IncrementTrigger, {}),
9473
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react135.NumberInput.DecrementTrigger, {})
9465
9474
  ] }) : null
9466
9475
  ] });
9467
9476
  }
@@ -9487,78 +9496,78 @@ __export(menu_exports, {
9487
9496
  Trigger: () => MenuTrigger,
9488
9497
  TriggerItem: () => MenuTriggerItem
9489
9498
  });
9490
- var import_react135 = require("react");
9491
- var import_react136 = require("@chakra-ui/react");
9492
- var import_jsx_runtime19 = require("react/jsx-runtime");
9493
- var MenuContent = (0, import_react135.forwardRef)(
9499
+ var import_react136 = require("react");
9500
+ var import_react137 = require("@chakra-ui/react");
9501
+ var import_jsx_runtime20 = require("react/jsx-runtime");
9502
+ var MenuContent = (0, import_react136.forwardRef)(
9494
9503
  function MenuContent2(props, ref) {
9495
9504
  const { portalled = true, portalRef, ...rest } = props;
9496
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.Content, { ref, ...rest }) }) });
9505
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.Content, { ref, ...rest }) }) });
9497
9506
  }
9498
9507
  );
9499
- var MenuArrow = (0, import_react135.forwardRef)(
9508
+ var MenuArrow = (0, import_react136.forwardRef)(
9500
9509
  function MenuArrow2(props, ref) {
9501
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.ArrowTip, {}) });
9510
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ArrowTip, {}) });
9502
9511
  }
9503
9512
  );
9504
- var MenuCheckboxItem = (0, import_react135.forwardRef)(function MenuCheckboxItem2(props, ref) {
9505
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react136.Menu.CheckboxItem, { ref, ...props, children: [
9506
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckIcon, {}) }),
9513
+ var MenuCheckboxItem = (0, import_react136.forwardRef)(function MenuCheckboxItem2(props, ref) {
9514
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.CheckboxItem, { ref, ...props, children: [
9515
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, {}) }),
9507
9516
  props.children
9508
9517
  ] });
9509
9518
  });
9510
- var MenuRadioItem = (0, import_react135.forwardRef)(
9519
+ var MenuRadioItem = (0, import_react136.forwardRef)(
9511
9520
  function MenuRadioItem2(props, ref) {
9512
9521
  const { children, ...rest } = props;
9513
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react136.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
9514
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckIcon, {}) }) }),
9515
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.ItemText, { children })
9522
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
9523
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, {}) }) }),
9524
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemText, { children })
9516
9525
  ] });
9517
9526
  }
9518
9527
  );
9519
- var MenuItemGroup = (0, import_react135.forwardRef)(
9528
+ var MenuItemGroup = (0, import_react136.forwardRef)(
9520
9529
  function MenuItemGroup2(props, ref) {
9521
9530
  const { title, children, ...rest } = props;
9522
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react136.Menu.ItemGroup, { ref, ...rest, children: [
9523
- title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react136.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
9531
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.ItemGroup, { ref, ...rest, children: [
9532
+ title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
9524
9533
  children
9525
9534
  ] });
9526
9535
  }
9527
9536
  );
9528
- var MenuTriggerItem = (0, import_react135.forwardRef)(
9537
+ var MenuTriggerItem = (0, import_react136.forwardRef)(
9529
9538
  function MenuTriggerItem2(props, ref) {
9530
9539
  const { startIcon, children, ...rest } = props;
9531
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react136.Menu.TriggerItem, { ref, ...rest, children: [
9540
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.TriggerItem, { ref, ...rest, children: [
9532
9541
  startIcon,
9533
9542
  children,
9534
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronRightIcon, {})
9543
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronRightIcon, {})
9535
9544
  ] });
9536
9545
  }
9537
9546
  );
9538
- var MenuButton = (0, import_react135.forwardRef)(
9547
+ var MenuButton = (0, import_react136.forwardRef)(
9539
9548
  function MenuButton2(props, ref) {
9540
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, {}) });
9549
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, {}) });
9541
9550
  }
9542
9551
  );
9543
- var MenuRadioItemGroup = import_react136.Menu.RadioItemGroup;
9544
- var MenuContextTrigger = import_react136.Menu.ContextTrigger;
9545
- var MenuRoot = import_react136.Menu.Root;
9546
- var MenuSeparator = import_react136.Menu.Separator;
9547
- var MenuContext = import_react136.Menu.Context;
9548
- var MenuItem = import_react136.Menu.Item;
9549
- var MenuItemText = import_react136.Menu.ItemText;
9550
- var MenuItemCommand = import_react136.Menu.ItemCommand;
9551
- var MenuTrigger = import_react136.Menu.Trigger;
9552
+ var MenuRadioItemGroup = import_react137.Menu.RadioItemGroup;
9553
+ var MenuContextTrigger = import_react137.Menu.ContextTrigger;
9554
+ var MenuRoot = import_react137.Menu.Root;
9555
+ var MenuSeparator = import_react137.Menu.Separator;
9556
+ var MenuContext = import_react137.Menu.Context;
9557
+ var MenuItem = import_react137.Menu.Item;
9558
+ var MenuItemText = import_react137.Menu.ItemText;
9559
+ var MenuItemCommand = import_react137.Menu.ItemCommand;
9560
+ var MenuTrigger = import_react137.Menu.Trigger;
9552
9561
 
9553
9562
  // src/components/password-input/password-input.tsx
9554
- var import_react139 = require("react");
9555
- var import_react140 = require("@chakra-ui/react");
9563
+ var import_react140 = require("react");
9564
+ var import_react141 = require("@chakra-ui/react");
9556
9565
 
9557
9566
  // ../../node_modules/react-icons/lib/iconBase.mjs
9558
- var import_react138 = __toESM(require("react"), 1);
9567
+ var import_react139 = __toESM(require("react"), 1);
9559
9568
 
9560
9569
  // ../../node_modules/react-icons/lib/iconContext.mjs
9561
- var import_react137 = __toESM(require("react"), 1);
9570
+ var import_react138 = __toESM(require("react"), 1);
9562
9571
  var DefaultContext = {
9563
9572
  color: void 0,
9564
9573
  size: void 0,
@@ -9566,7 +9575,7 @@ var DefaultContext = {
9566
9575
  style: void 0,
9567
9576
  attr: void 0
9568
9577
  };
9569
- var IconContext = import_react137.default.createContext && /* @__PURE__ */ import_react137.default.createContext(DefaultContext);
9578
+ var IconContext = import_react138.default.createContext && /* @__PURE__ */ import_react138.default.createContext(DefaultContext);
9570
9579
 
9571
9580
  // ../../node_modules/react-icons/lib/iconBase.mjs
9572
9581
  var _excluded = ["attr", "size", "title"];
@@ -9655,12 +9664,12 @@ function _toPrimitive(t, r) {
9655
9664
  return ("string" === r ? String : Number)(t);
9656
9665
  }
9657
9666
  function Tree2Element(tree) {
9658
- return tree && tree.map((node, i) => /* @__PURE__ */ import_react138.default.createElement(node.tag, _objectSpread({
9667
+ return tree && tree.map((node, i) => /* @__PURE__ */ import_react139.default.createElement(node.tag, _objectSpread({
9659
9668
  key: i
9660
9669
  }, node.attr), Tree2Element(node.child)));
9661
9670
  }
9662
9671
  function GenIcon(data) {
9663
- return (props) => /* @__PURE__ */ import_react138.default.createElement(IconBase, _extends({
9672
+ return (props) => /* @__PURE__ */ import_react139.default.createElement(IconBase, _extends({
9664
9673
  attr: _objectSpread({}, data.attr)
9665
9674
  }, props), Tree2Element(data.child));
9666
9675
  }
@@ -9675,7 +9684,7 @@ function IconBase(props) {
9675
9684
  var className;
9676
9685
  if (conf.className) className = conf.className;
9677
9686
  if (props.className) className = (className ? className + " " : "") + props.className;
9678
- return /* @__PURE__ */ import_react138.default.createElement("svg", _extends({
9687
+ return /* @__PURE__ */ import_react139.default.createElement("svg", _extends({
9679
9688
  stroke: "currentColor",
9680
9689
  fill: "currentColor",
9681
9690
  strokeWidth: "0"
@@ -9687,9 +9696,9 @@ function IconBase(props) {
9687
9696
  height: computedSize,
9688
9697
  width: computedSize,
9689
9698
  xmlns: "http://www.w3.org/2000/svg"
9690
- }), title && /* @__PURE__ */ import_react138.default.createElement("title", null, title), props.children);
9699
+ }), title && /* @__PURE__ */ import_react139.default.createElement("title", null, title), props.children);
9691
9700
  };
9692
- return IconContext !== void 0 ? /* @__PURE__ */ import_react138.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
9701
+ return IconContext !== void 0 ? /* @__PURE__ */ import_react139.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
9693
9702
  }
9694
9703
 
9695
9704
  // ../../node_modules/react-icons/lu/index.mjs
@@ -9701,28 +9710,28 @@ function LuEye(props) {
9701
9710
  }
9702
9711
 
9703
9712
  // src/components/password-input/password-input.tsx
9704
- var import_jsx_runtime20 = require("react/jsx-runtime");
9705
- var PasswordInput = (0, import_react139.forwardRef)(
9713
+ var import_jsx_runtime21 = require("react/jsx-runtime");
9714
+ var PasswordInput = (0, import_react140.forwardRef)(
9706
9715
  function PasswordInput2(props, ref) {
9707
9716
  const {
9708
9717
  rootProps,
9709
9718
  defaultVisible,
9710
9719
  visible: visibleProp,
9711
9720
  onVisibleChange,
9712
- visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LuEyeOff, {}) },
9721
+ visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuEyeOff, {}) },
9713
9722
  ...rest
9714
9723
  } = props;
9715
- const [visible, setVisible] = (0, import_react140.useControllableState)({
9724
+ const [visible, setVisible] = (0, import_react141.useControllableState)({
9716
9725
  value: visibleProp,
9717
9726
  defaultValue: defaultVisible || false,
9718
9727
  onChange: onVisibleChange
9719
9728
  });
9720
- const inputRef = (0, import_react139.useRef)(null);
9721
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
9729
+ const inputRef = (0, import_react140.useRef)(null);
9730
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
9722
9731
  InputGroup,
9723
9732
  {
9724
9733
  width: "full",
9725
- endElement: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
9734
+ endElement: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
9726
9735
  VisibilityTrigger,
9727
9736
  {
9728
9737
  disabled: rest.disabled,
@@ -9736,11 +9745,11 @@ var PasswordInput = (0, import_react139.forwardRef)(
9736
9745
  }
9737
9746
  ),
9738
9747
  ...rootProps,
9739
- children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
9740
- import_react140.Input,
9748
+ children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
9749
+ import_react141.Input,
9741
9750
  {
9742
9751
  ...rest,
9743
- ref: (0, import_react140.mergeRefs)(ref, inputRef),
9752
+ ref: (0, import_react141.mergeRefs)(ref, inputRef),
9744
9753
  type: visible ? "text" : "password"
9745
9754
  }
9746
9755
  )
@@ -9748,10 +9757,10 @@ var PasswordInput = (0, import_react139.forwardRef)(
9748
9757
  );
9749
9758
  }
9750
9759
  );
9751
- var VisibilityTrigger = (0, import_react139.forwardRef)(
9760
+ var VisibilityTrigger = (0, import_react140.forwardRef)(
9752
9761
  function VisibilityTrigger2(props, ref) {
9753
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
9754
- import_react140.IconButton,
9762
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
9763
+ import_react141.IconButton,
9755
9764
  {
9756
9765
  tabIndex: -1,
9757
9766
  ref,
@@ -9772,27 +9781,27 @@ var VisibilityTrigger = (0, import_react139.forwardRef)(
9772
9781
  var React7 = __toESM(require("react"), 1);
9773
9782
 
9774
9783
  // src/components/persona/persona-primitive.tsx
9775
- var import_react142 = require("react");
9776
- var import_react143 = require("@chakra-ui/react");
9784
+ var import_react143 = require("react");
9785
+ var import_react144 = require("@chakra-ui/react");
9777
9786
  var import_utils8 = require("@saas-ui/core/utils");
9778
9787
 
9779
9788
  // src/components/persona/persona.context.ts
9780
- var import_react141 = require("@chakra-ui/react");
9789
+ var import_react142 = require("@chakra-ui/react");
9781
9790
  var {
9782
9791
  useStyles: usePersonaStyles,
9783
9792
  withProvider: withProvider5,
9784
9793
  withContext: withContext6
9785
- } = (0, import_react141.createSlotRecipeContext)({
9794
+ } = (0, import_react142.createSlotRecipeContext)({
9786
9795
  key: "suiPersona"
9787
9796
  });
9788
9797
 
9789
9798
  // src/components/persona/persona-primitive.tsx
9790
- var import_jsx_runtime21 = require("react/jsx-runtime");
9799
+ var import_jsx_runtime22 = require("react/jsx-runtime");
9791
9800
  var PersonaRoot = withProvider5(
9792
- (0, import_react142.forwardRef)((props, ref) => {
9801
+ (0, import_react143.forwardRef)((props, ref) => {
9793
9802
  const { outOfOffice, presence, ...rest } = props;
9794
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
9795
- import_react143.chakra.div,
9803
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
9804
+ import_react144.chakra.div,
9796
9805
  {
9797
9806
  ref,
9798
9807
  ...rest,
@@ -9809,7 +9818,7 @@ var PersonaRoot = withProvider5(
9809
9818
  }),
9810
9819
  "root"
9811
9820
  );
9812
- var PersonaAvatar = (0, import_react142.forwardRef)(
9821
+ var PersonaAvatar = (0, import_react143.forwardRef)(
9813
9822
  (props, ref) => {
9814
9823
  const {
9815
9824
  name,
@@ -9822,10 +9831,10 @@ var PersonaAvatar = (0, import_react142.forwardRef)(
9822
9831
  children,
9823
9832
  ...rest
9824
9833
  } = props;
9825
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react143.Avatar.Root, { ref, ...rest, children: [
9826
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Avatar.Fallback, { children: getInitials2(name) }),
9827
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
9828
- import_react143.Avatar.Image,
9834
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react144.Avatar.Root, { ref, ...rest, children: [
9835
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react144.Avatar.Fallback, { children: getInitials2(name) }),
9836
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
9837
+ import_react144.Avatar.Image,
9829
9838
  {
9830
9839
  src,
9831
9840
  srcSet,
@@ -9857,7 +9866,7 @@ var PersonaTertiaryLabel = withContext6(
9857
9866
  );
9858
9867
 
9859
9868
  // src/components/persona/persona.tsx
9860
- var import_jsx_runtime22 = require("react/jsx-runtime");
9869
+ var import_jsx_runtime23 = require("react/jsx-runtime");
9861
9870
  var Persona = React7.forwardRef(
9862
9871
  (props, ref) => {
9863
9872
  const {
@@ -9880,7 +9889,7 @@ var Persona = React7.forwardRef(
9880
9889
  srcSet,
9881
9890
  ...rest
9882
9891
  } = props;
9883
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
9892
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
9884
9893
  PersonaRoot,
9885
9894
  {
9886
9895
  ref,
@@ -9888,7 +9897,7 @@ var Persona = React7.forwardRef(
9888
9897
  presence,
9889
9898
  ...rest,
9890
9899
  children: [
9891
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
9900
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
9892
9901
  PersonaAvatar,
9893
9902
  {
9894
9903
  name,
@@ -9899,13 +9908,13 @@ var Persona = React7.forwardRef(
9899
9908
  onError,
9900
9909
  src,
9901
9910
  srcSet,
9902
- children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PersonaPresenceBadge, { children: presenceIcon })
9911
+ children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaPresenceBadge, { children: presenceIcon })
9903
9912
  }
9904
9913
  ),
9905
- !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(PersonaDetails, { children: [
9906
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PersonaLabel, { children: label || name }),
9907
- secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
9908
- tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
9914
+ !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(PersonaDetails, { children: [
9915
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaLabel, { children: label || name }),
9916
+ secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
9917
+ tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
9909
9918
  children
9910
9919
  ] })
9911
9920
  ]
@@ -9915,7 +9924,7 @@ var Persona = React7.forwardRef(
9915
9924
  );
9916
9925
  Persona.displayName = "Persona";
9917
9926
  var PersonaAvatar2 = React7.forwardRef(function PersonaAvatar3(props, ref) {
9918
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Persona, { ref, ...props, hideDetails: true });
9927
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Persona, { ref, ...props, hideDetails: true });
9919
9928
  });
9920
9929
 
9921
9930
  // src/components/persona/presence.ts
@@ -9943,10 +9952,10 @@ var defaultPresenceOptions = {
9943
9952
  };
9944
9953
 
9945
9954
  // src/components/pin-input/pin-input.tsx
9946
- var import_react144 = require("react");
9947
- var import_react145 = require("@chakra-ui/react");
9948
- var import_jsx_runtime23 = require("react/jsx-runtime");
9949
- var PinInput = (0, import_react144.forwardRef)(
9955
+ var import_react145 = require("react");
9956
+ var import_react146 = require("@chakra-ui/react");
9957
+ var import_jsx_runtime24 = require("react/jsx-runtime");
9958
+ var PinInput = (0, import_react145.forwardRef)(
9950
9959
  function PinInput2(props, ref) {
9951
9960
  const {
9952
9961
  pinLength = 4,
@@ -9956,35 +9965,35 @@ var PinInput = (0, import_react144.forwardRef)(
9956
9965
  gap = attached ? 0 : 2,
9957
9966
  ...rest
9958
9967
  } = props;
9959
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react145.PinInput.Root, { ref: rootRef, ...rest, children: [
9960
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react145.PinInput.HiddenInput, { ref, ...inputProps }),
9961
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react145.PinInput.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react145.Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react145.PinInput.Input, { index }, index)) }) })
9968
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react146.PinInput.Root, { ref: rootRef, ...rest, children: [
9969
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.PinInput.HiddenInput, { ref, ...inputProps }),
9970
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.PinInput.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.PinInput.Input, { index }, index)) }) })
9962
9971
  ] });
9963
9972
  }
9964
9973
  );
9965
9974
 
9966
9975
  // src/components/radio/radio.tsx
9967
- var import_react146 = require("react");
9968
- var import_react147 = require("@chakra-ui/react");
9969
- var import_jsx_runtime24 = require("react/jsx-runtime");
9970
- var Radio = (0, import_react146.forwardRef)(
9976
+ var import_react147 = require("react");
9977
+ var import_react148 = require("@chakra-ui/react");
9978
+ var import_jsx_runtime25 = require("react/jsx-runtime");
9979
+ var Radio = (0, import_react147.forwardRef)(
9971
9980
  function Radio2(props, ref) {
9972
9981
  const { children, inputProps, rootRef, ...rest } = props;
9973
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react147.RadioGroup.Item, { ref: rootRef, ...rest, children: [
9974
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react147.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
9975
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react147.RadioGroup.ItemIndicator, {}),
9976
- children && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react147.RadioGroup.ItemText, { children })
9982
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react148.RadioGroup.Item, { ref: rootRef, ...rest, children: [
9983
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react148.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
9984
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react148.RadioGroup.ItemIndicator, {}),
9985
+ children && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react148.RadioGroup.ItemText, { children })
9977
9986
  ] });
9978
9987
  }
9979
9988
  );
9980
- var RadioGroup = import_react147.RadioGroup.Root;
9989
+ var RadioGroup = import_react148.RadioGroup.Root;
9981
9990
 
9982
9991
  // src/components/search-input/search-input.tsx
9983
- var import_react148 = __toESM(require("react"), 1);
9984
- var import_react149 = require("@chakra-ui/react");
9992
+ var import_react149 = __toESM(require("react"), 1);
9993
+ var import_react150 = require("@chakra-ui/react");
9985
9994
  var import_utils9 = require("@saas-ui/core/utils");
9986
- var import_jsx_runtime25 = require("react/jsx-runtime");
9987
- var SearchInput = (0, import_react148.forwardRef)(
9995
+ var import_jsx_runtime26 = require("react/jsx-runtime");
9996
+ var SearchInput = (0, import_react149.forwardRef)(
9988
9997
  (props, ref) => {
9989
9998
  const {
9990
9999
  placeholder = "Search",
@@ -9993,7 +10002,7 @@ var SearchInput = (0, import_react148.forwardRef)(
9993
10002
  size,
9994
10003
  variant,
9995
10004
  width = "full",
9996
- icon = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SearchIcon, {}),
10005
+ icon = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SearchIcon, {}),
9997
10006
  resetIcon,
9998
10007
  endElement: endElementProp,
9999
10008
  onChange: onChangeProp,
@@ -10002,18 +10011,18 @@ var SearchInput = (0, import_react148.forwardRef)(
10002
10011
  disabled,
10003
10012
  ...inputProps
10004
10013
  } = props;
10005
- const inputRef = import_react148.default.useRef(null);
10006
- const [value, setValue] = (0, import_react149.useControllableState)({
10014
+ const inputRef = import_react149.default.useRef(null);
10015
+ const [value, setValue] = (0, import_react150.useControllableState)({
10007
10016
  value: valueProp,
10008
10017
  defaultValue: defaultValueProp
10009
10018
  });
10010
- const onChange = import_react148.default.useCallback(
10019
+ const onChange = import_react149.default.useCallback(
10011
10020
  (e) => {
10012
10021
  setValue(e.target.value);
10013
10022
  },
10014
10023
  [setValue]
10015
10024
  );
10016
- const onKeyDown = import_react148.default.useCallback(
10025
+ const onKeyDown = import_react149.default.useCallback(
10017
10026
  (event) => {
10018
10027
  if (event.key === "Escape") {
10019
10028
  setValue("");
@@ -10029,10 +10038,10 @@ var SearchInput = (0, import_react148.forwardRef)(
10029
10038
  (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
10030
10039
  };
10031
10040
  const showReset = value && !props.disabled;
10032
- const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
10033
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react149.Group, { width, children: [
10034
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
10035
- import_react149.InputElement,
10041
+ const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
10042
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react150.Group, { width, children: [
10043
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
10044
+ import_react150.InputElement,
10036
10045
  {
10037
10046
  placement: "start",
10038
10047
  px: "0",
@@ -10041,8 +10050,8 @@ var SearchInput = (0, import_react148.forwardRef)(
10041
10050
  children: icon
10042
10051
  }
10043
10052
  ),
10044
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
10045
- import_react149.Input,
10053
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
10054
+ import_react150.Input,
10046
10055
  {
10047
10056
  type: "text",
10048
10057
  placeholder,
@@ -10050,7 +10059,7 @@ var SearchInput = (0, import_react148.forwardRef)(
10050
10059
  size,
10051
10060
  value,
10052
10061
  disabled,
10053
- ref: (0, import_react149.mergeRefs)(ref, inputRef),
10062
+ ref: (0, import_react150.mergeRefs)(ref, inputRef),
10054
10063
  onChange: (0, import_utils9.callAll)(onChange, onChangeProp),
10055
10064
  onKeyDown: (0, import_utils9.callAll)(onKeyDown, onKeyDownProp),
10056
10065
  ps: "calc(var(--input-height) - var(--input-height) / 10)",
@@ -10058,15 +10067,15 @@ var SearchInput = (0, import_react148.forwardRef)(
10058
10067
  ...inputProps
10059
10068
  }
10060
10069
  ),
10061
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react149.InputElement, { placement: "end", children: endElement })
10070
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react150.InputElement, { placement: "end", children: endElement })
10062
10071
  ] });
10063
10072
  }
10064
10073
  );
10065
- var SearchInputResetButton = (0, import_react148.forwardRef)(
10074
+ var SearchInputResetButton = (0, import_react149.forwardRef)(
10066
10075
  (props, ref) => {
10067
- const { children = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CloseIcon, {}), ...rest } = props;
10068
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
10069
- import_react149.IconButton,
10076
+ const { children = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CloseIcon, {}), ...rest } = props;
10077
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
10078
+ import_react150.IconButton,
10070
10079
  {
10071
10080
  ref,
10072
10081
  variant: "ghost",
@@ -10096,23 +10105,23 @@ __export(namespace_exports3, {
10096
10105
  });
10097
10106
 
10098
10107
  // src/components/select/select.tsx
10099
- var import_react150 = require("react");
10100
- var import_react151 = require("@chakra-ui/react");
10101
- var import_jsx_runtime26 = require("react/jsx-runtime");
10102
- var SelectTrigger = (0, import_react150.forwardRef)(
10108
+ var import_react151 = require("react");
10109
+ var import_react152 = require("@chakra-ui/react");
10110
+ var import_jsx_runtime27 = require("react/jsx-runtime");
10111
+ var SelectTrigger = (0, import_react151.forwardRef)(
10103
10112
  function SelectTrigger2(props, ref) {
10104
10113
  const { children, clearable, ...rest } = props;
10105
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react151.Select.Control, { ...rest, children: [
10106
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.Trigger, { ref, children }),
10107
- /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react151.Select.IndicatorGroup, { children: [
10108
- clearable && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectClearTrigger, {}),
10109
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.Indicator, {})
10114
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.Control, { ...rest, children: [
10115
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Trigger, { ref, children }),
10116
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.IndicatorGroup, { children: [
10117
+ clearable && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectClearTrigger, {}),
10118
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Indicator, {})
10110
10119
  ] })
10111
10120
  ] });
10112
10121
  }
10113
10122
  );
10114
- var SelectClearTrigger = (0, import_react150.forwardRef)(function SelectClearTrigger2(props, ref) {
10115
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
10123
+ var SelectClearTrigger = (0, import_react151.forwardRef)(function SelectClearTrigger2(props, ref) {
10124
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
10116
10125
  CloseButton,
10117
10126
  {
10118
10127
  size: "xs",
@@ -10123,24 +10132,24 @@ var SelectClearTrigger = (0, import_react150.forwardRef)(function SelectClearTri
10123
10132
  }
10124
10133
  ) });
10125
10134
  });
10126
- var SelectContent = (0, import_react150.forwardRef)(
10135
+ var SelectContent = (0, import_react151.forwardRef)(
10127
10136
  function SelectContent2(props, ref) {
10128
10137
  const { portalled = true, portalRef, ...rest } = props;
10129
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.Content, { ...rest, ref }) }) });
10138
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Content, { ...rest, ref }) }) });
10130
10139
  }
10131
10140
  );
10132
- var SelectItem = (0, import_react150.forwardRef)(
10141
+ var SelectItem = (0, import_react151.forwardRef)(
10133
10142
  function SelectItem2(props, ref) {
10134
10143
  const { item, children, ...rest } = props;
10135
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react151.Select.Item, { item, ...rest, ref, children: [
10144
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.Item, { item, ...rest, ref, children: [
10136
10145
  children,
10137
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.ItemIndicator, {})
10146
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ItemIndicator, {})
10138
10147
  ] }, item.value);
10139
10148
  }
10140
10149
  );
10141
- var SelectValueText = (0, import_react150.forwardRef)(function SelectValueText2(props, ref) {
10150
+ var SelectValueText = (0, import_react151.forwardRef)(function SelectValueText2(props, ref) {
10142
10151
  const { children, ...rest } = props;
10143
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.Context, { children: (select) => {
10152
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Context, { children: (select) => {
10144
10153
  const items = select.selectedItems;
10145
10154
  if (items.length === 0) return props.placeholder;
10146
10155
  if (children) return children(items);
@@ -10149,9 +10158,9 @@ var SelectValueText = (0, import_react150.forwardRef)(function SelectValueText2(
10149
10158
  return `${items.length} selected`;
10150
10159
  } }) });
10151
10160
  });
10152
- var SelectRoot = (0, import_react150.forwardRef)(function SelectRoot2(props, ref) {
10153
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
10154
- import_react151.Select.Root,
10161
+ var SelectRoot = (0, import_react151.forwardRef)(function SelectRoot2(props, ref) {
10162
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
10163
+ import_react152.Select.Root,
10155
10164
  {
10156
10165
  ...props,
10157
10166
  ref,
@@ -10159,41 +10168,41 @@ var SelectRoot = (0, import_react150.forwardRef)(function SelectRoot2(props, ref
10159
10168
  }
10160
10169
  );
10161
10170
  });
10162
- var SelectItemGroup = (0, import_react150.forwardRef)(
10171
+ var SelectItemGroup = (0, import_react151.forwardRef)(
10163
10172
  function SelectItemGroup2(props, ref) {
10164
10173
  const { children, label, ...rest } = props;
10165
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react151.Select.ItemGroup, { ...rest, ref, children: [
10166
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react151.Select.ItemGroupLabel, { children: label }),
10174
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.ItemGroup, { ...rest, ref, children: [
10175
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ItemGroupLabel, { children: label }),
10167
10176
  children
10168
10177
  ] });
10169
10178
  }
10170
10179
  );
10171
- var SelectLabel = import_react151.Select.Label;
10172
- var SelectItemText = import_react151.Select.ItemText;
10180
+ var SelectLabel = import_react152.Select.Label;
10181
+ var SelectItemText = import_react152.Select.ItemText;
10173
10182
 
10174
10183
  // src/components/segmented-control/segmented-control.tsx
10175
- var import_react152 = require("react");
10176
- var import_react153 = require("@chakra-ui/react");
10177
- var import_jsx_runtime27 = require("react/jsx-runtime");
10184
+ var import_react153 = require("react");
10185
+ var import_react154 = require("@chakra-ui/react");
10186
+ var import_jsx_runtime28 = require("react/jsx-runtime");
10178
10187
  function normalize(items) {
10179
10188
  return items.map((item) => {
10180
10189
  if (typeof item === "string") return { value: item, label: item };
10181
10190
  return item;
10182
10191
  });
10183
10192
  }
10184
- var SegmentedControl = (0, import_react152.forwardRef)(function SegmentedControl2(props, ref) {
10193
+ var SegmentedControl = (0, import_react153.forwardRef)(function SegmentedControl2(props, ref) {
10185
10194
  const { items, ...rest } = props;
10186
- const data = (0, import_react152.useMemo)(() => normalize(items), [items]);
10187
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react153.SegmentGroup.Root, { ref, ...rest, children: [
10188
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react153.SegmentGroup.Indicator, {}),
10189
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react153.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
10190
- import_react153.SegmentGroup.Item,
10195
+ const data = (0, import_react153.useMemo)(() => normalize(items), [items]);
10196
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react154.SegmentGroup.Root, { ref, ...rest, children: [
10197
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.SegmentGroup.Indicator, {}),
10198
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
10199
+ import_react154.SegmentGroup.Item,
10191
10200
  {
10192
10201
  value: item.value,
10193
10202
  disabled: item.disabled,
10194
10203
  children: [
10195
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react153.SegmentGroup.ItemText, { children: item.label }),
10196
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react153.SegmentGroup.ItemHiddenInput, {})
10204
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.SegmentGroup.ItemText, { children: item.label }),
10205
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.SegmentGroup.ItemHiddenInput, {})
10197
10206
  ]
10198
10207
  },
10199
10208
  item.value
@@ -10225,28 +10234,28 @@ __export(sidebar_exports, {
10225
10234
  var import_sidebar = require("@saas-ui/core/sidebar");
10226
10235
 
10227
10236
  // src/components/sidebar/sidebar.context.ts
10228
- var import_react154 = require("@chakra-ui/react");
10237
+ var import_react155 = require("@chakra-ui/react");
10229
10238
  var {
10230
10239
  withContext: withContext7,
10231
10240
  useRecipeResult,
10232
10241
  StylesProvider,
10233
10242
  ClassNamesProvider,
10234
10243
  useStyles: useSidebarStyles
10235
- } = (0, import_react154.createSlotRecipeContext)({
10244
+ } = (0, import_react155.createSlotRecipeContext)({
10236
10245
  key: "suiSidebar"
10237
10246
  });
10238
10247
  var {
10239
10248
  withProvider: withItemProvider,
10240
10249
  withContext: withItemContext,
10241
10250
  useStyles: useSidebarItemStyles
10242
- } = (0, import_react154.createSlotRecipeContext)({
10251
+ } = (0, import_react155.createSlotRecipeContext)({
10243
10252
  key: "suiSidebarNavItem"
10244
10253
  });
10245
10254
 
10246
10255
  // src/components/sidebar/sidebar.tsx
10247
- var import_jsx_runtime28 = require("react/jsx-runtime");
10256
+ var import_jsx_runtime29 = require("react/jsx-runtime");
10248
10257
  var SidebarProvider = function SidebarProvider2(props) {
10249
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_sidebar.Sidebar.Provider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RecipeProvider, { ...props, children: props.children }) });
10258
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_sidebar.Sidebar.Provider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RecipeProvider, { ...props, children: props.children }) });
10250
10259
  };
10251
10260
  function RecipeProvider(props) {
10252
10261
  const { mode } = (0, import_sidebar.useSidebar)();
@@ -10254,7 +10263,7 @@ function RecipeProvider(props) {
10254
10263
  ...props,
10255
10264
  mode
10256
10265
  });
10257
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ClassNamesProvider, { value: classNames, children: props.children }) });
10266
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ClassNamesProvider, { value: classNames, children: props.children }) });
10258
10267
  }
10259
10268
  var SidebarRoot = withContext7(
10260
10269
  import_sidebar.Sidebar.Root,
@@ -10328,23 +10337,23 @@ var SidebarNavItemEndElement = withItemContext(import_sidebar.Sidebar.NavItemEnd
10328
10337
  var import_sidebar2 = require("@saas-ui/core/sidebar");
10329
10338
 
10330
10339
  // src/components/toaster/toaster.tsx
10331
- var import_react155 = require("@chakra-ui/react");
10332
- var import_jsx_runtime29 = require("react/jsx-runtime");
10333
- var toast = (0, import_react155.createToaster)({
10340
+ var import_react156 = require("@chakra-ui/react");
10341
+ var import_jsx_runtime30 = require("react/jsx-runtime");
10342
+ var toast = (0, import_react156.createToaster)({
10334
10343
  placement: "bottom-end",
10335
10344
  pauseOnPageIdle: true
10336
10345
  });
10337
10346
  var Toaster = () => {
10338
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Toaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
10347
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
10339
10348
  var _a7;
10340
- return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react155.Toast.Root, { width: { md: "sm" }, children: [
10341
- toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Toast.Indicator, {}),
10342
- /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react155.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
10343
- toast2.title && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Toast.Title, { children: toast2.title }),
10344
- toast2.description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Toast.Description, { children: toast2.description })
10349
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Toast.Root, { width: { md: "sm" }, children: [
10350
+ toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.Indicator, {}),
10351
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
10352
+ toast2.title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.Title, { children: toast2.title }),
10353
+ toast2.description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.Description, { children: toast2.description })
10345
10354
  ] }),
10346
- toast2.action && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Toast.ActionTrigger, { children: toast2.action.label }),
10347
- ((_a7 = toast2.meta) == null ? void 0 : _a7.closable) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react155.Toast.CloseTrigger, {})
10355
+ toast2.action && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.ActionTrigger, { children: toast2.action.label }),
10356
+ ((_a7 = toast2.meta) == null ? void 0 : _a7.closable) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.CloseTrigger, {})
10348
10357
  ] });
10349
10358
  } }) });
10350
10359
  };
@@ -10361,75 +10370,75 @@ __export(steps_exports, {
10361
10370
  PrevTrigger: () => StepsPrevTrigger,
10362
10371
  Root: () => StepsRoot
10363
10372
  });
10364
- var import_react156 = require("@chakra-ui/react");
10365
- var import_jsx_runtime30 = require("react/jsx-runtime");
10373
+ var import_react157 = require("@chakra-ui/react");
10374
+ var import_jsx_runtime31 = require("react/jsx-runtime");
10366
10375
  var StepsItem = (props) => {
10367
10376
  const { title, description, completedIcon, icon, ...rest } = props;
10368
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Steps.Item, { ...rest, children: [
10369
- /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Steps.Trigger, { children: [
10370
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
10371
- import_react156.Steps.Status,
10377
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Steps.Item, { ...rest, children: [
10378
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Steps.Trigger, { children: [
10379
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
10380
+ import_react157.Steps.Status,
10372
10381
  {
10373
- complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CheckIcon, {}),
10374
- incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Number, {})
10382
+ complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CheckIcon, {}),
10383
+ incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Number, {})
10375
10384
  }
10376
10385
  ) }),
10377
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(StepInfo, { title, description })
10386
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StepInfo, { title, description })
10378
10387
  ] }),
10379
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Separator, {})
10388
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Separator, {})
10380
10389
  ] });
10381
10390
  };
10382
10391
  var StepInfo = (props) => {
10383
10392
  const { title, description } = props;
10384
10393
  if (title && description) {
10385
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Box, { children: [
10386
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Title, { children: title }),
10387
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Description, { children: description })
10394
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Box, { children: [
10395
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Title, { children: title }),
10396
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Description, { children: description })
10388
10397
  ] });
10389
10398
  }
10390
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
10391
- title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Title, { children: title }),
10392
- description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Description, { children: description })
10399
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
10400
+ title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Title, { children: title }),
10401
+ description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Description, { children: description })
10393
10402
  ] });
10394
10403
  };
10395
10404
  var StepsIndicator = (props) => {
10396
- const { icon = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Number, {}), completedIcon } = props;
10397
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.Status, { complete: completedIcon, incomplete: icon }) });
10405
+ const { icon = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Number, {}), completedIcon } = props;
10406
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Status, { complete: completedIcon, incomplete: icon }) });
10398
10407
  };
10399
- var StepsList = import_react156.Steps.List;
10400
- var StepsRoot = import_react156.Steps.Root;
10401
- var StepsContent = import_react156.Steps.Content;
10402
- var StepsCompletedContent = import_react156.Steps.CompletedContent;
10408
+ var StepsList = import_react157.Steps.List;
10409
+ var StepsRoot = import_react157.Steps.Root;
10410
+ var StepsContent = import_react157.Steps.Content;
10411
+ var StepsCompletedContent = import_react157.Steps.CompletedContent;
10403
10412
  var StepsNextTrigger = (props) => {
10404
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.NextTrigger, { ...props });
10413
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.NextTrigger, { ...props });
10405
10414
  };
10406
10415
  var StepsPrevTrigger = (props) => {
10407
- return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Steps.PrevTrigger, { ...props });
10416
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.PrevTrigger, { ...props });
10408
10417
  };
10409
10418
 
10410
10419
  // src/components/switch/switch.tsx
10411
- var import_react157 = require("@chakra-ui/react");
10412
- var import_react158 = require("react");
10413
- var import_jsx_runtime31 = require("react/jsx-runtime");
10414
- var Switch = (0, import_react158.forwardRef)(
10420
+ var import_react158 = require("@chakra-ui/react");
10421
+ var import_react159 = require("react");
10422
+ var import_jsx_runtime32 = require("react/jsx-runtime");
10423
+ var Switch = (0, import_react159.forwardRef)(
10415
10424
  function Switch2(props, ref) {
10416
10425
  const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
10417
- return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Switch.Root, { ref: rootRef, ...rest, children: [
10418
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Switch.HiddenInput, { ref, ...inputProps }),
10419
- /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Switch.Control, { children: [
10420
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
10421
- trackLabel && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
10426
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react158.Switch.Root, { ref: rootRef, ...rest, children: [
10427
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.HiddenInput, { ref, ...inputProps }),
10428
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react158.Switch.Control, { children: [
10429
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
10430
+ trackLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
10422
10431
  ] }),
10423
- children != null && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Switch.Label, { children })
10432
+ children != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.Label, { children })
10424
10433
  ] });
10425
10434
  }
10426
10435
  );
10427
10436
 
10428
10437
  // src/components/tooltip/tooltip.tsx
10429
- var import_react159 = require("react");
10430
- var import_react160 = require("@chakra-ui/react");
10431
- var import_jsx_runtime32 = require("react/jsx-runtime");
10432
- var Tooltip = (0, import_react159.forwardRef)(
10438
+ var import_react160 = require("react");
10439
+ var import_react161 = require("@chakra-ui/react");
10440
+ var import_jsx_runtime33 = require("react/jsx-runtime");
10441
+ var Tooltip = (0, import_react160.forwardRef)(
10433
10442
  function Tooltip2(props, ref) {
10434
10443
  const {
10435
10444
  showArrow,
@@ -10442,10 +10451,10 @@ var Tooltip = (0, import_react159.forwardRef)(
10442
10451
  ...rest
10443
10452
  } = props;
10444
10453
  if (disabled) return children;
10445
- return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react160.Tooltip.Root, { ...rest, children: [
10446
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react160.Tooltip.Trigger, { asChild: true, children }),
10447
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react160.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react160.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react160.Tooltip.Content, { ref, ...contentProps, children: [
10448
- showArrow && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react160.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react160.Tooltip.ArrowTip, {}) }),
10454
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react161.Tooltip.Root, { ...rest, children: [
10455
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.Trigger, { asChild: true, children }),
10456
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react161.Tooltip.Content, { ref, ...contentProps, children: [
10457
+ showArrow && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.ArrowTip, {}) }),
10449
10458
  content
10450
10459
  ] }) }) })
10451
10460
  ] });