@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/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
|
] });
|