@saas-ui/react 3.0.0-alpha.8 → 3.0.0-alpha.9
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/dist/{chunk-BFA5FCA2.js → chunk-O2WVT2BP.js} +1 -16
- package/dist/{chunk-3Z2C27LI.js → chunk-Q6SNJJO2.js} +14 -2
- package/dist/chunk-TZBAM4AD.js +20 -0
- package/dist/components/link/index.js +2 -1
- package/dist/components/navbar/index.cjs +42 -4
- package/dist/components/navbar/index.d.cts +4 -1
- package/dist/components/navbar/index.d.ts +4 -1
- package/dist/components/navbar/index.js +2 -1
- package/dist/index.cjs +233 -224
- package/dist/index.js +21 -19
- package/package.json +1 -1
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: () =>
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
9443
|
-
|
|
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
|
|
9448
|
-
var
|
|
9449
|
-
var
|
|
9450
|
-
var NumberInput = (0,
|
|
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,
|
|
9461
|
-
/* @__PURE__ */ (0,
|
|
9462
|
-
!hideControls && !endElement ? /* @__PURE__ */ (0,
|
|
9463
|
-
/* @__PURE__ */ (0,
|
|
9464
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
9491
|
-
var
|
|
9492
|
-
var
|
|
9493
|
-
var MenuContent = (0,
|
|
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,
|
|
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,
|
|
9508
|
+
var MenuArrow = (0, import_react136.forwardRef)(
|
|
9500
9509
|
function MenuArrow2(props, ref) {
|
|
9501
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
9505
|
-
return /* @__PURE__ */ (0,
|
|
9506
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
9519
|
+
var MenuRadioItem = (0, import_react136.forwardRef)(
|
|
9511
9520
|
function MenuRadioItem2(props, ref) {
|
|
9512
9521
|
const { children, ...rest } = props;
|
|
9513
|
-
return /* @__PURE__ */ (0,
|
|
9514
|
-
/* @__PURE__ */ (0,
|
|
9515
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
9528
|
+
var MenuItemGroup = (0, import_react136.forwardRef)(
|
|
9520
9529
|
function MenuItemGroup2(props, ref) {
|
|
9521
9530
|
const { title, children, ...rest } = props;
|
|
9522
|
-
return /* @__PURE__ */ (0,
|
|
9523
|
-
title && /* @__PURE__ */ (0,
|
|
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,
|
|
9537
|
+
var MenuTriggerItem = (0, import_react136.forwardRef)(
|
|
9529
9538
|
function MenuTriggerItem2(props, ref) {
|
|
9530
9539
|
const { startIcon, children, ...rest } = props;
|
|
9531
|
-
return /* @__PURE__ */ (0,
|
|
9540
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.TriggerItem, { ref, ...rest, children: [
|
|
9532
9541
|
startIcon,
|
|
9533
9542
|
children,
|
|
9534
|
-
/* @__PURE__ */ (0,
|
|
9543
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronRightIcon, {})
|
|
9535
9544
|
] });
|
|
9536
9545
|
}
|
|
9537
9546
|
);
|
|
9538
|
-
var MenuButton = (0,
|
|
9547
|
+
var MenuButton = (0, import_react136.forwardRef)(
|
|
9539
9548
|
function MenuButton2(props, ref) {
|
|
9540
|
-
return /* @__PURE__ */ (0,
|
|
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 =
|
|
9544
|
-
var MenuContextTrigger =
|
|
9545
|
-
var MenuRoot =
|
|
9546
|
-
var MenuSeparator =
|
|
9547
|
-
var MenuContext =
|
|
9548
|
-
var MenuItem =
|
|
9549
|
-
var MenuItemText =
|
|
9550
|
-
var MenuItemCommand =
|
|
9551
|
-
var MenuTrigger =
|
|
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
|
|
9555
|
-
var
|
|
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
|
|
9567
|
+
var import_react139 = __toESM(require("react"), 1);
|
|
9559
9568
|
|
|
9560
9569
|
// ../../node_modules/react-icons/lib/iconContext.mjs
|
|
9561
|
-
var
|
|
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 =
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
9699
|
+
}), title && /* @__PURE__ */ import_react139.default.createElement("title", null, title), props.children);
|
|
9691
9700
|
};
|
|
9692
|
-
return IconContext !== void 0 ? /* @__PURE__ */
|
|
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
|
|
9705
|
-
var PasswordInput = (0,
|
|
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,
|
|
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,
|
|
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,
|
|
9721
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
9740
|
-
|
|
9748
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
9749
|
+
import_react141.Input,
|
|
9741
9750
|
{
|
|
9742
9751
|
...rest,
|
|
9743
|
-
ref: (0,
|
|
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,
|
|
9760
|
+
var VisibilityTrigger = (0, import_react140.forwardRef)(
|
|
9752
9761
|
function VisibilityTrigger2(props, ref) {
|
|
9753
|
-
return /* @__PURE__ */ (0,
|
|
9754
|
-
|
|
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
|
|
9776
|
-
var
|
|
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
|
|
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,
|
|
9794
|
+
} = (0, import_react142.createSlotRecipeContext)({
|
|
9786
9795
|
key: "suiPersona"
|
|
9787
9796
|
});
|
|
9788
9797
|
|
|
9789
9798
|
// src/components/persona/persona-primitive.tsx
|
|
9790
|
-
var
|
|
9799
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
9791
9800
|
var PersonaRoot = withProvider5(
|
|
9792
|
-
(0,
|
|
9801
|
+
(0, import_react143.forwardRef)((props, ref) => {
|
|
9793
9802
|
const { outOfOffice, presence, ...rest } = props;
|
|
9794
|
-
return /* @__PURE__ */ (0,
|
|
9795
|
-
|
|
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,
|
|
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,
|
|
9826
|
-
/* @__PURE__ */ (0,
|
|
9827
|
-
/* @__PURE__ */ (0,
|
|
9828
|
-
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
9911
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaPresenceBadge, { children: presenceIcon })
|
|
9903
9912
|
}
|
|
9904
9913
|
),
|
|
9905
|
-
!hideDetails && /* @__PURE__ */ (0,
|
|
9906
|
-
/* @__PURE__ */ (0,
|
|
9907
|
-
secondaryLabel && /* @__PURE__ */ (0,
|
|
9908
|
-
tertiaryLabel && /* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
9947
|
-
var
|
|
9948
|
-
var
|
|
9949
|
-
var PinInput = (0,
|
|
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,
|
|
9960
|
-
/* @__PURE__ */ (0,
|
|
9961
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
9968
|
-
var
|
|
9969
|
-
var
|
|
9970
|
-
var Radio = (0,
|
|
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,
|
|
9974
|
-
/* @__PURE__ */ (0,
|
|
9975
|
-
/* @__PURE__ */ (0,
|
|
9976
|
-
children && /* @__PURE__ */ (0,
|
|
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 =
|
|
9989
|
+
var RadioGroup = import_react148.RadioGroup.Root;
|
|
9981
9990
|
|
|
9982
9991
|
// src/components/search-input/search-input.tsx
|
|
9983
|
-
var
|
|
9984
|
-
var
|
|
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
|
|
9987
|
-
var SearchInput = (0,
|
|
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,
|
|
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 =
|
|
10006
|
-
const [value, setValue] = (0,
|
|
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 =
|
|
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 =
|
|
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,
|
|
10033
|
-
return /* @__PURE__ */ (0,
|
|
10034
|
-
/* @__PURE__ */ (0,
|
|
10035
|
-
|
|
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,
|
|
10045
|
-
|
|
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,
|
|
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,
|
|
10070
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react150.InputElement, { placement: "end", children: endElement })
|
|
10062
10071
|
] });
|
|
10063
10072
|
}
|
|
10064
10073
|
);
|
|
10065
|
-
var SearchInputResetButton = (0,
|
|
10074
|
+
var SearchInputResetButton = (0, import_react149.forwardRef)(
|
|
10066
10075
|
(props, ref) => {
|
|
10067
|
-
const { children = /* @__PURE__ */ (0,
|
|
10068
|
-
return /* @__PURE__ */ (0,
|
|
10069
|
-
|
|
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
|
|
10100
|
-
var
|
|
10101
|
-
var
|
|
10102
|
-
var SelectTrigger = (0,
|
|
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,
|
|
10106
|
-
/* @__PURE__ */ (0,
|
|
10107
|
-
/* @__PURE__ */ (0,
|
|
10108
|
-
clearable && /* @__PURE__ */ (0,
|
|
10109
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
10115
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
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,
|
|
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,
|
|
10141
|
+
var SelectItem = (0, import_react151.forwardRef)(
|
|
10133
10142
|
function SelectItem2(props, ref) {
|
|
10134
10143
|
const { item, children, ...rest } = props;
|
|
10135
|
-
return /* @__PURE__ */ (0,
|
|
10144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.Item, { item, ...rest, ref, children: [
|
|
10136
10145
|
children,
|
|
10137
|
-
/* @__PURE__ */ (0,
|
|
10146
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ItemIndicator, {})
|
|
10138
10147
|
] }, item.value);
|
|
10139
10148
|
}
|
|
10140
10149
|
);
|
|
10141
|
-
var SelectValueText = (0,
|
|
10150
|
+
var SelectValueText = (0, import_react151.forwardRef)(function SelectValueText2(props, ref) {
|
|
10142
10151
|
const { children, ...rest } = props;
|
|
10143
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
10153
|
-
return /* @__PURE__ */ (0,
|
|
10154
|
-
|
|
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,
|
|
10171
|
+
var SelectItemGroup = (0, import_react151.forwardRef)(
|
|
10163
10172
|
function SelectItemGroup2(props, ref) {
|
|
10164
10173
|
const { children, label, ...rest } = props;
|
|
10165
|
-
return /* @__PURE__ */ (0,
|
|
10166
|
-
/* @__PURE__ */ (0,
|
|
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 =
|
|
10172
|
-
var SelectItemText =
|
|
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
|
|
10176
|
-
var
|
|
10177
|
-
var
|
|
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,
|
|
10193
|
+
var SegmentedControl = (0, import_react153.forwardRef)(function SegmentedControl2(props, ref) {
|
|
10185
10194
|
const { items, ...rest } = props;
|
|
10186
|
-
const data = (0,
|
|
10187
|
-
return /* @__PURE__ */ (0,
|
|
10188
|
-
/* @__PURE__ */ (0,
|
|
10189
|
-
/* @__PURE__ */ (0,
|
|
10190
|
-
|
|
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,
|
|
10196
|
-
/* @__PURE__ */ (0,
|
|
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
|
|
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,
|
|
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,
|
|
10251
|
+
} = (0, import_react155.createSlotRecipeContext)({
|
|
10243
10252
|
key: "suiSidebarNavItem"
|
|
10244
10253
|
});
|
|
10245
10254
|
|
|
10246
10255
|
// src/components/sidebar/sidebar.tsx
|
|
10247
|
-
var
|
|
10256
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
10248
10257
|
var SidebarProvider = function SidebarProvider2(props) {
|
|
10249
|
-
return /* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
10332
|
-
var
|
|
10333
|
-
var toast = (0,
|
|
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,
|
|
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,
|
|
10341
|
-
toast2.type === "loading" ? /* @__PURE__ */ (0,
|
|
10342
|
-
/* @__PURE__ */ (0,
|
|
10343
|
-
toast2.title && /* @__PURE__ */ (0,
|
|
10344
|
-
toast2.description && /* @__PURE__ */ (0,
|
|
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,
|
|
10347
|
-
((_a7 = toast2.meta) == null ? void 0 : _a7.closable) && /* @__PURE__ */ (0,
|
|
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
|
|
10365
|
-
var
|
|
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,
|
|
10369
|
-
/* @__PURE__ */ (0,
|
|
10370
|
-
/* @__PURE__ */ (0,
|
|
10371
|
-
|
|
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,
|
|
10374
|
-
incomplete: icon || /* @__PURE__ */ (0,
|
|
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,
|
|
10386
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StepInfo, { title, description })
|
|
10378
10387
|
] }),
|
|
10379
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
10386
|
-
/* @__PURE__ */ (0,
|
|
10387
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
10391
|
-
title && /* @__PURE__ */ (0,
|
|
10392
|
-
description && /* @__PURE__ */ (0,
|
|
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,
|
|
10397
|
-
return /* @__PURE__ */ (0,
|
|
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 =
|
|
10400
|
-
var StepsRoot =
|
|
10401
|
-
var StepsContent =
|
|
10402
|
-
var StepsCompletedContent =
|
|
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,
|
|
10413
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.NextTrigger, { ...props });
|
|
10405
10414
|
};
|
|
10406
10415
|
var StepsPrevTrigger = (props) => {
|
|
10407
|
-
return /* @__PURE__ */ (0,
|
|
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
|
|
10412
|
-
var
|
|
10413
|
-
var
|
|
10414
|
-
var Switch = (0,
|
|
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,
|
|
10418
|
-
/* @__PURE__ */ (0,
|
|
10419
|
-
/* @__PURE__ */ (0,
|
|
10420
|
-
/* @__PURE__ */ (0,
|
|
10421
|
-
trackLabel && /* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
10430
|
-
var
|
|
10431
|
-
var
|
|
10432
|
-
var Tooltip = (0,
|
|
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,
|
|
10446
|
-
/* @__PURE__ */ (0,
|
|
10447
|
-
/* @__PURE__ */ (0,
|
|
10448
|
-
showArrow && /* @__PURE__ */ (0,
|
|
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
|
] });
|