@rainbow-robotics/muscat-plugin-kit 1.0.4 → 1.1.0
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/README.md +13 -0
- package/cli/README.md +2 -0
- package/cli/bin/muscat-pk.mjs +12 -2
- package/cli/src/completion.mjs +166 -0
- package/cli/src/manifest.mjs +11 -3
- package/cli/storybook-dist/_design-tokens.css +4 -4
- package/cli/storybook-dist/assets/{Color-YHDXOIA2-CqDglQTp.js → Color-YHDXOIA2-YYdZOPJH.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-BurcN_LW.js → Docs-3w-iBQPm.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-Ddc6_fjF.js → Docs-CZPzbRJI.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-CXVG5Uuu.js → Docs-D1XY1-wF.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-qKOUHE6B.js → Docs-DVG-oWp3.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-ePoHpMvl.js → Docs-qI6e7Wy0.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-J6uc1jPp.js → Docs-xa7vkY1N.js} +1 -1
- package/cli/storybook-dist/assets/{DocsRenderer-CFRXHY34-CDntg3oy.js → DocsRenderer-CFRXHY34-BE26HVj4.js} +1 -1
- package/cli/storybook-dist/assets/{createGoalLayer-Ds5AOper.css → MapEditor-C6_H9h5t.css} +1 -1
- package/cli/storybook-dist/assets/MapEditor-D4C2XwU6.js +6418 -0
- package/cli/storybook-dist/assets/NxAvatar.stories-5xlylW8S.js +13 -0
- package/cli/storybook-dist/assets/NxButton.stories-YRxoorOO.js +20 -0
- package/cli/storybook-dist/assets/{NxIcons.stories-Ca7qpAaO.js → NxIcons.stories-Dg42riT5.js} +1 -1
- package/cli/storybook-dist/assets/{NxNumberInput.stories-KtDA1GwL.js → NxNumberInput.stories-YuPp7Wu0.js} +1 -1
- package/cli/storybook-dist/assets/NxPagination.stories-HpA9nBE3.js +11 -0
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-RkuBsu7A.js +14 -0
- package/cli/storybook-dist/assets/{NxRangeInput.stories-DwDcyMPh.js → NxRangeInput.stories-Bpv0nJOc.js} +1 -1
- package/cli/storybook-dist/assets/NxSelectBox.stories-CG1h2bp3.js +17 -0
- package/cli/storybook-dist/assets/NxSlideRange.stories-UdK8ZHHK.js +14 -0
- package/cli/storybook-dist/assets/NxSwitch.stories-BM7d32cZ.js +11 -0
- package/cli/storybook-dist/assets/NxTextArea.stories-DL6uoMyN.js +11 -0
- package/cli/storybook-dist/assets/NxTextInput.stories-Cy8UZ2j4.js +11 -0
- package/cli/storybook-dist/assets/RBAccordion.stories-tShXBGM7.js +17 -0
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-BdWxR0_T.js +33 -0
- package/cli/storybook-dist/assets/RBAlert.stories-qXR-YP3W.js +17 -0
- package/cli/storybook-dist/assets/RBBadge.stories-cEzAMHib.js +1 -0
- package/cli/storybook-dist/assets/RBBattery.stories-eGnAHW-z.js +10 -0
- package/cli/storybook-dist/assets/{RBCard.stories-CoOTzwKS.js → RBCard.stories-CycdrGRs.js} +1 -1
- package/cli/storybook-dist/assets/RBCheckBox.stories-BSFFOcOq.js +1 -0
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-CFJnuMjZ.js +1 -0
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-CAS-EfIx.js +24 -0
- package/cli/storybook-dist/assets/RBChipTab.stories-DWsx5nBl.js +21 -0
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-7DmzDv1u.js +1 -0
- package/cli/storybook-dist/assets/RBColorIcons.stories-BYhvvnJM.js +3 -0
- package/cli/storybook-dist/assets/{RBCommand.stories-BPqCoFSm.js → RBCommand.stories-DWSPAw4x.js} +1 -1
- package/cli/storybook-dist/assets/RBConfirm.stories-CtXYYbJ1.js +20 -0
- package/cli/storybook-dist/assets/RBDateInput.stories-C8vfSeoE.js +15 -0
- package/cli/storybook-dist/assets/{RBDialog.stories-DukhL93v.js → RBDialog.stories-BsljNu-X.js} +1 -1
- package/cli/storybook-dist/assets/RBDivider.stories-BaS6rsk7.js +1 -0
- package/cli/storybook-dist/assets/RBDrawer.stories-Dadf_QAx.js +14 -0
- package/cli/storybook-dist/assets/{RBDropdownMenu.stories-CxHP8s2X.js → RBDropdownMenu.stories-CuzDr6dG.js} +1 -1
- package/cli/storybook-dist/assets/RBEmptyView.stories-CL8YKZ4z.js +12 -0
- package/cli/storybook-dist/assets/RBIconButton.stories-C9uCobtq.js +1 -0
- package/cli/storybook-dist/assets/RBIcons.stories-Do543jrJ.js +3 -0
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-fo5Mkohq.js +1 -0
- package/cli/storybook-dist/assets/RBJoyStick.stories-DluMn4KO.js +11 -0
- package/cli/storybook-dist/assets/RBLabelButton.stories-BisTX_da.js +1 -0
- package/cli/storybook-dist/assets/RBLight.stories-xs5nahD4.js +1 -0
- package/cli/storybook-dist/assets/RBMenubar.stories-Cn-6_-AJ.js +3 -0
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-5mfoXGC6.js +14 -0
- package/cli/storybook-dist/assets/RBPagination.stories-bcc-iOO2.js +17 -0
- package/cli/storybook-dist/assets/RBPopover.stories-DCMSSLeN.js +11 -0
- package/cli/storybook-dist/assets/RBPrompt.stories-D2qyZEoz.js +20 -0
- package/cli/storybook-dist/assets/RBRadioBox.stories-CDc_WkjI.js +1 -0
- package/cli/storybook-dist/assets/RBRadioButton.stories-BCu10IWf.js +11 -0
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-DoRRHADM.js +15 -0
- package/cli/storybook-dist/assets/RBResizable.stories-ClPOvGPZ.js +20 -0
- package/cli/storybook-dist/assets/RBSelectBox.stories-Chc3359A.js +6 -0
- package/cli/storybook-dist/assets/{RBSheet.stories-CSbdUGk3.js → RBSheet.stories-GG_2M19S.js} +1 -1
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-wZw5a4Cc.js +5 -0
- package/cli/storybook-dist/assets/RBSlider.stories-B5KtjUqu.js +5 -0
- package/cli/storybook-dist/assets/RBSpinner.stories-D1dZ-X8O.js +14 -0
- package/cli/storybook-dist/assets/{RBSwitch.stories-CtQO_k88.js → RBSwitch.stories-DUJP7uXw.js} +1 -1
- package/cli/storybook-dist/assets/RBTab.stories-DQNP4u6i.js +1 -0
- package/cli/storybook-dist/assets/RBTable.stories-Bncn0LRp.js +62 -0
- package/cli/storybook-dist/assets/RBTableRow.stories-DGfPZAVt.js +11 -0
- package/cli/storybook-dist/assets/RBTabs.stories-KM5-HtJk.js +21 -0
- package/cli/storybook-dist/assets/RBTextArea.stories-SBLKQy3l.js +5 -0
- package/cli/storybook-dist/assets/{RBTextField.stories-Bwl-4BpX.js → RBTextField.stories-BtD9AYDp.js} +1 -1
- package/cli/storybook-dist/assets/RBTextInput.stories-BAV7UURd.js +5 -0
- package/cli/storybook-dist/assets/RBToast.stories-D9Hx1Gqv.js +11 -0
- package/cli/storybook-dist/assets/RBToggle.stories-BsxBo-P4.js +12 -0
- package/cli/storybook-dist/assets/RBToggleGroup.stories-DtpdGy8j.js +17 -0
- package/cli/storybook-dist/assets/RBTooltip.stories-CxLxUTJD.js +9 -0
- package/cli/storybook-dist/assets/RainbowUiProvider-BaelaOGy.css +1 -0
- package/cli/storybook-dist/assets/browserUtils-CxJ5gea3.js +1 -0
- package/cli/storybook-dist/assets/{entry-preview-Dvtrp-Iz.js → entry-preview-G2ctDavw.js} +1 -1
- package/cli/storybook-dist/assets/{iframe-2HWeVfNp.js → iframe-BOhIypRE.js} +2 -2
- package/cli/storybook-dist/assets/{index-CJUZkSk7.js → index-BgcrmuE1.js} +3 -3
- package/cli/storybook-dist/assets/{preview-CRDPQD4I.js → preview-ChKiP_bM.js} +2 -2
- package/cli/storybook-dist/assets/preview-CvPmpqMH.css +1 -0
- package/cli/storybook-dist/assets/{preview-B1oNL53P.js → preview-D_vClpb_.js} +1 -1
- package/cli/storybook-dist/iframe.html +1 -1
- package/cli/storybook-dist/index.json +1 -1
- package/cli/storybook-dist/project.json +1 -1
- package/cli/templates/common/requirements.txt +3 -3
- package/package.json +3 -3
- package/cli/storybook-dist/_stories-src/RBIcons/RBMenuTreeIcons.stories.tsx +0 -108
- package/cli/storybook-dist/_stories-src/RBIcons/RBProgramIcons.stories.tsx +0 -116
- package/cli/storybook-dist/assets/NxAvatar.stories-DolReoDo.js +0 -13
- package/cli/storybook-dist/assets/NxButton.stories-CGaBfB4s.js +0 -20
- package/cli/storybook-dist/assets/NxPagination.stories-DBIvwbOM.js +0 -11
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-DJV010tl.js +0 -14
- package/cli/storybook-dist/assets/NxSelectBox.stories-tKrI1aWZ.js +0 -17
- package/cli/storybook-dist/assets/NxSlideRange.stories-lXoBhE82.js +0 -14
- package/cli/storybook-dist/assets/NxSwitch.stories-DWNlGJzZ.js +0 -11
- package/cli/storybook-dist/assets/NxTextArea.stories-xbPBBL3F.js +0 -11
- package/cli/storybook-dist/assets/NxTextInput.stories-B3ixzGJe.js +0 -11
- package/cli/storybook-dist/assets/RBAccordion.stories-SfSxjTof.js +0 -17
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-DmTlz0Q0.js +0 -33
- package/cli/storybook-dist/assets/RBAlert.stories-B5PXCw-B.js +0 -17
- package/cli/storybook-dist/assets/RBBadge.stories-BPDEMGIu.js +0 -1
- package/cli/storybook-dist/assets/RBBattery.stories-CtadKrE9.js +0 -10
- package/cli/storybook-dist/assets/RBCheckBox.stories-CtRNPV2E.js +0 -1
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-DzwbgsAI.js +0 -1
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-DG9GAGpb.js +0 -24
- package/cli/storybook-dist/assets/RBChipTab.stories-0FQRFf6a.js +0 -21
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-BG6TWYot.js +0 -1
- package/cli/storybook-dist/assets/RBColorIcons.stories-Cpr8K_VN.js +0 -3
- package/cli/storybook-dist/assets/RBConfirm.stories-DW9fNd-s.js +0 -20
- package/cli/storybook-dist/assets/RBDateInput.stories-2v-pGUgH.js +0 -15
- package/cli/storybook-dist/assets/RBDivider.stories-BcL583zs.js +0 -1
- package/cli/storybook-dist/assets/RBDrawer.stories-CvMzdbRQ.js +0 -14
- package/cli/storybook-dist/assets/RBEmptyView.stories-C5NPbjSs.js +0 -12
- package/cli/storybook-dist/assets/RBIconButton.stories-QSvmudmx.js +0 -1
- package/cli/storybook-dist/assets/RBIcons.stories-CrJSDhw5.js +0 -3
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-BCnKj9zm.js +0 -1
- package/cli/storybook-dist/assets/RBJoyStick.stories-CMc8Zl69.js +0 -11
- package/cli/storybook-dist/assets/RBLabelButton.stories-ksqrnjlG.js +0 -1
- package/cli/storybook-dist/assets/RBLight.stories-0wbo2nYc.js +0 -1
- package/cli/storybook-dist/assets/RBMenuTreeIcons.stories-D7D6FUCq.js +0 -3
- package/cli/storybook-dist/assets/RBMenubar.stories-vAaVUBL4.js +0 -3
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-DeRmllQG.js +0 -14
- package/cli/storybook-dist/assets/RBPagination.stories-DdsGKF4x.js +0 -17
- package/cli/storybook-dist/assets/RBPopover.stories-_8hqRuqs.js +0 -11
- package/cli/storybook-dist/assets/RBProgramIcons.stories-AE5F5vnA.js +0 -3
- package/cli/storybook-dist/assets/RBPrompt.stories-BuvTSyJ-.js +0 -20
- package/cli/storybook-dist/assets/RBRadioBox.stories-CIZ9xbhR.js +0 -1
- package/cli/storybook-dist/assets/RBRadioButton.stories-BTDZs2wi.js +0 -11
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-BVHp8lOH.js +0 -15
- package/cli/storybook-dist/assets/RBResizable.stories-CtPX5xSO.js +0 -20
- package/cli/storybook-dist/assets/RBSelectBox.stories-CM6Jj9Gc.js +0 -6
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-B9qx72DA.js +0 -5
- package/cli/storybook-dist/assets/RBSlider.stories-zGCLGB5q.js +0 -5
- package/cli/storybook-dist/assets/RBSpinner.stories-lfShvEK5.js +0 -14
- package/cli/storybook-dist/assets/RBTab.stories-uiJ857C0.js +0 -1
- package/cli/storybook-dist/assets/RBTable.stories-aSKYvJEm.js +0 -62
- package/cli/storybook-dist/assets/RBTableRow.stories-HdvIQFJ7.js +0 -11
- package/cli/storybook-dist/assets/RBTabs.stories-BbkbAZmr.js +0 -21
- package/cli/storybook-dist/assets/RBTextArea.stories-BmttyVB5.js +0 -5
- package/cli/storybook-dist/assets/RBTextInput.stories-wdFHEyex.js +0 -5
- package/cli/storybook-dist/assets/RBToast.stories-DGseNwok.js +0 -11
- package/cli/storybook-dist/assets/RBToggle.stories-CIjtTH8Z.js +0 -12
- package/cli/storybook-dist/assets/RBToggleGroup.stories-C9xaf3_6.js +0 -17
- package/cli/storybook-dist/assets/RBTooltip.stories-CASPkRIl.js +0 -9
- package/cli/storybook-dist/assets/RainbowUiProvider-BYlbsa69.css +0 -1
- package/cli/storybook-dist/assets/browserUtils-DeopUpDy.js +0 -1
- package/cli/storybook-dist/assets/createGoalLayer-BTJsygfA.js +0 -6148
- package/cli/storybook-dist/assets/preview-B06SqMyk.css +0 -1
- /package/cli/storybook-dist/assets/{RainbowUiProvider-B_piZBLb.js → RainbowUiProvider-CsMXuxM1.js} +0 -0
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import type React from "react";
|
|
2
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
-
import { useMemo, useState } from "react";
|
|
4
|
-
|
|
5
|
-
import { RBTextInput } from "@repo/rb-components/new_components";
|
|
6
|
-
import * as RBProgramIcons from "@repo/rb-components/new_components/assets/program-icons";
|
|
7
|
-
import { useRainbowUi } from "@repo/rb-components/provider";
|
|
8
|
-
import { copyClipboard } from "@repo/rb-utils/browserUtils";
|
|
9
|
-
import { cn } from "@repo/rb-utils/parserUtils";
|
|
10
|
-
|
|
11
|
-
type IconExport =
|
|
12
|
-
| string
|
|
13
|
-
| ((props: React.SVGAttributes<SVGSVGElement>) => React.ReactElement);
|
|
14
|
-
|
|
15
|
-
const allIcons = Object.entries(RBProgramIcons)
|
|
16
|
-
.filter(
|
|
17
|
-
([, value]) => typeof value === "function" || typeof value === "string",
|
|
18
|
-
)
|
|
19
|
-
.sort(([left], [right]) => left.localeCompare(right)) as Array<
|
|
20
|
-
[string, IconExport]
|
|
21
|
-
>;
|
|
22
|
-
|
|
23
|
-
const toIconUsage = (name: string) => `<${name} className="size-5" />`;
|
|
24
|
-
|
|
25
|
-
const handleCopy = (name: string) => {
|
|
26
|
-
void copyClipboard({ text: toIconUsage(name) });
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const ProgramIconGallery = () => {
|
|
30
|
-
const { theme } = useRainbowUi();
|
|
31
|
-
const [query, setQuery] = useState("");
|
|
32
|
-
|
|
33
|
-
const filteredIcons = useMemo(() => {
|
|
34
|
-
const keyword = query.trim().toLowerCase();
|
|
35
|
-
|
|
36
|
-
if (!keyword) {
|
|
37
|
-
return allIcons;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
return allIcons.filter(([name]) => name.toLowerCase().includes(keyword));
|
|
41
|
-
}, [query]);
|
|
42
|
-
|
|
43
|
-
return (
|
|
44
|
-
<div className="flex flex-col gap-4">
|
|
45
|
-
<div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
|
|
46
|
-
<div>
|
|
47
|
-
<h3 className="text-fg-default text-lg font-semibold">
|
|
48
|
-
RBProgramIcons
|
|
49
|
-
</h3>
|
|
50
|
-
<p className="text-fg-subtle text-sm">
|
|
51
|
-
현재 export된 아이콘 {filteredIcons.length} / {allIcons.length}
|
|
52
|
-
</p>
|
|
53
|
-
</div>
|
|
54
|
-
<RBTextInput
|
|
55
|
-
value={query}
|
|
56
|
-
handleChange={(value) => setQuery(String(value ?? ""))}
|
|
57
|
-
placeholder="Search program icons"
|
|
58
|
-
className="w-full md:w-72"
|
|
59
|
-
/>
|
|
60
|
-
</div>
|
|
61
|
-
|
|
62
|
-
<div className="grid grid-cols-2 gap-3 md:grid-cols-4 xl:grid-cols-6">
|
|
63
|
-
{filteredIcons.map(([name, Icon]) => (
|
|
64
|
-
<button
|
|
65
|
-
key={name}
|
|
66
|
-
type="button"
|
|
67
|
-
onClick={() => handleCopy(name)}
|
|
68
|
-
title={`Copy ${toIconUsage(name)}`}
|
|
69
|
-
className="border-default bg-default flex min-h-32 cursor-copy flex-col items-center justify-center gap-3 rounded-xl border p-4 text-center transition-colors"
|
|
70
|
-
>
|
|
71
|
-
{typeof Icon === "function" ? (
|
|
72
|
-
<Icon
|
|
73
|
-
className={cn(
|
|
74
|
-
theme === "light" ? "text-fill-subtler" : "text-default",
|
|
75
|
-
"size-6 shrink-0",
|
|
76
|
-
)}
|
|
77
|
-
/>
|
|
78
|
-
) : (
|
|
79
|
-
<img src={Icon} alt={name} className="shrink-0" />
|
|
80
|
-
)}
|
|
81
|
-
<div className="flex flex-col gap-1">
|
|
82
|
-
<span className="text-default text-xs font-medium break-all">
|
|
83
|
-
{name}
|
|
84
|
-
</span>
|
|
85
|
-
<span className="text-fg-subtle text-[11px] break-all">
|
|
86
|
-
{toIconUsage(name)}
|
|
87
|
-
</span>
|
|
88
|
-
</div>
|
|
89
|
-
</button>
|
|
90
|
-
))}
|
|
91
|
-
</div>
|
|
92
|
-
</div>
|
|
93
|
-
);
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
const meta = {
|
|
97
|
-
component: ProgramIconGallery,
|
|
98
|
-
tags: ["autodocs"],
|
|
99
|
-
parameters: {
|
|
100
|
-
layout: "padded",
|
|
101
|
-
docs: {
|
|
102
|
-
description: {
|
|
103
|
-
component:
|
|
104
|
-
"`@repo/rb-components/new_components/assets/program-icons` 에서 export되는 프로그램 아이콘을 한 번에 확인하는 스토리입니다. 아이콘 카드를 클릭하면 사용 코드가 복사됩니다.",
|
|
105
|
-
},
|
|
106
|
-
},
|
|
107
|
-
},
|
|
108
|
-
} satisfies Meta<typeof ProgramIconGallery>;
|
|
109
|
-
|
|
110
|
-
export default meta;
|
|
111
|
-
|
|
112
|
-
type Story = StoryObj<typeof meta>;
|
|
113
|
-
|
|
114
|
-
export const Default: Story = {
|
|
115
|
-
render: () => <ProgramIconGallery />,
|
|
116
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{V as d,b9 as p}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import{c as o}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const s=({className:t,imgSize:a,src:c,name:i})=>e.jsxs(d,{className:o("NxAvatar","relative gap-0.5",t),alignItems:"center",children:[e.jsx("div",{className:"relative",style:{width:a,height:a},children:e.jsx("div",{className:o("bg-fill-subtle absolute top-0 left-0 h-full w-full overflow-hidden rounded-full"),children:e.jsx("img",{src:c||p("profile.svg"),alt:i||"avatar",className:"inline-block h-full w-full object-cover object-center align-middle"})})}),e.jsx("span",{className:"typo-compact-xs2-medium text-fg-default !text-[0.625rem] !leading-none !font-medium",children:i})]});s.__docgenInfo={description:"",methods:[],displayName:"NxAvatar",props:{className:{required:!1,tsType:{name:"string"},description:""},imgSize:{required:!1,tsType:{name:'CSSProperties["width"]',raw:'CSSProperties["width"]'},description:""},src:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""}}};const w={component:s,tags:["autodocs"]},u=t=>e.jsx(s,{...t}),r={parameters:{docs:{description:{story:""}}},args:{imgSize:"3rem"},render:u};var n,l,m;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
imgSize: "3rem"
|
|
11
|
-
},
|
|
12
|
-
render: Template
|
|
13
|
-
}`,...(m=(l=r.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};const T=["Default"];export{r as Default,T as __namedExportsOrder,w as default};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{bl as u,bm as b}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import{S as y,c as x}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const n=({className:a,variant:e,rippleOption:p,loading:s,children:m,...o})=>r.jsx(u,{...p,children:r.jsx(y,{className:x("NxButton","relative rounded-sm text-base select-none",{"pointer-events-none":s,"border-1 border-slate-600 bg-slate-700":e==="default","bg-slate-700":e==="tertiary","border-1 border-blue-500 bg-blue-500 text-white":e==="primary","border-1 border-slate-600 bg-slate-600 text-slate-400 opacity-50":e==="primary"&&o.disabled,"border-1 border-slate-600 bg-[#2d3748] text-slate-100":e==="secondary","border-1 border-slate-600 bg-slate-600 text-slate-100":e==="cancel","border-1 border-[#06b6d4] bg-[#06b6d4] text-white hover:bg-[#0891b2]":e==="cyan"},a),...o,onContextMenu:c=>{c.preventDefault()},children:s?r.jsx(b,{}):m})});n.__docgenInfo={description:"",methods:[],displayName:"NxButton",props:{className:{required:!1,tsType:{name:"string"},description:""},rippleOption:{required:!1,tsType:{name:"RippleOption"},description:""},loading:{required:!1,tsType:{name:"boolean"},description:""},variant:{required:!1,tsType:{name:"union",raw:`| "default"
|
|
2
|
-
| "primary"
|
|
3
|
-
| "secondary"
|
|
4
|
-
| "tertiary"
|
|
5
|
-
| "danger"
|
|
6
|
-
| "cancel"
|
|
7
|
-
| "cyan"`,elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'},{name:"literal",value:'"tertiary"'},{name:"literal",value:'"danger"'},{name:"literal",value:'"cancel"'},{name:"literal",value:'"cyan"'}]},description:""}},composes:["Omit"]};const R={component:n,tags:["autodocs"],argTypes:{children:{control:"text",description:"버튼에 표시될 내용",table:{type:{summary:"string | ReactNode"}}},size:{control:{type:"select"},options:["default","sm","lg","icon"],description:"버튼 크기",table:{type:{summary:'"default" | "sm" | "lg" | "icon"'},defaultValue:{summary:"default"}}}}},f=a=>r.jsx(n,{...a}),t={parameters:{docs:{description:{story:""}}},args:{children:"NexusButton",size:"default"},render:f};var l,i,d;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
8
|
-
parameters: {
|
|
9
|
-
docs: {
|
|
10
|
-
description: {
|
|
11
|
-
story: ""
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
args: {
|
|
16
|
-
children: "NexusButton",
|
|
17
|
-
size: "default"
|
|
18
|
-
},
|
|
19
|
-
render: Template
|
|
20
|
-
}`,...(d=(i=t.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};const S=["Default"];export{t as Default,S as __namedExportsOrder,R as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{ba as a}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import{c as p}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const s=({className:e,...l})=>r.jsx(a,{className:p("Pagination","w-full gap-0 pt-4 pb-4","[&>li]:flex [&>li]:h-7 [&>li]:w-7 [&>li]:shrink-0 [&>li]:items-center [&>li]:justify-center","[&>li>button]:flex [&>li>button]:size-full [&>li>button]:items-center [&>li>button]:justify-center [&>li>button]:bg-transparent","[&>li>button]:text-fg-subtler [&>li>button:not(.pagination-page):not(:disabled)]:text-fg-default","[&>li]:typo-compact-xs2-semibold","[&>li>.selected]:outline-border-default [&>li>.selected]:text-fg-default [&>li>.selected]:outline-1","[&>li>.pagination-next]:m-0 [&>li>.pagination-next-double]:m-0 [&>li>.pagination-prev]:m-0 [&>li>.pagination-prev-double]:m-0",e),...l});s.__docgenInfo={description:"",methods:[],displayName:"NxPagination",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const P={component:a,tags:["autodocs"]},m=e=>r.jsx(s,{...e}),t={parameters:{docs:{description:{story:""}}},args:{},render:m};var i,n,o;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {},
|
|
10
|
-
render: Template
|
|
11
|
-
}`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const _=["Default"];export{t as Default,_ as __namedExportsOrder,P as default};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import{j as P}from"./jsx-runtime-BTJTZTIL.js";import{m as w}from"./createGoalLayer-BTJsygfA.js";import{c as b}from"./react-resizable-panels.browser-CvAJUcrm.js";import{r as i}from"./index-Dmy2JGbm.js";import{u as E}from"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const m=({className:c,variant:d,onButtonDown:o,onButtonUp:e,onButtonCancel:l,...p})=>{const t=i.useRef(!1),{theme:f}=E(),h=i.useCallback(()=>{t.current||(o==null||o(),t.current=!0)},[o]),n=i.useCallback(()=>{t.current&&(t.current=!1,e==null||e())},[e]),u=i.useCallback(()=>{t.current&&(t.current=!1,l?l():e==null||e())},[l,e]);return i.useEffect(()=>{const r=()=>{n==null||n()},s=()=>{u()};return window.addEventListener("pointerup",r),window.addEventListener("pointercancel",s),()=>{window.removeEventListener("pointerup",r),window.removeEventListener("pointercancel",s)}},[n,u]),console.log(f,d),P.jsx(w,{variant:d,className:b("NxPointerHoldButton",f==="light"&&d==="outlined"&&"outline-fg-navy text-fg-navy",c),...p,onContextMenu:r=>{r.preventDefault()},onPointerDown:r=>{var s,g;(g=(s=r.currentTarget).setPointerCapture)==null||g.call(s,r.pointerId),h()},onPointerUp:n,onPointerCancel:u,children:p.children})};m.__docgenInfo={description:"버튼을 누르고 있는 동안 특정 행동이 지속되는 버튼 컴포넌트",methods:[],displayName:"NxPointerHoldButton",props:{className:{required:!1,tsType:{name:"string"},description:""},onButtonDown:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onButtonUp:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onButtonCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}},composes:["ComponentProps"]};const I={component:m,tags:["autodocs"],argTypes:{children:{control:"text",description:"버튼에 표시될 내용",table:{type:{summary:"string | ReactNode"}}},size:{control:{type:"select"},options:["default","sm","lg","icon"],description:"버튼 크기",table:{type:{summary:'"default" | "sm" | "lg" | "icon"'},defaultValue:{summary:"default"}}},disabled:{type:"boolean"}}},C=c=>P.jsx(m,{...c}),a={parameters:{docs:{description:{story:""}}},args:{children:"Hold Button",size:"sm"},render:C};var y,x,v;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
children: "Hold Button",
|
|
11
|
-
size: "sm"
|
|
12
|
-
},
|
|
13
|
-
render: Template
|
|
14
|
-
}`,...(v=(x=a.parameters)==null?void 0:x.docs)==null?void 0:v.source}}};const D=["Default"];export{a as Default,D as __namedExportsOrder,I as default};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{bo as u,bp as s}from"./createGoalLayer-BTJsygfA.js";import{r as b}from"./index-Dmy2JGbm.js";import{c as n}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import{u as g}from"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const r=b.forwardRef(({className:t,dropBoxClassName:d,modalBoxClassName:c,...m},x)=>{const{theme:a}=g();return e.jsx(u,{ref:x,className:n("NxSelectBox","rounded-sm",{"border-[#45556C] bg-[#314158] has-[&:focus]:border-slate-400 [&_.ico-arrow]:size-[1.1rem] [&_.ico-arrow_svg]:text-slate-400 [&_input::placeholder]:text-slate-500 [&.disabled]:opacity-70":a==="dark"},t),dropBoxClassName:n("NxSelectBox-dropBox",{"[&_.drop-box-contents]:border-slate-500 [&_.drop-box-contents]:bg-[#314158] [&_.option]:border-slate-600 [&_.option:not(:first-child)]:border-t":a==="dark"},d),modalBoxClassName:n("NxSelectBox-modalBox",{"w-fit max-w-[450px] min-w-[350px] border-slate-600 bg-slate-800 p-0 [&_.option]:border-slate-700 [&_.option:nth-of-type(1)]:border-none":a==="dark"},c),enableModal:!0,...m})});r.displayName="NxSelectBox";r.__docgenInfo={description:"",methods:[],displayName:"NxSelectBox",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const E={component:r,tags:["autodocs"],argTypes:{value:{control:"text",description:"string | number"},children:{control:!1,description:"Option 컴포넌트를 children으로 전달"},keepDropDown:{type:"boolean",description:"Option 선택 후 DropBox를 닫을지 유지할지 여부"},error:{type:"boolean"},onChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:`(
|
|
2
|
-
e: ChangeEvent<HTMLInputElement> | { target: HTMLInputElement },
|
|
3
|
-
) => void`,detail:`
|
|
4
|
-
- e: 변경된 value의 ChangeEvent. e.target.value로 변경하려는 value값을 가져옴
|
|
5
|
-
`.trim()}}}}},f=t=>e.jsxs(r,{...t,children:[e.jsx(s,{value:"a",children:"Option A"}),e.jsx(s,{value:"b",children:"Option B"}),e.jsx(s,{value:"c",disabled:!0,children:"Option C"})]}),o={parameters:{docs:{description:{story:""}}},args:{value:"a"},render:f};var i,p,l;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
6
|
-
parameters: {
|
|
7
|
-
docs: {
|
|
8
|
-
description: {
|
|
9
|
-
story: ""
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
args: {
|
|
14
|
-
value: "a"
|
|
15
|
-
},
|
|
16
|
-
render: Template
|
|
17
|
-
}`,...(l=(p=o.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};const O=["Default"];export{o as Default,O as __namedExportsOrder,E as default};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{aN as p}from"./createGoalLayer-BTJsygfA.js";import{c}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const s=({className:r,rangeClassName:l,trackClassName:u,thumbClassName:g,...m})=>o.jsx(p,{className:c("NxSlideRange",r),...m,onContextMenu:i=>i.preventDefault()});s.__docgenInfo={description:"",methods:[],displayName:"NxSlideRange",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const T={component:s,tags:["autodocs"],argTypes:{min:{control:"number"},max:{control:"number"},trackClassName:{type:"string"},rangeClassName:{type:"string"},thumbClassName:{type:"string"}}},d=r=>o.jsx(s,{...r}),e={parameters:{docs:{description:{story:""}}},args:{min:0,max:100},render:d};var a,t,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
min: 0,
|
|
11
|
-
max: 100
|
|
12
|
-
},
|
|
13
|
-
render: Template
|
|
14
|
-
}`,...(n=(t=e.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};const h=["Default"];export{e as Default,h as __namedExportsOrder,T as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{X as h}from"./createGoalLayer-BTJsygfA.js";import{r as i}from"./index-Dmy2JGbm.js";import{L as S,c as m,b as j}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import{l as v}from"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const l=({className:s,name:t,label:c,value:n=!1,checkedValue:r=!0,unCheckedValue:x=!1,labelClassName:w,switchClassName:T,disabled:q,handleChange:o})=>{const[u]=i.useState(v.uniqueId()),[d,p]=i.useState(n),N=()=>{const f=d===r?x:r;p(f),o==null||o(f,t??"")};return i.useEffect(()=>{p(n)},[n]),a.jsxs(h,{className:m("NxSwitch","gap-2",s),inline:!0,alignItems:"center",justifyContent:"space-between",children:[!!c&&a.jsx(S,{id:t||u,className:m("leading-[normal] text-gray-300",w),children:c}),a.jsx(j,{name:t||u,disabled:q,checked:d===r,onCheckedChange:N,className:m("data-[state=unchecked]:bg-slate-500","data-[state=checked]:bg-blue-500",T)})]})};l.__docgenInfo={description:"",methods:[],displayName:"NxSwitch",props:{className:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""},value:{required:!1,tsType:{name:"union",raw:"string | number | boolean",elements:[{name:"string"},{name:"number"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},checkedValue:{required:!1,tsType:{name:"union",raw:"string | number | boolean",elements:[{name:"string"},{name:"number"},{name:"boolean"}]},description:"",defaultValue:{value:"true",computed:!1}},unCheckedValue:{required:!1,tsType:{name:"union",raw:"string | number | boolean",elements:[{name:"string"},{name:"number"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},labelClassName:{required:!1,tsType:{name:"string"},description:""},switchClassName:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},handleChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: AllowAny, name: string) => void",signature:{arguments:[{type:{name:"AllowAny"},name:"value"},{type:{name:"string"},name:"name"}],return:{name:"void"}}},description:""}}};const R={component:l,tags:["autodocs"]},k=s=>a.jsx(l,{...s}),e={parameters:{docs:{description:{story:""}}},args:{},render:k};var g,b,y;e.parameters={...e.parameters,docs:{...(g=e.parameters)==null?void 0:g.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {},
|
|
10
|
-
render: Template
|
|
11
|
-
}`,...(y=(b=e.parameters)==null?void 0:b.docs)==null?void 0:y.source}}};const X=["Default"];export{e as Default,X as __namedExportsOrder,R as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{bq as d}from"./createGoalLayer-BTJsygfA.js";import{r as c}from"./index-Dmy2JGbm.js";import{c as x}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import{u as l}from"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const r=c.forwardRef(({className:t,...p},m)=>{const{theme:i}=l();return n.jsx(d,{ref:m,className:x("NxTextArea","rounded-sm",{"border-slate-600 has-[&:focus]:border-slate-400 [&.disabled]:opacity-70 [&>textarea]:!bg-slate-700 [&>textarea]:!px-4 [&>textarea]:!text-slate-200 [&>textarea::placeholder]:!text-slate-500":i==="dark"},t),...p})});r.displayName="NxTextArea";r.__docgenInfo={description:"",methods:[],displayName:"NxTextArea",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const E={component:r,tags:["autodocs"],argTypes:{maxLength:{type:"number"},error:{type:"boolean"},info:{type:"boolean"},handleChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:"(value: string, name?: string) => void"}}}}},u=t=>n.jsx(r,{...t}),e={parameters:{docs:{description:{story:""}}},args:{},render:u};var a,s,o;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {},
|
|
10
|
-
render: Template
|
|
11
|
-
}`,...(o=(s=e.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const R=["Default"];export{e as Default,R as __namedExportsOrder,E as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{br as x}from"./createGoalLayer-BTJsygfA.js";import{r as f}from"./index-Dmy2JGbm.js";import{c as y}from"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import{u as b}from"./RainbowUiProvider-B_piZBLb.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const r=f.forwardRef(({className:o,onChange:a,autoComplete:c="off",...e},d)=>{const{theme:l}=b(),u=p=>{a==null||a(p)};return m.jsx(x,{ref:d,className:y("NxTextInput","h-10 rounded-sm px-4",{"border-slate-600 bg-slate-700 has-[&:focus]:border-slate-400 [&_.ico-prefix_svg]:text-slate-500 [&_input::placeholder]:text-slate-500 [&.disabled]:opacity-70":l==="dark","border-red-600":e==null?void 0:e.error,"!opacity-40":e==null?void 0:e.disabled},o),onChange:u,...e,autoComplete:c})});r.displayName="NxTextInput";r.__docgenInfo={description:"",methods:[],displayName:"NxTextInput",props:{className:{required:!1,tsType:{name:"string"},description:""},autoComplete:{defaultValue:{value:'"off"',computed:!1},required:!1}}};const q={component:r,tags:["autodocs"],argTypes:{value:{control:"text",description:"string | number"},error:{type:"boolean"},handleChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:"(value: AllowAny, name?: string) => void"}}}}},g=o=>m.jsx(r,{...o}),t={parameters:{docs:{description:{story:""}}},args:{},render:g};var s,n,i;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {},
|
|
10
|
-
render: Template
|
|
11
|
-
}`,...(i=(n=t.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};const A=["Default"];export{t as Default,A as __namedExportsOrder,q as default};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as s}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const j={component:s,tags:["autodocs"],argTypes:{type:{control:{type:"select"},options:["transparent","fill"],table:{type:{summary:'"transparent" | "fill"'}}}}},c=a=>e.jsx("div",{className:"w-64",children:e.jsx(s,{...a})}),t={parameters:{docs:{description:{story:""}}},args:{type:"transparent",title:"Accordion Title",children:e.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},render:c};var r,o,n;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
type: "transparent",
|
|
11
|
-
title: "Accordion Title",
|
|
12
|
-
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
13
|
-
Accordion Content
|
|
14
|
-
</div>
|
|
15
|
-
},
|
|
16
|
-
render: Template
|
|
17
|
-
}`,...(n=(o=t.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const A=["Default"];export{t as Default,A as __namedExportsOrder,j as default};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{a as c}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const A={component:c,tags:["autodocs"],argTypes:{type:{control:{type:"select"},options:["transparent","fill"],table:{type:{summary:'"transparent" | "fill"'}}}}},s=i=>t.jsxs("div",{className:"w-64",children:[t.jsx(c,{...i}),";"]}),e={parameters:{docs:{description:{story:""}}},args:{list:[{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})}]},render:s};var n,o,r;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
list: [{
|
|
11
|
-
title: "Accordion Title",
|
|
12
|
-
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
13
|
-
Accordion Content
|
|
14
|
-
</div>
|
|
15
|
-
}, {
|
|
16
|
-
title: "Accordion Title",
|
|
17
|
-
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
18
|
-
Accordion Content
|
|
19
|
-
</div>
|
|
20
|
-
}, {
|
|
21
|
-
title: "Accordion Title",
|
|
22
|
-
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
23
|
-
Accordion Content
|
|
24
|
-
</div>
|
|
25
|
-
}, {
|
|
26
|
-
title: "Accordion Title",
|
|
27
|
-
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
28
|
-
Accordion Content
|
|
29
|
-
</div>
|
|
30
|
-
}]
|
|
31
|
-
},
|
|
32
|
-
render: Template
|
|
33
|
-
}`,...(r=(o=e.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};const j=["Default"];export{e as Default,j as __namedExportsOrder,A as default};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{o as a,m as l}from"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const T={component:a,tags:["autodocs"]},d=i=>{const[m,t]=p.useState(!0);return r.jsxs("div",{children:[r.jsx(l,{size:"sm",variant:"solid",onClick:()=>t(!0),children:"Open Alert"}),r.jsx(a,{...i,open:m,onOpenChange:t,resolve:()=>t(!1),onConfirm:()=>t(!1)})]})},e={parameters:{docs:{description:{story:""}}},args:{title:"Alert Modal",content:r.jsx("div",{className:"text-fg-default px-4 py-2 text-sm",children:"Alert Modal Body Text"}),buttonText:"Confirm"},render:d};var o,s,n;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
title: "Alert Modal",
|
|
11
|
-
content: <div className="text-fg-default px-4 py-2 text-sm">
|
|
12
|
-
Alert Modal Body Text
|
|
13
|
-
</div>,
|
|
14
|
-
buttonText: "Confirm"
|
|
15
|
-
},
|
|
16
|
-
render: Template
|
|
17
|
-
}`,...(n=(s=e.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const C=["Default"];export{e as Default,C as __namedExportsOrder,T as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{R as l,S as o,b as p,c,d as m,e as d,f as g}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const u={red:e.jsx(g,{className:"size-3 shrink-0"}),orange:e.jsx(d,{className:"size-3 shrink-0"}),green:e.jsx(m,{className:"size-3 shrink-0"}),blue:e.jsx(c,{className:"size-3 shrink-0"}),purple:e.jsx(p,{className:"size-3 shrink-0"}),gray:e.jsx(o,{className:"size-3 shrink-0"}),"gray-subtle":e.jsx(o,{className:"size-3 shrink-0"})},y=r=>{const i=r.children??(r.type==="number"?"8":"Badge Label");return e.jsx(l,{...r,leadingIcon:r.type==="transparent"?r.leadingIcon??u[r.color??"red"]:void 0,children:i})},B={component:l,tags:["autodocs"],render:y,argTypes:{type:{control:{type:"select"},options:["number","capsule","transparent"],table:{type:{summary:'"number" | "capsule" | "transparent"'}}},numberVariant:{control:{type:"select"},options:["solid","soft","outlined","ghost"],table:{type:{summary:'"solid" | "soft" | "outlined" | "ghost"'}}},color:{control:{type:"select"},options:["red","orange","green","blue","purple","gray","gray-subtle"],table:{type:{summary:'"red" | "orange" | "green" | "blue" | "purple" | "gray" | "gray-subtle"'}}},leadingIcon:{control:!1,table:{type:{summary:"ReactNode"}}},children:{control:{type:"text"}}},args:{type:"number",numberVariant:"solid",color:"red"}},s={};var t,a,n;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(n=(a=s.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};const I=["Playground"];export{s as Playground,I as __namedExportsOrder,B as default};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{g as l}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const m=e=>{const i=e.showPercentLabel&&e.percent==null?0:e.percent;return d.jsx(l,{...e,percent:i})},B={component:l,tags:["autodocs"],argTypes:{status:{control:{type:"select"},table:{type:{summary:'"critical" | "low" | "normal" | "full"'}},options:["critical","low","normal","full"]},size:{control:{type:"select"},options:["xs","sm","md","lg"],table:{type:{summary:'"xs" | "sm" | "md" | "lg"'}}},borderColor:{control:{type:"color"},description:"배터리 보더 오버레이 색상을 직접 지정합니다.",table:{type:{summary:"string"}}},showPercentLabel:{control:{type:"boolean"},description:"true면 배터리 아이콘 오른쪽에 `percent` 라벨을 표시합니다.",table:{type:{summary:"boolean"}}},wrapperClassName:{control:{type:"text"},description:"아이콘+라벨 전체 wrapper에 추가되는 클래스입니다. 간격/정렬 조정용입니다.",table:{type:{summary:"string"}}},percentLabelClassName:{control:{type:"text"},description:"퍼센트 텍스트 라벨에만 적용되는 클래스입니다. 색상/타이포 조정용입니다.",table:{type:{summary:"string"}}}},args:{size:"md",status:void 0,percent:void 0,charging:!1,borderColor:void 0,showPercentLabel:!1}},r={args:{},render:m},t={args:{percent:72,showPercentLabel:!0},render:m};var o,s,a;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
-
args: {},
|
|
3
|
-
render: Template
|
|
4
|
-
}`,...(a=(s=r.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var n,p,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
5
|
-
args: {
|
|
6
|
-
percent: 72,
|
|
7
|
-
showPercentLabel: true
|
|
8
|
-
},
|
|
9
|
-
render: Template
|
|
10
|
-
}`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const C=["Default","WithPercentLabel"];export{r as Default,t as WithPercentLabel,C as __namedExportsOrder,B as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{C as r}from"./createGoalLayer-BTJsygfA.js";import{r as x}from"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const f=t=>{const l=[1,2,3,4],[a,p]=x.useState([1,2]),c=(o,h)=>{var n;Array.isArray(o)&&p(o),(n=t.handleChange)==null||n.call(t,o,h)};return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(r,{...t,name:"rb-checkbox-demo-all",checkValue:l,value:a,handleChange:c,children:"전체 선택"}),l.map(o=>e.jsx(r,{...t,name:"rb-checkbox-demo",checkValue:o,value:a,handleChange:c,children:e.jsxs(e.Fragment,{children:[e.jsx("span",{children:t.children??"CheckBox Dummy Text"}),e.jsx("span",{children:o})]})},o))]}),e.jsxs("div",{className:"text-fg-default text-xs",children:["DATA: [",a.map(String).join(", "),"]"]})]})},D={component:r,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md"],table:{type:{summary:'"sm" | "md"'}}},disabled:{control:{type:"boolean"}},readOnly:{control:{type:"boolean"}},children:{control:{type:"text"}},selected:{control:{type:"boolean"}},partial:{control:{type:"boolean"}},checkValue:{control:!1},value:{control:!1},handleChange:{control:!1}},args:{size:"sm",disabled:!1,readOnly:!1,selected:!1,partial:!1},render:f},s={};var i,m,d;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(m=s.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};const T=["Default"];export{s as Default,T as __namedExportsOrder,D as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{h as a,i}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const p=c=>e.jsx(a,{...c}),j={component:a,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs","xs2"]},icon:{control:!1},children:{control:!1}},args:{size:"xs",icon:e.jsx(i,{}),disabled:!1},render:p},o={};var s,t,r;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(r=(t=o.parameters)==null?void 0:t.docs)==null?void 0:r.source}}};const R=["Default"];export{o as Default,R as __namedExportsOrder,j as default};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Dmy2JGbm.js";import{j as n}from"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const v=t=>e.jsx(n,{...t}),E={component:n,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs","xs2"]},leadingIcon:{control:!1},trailingIcon:{control:!1}},args:{children:"버튼 라벨",size:"xs",disabled:!1},render:v},l={},r={render:t=>{const[a,g]=f.useState(["button-1"]),o=c=>x=>{g(s=>x.target.checked?s.includes(c)?s:[...s,c]:s.filter(b=>b!==c))};return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(n,{...t,value:a,checkValue:"button-1",onChange:o("button-1"),children:"버튼 1"}),e.jsx(n,{...t,value:a,checkValue:"button-2",onChange:o("button-2"),children:"버튼 2"}),e.jsx(n,{...t,className:"w-20",value:a,checkValue:"button-3",onChange:o("button-3"),children:"버튼 3"})]}),e.jsxs("div",{className:"text-default text-xs",children:["selected: ",JSON.stringify(a)]})]})}};var u,i,d;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(d=(i=l.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var h,m,p;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`{
|
|
2
|
-
render: args => {
|
|
3
|
-
const [selected, setSelected] = useState<Array<string | number>>(["button-1"]);
|
|
4
|
-
const handleChange = (value: string) => (e: ChangeEvent<HTMLInputElement>) => {
|
|
5
|
-
setSelected(prev => e.target.checked ? prev.includes(value) ? prev : [...prev, value] : prev.filter(item => item !== value));
|
|
6
|
-
};
|
|
7
|
-
return <div className="flex flex-col gap-3">
|
|
8
|
-
<div className="flex items-start gap-2">
|
|
9
|
-
<RBCheckLabelButton {...args} value={selected} checkValue="button-1" onChange={handleChange("button-1")}>
|
|
10
|
-
버튼 1
|
|
11
|
-
</RBCheckLabelButton>
|
|
12
|
-
<RBCheckLabelButton {...args} value={selected} checkValue="button-2" onChange={handleChange("button-2")}>
|
|
13
|
-
버튼 2
|
|
14
|
-
</RBCheckLabelButton>
|
|
15
|
-
<RBCheckLabelButton {...args} className="w-20" value={selected} checkValue="button-3" onChange={handleChange("button-3")}>
|
|
16
|
-
버튼 3
|
|
17
|
-
</RBCheckLabelButton>
|
|
18
|
-
</div>
|
|
19
|
-
<div className="text-default text-xs">
|
|
20
|
-
selected: {JSON.stringify(selected)}
|
|
21
|
-
</div>
|
|
22
|
-
</div>;
|
|
23
|
-
}
|
|
24
|
-
}`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const I=["Default","Multiple"];export{l as Default,r as Multiple,I as __namedExportsOrder,E as default};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{aZ as v}from"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const f=Array.from({length:8}).map((e,t)=>({key:t+1,label:"Menu"})),C=e=>{var l;const t=e.tabItems??f,[g,s]=i.useState(e.activeKey??((l=t==null?void 0:t[0])==null?void 0:l.key)??1);i.useEffect(()=>{var a;s(e.activeKey??((a=t==null?void 0:t[0])==null?void 0:a.key)??1)},[e.activeKey,t]);const h=(a,x)=>{var c;s(a),(c=e.handleChange)==null||c.call(e,a,x)};return r.jsx(v,{...e,activeKey:g,handleChange:h})},R={component:v,tags:["autodocs"],argTypes:{className:{control:{type:"text"}},size:{control:{type:"select"},options:["sm","md","lg"],table:{type:{summary:'"sm" | "md" | "lg"'}}},tabItems:{control:{type:"object"}},activeKey:{control:{type:"number"}},name:{control:{type:"text"}},slider:{control:!1},disabled:{control:{type:"boolean"}},destroyInactiveTabPanel:{control:{type:"boolean"}},tabNavScrollRef:{table:{disable:!0}},swipeContent:{control:{type:"boolean"}},rippleOption:{control:{type:"object"}},tabBtnClassName:{control:{type:"text"}},useDefaultItemStyle:{table:{disable:!0}},tabNavClassName:{control:{type:"text"}},handleChange:{table:{disable:!0}},onClick:{table:{disable:!0}}},args:{size:"md",tabItems:f,disabled:!1,destroyInactiveTabPanel:!0,activeKey:1},render:C},o={},n={args:{activeKey:1,tabItems:[{key:1,label:"Overview",children:r.jsx("div",{className:"bg-bg-alt-2 text-fg-default rounded-md p-4",children:"Overview content"})},{key:2,label:"Sensors",children:r.jsx("div",{className:"bg-bg-alt-2 text-fg-default rounded-md p-4",children:"Sensors content"})},{key:3,label:"Logs"}]}};var d,m,p;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var b,y,u;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
activeKey: 1,
|
|
4
|
-
tabItems: [{
|
|
5
|
-
key: 1,
|
|
6
|
-
label: "Overview",
|
|
7
|
-
children: <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
|
|
8
|
-
Overview content
|
|
9
|
-
</div>
|
|
10
|
-
}, {
|
|
11
|
-
key: 2,
|
|
12
|
-
label: "Sensors",
|
|
13
|
-
children: <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
|
|
14
|
-
Sensors content
|
|
15
|
-
</div>
|
|
16
|
-
}, {
|
|
17
|
-
key: 3,
|
|
18
|
-
label: "Logs"
|
|
19
|
-
}]
|
|
20
|
-
}
|
|
21
|
-
}`,...(u=(y=n.parameters)==null?void 0:y.docs)==null?void 0:u.source}}};const _=["Default","WithContent"];export{o as Default,n as WithContent,_ as __namedExportsOrder,R as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Dmy2JGbm.js";import{a_ as b}from"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const y=Array.from({length:8}).map((e,t)=>({key:t+1,label:"Menu"})),f=e=>{var r;const t=e.tabItems??y,[d,s]=c.useState(e.activeKey??((r=t==null?void 0:t[0])==null?void 0:r.key)??1);c.useEffect(()=>{var a;s(e.activeKey??((a=t==null?void 0:t[0])==null?void 0:a.key)??1)},[e.activeKey,t]);const u=(a,x)=>{var l;s(a),(l=e.handleChange)==null||l.call(e,a,x)};return n.jsx("div",{className:"w-72",children:n.jsx(b,{...e,activeKey:d,handleChange:u})})},E={component:b,tags:["autodocs"],argTypes:{className:{control:{type:"text"}},size:{control:{type:"select"},options:["xs","xs2"],table:{type:{summary:'"xs" | "xs2"'}}},tabItems:{control:{type:"object"}},activeKey:{control:{type:"number"}},name:{control:{type:"text"}},slider:{control:!1},disabled:{control:{type:"boolean"}},destroyInactiveTabPanel:{control:{type:"boolean"}},tabNavScrollRef:{table:{disable:!0}},swipeContent:{control:{type:"boolean"}},rippleOption:{control:{type:"object"}},tabBtnClassName:{control:{type:"text"}},useDefaultItemStyle:{table:{disable:!0}},tabNavClassName:{table:{disable:!0}},handleChange:{table:{disable:!0}},onClick:{table:{disable:!0}}},args:{size:"xs",tabItems:y,disabled:!1,destroyInactiveTabPanel:!0,activeKey:1},render:f},o={};var p,i,m;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(m=(i=o.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};const R=["Default"];export{o as Default,R as __namedExportsOrder,E as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{u as f,v as u}from"./createGoalLayer-BTJsygfA.js";import{c as g}from"./browserUtils-DeopUpDy.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./index-BRq5TIsn.js";const a=Object.entries(u).filter(([,s])=>typeof s=="function"||typeof s=="string").sort(([s],[l])=>s.localeCompare(l)),c=s=>`<${s} className="size-5" />`,h=s=>{g({text:c(s)})},x=()=>{const[s,l]=i.useState(""),n=i.useMemo(()=>{const t=s.trim().toLowerCase();return t?a.filter(([r])=>r.toLowerCase().includes(t)):a},[s]);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-fg-default text-lg font-semibold",children:"RBColorIcons"}),e.jsxs("p",{className:"text-fg-subtle text-sm",children:["현재 export된 아이콘 ",n.length," / ",a.length]})]}),e.jsx(f,{value:s,handleChange:t=>l(String(t??"")),placeholder:"Search program icons",className:"w-full md:w-72"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-3 md:grid-cols-4 xl:grid-cols-6",children:n.map(([t,r])=>e.jsxs("button",{type:"button",onClick:()=>h(t),title:`Copy ${c(t)}`,className:"border-default bg-default flex min-h-32 cursor-copy flex-col items-center justify-center gap-3 rounded-xl border p-4 text-center transition-colors",children:[typeof r=="function"?e.jsx(r,{className:"size-6 shrink-0"}):e.jsx("img",{src:r,alt:t,className:"shrink-0"}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-default text-xs font-medium break-all",children:t}),e.jsx("span",{className:"text-fg-subtle text-[11px] break-all",children:c(t)})]})]},t))})]})},S={component:x,tags:["autodocs"],parameters:{layout:"padded",docs:{description:{component:"`@repo/rb-components/new_components/assets/color-icons` 에서 export되는 프로그램 아이콘을 한 번에 확인하는 스토리입니다. 아이콘 카드를 클릭하면 사용 코드가 복사됩니다."}}}},o={render:()=>e.jsx(x,{})};var d,m,p;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
|
-
render: () => <ProgramIconGallery />
|
|
3
|
-
}`,...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const B=["Default"];export{o as Default,B as __namedExportsOrder,S as default};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{p as a,m as c}from"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const T={component:a,tags:["autodocs"]},d=i=>{const[m,e]=p.useState(!0);return o.jsxs("div",{children:[o.jsx(c,{size:"sm",variant:"solid",onClick:()=>e(!0),children:"Open Confirm"}),o.jsx(a,{...i,open:m,onOpenChange:e,resolve:()=>e(!1),onConfirm:()=>e(!1),onCancel:()=>e(!1)})]})},t={parameters:{docs:{description:{story:""}}},args:{title:"Confirm Modal",content:o.jsx("div",{className:"text-fg-default px-4 py-2 text-sm",children:"Confirm Modal Body Text"}),buttonText:{yes:"Confirm",no:"Cancel"}},render:d};var n,r,s;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
title: "Confirm Modal",
|
|
11
|
-
content: <div className="text-fg-default px-4 py-2 text-sm">
|
|
12
|
-
Confirm Modal Body Text
|
|
13
|
-
</div>,
|
|
14
|
-
buttonText: {
|
|
15
|
-
yes: "Confirm",
|
|
16
|
-
no: "Cancel"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
render: Template
|
|
20
|
-
}`,...(s=(r=t.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};const h=["Default"];export{t as Default,h as __namedExportsOrder,T as default};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{D as n}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const w={component:n,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"],table:{type:{summary:'"xs2" | "sm" | "md" | "lg"'}}},showPresets:{control:"boolean"},showFooter:{control:"boolean"}}},m=a=>r.jsx("div",{style:{height:700},children:r.jsx(n,{...a})}),e={parameters:{docs:{description:{story:""}}},args:{size:"md",showPresets:!0,showFooter:!0},render:m};var t,o,s;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {
|
|
10
|
-
size: "md",
|
|
11
|
-
showPresets: true,
|
|
12
|
-
showFooter: true
|
|
13
|
-
},
|
|
14
|
-
render: Template
|
|
15
|
-
}`,...(s=(o=e.parameters)==null?void 0:o.docs)==null?void 0:s.source}}};const f=["Default"];export{e as Default,f as __namedExportsOrder,w as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const l=e=>e.type==="vertical"?t.jsxs("div",{className:"roundedp-4 flex h-24 items-center gap-3",children:[t.jsx("span",{className:"text-fg-default text-sm",children:"Left"}),t.jsx(r,{...e}),t.jsx("span",{className:"text-fg-default text-sm",children:"Right"})]}):t.jsxs("div",{className:"w-96 max-w-full rounded p-4",children:[t.jsx("p",{className:"text-fg-default m-0 text-lg",children:"Top"}),t.jsx(r,{...e,children:e.children}),t.jsx("p",{className:"text-fg-default m-0 text-lg",children:"Bottom"})]}),x={component:r,tags:["autodocs"],render:l,argTypes:{type:{control:{type:"select"},options:["horizontal","vertical"],table:{type:{summary:'"horizontal" | "vertical"'}}},variant:{control:{type:"select"},options:["solid","dashed","dotted","soft"],table:{type:{summary:'"solid" | "dashed" | "dotted" | "soft"'}}},thickness:{control:{type:"select"},options:["thin","thick"],table:{type:{summary:'"thin" | "thick"'}}},children:{control:{type:"text"},table:{type:{summary:"ReactNode"}}},size:{control:{type:"number"},table:{type:{summary:"number"}}},color:{control:{type:"color"},table:{type:{summary:"string"}}},spaceSize:{control:{type:"number"},table:{type:{summary:"number"}}},spaceDirection:{control:{type:"select"},options:["top","bottom","left","right","both"],table:{type:{summary:'"top" | "bottom" | "left" | "right" | "both"'}}},contentAlign:{control:{type:"select"},options:["left","center","right"],table:{type:{summary:'"left" | "center" | "right"'}}},contentSpace:{control:{type:"number"},table:{type:{summary:"number"}}},contentPosition:{control:{type:"number"},table:{type:{summary:"number"}}}},args:{type:"horizontal",variant:"solid",thickness:"thin",spaceDirection:"both",children:void 0}},o={};var s,a,n;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(n=(a=o.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};const g=["Default"];export{o as Default,g as __namedExportsOrder,x as default};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{a4 as l,V as d,a5 as c,a6 as m,m as s,a7 as p,a8 as u,a9 as w,aa as x,ab as h}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const v={tags:["autodocs"],argTypes:{showCloseButton:{control:"boolean"},showHandle:{control:"boolean"},side:{control:{type:"select"},options:["top","bottom","right","left"]}},args:{side:"bottom",showHandle:!0,showCloseButton:!1},component:l},f=({side:r})=>{const a=r==="top"||r==="bottom";return e.jsxs(e.Fragment,{children:[e.jsxs(p,{className:a?"items-center text-center":"",children:[e.jsx(u,{className:"typo-title-01-medium",children:"Title Text"}),e.jsx(w,{children:"This is a drawer description."})]}),e.jsx(x,{children:e.jsx("div",{className:"border-information bg-fill-information-subtlest text-fg-default typo-compact-sm-normal flex h-16 w-full items-center justify-center border border-dashed px-4 text-center",children:e.jsx("span",{className:a?"":"w-full text-left",children:"Slot (swap it with your content)"})})}),e.jsxs(h,{children:[e.jsx(s,{size:"sm",variant:"solid",className:"w-full",children:"버튼 라벨"}),e.jsx(s,{size:"sm",variant:"outlined",className:"w-full",children:"버튼 라벨"})]})]})},t={render:r=>e.jsx(d,{className:"bg-alt-1 min-h-[700px] items-center justify-center rounded-2xl p-8",children:e.jsxs(c,{defaultOpen:!0,side:r.side,children:[e.jsx(m,{asChild:!0,children:e.jsx(s,{size:"sm",variant:"solid",children:"Open Drawer"})}),e.jsx(l,{...r,className:r.side==="top"||r.side==="bottom"?"w-full":"h-full w-96",children:e.jsx(f,{side:r.side})})]})})};var o,n,i;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
-
render: args => <VStack className="bg-alt-1 min-h-[700px] items-center justify-center rounded-2xl p-8">
|
|
3
|
-
<RBDrawer defaultOpen side={args.side}>
|
|
4
|
-
<RBDrawerTrigger asChild>
|
|
5
|
-
<RBLabelButton size="sm" variant="solid">
|
|
6
|
-
Open Drawer
|
|
7
|
-
</RBLabelButton>
|
|
8
|
-
</RBDrawerTrigger>
|
|
9
|
-
<RBDrawerContent {...args} className={args.side === "top" || args.side === "bottom" ? "w-full" : "h-full w-96"}>
|
|
10
|
-
<DrawerBodyContent side={args.side} />
|
|
11
|
-
</RBDrawerContent>
|
|
12
|
-
</RBDrawer>
|
|
13
|
-
</VStack>
|
|
14
|
-
}`,...(i=(n=t.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};const O=["Playground"];export{t as Playground,O as __namedExportsOrder,v as default};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import{j as p}from"./jsx-runtime-BTJTZTIL.js";import{s as m,t as u}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const l=i=>p.jsx(m,{...i}),L={component:m,tags:["autodocs"],render:l,argTypes:{type:{control:{type:"select"},options:["button","icon"],table:{type:{summary:'"button" | "icon"'}}},message:{control:{type:"text"}},buttonLabel:{control:{type:"text"}},onButtonClick:{control:!1},icon:{control:!1}},args:{type:"button",message:"엠프티뷰의 안내 메세지를 입력해주세요.",buttonLabel:"버튼 라벨"}},t={args:{type:"button",message:"엠프티뷰의 안내 메세지를 입력해주세요.",buttonLabel:"버튼 라벨"}},o={args:{type:"icon",icon:p.jsx(u,{})}};var e,r,s;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`{
|
|
2
|
-
args: {
|
|
3
|
-
type: "button",
|
|
4
|
-
message: "엠프티뷰의 안내 메세지를 입력해주세요.",
|
|
5
|
-
buttonLabel: "버튼 라벨"
|
|
6
|
-
}
|
|
7
|
-
}`,...(s=(r=t.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,a,c;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
8
|
-
args: {
|
|
9
|
-
type: "icon",
|
|
10
|
-
icon: <SvgSearchBold />
|
|
11
|
-
}
|
|
12
|
-
}`,...(c=(a=o.parameters)==null?void 0:a.docs)==null?void 0:c.source}}};const R=["Button","Icon"];export{t as Button,o as Icon,R as __namedExportsOrder,L as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{k as a,i}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const m=n=>r.jsx(a,{...n}),g={component:a,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["3xs","2xs","xs","xs2","sm","md"],table:{type:{summary:'"3xs" | "2xs" | "xs" | "xs2" | "sm" | "md"'}}},variant:{control:{type:"select"},options:["transparent","outlined","soft","solid","inverse","inverseSoft","brand","circle"],table:{type:{summary:'"transparent" | "outlined" | "soft" | "solid" | "inverse" | "inverseSoft" | "brand" | "circle"'}}},type:{control:{type:"select"},options:["button","submit","reset"],table:{type:{summary:'"button" | "submit" | "reset"'}}},icon:{control:!1},children:{control:!1}},args:{icon:r.jsx(i,{}),size:"sm",variant:"solid",type:"button",disabled:!1},render:m},t={};var s,e,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(o=(e=t.parameters)==null?void 0:e.docs)==null?void 0:o.source}}};const B=["Default"];export{t as Default,B as __namedExportsOrder,g as default};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{u as f,w as u}from"./createGoalLayer-BTJsygfA.js";import{c as g}from"./browserUtils-DeopUpDy.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./index-BRq5TIsn.js";const l=Object.entries(u).filter(([,s])=>typeof s=="function"||typeof s=="string").sort(([s],[a])=>s.localeCompare(a)),c=s=>`<${s} className="size-5" />`,h=s=>{g({text:c(s)})},x=()=>{const[s,a]=i.useState(""),n=i.useMemo(()=>{const t=s.trim().toLowerCase();return t?l.filter(([r])=>r.toLowerCase().includes(t)):l},[s]);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-fg-default text-lg font-semibold",children:"RBIcons"}),e.jsxs("p",{className:"text-fg-subtle text-sm",children:["현재 export된 아이콘 ",n.length," / ",l.length]})]}),e.jsx(f,{value:s,handleChange:t=>a(String(t??"")),placeholder:"Search program icons",className:"w-full md:w-72"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-3 md:grid-cols-4 xl:grid-cols-6",children:n.map(([t,r])=>e.jsxs("button",{type:"button",onClick:()=>h(t),title:`Copy ${c(t)}`,className:"border-default bg-default flex min-h-32 cursor-copy flex-col items-center justify-center gap-3 rounded-xl border p-4 text-center transition-colors",children:[typeof r=="function"?e.jsx(r,{className:"text-fg-default size-6 shrink-0"}):e.jsx("img",{src:r,alt:t,className:"shrink-0"}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-default text-xs font-medium break-all",children:t}),e.jsx("span",{className:"text-fg-subtle text-[11px] break-all",children:c(t)})]})]},t))})]})},S={component:x,tags:["autodocs"],parameters:{layout:"padded",docs:{description:{component:"`@repo/rb-components/new_components/assets/icons` 에서 export되는 프로그램 아이콘을 한 번에 확인하는 스토리입니다. 아이콘 카드를 클릭하면 사용 코드가 복사됩니다."}}}},o={render:()=>e.jsx(x,{})};var d,m,p;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
|
-
render: () => <ProgramIconGallery />
|
|
3
|
-
}`,...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const B=["Default"];export{o as Default,B as __namedExportsOrder,S as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{l as s}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const m=a=>n.jsx(s,{...a}),g={component:s,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs","sm","md"],table:{type:{summary:'"xs" | "sm" | "md"'}}},variant:{control:{type:"select"},options:["default","brand"],table:{type:{summary:'"default" | "brand"'}}},type:{control:{type:"select"},options:["button","submit"],table:{type:{summary:'"button" | "submit"'}}},leadingIcon:{control:!1},trailingIcon:{control:!1}},args:{children:"버튼 라벨",size:"sm",variant:"default",type:"button",disabled:!1},render:m},t={};var e,o,r;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(r=(o=t.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};const B=["Default"];export{t as Default,B as __namedExportsOrder,g as default};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{H as a}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const y={component:a,tags:["autodocs"]},p=n=>t.jsx("div",{className:"bg-fill-subtler p-10",children:t.jsx(a,{...n})}),r={parameters:{docs:{description:{story:""}}},args:{},render:p};var o,e,s;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
-
parameters: {
|
|
3
|
-
docs: {
|
|
4
|
-
description: {
|
|
5
|
-
story: ""
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
},
|
|
9
|
-
args: {},
|
|
10
|
-
render: Template
|
|
11
|
-
}`,...(s=(e=r.parameters)==null?void 0:e.docs)==null?void 0:s.source}}};const R=["Default"];export{r as Default,R as __namedExportsOrder,y as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{m as r}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const i=a=>n.jsx(r,{...a}),g={component:r,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["3xs","2xs","xs","xs2","sm","md"],table:{type:{summary:'"3xs" | "2xs" | "xs" | "xs2" | "sm" | "md"'}}},variant:{control:{type:"select"},options:["transparent","outlined","soft","solid","inverse","inverseSoft","brand","danger","dangerSoft","success","successSoft"],table:{type:{summary:'"transparent" | "outlined" | "soft" | "solid" | "inverse" | "inverseSoft" | "brand" | "danger" | "dangerSoft" | "success" | "successSoft"'}}},type:{control:{type:"select"},options:["button","submit","reset"],table:{type:{summary:'"button" | "submit" | "reset"'}}},leadingIcon:{control:!1},trailingIcon:{control:!1}},args:{children:"버튼 라벨",size:"sm",variant:"solid",type:"button",disabled:!1},render:i},t={};var s,e,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(o=(e=t.parameters)==null?void 0:e.docs)==null?void 0:o.source}}};const S=["Default"];export{t as Default,S as __namedExportsOrder,g as default};
|