@bitrise/bitkit-v2 0.3.204 → 0.3.206
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/ImageCropper/ImageCropper.d.ts +10 -10
- package/dist/components/BitkitAccordion/BitkitAccordion.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarFooter.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarSelect.js.map +1 -1
- package/dist/components/BitkitCalendar/components/CalendarTrigger.js.map +1 -1
- package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js.map +1 -1
- package/dist/components/BitkitCollapsible/BitkitCollapsible.js.map +1 -1
- package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +11 -1
- package/dist/components/BitkitCombobox/BitkitCombobox.js +4 -7
- package/dist/components/BitkitCombobox/BitkitCombobox.js.map +1 -1
- package/dist/components/BitkitDataWidget/BitkitDataWidget.d.ts +10 -0
- package/dist/components/BitkitDataWidget/BitkitDataWidget.js +45 -0
- package/dist/components/BitkitDataWidget/BitkitDataWidget.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitDialog.d.ts +19 -6
- package/dist/components/BitkitDialog/BitkitDialog.js +22 -5
- package/dist/components/BitkitDialog/BitkitDialog.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogBody.d.ts +1 -1
- package/dist/components/BitkitDialog/BitkitDialogBody.js +15 -4
- package/dist/components/BitkitDialog/BitkitDialogBody.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogContent.d.ts +4 -2
- package/dist/components/BitkitDialog/BitkitDialogContent.js +29 -18
- package/dist/components/BitkitDialog/BitkitDialogContent.js.map +1 -1
- package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts +9 -0
- package/dist/components/BitkitDialog/BitkitDialogHeader.js +8 -0
- package/dist/components/BitkitDialog/BitkitDialogHeader.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitDialogStep.d.ts +11 -0
- package/dist/components/BitkitDialog/BitkitDialogStep.js +26 -0
- package/dist/components/BitkitDialog/BitkitDialogStep.js.map +1 -0
- package/dist/components/BitkitDialog/BitkitDialogStepContext.d.ts +5 -0
- package/dist/components/BitkitDialog/BitkitDialogStepContext.js +7 -0
- package/dist/components/BitkitDialog/BitkitDialogStepContext.js.map +1 -0
- package/dist/components/BitkitDraggableCard/BitkitDraggableCard.js.map +1 -1
- package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map +1 -1
- package/dist/components/BitkitGroupHeading/BitkitGroupHeading.js.map +1 -1
- package/dist/components/BitkitInlineLoading/BitkitInlineLoading.js.map +1 -1
- package/dist/components/BitkitLabel/BitkitLabel.js +3 -3
- package/dist/components/BitkitLabel/BitkitLabel.js.map +1 -1
- package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js +1 -1
- package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map +1 -1
- package/dist/components/BitkitLabeledData/BitkitLabeledData.js +24 -17
- package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map +1 -1
- package/dist/components/BitkitList/BitkitList.d.ts +21 -0
- package/dist/components/BitkitList/BitkitList.js +107 -0
- package/dist/components/BitkitList/BitkitList.js.map +1 -0
- package/dist/components/BitkitList/index.d.ts +2 -0
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js +11 -17
- package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map +1 -1
- package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js.map +1 -1
- package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts +13 -1
- package/dist/components/BitkitMultiselect/BitkitMultiselect.js +3 -6
- package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
- package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.d.ts +5 -1
- package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js +5 -3
- package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map +1 -1
- package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js.map +1 -1
- package/dist/components/BitkitNoteCard/BitkitNoteCard.js.map +1 -1
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.d.ts +4 -0
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +5 -3
- package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js.map +1 -1
- package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js +1 -1
- package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.js.map +1 -1
- package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map +1 -1
- package/dist/components/BitkitPagination/BitkitPagination.js.map +1 -1
- package/dist/components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js.map +1 -1
- package/dist/components/BitkitRibbon/BitkitRibbon.js.map +1 -1
- package/dist/components/BitkitSearchInput/BitkitSearchInput.js +2 -1
- package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map +1 -1
- package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js +1 -1
- package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js.map +1 -1
- package/dist/components/BitkitSelect/BitkitSelect.d.ts +12 -1
- package/dist/components/BitkitSelect/BitkitSelect.js +3 -6
- package/dist/components/BitkitSelect/BitkitSelect.js.map +1 -1
- package/dist/components/BitkitSelectMenu/BitkitSelectMenu.d.ts +14 -11
- package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map +1 -1
- package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts +1 -1
- package/dist/components/BitkitSelectMenu/SelectMenuShell.js +13 -13
- package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map +1 -1
- package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js.map +1 -1
- package/dist/components/BitkitSidebar/BitkitSidebar.js.map +1 -1
- package/dist/components/BitkitSpinner/BitkitSpinner.d.ts +4 -0
- package/dist/components/BitkitSpinner/BitkitSpinner.js +15 -0
- package/dist/components/BitkitSpinner/BitkitSpinner.js.map +1 -0
- package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map +1 -1
- package/dist/components/BitkitSteps/BitkitSteps.js +3 -3
- package/dist/components/BitkitSteps/BitkitSteps.js.map +1 -1
- package/dist/components/BitkitStepsCard/BitkitStepsCard.js.map +1 -1
- package/dist/components/BitkitSwitch/BitkitSwitch.d.ts +3 -0
- package/dist/components/BitkitSwitch/BitkitSwitch.js +105 -0
- package/dist/components/BitkitSwitch/BitkitSwitch.js.map +1 -0
- package/dist/components/BitkitSwitch/BitkitSwitch.types.d.ts +21 -0
- package/dist/components/{BitkitToggle/BitkitToggle.utils.d.ts → BitkitSwitch/BitkitSwitch.utils.d.ts} +1 -1
- package/dist/components/{BitkitToggle/BitkitToggle.utils.js → BitkitSwitch/BitkitSwitch.utils.js} +2 -2
- package/dist/components/{BitkitToggle/BitkitToggle.utils.js.map → BitkitSwitch/BitkitSwitch.utils.js.map} +1 -1
- package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.d.ts +3 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleHelperText.js → BitkitSwitch/components/BitkitSwitchHelperText.js} +5 -5
- package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js.map +1 -0
- package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.d.ts +3 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleLabel.js → BitkitSwitch/components/BitkitSwitchLabel.js} +4 -4
- package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js.map +1 -0
- package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.d.ts +4 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js → BitkitSwitch/components/BitkitSwitchReadOnly.js} +4 -4
- package/dist/components/{BitkitToggle/components/BitkitToggleReadOnly.js.map → BitkitSwitch/components/BitkitSwitchReadOnly.js.map} +1 -1
- package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.d.ts +3 -0
- package/dist/components/{BitkitToggle/components/BitkitToggleValueText.js → BitkitSwitch/components/BitkitSwitchValueText.js} +7 -7
- package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.js.map +1 -0
- package/dist/components/BitkitSwitch/index.d.ts +2 -0
- package/dist/components/BitkitTag/BitkitTag.js +1 -1
- package/dist/components/BitkitTag/BitkitTag.js.map +1 -1
- package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +1 -0
- package/dist/components/BitkitTagsInput/BitkitTagsInput.js +5 -2
- package/dist/components/BitkitTagsInput/BitkitTagsInput.js.map +1 -1
- package/dist/components/BitkitTooltip/BitkitTooltip.js +1 -1
- package/dist/components/BitkitTooltip/BitkitTooltip.js.map +1 -1
- package/dist/components/BitkitTreeView/BitkitTreeView.js.map +1 -1
- package/dist/components/index.d.ts +6 -4
- package/dist/main.js +9 -7
- package/dist/theme/common/ComboboxAndSelect.common.js +2 -1
- package/dist/theme/common/ComboboxAndSelect.common.js.map +1 -1
- package/dist/theme/common/InputAndTextarea.common.d.ts +7 -0
- package/dist/theme/common/InputAndTextarea.common.js +8 -1
- package/dist/theme/common/InputAndTextarea.common.js.map +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/recipes/Button.recipe.js.map +1 -1
- package/dist/theme/recipes/Input.recipe.js +6 -2
- package/dist/theme/recipes/Input.recipe.js.map +1 -1
- package/dist/theme/recipes/SelectableTag.recipe.js +1 -1
- package/dist/theme/recipes/SelectableTag.recipe.js.map +1 -1
- package/dist/theme/recipes/ToggleButton.recipe.js +20 -2
- package/dist/theme/recipes/ToggleButton.recipe.js.map +1 -1
- package/dist/theme/semantic-tokens/semanticColors.js +14 -9
- package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
- package/dist/theme/slot-recipes/Combobox.recipe.js +14 -4
- package/dist/theme/slot-recipes/Combobox.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/DataWidget.recipe.d.ts +2 -0
- package/dist/theme/slot-recipes/DataWidget.recipe.js +65 -0
- package/dist/theme/slot-recipes/DataWidget.recipe.js.map +1 -0
- package/dist/theme/slot-recipes/Dialog.recipe.d.ts +13 -4
- package/dist/theme/slot-recipes/Dialog.recipe.js +40 -7
- package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/GroupHeading.recipe.js +1 -1
- package/dist/theme/slot-recipes/GroupHeading.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js +4 -3
- package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/NoteCard.recipe.js +14 -4
- package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Select.recipe.js +28 -11
- package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/StepCard.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Switch.recipe.d.ts +3 -3
- package/dist/theme/slot-recipes/Switch.recipe.js +12 -12
- package/dist/theme/slot-recipes/Switch.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/TagsInput.recipe.d.ts +9 -4
- package/dist/theme/slot-recipes/TagsInput.recipe.js +18 -5
- package/dist/theme/slot-recipes/TagsInput.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/Toast.recipe.js +4 -1
- package/dist/theme/slot-recipes/Toast.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/TreeView.recipe.d.ts +1 -0
- package/dist/theme/slot-recipes/TreeView.recipe.js +4 -1
- package/dist/theme/slot-recipes/TreeView.recipe.js.map +1 -1
- package/dist/theme/slot-recipes/index.js +2 -0
- package/dist/theme/slot-recipes/index.js.map +1 -1
- package/dist/theme/text-styles.js.map +1 -1
- package/package.json +6 -6
- package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts +0 -14
- package/dist/components/BitkitExplainerList/BitkitExplainerList.js +0 -54
- package/dist/components/BitkitExplainerList/BitkitExplainerList.js.map +0 -1
- package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts +0 -13
- package/dist/components/BitkitOrderedList/BitkitOrderedList.js +0 -30
- package/dist/components/BitkitOrderedList/BitkitOrderedList.js.map +0 -1
- package/dist/components/BitkitToggle/BitkitToggle.d.ts +0 -3
- package/dist/components/BitkitToggle/BitkitToggle.js +0 -123
- package/dist/components/BitkitToggle/BitkitToggle.js.map +0 -1
- package/dist/components/BitkitToggle/BitkitToggle.types.d.ts +0 -22
- package/dist/components/BitkitToggle/components/BitkitToggleHelperText.d.ts +0 -3
- package/dist/components/BitkitToggle/components/BitkitToggleHelperText.js.map +0 -1
- package/dist/components/BitkitToggle/components/BitkitToggleLabel.d.ts +0 -3
- package/dist/components/BitkitToggle/components/BitkitToggleLabel.js.map +0 -1
- package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.d.ts +0 -4
- package/dist/components/BitkitToggle/components/BitkitToggleValueText.d.ts +0 -3
- package/dist/components/BitkitToggle/components/BitkitToggleValueText.js.map +0 -1
- package/dist/components/BitkitToggle/index.d.ts +0 -2
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.d.ts +0 -16
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js +0 -52
- package/dist/components/BitkitUnorderedList/BitkitUnorderedList.js.map +0 -1
- package/dist/theme/slot-recipes/Combobox.recipe.d.ts +0 -11
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import IconCheck from "../../icons/IconCheck.js";
|
|
2
|
-
import IconCross from "../../icons/IconCross.js";
|
|
3
|
-
import BitkitToggleHelperText from "./components/BitkitToggleHelperText.js";
|
|
4
|
-
import BitkitToggleLabel from "./components/BitkitToggleLabel.js";
|
|
5
|
-
import BitkitToggleReadOnly from "./components/BitkitToggleReadOnly.js";
|
|
6
|
-
import BitkitToggleValueText from "./components/BitkitToggleValueText.js";
|
|
7
|
-
import { Box } from "@chakra-ui/react/box";
|
|
8
|
-
import { useSlotRecipe } from "@chakra-ui/react/styled-system";
|
|
9
|
-
import { forwardRef } from "react";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
import { Skeleton } from "@chakra-ui/react/skeleton";
|
|
12
|
-
import { Switch } from "@chakra-ui/react/switch";
|
|
13
|
-
//#region lib/components/BitkitToggle/BitkitToggle.tsx
|
|
14
|
-
var BitkitToggleDynamicLabel = forwardRef((props, ref) => {
|
|
15
|
-
const { label, optional, tooltip, helperText, valueText, size = "md", state = "default", ...rest } = props;
|
|
16
|
-
const styles = useSlotRecipe({ key: "switch" })({ size });
|
|
17
|
-
return /* @__PURE__ */ jsxs(Switch.Root, {
|
|
18
|
-
gap: "4",
|
|
19
|
-
size,
|
|
20
|
-
required: !optional,
|
|
21
|
-
flexDirection: "column",
|
|
22
|
-
alignItems: "flex-start",
|
|
23
|
-
readOnly: state === "readOnly",
|
|
24
|
-
disabled: state === "disabled" || state === "disabledInput" || state === "skeleton",
|
|
25
|
-
...rest,
|
|
26
|
-
children: [
|
|
27
|
-
/* @__PURE__ */ jsx(Switch.HiddenInput, { ref }),
|
|
28
|
-
/* @__PURE__ */ jsx(BitkitToggleLabel, {
|
|
29
|
-
label,
|
|
30
|
-
state,
|
|
31
|
-
tooltip,
|
|
32
|
-
optional
|
|
33
|
-
}),
|
|
34
|
-
/* @__PURE__ */ jsxs(Box, {
|
|
35
|
-
css: styles.root,
|
|
36
|
-
children: [/* @__PURE__ */ jsx(BitkitToggleReadOnly, {
|
|
37
|
-
state,
|
|
38
|
-
children: /* @__PURE__ */ jsx(Skeleton, {
|
|
39
|
-
loading: state === "skeleton",
|
|
40
|
-
borderRadius: "12",
|
|
41
|
-
height: size === "sm" ? "16" : "24",
|
|
42
|
-
children: /* @__PURE__ */ jsxs(Switch.Control, { children: [/* @__PURE__ */ jsx(Switch.Thumb, {}), /* @__PURE__ */ jsx(Switch.Indicator, {
|
|
43
|
-
fallback: /* @__PURE__ */ jsx(IconCross, { size: size === "sm" ? "16" : "24" }),
|
|
44
|
-
children: /* @__PURE__ */ jsx(IconCheck, { size: size === "sm" ? "16" : "24" })
|
|
45
|
-
})] })
|
|
46
|
-
})
|
|
47
|
-
}), /* @__PURE__ */ jsx(BitkitToggleValueText, {
|
|
48
|
-
size,
|
|
49
|
-
state,
|
|
50
|
-
valueText
|
|
51
|
-
})]
|
|
52
|
-
}),
|
|
53
|
-
/* @__PURE__ */ jsx(BitkitToggleHelperText, {
|
|
54
|
-
state,
|
|
55
|
-
helperText
|
|
56
|
-
})
|
|
57
|
-
]
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
BitkitToggleDynamicLabel.displayName = "BitkitToggleDynamicLabel";
|
|
61
|
-
var BitkitToggleFixedLabel = forwardRef((props, ref) => {
|
|
62
|
-
const { label, optional, tooltip, helperText, size = "sm", state = "default", ...rest } = props;
|
|
63
|
-
const styles = useSlotRecipe({ key: "switch" })({ size });
|
|
64
|
-
return /* @__PURE__ */ jsxs(Switch.Root, {
|
|
65
|
-
size,
|
|
66
|
-
display: "flex",
|
|
67
|
-
required: !optional,
|
|
68
|
-
justifyContent: "space-between",
|
|
69
|
-
readOnly: state === "readOnly",
|
|
70
|
-
disabled: state === "disabled" || state === "disabledInput" || state === "skeleton",
|
|
71
|
-
...rest,
|
|
72
|
-
children: [
|
|
73
|
-
/* @__PURE__ */ jsx(Switch.HiddenInput, { ref }),
|
|
74
|
-
(label || helperText) && /* @__PURE__ */ jsxs(Box, {
|
|
75
|
-
display: "flex",
|
|
76
|
-
flexDirection: "column",
|
|
77
|
-
gap: "4",
|
|
78
|
-
mr: "24",
|
|
79
|
-
children: [/* @__PURE__ */ jsx(BitkitToggleLabel, {
|
|
80
|
-
label,
|
|
81
|
-
state,
|
|
82
|
-
tooltip,
|
|
83
|
-
optional
|
|
84
|
-
}), /* @__PURE__ */ jsx(BitkitToggleHelperText, {
|
|
85
|
-
state,
|
|
86
|
-
helperText
|
|
87
|
-
})]
|
|
88
|
-
}),
|
|
89
|
-
/* @__PURE__ */ jsx(Box, {
|
|
90
|
-
css: styles.root,
|
|
91
|
-
children: /* @__PURE__ */ jsx(BitkitToggleReadOnly, {
|
|
92
|
-
state,
|
|
93
|
-
children: /* @__PURE__ */ jsx(Skeleton, {
|
|
94
|
-
loading: state === "skeleton",
|
|
95
|
-
borderRadius: "12",
|
|
96
|
-
height: size === "sm" ? "16" : "24",
|
|
97
|
-
children: /* @__PURE__ */ jsxs(Switch.Control, { children: [/* @__PURE__ */ jsx(Switch.Thumb, {}), /* @__PURE__ */ jsx(Switch.Indicator, {
|
|
98
|
-
fallback: /* @__PURE__ */ jsx(IconCross, { size: size === "sm" ? "16" : "24" }),
|
|
99
|
-
children: /* @__PURE__ */ jsx(IconCheck, { size: size === "sm" ? "16" : "24" })
|
|
100
|
-
})] })
|
|
101
|
-
})
|
|
102
|
-
})
|
|
103
|
-
})
|
|
104
|
-
]
|
|
105
|
-
});
|
|
106
|
-
});
|
|
107
|
-
BitkitToggleFixedLabel.displayName = "BitkitToggleFixedLabel";
|
|
108
|
-
var BitkitToggle = forwardRef((props, ref) => {
|
|
109
|
-
const { variant, ...rest } = props;
|
|
110
|
-
if (variant === "dynamic-label" || variant === void 0) return /* @__PURE__ */ jsx(BitkitToggleDynamicLabel, {
|
|
111
|
-
ref,
|
|
112
|
-
...rest
|
|
113
|
-
});
|
|
114
|
-
return /* @__PURE__ */ jsx(BitkitToggleFixedLabel, {
|
|
115
|
-
ref,
|
|
116
|
-
...rest
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
BitkitToggle.displayName = "BitkitToggle";
|
|
120
|
-
//#endregion
|
|
121
|
-
export { BitkitToggle as default };
|
|
122
|
-
|
|
123
|
-
//# sourceMappingURL=BitkitToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggle.js","names":[],"sources":["../../../lib/components/BitkitToggle/BitkitToggle.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Switch } from '@chakra-ui/react/switch';\nimport { forwardRef } from 'react';\n\nimport { IconCheck, IconCross } from '../../icons';\nimport type {\n BitkitToggleDynamicLabelProps,\n BitkitToggleFixedLabelProps,\n BitkitToggleProps,\n} from './BitkitToggle.types';\nimport BitkitToggleHelperText from './components/BitkitToggleHelperText';\nimport BitkitToggleLabel from './components/BitkitToggleLabel';\nimport BitkitToggleReadOnly from './components/BitkitToggleReadOnly';\nimport BitkitToggleValueText from './components/BitkitToggleValueText';\n\nconst BitkitToggleDynamicLabel = forwardRef<HTMLInputElement, Omit<BitkitToggleDynamicLabelProps, 'variant'>>(\n (props, ref) => {\n const { label, optional, tooltip, helperText, valueText, size = 'md', state = 'default', ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'switch' });\n const styles = recipe({ size });\n\n return (\n <Switch.Root\n gap=\"4\"\n size={size}\n required={!optional}\n flexDirection=\"column\"\n alignItems=\"flex-start\"\n readOnly={state === 'readOnly'}\n disabled={state === 'disabled' || state === 'disabledInput' || state === 'skeleton'}\n {...rest}\n >\n <Switch.HiddenInput ref={ref} />\n <BitkitToggleLabel label={label} state={state} tooltip={tooltip} optional={optional} />\n <Box css={styles.root}>\n <BitkitToggleReadOnly state={state}>\n <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'sm' ? '16' : '24'}>\n <Switch.Control>\n <Switch.Thumb />\n <Switch.Indicator fallback={<IconCross size={size === 'sm' ? '16' : '24'} />}>\n {<IconCheck size={size === 'sm' ? '16' : '24'} />}\n </Switch.Indicator>\n </Switch.Control>\n </Skeleton>\n </BitkitToggleReadOnly>\n <BitkitToggleValueText size={size} state={state} valueText={valueText} />\n </Box>\n <BitkitToggleHelperText state={state} helperText={helperText} />\n </Switch.Root>\n );\n },\n);\n\nBitkitToggleDynamicLabel.displayName = 'BitkitToggleDynamicLabel';\n\nconst BitkitToggleFixedLabel = forwardRef<HTMLInputElement, BitkitToggleFixedLabelProps>((props, ref) => {\n const { label, optional, tooltip, helperText, size = 'sm', state = 'default', ...rest } = props;\n\n const recipe = useSlotRecipe({ key: 'switch' });\n const styles = recipe({ size });\n\n return (\n <Switch.Root\n size={size}\n display=\"flex\"\n required={!optional}\n justifyContent=\"space-between\"\n readOnly={state === 'readOnly'}\n disabled={state === 'disabled' || state === 'disabledInput' || state === 'skeleton'}\n {...rest}\n >\n <Switch.HiddenInput ref={ref} />\n\n {(label || helperText) && (\n <Box display=\"flex\" flexDirection=\"column\" gap=\"4\" mr=\"24\">\n <BitkitToggleLabel label={label} state={state} tooltip={tooltip} optional={optional} />\n <BitkitToggleHelperText state={state} helperText={helperText} />\n </Box>\n )}\n\n <Box css={styles.root}>\n <BitkitToggleReadOnly state={state}>\n <Skeleton loading={state === 'skeleton'} borderRadius=\"12\" height={size === 'sm' ? '16' : '24'}>\n <Switch.Control>\n <Switch.Thumb />\n <Switch.Indicator fallback={<IconCross size={size === 'sm' ? '16' : '24'} />}>\n {<IconCheck size={size === 'sm' ? '16' : '24'} />}\n </Switch.Indicator>\n </Switch.Control>\n </Skeleton>\n </BitkitToggleReadOnly>\n </Box>\n </Switch.Root>\n );\n});\n\nBitkitToggleFixedLabel.displayName = 'BitkitToggleFixedLabel';\n\nconst BitkitToggle = forwardRef<HTMLInputElement, BitkitToggleProps>((props, ref) => {\n const { variant, ...rest } = props;\n\n if (variant === 'dynamic-label' || variant === undefined) {\n return <BitkitToggleDynamicLabel ref={ref} {...rest} />;\n }\n\n return <BitkitToggleFixedLabel ref={ref} {...rest} />;\n});\n\nBitkitToggle.displayName = 'BitkitToggle';\n\nexport default BitkitToggle;\n"],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SwitchRootProps } from '@chakra-ui/react/switch';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
export type OnOff = {
|
|
4
|
-
on: ReactNode;
|
|
5
|
-
off: ReactNode;
|
|
6
|
-
};
|
|
7
|
-
export interface BitkitToggleDynamicLabelProps extends Omit<SwitchRootProps, 'disabled' | 'readOnly' | 'required'> {
|
|
8
|
-
variant?: 'dynamic-label';
|
|
9
|
-
tooltip?: string;
|
|
10
|
-
optional?: boolean;
|
|
11
|
-
valueText?: ReactNode | OnOff;
|
|
12
|
-
helperText?: ReactNode | OnOff;
|
|
13
|
-
state?: 'default' | 'disabled' | 'disabledInput' | 'readOnly' | 'skeleton';
|
|
14
|
-
}
|
|
15
|
-
export interface BitkitToggleFixedLabelProps extends Omit<SwitchRootProps, 'disabled' | 'readOnly' | 'required'> {
|
|
16
|
-
variant?: 'fixed-label';
|
|
17
|
-
tooltip?: string;
|
|
18
|
-
optional?: boolean;
|
|
19
|
-
helperText?: ReactNode | OnOff;
|
|
20
|
-
state?: 'default' | 'disabled' | 'disabledInput' | 'readOnly' | 'skeleton';
|
|
21
|
-
}
|
|
22
|
-
export type BitkitToggleProps = BitkitToggleDynamicLabelProps | BitkitToggleFixedLabelProps;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggleHelperText.js","names":[],"sources":["../../../../lib/components/BitkitToggle/components/BitkitToggleHelperText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport type { BitkitToggleProps } from '../BitkitToggle.types';\nimport { isOnOff } from '../BitkitToggle.utils';\n\nconst BitkitToggleHelperText = ({ state, helperText }: Pick<BitkitToggleProps, 'state' | 'helperText'>) => {\n const { checked, disabled } = useSwitchContext();\n\n if (state === 'skeleton') {\n return <Skeleton height=\"12\" width=\"128\" my=\"2\" />;\n }\n\n if (!helperText) {\n return null;\n }\n\n const shouldShowAsDisabled = disabled && state !== 'disabledInput';\n\n const props = {\n textStyle: 'comp/input/helperText',\n color: shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper',\n };\n\n if (!isOnOff(helperText)) {\n return <Text {...props}>{helperText}</Text>;\n }\n\n return <Text {...props}>{checked ? helperText.on : helperText.off}</Text>;\n};\n\nexport default BitkitToggleHelperText;\n"],"mappings":";;;;;;AAOA,IAAM,0BAA0B,EAAE,OAAO,iBAAkE;CACzG,MAAM,EAAE,SAAS,aAAa,kBAAkB;AAEhD,KAAI,UAAU,WACZ,QAAO,oBAAC,UAAD;EAAU,QAAO;EAAK,OAAM;EAAM,IAAG;EAAM,CAAA;AAGpD,KAAI,CAAC,WACH,QAAO;CAKT,MAAM,QAAQ;EACZ,WAAW;EACX,OAJ2B,YAAY,UAAU,kBAInB,kBAAkB;EACjD;AAED,KAAI,CAAC,QAAQ,WAAW,CACtB,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ;EAAkB,CAAA;AAG7C,QAAO,oBAAC,MAAD;EAAM,GAAI;YAAQ,UAAU,WAAW,KAAK,WAAW;EAAW,CAAA"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { BitkitToggleProps } from '../BitkitToggle.types';
|
|
2
|
-
declare const BitkitToggleLabel: ({ label, state, tooltip, optional, }: Pick<BitkitToggleProps, "label" | "state" | "tooltip" | "optional">) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
-
export default BitkitToggleLabel;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggleLabel.js","names":[],"sources":["../../../../lib/components/BitkitToggle/components/BitkitToggleLabel.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react/flex';\nimport { useSwitchContext } from '@chakra-ui/react/switch';\nimport { Text } from '@chakra-ui/react/text';\n\nimport { IconInfoCircle } from '../../../icons';\nimport BitkitTooltip from '../../BitkitTooltip/BitkitTooltip';\nimport type { BitkitToggleProps } from '../BitkitToggle.types';\n\nconst BitkitToggleLabel = ({\n label,\n state,\n tooltip,\n optional,\n}: Pick<BitkitToggleProps, 'label' | 'state' | 'tooltip' | 'optional'>) => {\n const { disabled } = useSwitchContext();\n\n if (!label) {\n return null;\n }\n\n const shouldShowAsDisabled = disabled && state !== 'disabledInput' && state !== 'skeleton';\n\n return (\n <Flex gap=\"4\" alignItems=\"center\">\n <Text as=\"span\" textStyle=\"body/md/semibold\" color={shouldShowAsDisabled ? 'text/disabled' : 'text/body'}>\n {label}\n </Text>\n\n {!!optional && (\n <Text\n as=\"span\"\n textStyle=\"body/md/regular\"\n color={shouldShowAsDisabled ? 'text/disabled' : 'input/text/helper'}\n >\n (optional)\n </Text>\n )}\n\n {!!tooltip && (\n <BitkitTooltip text={tooltip}>\n <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n </BitkitTooltip>\n )}\n </Flex>\n );\n};\n\nexport default BitkitToggleLabel;\n"],"mappings":";;;;;;;AAQA,IAAM,qBAAqB,EACzB,OACA,OACA,SACA,eACyE;CACzE,MAAM,EAAE,aAAa,kBAAkB;AAEvC,KAAI,CAAC,MACH,QAAO;CAGT,MAAM,uBAAuB,YAAY,UAAU,mBAAmB,UAAU;AAEhF,QACE,qBAAC,MAAD;EAAM,KAAI;EAAI,YAAW;YAAzB;GACE,oBAAC,MAAD;IAAM,IAAG;IAAO,WAAU;IAAmB,OAAO,uBAAuB,kBAAkB;cAC1F;IACI,CAAA;GAEN,CAAC,CAAC,YACD,oBAAC,MAAD;IACE,IAAG;IACH,WAAU;IACV,OAAO,uBAAuB,kBAAkB;cACjD;IAEM,CAAA;GAGR,CAAC,CAAC,WACD,oBAAC,eAAD;IAAe,MAAM;cACnB,oBAAC,gBAAD;KAAgB,MAAK;KAAK,OAAM;KAAkB,CAAA;IACpC,CAAA;GAEb"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { BitkitToggleProps } from '../BitkitToggle.types';
|
|
2
|
-
type Props = Pick<BitkitToggleProps, 'state' | 'children'>;
|
|
3
|
-
declare const BitkitToggleReadOnly: ({ state, children }: Props) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
4
|
-
export default BitkitToggleReadOnly;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { BitkitToggleDynamicLabelProps } from '../BitkitToggle.types';
|
|
2
|
-
declare const BitkitToggleValueText: ({ size, state, valueText, }: Pick<BitkitToggleDynamicLabelProps, "size" | "state" | "valueText">) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
-
export default BitkitToggleValueText;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitToggleValueText.js","names":[],"sources":["../../../../lib/components/BitkitToggle/components/BitkitToggleValueText.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Switch, useSwitchContext } from '@chakra-ui/react/switch';\n\nimport type { BitkitToggleDynamicLabelProps } from '../BitkitToggle.types';\nimport { isOnOff } from '../BitkitToggle.utils';\n\nconst BitkitToggleValueText = ({\n size,\n state,\n valueText,\n}: Pick<BitkitToggleDynamicLabelProps, 'size' | 'state' | 'valueText'>) => {\n const { checked } = useSwitchContext();\n\n if (state === 'skeleton') {\n return <Skeleton height={size === 'sm' ? '12' : '16'} width={size === 'sm' ? '64' : '128'} />;\n }\n\n if (!valueText) {\n return null;\n }\n\n if (!isOnOff(valueText)) {\n return <Switch.Label>{valueText}</Switch.Label>;\n }\n\n return <Switch.Label>{checked ? valueText.on : valueText.off}</Switch.Label>;\n};\n\nexport default BitkitToggleValueText;\n"],"mappings":";;;;;AAMA,IAAM,yBAAyB,EAC7B,MACA,OACA,gBACyE;CACzE,MAAM,EAAE,YAAY,kBAAkB;AAEtC,KAAI,UAAU,WACZ,QAAO,oBAAC,UAAD;EAAU,QAAQ,SAAS,OAAO,OAAO;EAAM,OAAO,SAAS,OAAO,OAAO;EAAS,CAAA;AAG/F,KAAI,CAAC,UACH,QAAO;AAGT,KAAI,CAAC,QAAQ,UAAU,CACrB,QAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,WAAyB,CAAA;AAGjD,QAAO,oBAAC,OAAO,OAAR,EAAA,UAAe,UAAU,UAAU,KAAK,UAAU,KAAmB,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ListRootProps } from '@chakra-ui/react/list';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { BitkitIconComponent } from '../../icons';
|
|
4
|
-
export interface BitkitUnorderedListProps extends ListRootProps {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
size?: 'lg' | 'md';
|
|
7
|
-
}
|
|
8
|
-
export interface BitkitUnorderedListItemProps {
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
icon?: BitkitIconComponent;
|
|
11
|
-
iconColor?: string;
|
|
12
|
-
}
|
|
13
|
-
declare const _default: import('react').ForwardRefExoticComponent<BitkitUnorderedListProps & import('react').RefAttributes<HTMLUListElement>> & {
|
|
14
|
-
Item: import('react').ForwardRefExoticComponent<BitkitUnorderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
|
|
15
|
-
};
|
|
16
|
-
export default _default;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { createContext as createContext$1 } from "@chakra-ui/react";
|
|
4
|
-
import { List } from "@chakra-ui/react/list";
|
|
5
|
-
//#region lib/components/BitkitUnorderedList/BitkitUnorderedList.tsx
|
|
6
|
-
var [UnorderedListProvider, useUnorderedListContext] = createContext$1({
|
|
7
|
-
name: "UnorderedListContext",
|
|
8
|
-
hookName: "useUnorderedListContext",
|
|
9
|
-
providerName: "<BitkitUnorderedList />"
|
|
10
|
-
});
|
|
11
|
-
var BitkitUnorderedList = forwardRef((props, ref) => {
|
|
12
|
-
const { children, size = "lg", ...rest } = props;
|
|
13
|
-
return /* @__PURE__ */ jsx(UnorderedListProvider, {
|
|
14
|
-
value: { size },
|
|
15
|
-
children: /* @__PURE__ */ jsx(List.Root, {
|
|
16
|
-
ref,
|
|
17
|
-
size,
|
|
18
|
-
...rest,
|
|
19
|
-
children
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
BitkitUnorderedList.displayName = "BitkitUnorderedList";
|
|
24
|
-
var ICON_SIZE = {
|
|
25
|
-
lg: "24",
|
|
26
|
-
md: "16"
|
|
27
|
-
};
|
|
28
|
-
var BitkitUnorderedListItem = forwardRef((props, ref) => {
|
|
29
|
-
const { children, icon: Icon, iconColor } = props;
|
|
30
|
-
const { size } = useUnorderedListContext();
|
|
31
|
-
if (Icon) return /* @__PURE__ */ jsxs(List.Item, {
|
|
32
|
-
ref,
|
|
33
|
-
gap: "8",
|
|
34
|
-
children: [/* @__PURE__ */ jsx(List.Indicator, {
|
|
35
|
-
color: iconColor ?? "icon/secondary",
|
|
36
|
-
children: /* @__PURE__ */ jsx(Icon, { size: ICON_SIZE[size] })
|
|
37
|
-
}), children]
|
|
38
|
-
});
|
|
39
|
-
return /* @__PURE__ */ jsxs(List.Item, {
|
|
40
|
-
ref,
|
|
41
|
-
children: [/* @__PURE__ */ jsx(List.Indicator, {
|
|
42
|
-
"aria-hidden": true,
|
|
43
|
-
children: "•"
|
|
44
|
-
}), children]
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
BitkitUnorderedListItem.displayName = "BitkitUnorderedListItem";
|
|
48
|
-
var BitkitUnorderedList_default = Object.assign(BitkitUnorderedList, { Item: BitkitUnorderedListItem });
|
|
49
|
-
//#endregion
|
|
50
|
-
export { BitkitUnorderedList_default as default };
|
|
51
|
-
|
|
52
|
-
//# sourceMappingURL=BitkitUnorderedList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitUnorderedList.js","names":[],"sources":["../../../lib/components/BitkitUnorderedList/BitkitUnorderedList.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// ----- Context -----\n\ninterface UnorderedListContext {\n size: 'lg' | 'md';\n}\n\nconst [UnorderedListProvider, useUnorderedListContext] = createContext<UnorderedListContext>({\n name: 'UnorderedListContext',\n hookName: 'useUnorderedListContext',\n providerName: '<BitkitUnorderedList />',\n});\n\n// ----- BitkitUnorderedList -----\n\nexport interface BitkitUnorderedListProps extends ListRootProps {\n children: ReactNode;\n size?: 'lg' | 'md';\n}\n\nconst BitkitUnorderedList = forwardRef<HTMLUListElement, BitkitUnorderedListProps>((props, ref) => {\n const { children, size = 'lg', ...rest } = props;\n\n return (\n <UnorderedListProvider value={{ size }}>\n <List.Root ref={ref} size={size} {...rest}>\n {children}\n </List.Root>\n </UnorderedListProvider>\n );\n});\n\nBitkitUnorderedList.displayName = 'BitkitUnorderedList';\n\n// ----- BitkitUnorderedList.Item -----\n\nexport interface BitkitUnorderedListItemProps {\n children: ReactNode;\n icon?: BitkitIconComponent;\n iconColor?: string;\n}\n\nconst ICON_SIZE = {\n lg: '24',\n md: '16',\n} as const;\n\nconst BitkitUnorderedListItem = forwardRef<HTMLLIElement, BitkitUnorderedListItemProps>((props, ref) => {\n const { children, icon: Icon, iconColor } = props;\n const { size } = useUnorderedListContext();\n\n if (Icon) {\n return (\n <List.Item ref={ref} gap=\"8\">\n <List.Indicator color={iconColor ?? 'icon/secondary'}>\n <Icon size={ICON_SIZE[size]} />\n </List.Indicator>\n {children}\n </List.Item>\n );\n }\n\n return (\n <List.Item ref={ref}>\n <List.Indicator aria-hidden>•</List.Indicator>\n {children}\n </List.Item>\n );\n});\n\nBitkitUnorderedListItem.displayName = 'BitkitUnorderedListItem';\n\nexport default Object.assign(BitkitUnorderedList, { Item: BitkitUnorderedListItem });\n"],"mappings":";;;;;AAaA,IAAM,CAAC,uBAAuB,2BAA2B,gBAAoC;CAC3F,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AASF,IAAM,sBAAsB,YAAwD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,OAAO,MAAM,GAAG,SAAS;AAE3C,QACE,oBAAC,uBAAD;EAAuB,OAAO,EAAE,MAAM;YACpC,oBAAC,KAAK,MAAN;GAAgB;GAAW;GAAM,GAAI;GAClC;GACS,CAAA;EACU,CAAA;EAE1B;AAEF,oBAAoB,cAAc;AAUlC,IAAM,YAAY;CAChB,IAAI;CACJ,IAAI;CACL;AAED,IAAM,0BAA0B,YAAyD,OAAO,QAAQ;CACtG,MAAM,EAAE,UAAU,MAAM,MAAM,cAAc;CAC5C,MAAM,EAAE,SAAS,yBAAyB;AAE1C,KAAI,KACF,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,KAAI;YAAzB,CACE,oBAAC,KAAK,WAAN;GAAgB,OAAO,aAAa;aAClC,oBAAC,MAAD,EAAM,MAAM,UAAU,OAAS,CAAA;GAChB,CAAA,EAChB,SACS;;AAIhB,QACE,qBAAC,KAAK,MAAN;EAAgB;YAAhB,CACE,oBAAC,KAAK,WAAN;GAAgB,eAAA;aAAY;GAAkB,CAAA,EAC7C,SACS;;EAEd;AAEF,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
declare const comboboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "emptyHelperText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty", {
|
|
2
|
-
size: {
|
|
3
|
-
md: {
|
|
4
|
-
input: import('@chakra-ui/react').SystemStyleObject;
|
|
5
|
-
};
|
|
6
|
-
lg: {
|
|
7
|
-
input: import('@chakra-ui/react').SystemStyleObject;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
}>;
|
|
11
|
-
export default comboboxSlotRecipe;
|