@rainbow-robotics/muscat-plugin-kit 1.1.4 → 1.2.1
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 +99 -0
- package/cli/README.md +32 -1
- package/cli/bin/muscat-pk.mjs +49 -4
- package/cli/src/bridge.mjs +26 -2
- package/cli/src/build.mjs +11 -1
- package/cli/src/cpp.mjs +6 -2
- package/cli/src/dev.mjs +4 -1
- package/cli/src/devBack.mjs +14 -8
- package/cli/src/manifest.mjs +54 -0
- package/cli/src/mcp.mjs +58 -3
- package/cli/src/new.mjs +3 -0
- package/cli/src/ports.mjs +24 -10
- package/cli/src/python.mjs +7 -1
- package/cli/src/ros2.mjs +5 -1
- package/cli/src/templates-embedded.mjs +3 -0
- package/cli/src/update.mjs +34 -26
- package/cli/src/util.mjs +59 -1
- package/cli/storybook-dist/assets/{Color-YHDXOIA2-YYdZOPJH.js → Color-YHDXOIA2-CSzM1dKs.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-xa7vkY1N.js → Docs-BIcNCkcj.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-3w-iBQPm.js → Docs-Bhl2G8dW.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-qI6e7Wy0.js → Docs-CxnHR1EX.js} +1 -1
- package/cli/storybook-dist/assets/Docs-DGfEBD4U.js +7 -0
- package/cli/storybook-dist/assets/{Docs-D1XY1-wF.js → Docs-Q256LO6R.js} +1 -1
- package/cli/storybook-dist/assets/Docs-y19ER8GV.js +20 -0
- package/cli/storybook-dist/assets/{DocsRenderer-CFRXHY34-BE26HVj4.js → DocsRenderer-CFRXHY34-DnUkc2jA.js} +1 -1
- package/cli/storybook-dist/assets/NxAvatar.stories-D8_zg1ow.js +13 -0
- package/cli/storybook-dist/assets/NxButton.stories-DJ27PRZJ.js +20 -0
- package/cli/storybook-dist/assets/{NxNumberInput.stories-YuPp7Wu0.js → NxNumberInput.stories-DAhhfwBb.js} +3 -3
- package/cli/storybook-dist/assets/NxPagination.stories-B0B2V-we.js +11 -0
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-Cs9aWGqX.js +14 -0
- package/cli/storybook-dist/assets/{NxRangeInput.stories-Bpv0nJOc.js → NxRangeInput.stories-A3qk290L.js} +3 -3
- package/cli/storybook-dist/assets/NxSelectBox.stories-BtA0bI0U.js +17 -0
- package/cli/storybook-dist/assets/NxSlideRange.stories-DaVwMyfI.js +14 -0
- package/cli/storybook-dist/assets/NxSwitch.stories-MEpYcafd.js +11 -0
- package/cli/storybook-dist/assets/NxTextArea.stories-8PqT83b0.js +11 -0
- package/cli/storybook-dist/assets/NxTextInput.stories-DwOvyFAK.js +11 -0
- package/cli/storybook-dist/assets/RBAccordion.stories-l_KWmznJ.js +17 -0
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-BHwMLO_b.js +33 -0
- package/cli/storybook-dist/assets/RBAlert.stories-XeJozdck.js +17 -0
- package/cli/storybook-dist/assets/RBBadge.stories-BoIw5gFT.js +1 -0
- package/cli/storybook-dist/assets/RBBattery.stories-C_qyHveA.js +10 -0
- package/cli/storybook-dist/assets/RBCard.stories-jFfiHYKe.js +45 -0
- package/cli/storybook-dist/assets/RBCheckBox.stories-DTfCEweM.js +1 -0
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-CTDnyUqG.js +1 -0
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-DmquL7n0.js +24 -0
- package/cli/storybook-dist/assets/RBChipTab.stories-B8zl9AG8.js +21 -0
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-BGRQ_ix8.js +1 -0
- package/cli/storybook-dist/assets/RBColorIcons.stories-s5QE7tL1.js +3 -0
- package/cli/storybook-dist/assets/{RBCommand.stories-DWSPAw4x.js → RBCommand.stories-Yrpy_B26.js} +3 -3
- package/cli/storybook-dist/assets/RBConfirm.stories-C9qrp3br.js +20 -0
- package/cli/storybook-dist/assets/RBDateInput.stories-DZpvxSqb.js +15 -0
- package/cli/storybook-dist/assets/RBDialog.stories-DSonk9Bx.js +38 -0
- package/cli/storybook-dist/assets/RBDivider.stories-CtuMDRWW.js +1 -0
- package/cli/storybook-dist/assets/RBDrawer.stories-BNjRz9Cf.js +14 -0
- package/cli/storybook-dist/assets/{RBDropdownMenu.stories-CuzDr6dG.js → RBDropdownMenu.stories-Bjl9aOPU.js} +2 -2
- package/cli/storybook-dist/assets/RBEmptyView.stories-ChMkuohg.js +12 -0
- package/cli/storybook-dist/assets/RBIconButton.stories-B5R9unwo.js +1 -0
- package/cli/storybook-dist/assets/RBIcons.stories-Cp5JeZNr.js +3 -0
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-Dl_km9SD.js +1 -0
- package/cli/storybook-dist/assets/RBJoyStick.stories-g1XwqElo.js +11 -0
- package/cli/storybook-dist/assets/RBLabelButton.stories-iNSl-cdD.js +1 -0
- package/cli/storybook-dist/assets/RBLight.stories-DptPacw1.js +1 -0
- package/cli/storybook-dist/assets/RBMenubar.stories-CTH4jNi6.js +3 -0
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-BD138rOz.js +14 -0
- package/cli/storybook-dist/assets/RBPagination.stories-DaXD-840.js +17 -0
- package/cli/storybook-dist/assets/RBPopover.stories-BHA1-yYi.js +11 -0
- package/cli/storybook-dist/assets/RBPrompt.stories-CoEeIK6d.js +20 -0
- package/cli/storybook-dist/assets/RBRadioBox.stories-CePglWfe.js +1 -0
- package/cli/storybook-dist/assets/RBRadioButton.stories-BRNRgcJb.js +11 -0
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-B6ukx3Pl.js +15 -0
- package/cli/storybook-dist/assets/RBResizable.stories-DqoaWeqW.js +20 -0
- package/cli/storybook-dist/assets/RBSelectBox.stories-8QBhknxC.js +6 -0
- package/cli/storybook-dist/assets/RBSheet.stories-Doaw8VOp.js +39 -0
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-BmAEpYFE.js +5 -0
- package/cli/storybook-dist/assets/RBSlider.stories-CH-Hkgd6.js +5 -0
- package/cli/storybook-dist/assets/RBSpinner.stories-BEceevO_.js +14 -0
- package/cli/storybook-dist/assets/{RBSwitch.stories-DUJP7uXw.js → RBSwitch.stories-BoZzoyfx.js} +2 -2
- package/cli/storybook-dist/assets/RBTab.stories-CN3Algxc.js +1 -0
- package/cli/storybook-dist/assets/RBTable.stories-C1UgfrL_.js +62 -0
- package/cli/storybook-dist/assets/RBTableRow.stories-ASxrEiHq.js +11 -0
- package/cli/storybook-dist/assets/RBTabs.stories-0tMRRXl4.js +21 -0
- package/cli/storybook-dist/assets/RBTextArea.stories-DhWXTnBK.js +5 -0
- package/cli/storybook-dist/assets/RBTextField.stories-BLI0HpCu.js +45 -0
- package/cli/storybook-dist/assets/RBTextInput.stories-J8FkNDJo.js +5 -0
- package/cli/storybook-dist/assets/RBToast.stories-D8UxgdX3.js +11 -0
- package/cli/storybook-dist/assets/RBToggle.stories-CjwzqnV-.js +12 -0
- package/cli/storybook-dist/assets/RBToggleGroup.stories-3JwuIqYr.js +17 -0
- package/cli/storybook-dist/assets/RBTooltip.stories-Wkx6rfug.js +9 -0
- package/cli/storybook-dist/assets/{MapEditor-C6_H9h5t.css → SideNumberInput-SAkhydsn.css} +2 -2
- package/cli/storybook-dist/assets/SideNumberInput-_BKR64MG.js +1114 -0
- package/cli/storybook-dist/assets/{entry-preview-G2ctDavw.js → entry-preview-VQeOKtPr.js} +1 -1
- package/cli/storybook-dist/assets/{iframe-BOhIypRE.js → iframe-Ci_IjEPD.js} +2 -2
- package/cli/storybook-dist/assets/{index-BgcrmuE1.js → index-DVR_O3uO.js} +3 -3
- package/cli/storybook-dist/assets/preview-BVJWkKiZ.css +1 -0
- package/cli/storybook-dist/assets/preview-CO9TxipX.js +3 -0
- package/cli/storybook-dist/assets/{preview-ChKiP_bM.js → preview-DAZ7L_eg.js} +2 -2
- package/cli/storybook-dist/assets/react-resizable-panels.browser-BpHwB_WW.js +102 -0
- package/cli/storybook-dist/iframe.html +1 -1
- package/cli/storybook-dist/project.json +1 -1
- package/cli/templates/common/README.md +229 -19
- package/cli/templates/common/manifest.json +1 -0
- package/cli/templates/common/requirements.txt +3 -3
- package/package.json +3 -3
- package/cli/storybook-dist/assets/Docs-CZPzbRJI.js +0 -20
- package/cli/storybook-dist/assets/Docs-DVG-oWp3.js +0 -7
- package/cli/storybook-dist/assets/MapEditor-D4C2XwU6.js +0 -6418
- package/cli/storybook-dist/assets/NxAvatar.stories-5xlylW8S.js +0 -13
- package/cli/storybook-dist/assets/NxButton.stories-YRxoorOO.js +0 -20
- package/cli/storybook-dist/assets/NxPagination.stories-HpA9nBE3.js +0 -11
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-RkuBsu7A.js +0 -14
- package/cli/storybook-dist/assets/NxSelectBox.stories-CG1h2bp3.js +0 -17
- package/cli/storybook-dist/assets/NxSlideRange.stories-UdK8ZHHK.js +0 -14
- package/cli/storybook-dist/assets/NxSwitch.stories-BM7d32cZ.js +0 -11
- package/cli/storybook-dist/assets/NxTextArea.stories-DL6uoMyN.js +0 -11
- package/cli/storybook-dist/assets/NxTextInput.stories-Cy8UZ2j4.js +0 -11
- package/cli/storybook-dist/assets/RBAccordion.stories-tShXBGM7.js +0 -17
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-BdWxR0_T.js +0 -33
- package/cli/storybook-dist/assets/RBAlert.stories-qXR-YP3W.js +0 -17
- package/cli/storybook-dist/assets/RBBadge.stories-cEzAMHib.js +0 -1
- package/cli/storybook-dist/assets/RBBattery.stories-eGnAHW-z.js +0 -10
- package/cli/storybook-dist/assets/RBCard.stories-CycdrGRs.js +0 -45
- package/cli/storybook-dist/assets/RBCheckBox.stories-BSFFOcOq.js +0 -1
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-CFJnuMjZ.js +0 -1
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-CAS-EfIx.js +0 -24
- package/cli/storybook-dist/assets/RBChipTab.stories-DWsx5nBl.js +0 -21
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-7DmzDv1u.js +0 -1
- package/cli/storybook-dist/assets/RBColorIcons.stories-BYhvvnJM.js +0 -3
- package/cli/storybook-dist/assets/RBConfirm.stories-CtXYYbJ1.js +0 -20
- package/cli/storybook-dist/assets/RBDateInput.stories-C8vfSeoE.js +0 -15
- package/cli/storybook-dist/assets/RBDialog.stories-BsljNu-X.js +0 -38
- package/cli/storybook-dist/assets/RBDivider.stories-BaS6rsk7.js +0 -1
- package/cli/storybook-dist/assets/RBDrawer.stories-Dadf_QAx.js +0 -14
- package/cli/storybook-dist/assets/RBEmptyView.stories-CL8YKZ4z.js +0 -12
- package/cli/storybook-dist/assets/RBIconButton.stories-C9uCobtq.js +0 -1
- package/cli/storybook-dist/assets/RBIcons.stories-Do543jrJ.js +0 -3
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-fo5Mkohq.js +0 -1
- package/cli/storybook-dist/assets/RBJoyStick.stories-DluMn4KO.js +0 -11
- package/cli/storybook-dist/assets/RBLabelButton.stories-BisTX_da.js +0 -1
- package/cli/storybook-dist/assets/RBLight.stories-xs5nahD4.js +0 -1
- package/cli/storybook-dist/assets/RBMenubar.stories-Cn-6_-AJ.js +0 -3
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-5mfoXGC6.js +0 -14
- package/cli/storybook-dist/assets/RBPagination.stories-bcc-iOO2.js +0 -17
- package/cli/storybook-dist/assets/RBPopover.stories-DCMSSLeN.js +0 -11
- package/cli/storybook-dist/assets/RBPrompt.stories-D2qyZEoz.js +0 -20
- package/cli/storybook-dist/assets/RBRadioBox.stories-CDc_WkjI.js +0 -1
- package/cli/storybook-dist/assets/RBRadioButton.stories-BCu10IWf.js +0 -11
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-DoRRHADM.js +0 -15
- package/cli/storybook-dist/assets/RBResizable.stories-ClPOvGPZ.js +0 -20
- package/cli/storybook-dist/assets/RBSelectBox.stories-Chc3359A.js +0 -6
- package/cli/storybook-dist/assets/RBSheet.stories-GG_2M19S.js +0 -39
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-wZw5a4Cc.js +0 -5
- package/cli/storybook-dist/assets/RBSlider.stories-B5KtjUqu.js +0 -5
- package/cli/storybook-dist/assets/RBSpinner.stories-D1dZ-X8O.js +0 -14
- package/cli/storybook-dist/assets/RBTab.stories-DQNP4u6i.js +0 -1
- package/cli/storybook-dist/assets/RBTable.stories-Bncn0LRp.js +0 -62
- package/cli/storybook-dist/assets/RBTableRow.stories-DGfPZAVt.js +0 -11
- package/cli/storybook-dist/assets/RBTabs.stories-KM5-HtJk.js +0 -21
- package/cli/storybook-dist/assets/RBTextArea.stories-SBLKQy3l.js +0 -5
- package/cli/storybook-dist/assets/RBTextField.stories-BtD9AYDp.js +0 -45
- package/cli/storybook-dist/assets/RBTextInput.stories-BAV7UURd.js +0 -5
- package/cli/storybook-dist/assets/RBToast.stories-D9Hx1Gqv.js +0 -11
- package/cli/storybook-dist/assets/RBToggle.stories-BsxBo-P4.js +0 -12
- package/cli/storybook-dist/assets/RBToggleGroup.stories-DtpdGy8j.js +0 -17
- package/cli/storybook-dist/assets/RBTooltip.stories-CxLxUTJD.js +0 -9
- package/cli/storybook-dist/assets/RainbowUiProvider-CsMXuxM1.js +0 -31
- package/cli/storybook-dist/assets/preview-CvPmpqMH.css +0 -1
- package/cli/storybook-dist/assets/preview-D_vClpb_.js +0 -3
- package/cli/storybook-dist/assets/react-resizable-panels.browser-CvAJUcrm.js +0 -72
- /package/cli/storybook-dist/assets/{RainbowUiProvider-BaelaOGy.css → react-resizable-panels-BaelaOGy.css} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{g as l}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.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})},P={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 B=["Default","WithPercentLabel"];export{r as Default,t as WithPercentLabel,B as __namedExportsOrder,P as default};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{N as i,O as m,P as p,Q as u,T as x,U as B,V as s,W as t,u as r,X as f,Y as R,m as l}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const z={component:i,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md"],table:{type:{summary:'"sm" | "md"'}}}},args:{size:"md"}},e={render:({size:d})=>a.jsxs(i,{size:d,children:[a.jsx(m,{children:a.jsxs(p,{children:[a.jsx(u,{children:"Title Text"}),a.jsx(x,{children:"This is a card description."})]})}),a.jsx(B,{children:a.jsxs(s,{className:"w-full gap-6",children:[a.jsxs(s,{className:"w-full gap-2",children:[a.jsx(t,{label:"Email"}),a.jsx(r,{defaultValue:"m@example.com",type:"email",size:"sm",className:"w-full"})]}),a.jsxs(s,{className:"w-full gap-2",children:[a.jsxs(f,{className:"w-full items-start justify-between",children:[a.jsx(t,{label:"Password",className:"w-auto"}),a.jsx("span",{className:"text-fg-default typo-compact-xs-normal whitespace-nowrap",children:"Forgot your password?"})]}),a.jsx(r,{defaultValue:"Placeholder",type:"password",size:"sm",className:"w-full"})]}),a.jsx("p",{className:"text-fg-default typo-body-xs-normal",children:'The card component supports a size prop that can be set to "sm" for a more compact appearance.'})]})}),a.jsxs(R,{children:[a.jsx(l,{size:"sm",variant:"solid",className:"w-full",children:"Login"}),a.jsx(l,{size:"sm",variant:"outlined",className:"w-full",children:"Login with Google"})]})]})};var n,o,c;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
render: ({
|
|
3
|
+
size
|
|
4
|
+
}) => {
|
|
5
|
+
return <RBCard size={size}>
|
|
6
|
+
<RBCardHeader>
|
|
7
|
+
<RBCardHeaderText>
|
|
8
|
+
<RBCardTitle>Title Text</RBCardTitle>
|
|
9
|
+
<RBCardDescription>This is a card description.</RBCardDescription>
|
|
10
|
+
</RBCardHeaderText>
|
|
11
|
+
</RBCardHeader>
|
|
12
|
+
|
|
13
|
+
<RBCardContent>
|
|
14
|
+
<VStack className="w-full gap-6">
|
|
15
|
+
<VStack className="w-full gap-2">
|
|
16
|
+
<RBTextLabel label="Email" />
|
|
17
|
+
<RBTextInput defaultValue="m@example.com" type="email" size="sm" className="w-full" />
|
|
18
|
+
</VStack>
|
|
19
|
+
<VStack className="w-full gap-2">
|
|
20
|
+
<HStack className="w-full items-start justify-between">
|
|
21
|
+
<RBTextLabel label="Password" className="w-auto" />
|
|
22
|
+
<span className="text-fg-default typo-compact-xs-normal whitespace-nowrap">
|
|
23
|
+
Forgot your password?
|
|
24
|
+
</span>
|
|
25
|
+
</HStack>
|
|
26
|
+
<RBTextInput defaultValue="Placeholder" type="password" size="sm" className="w-full" />
|
|
27
|
+
</VStack>
|
|
28
|
+
<p className="text-fg-default typo-body-xs-normal">
|
|
29
|
+
The card component supports a size prop that can be set to
|
|
30
|
+
"sm" for a more compact appearance.
|
|
31
|
+
</p>
|
|
32
|
+
</VStack>
|
|
33
|
+
</RBCardContent>
|
|
34
|
+
|
|
35
|
+
<RBCardFooter>
|
|
36
|
+
<RBLabelButton size="sm" variant="solid" className="w-full">
|
|
37
|
+
Login
|
|
38
|
+
</RBLabelButton>
|
|
39
|
+
<RBLabelButton size="sm" variant="outlined" className="w-full">
|
|
40
|
+
Login with Google
|
|
41
|
+
</RBLabelButton>
|
|
42
|
+
</RBCardFooter>
|
|
43
|
+
</RBCard>;
|
|
44
|
+
}
|
|
45
|
+
}`,...(c=(o=e.parameters)==null?void 0:o.docs)==null?void 0:c.source}}};const L=["Playground"];export{e as Playground,L as __namedExportsOrder,z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{C as r}from"./SideNumberInput-_BKR64MG.js";import{r as x}from"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.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(", "),"]"]})]})},B={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,d,m;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const D=["Default"];export{s as Default,D as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{h as a,i}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const n=c=>r.jsx(a,{...c}),h={component:a,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs","xs2"]},icon:{control:!1},children:{control:!1}},args:{size:"xs",icon:r.jsx(i,{}),disabled:!1},render:n},o={};var s,t,e;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(e=(t=o.parameters)==null?void 0:t.docs)==null?void 0:e.source}}};const j=["Default"];export{o as Default,j as __namedExportsOrder,h as default};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Dmy2JGbm.js";import{j as n}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const v=t=>e.jsx(n,{...t}),y={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"]),c=o=>x=>{g(s=>x.target.checked?s.includes(o)?s:[...s,o]:s.filter(b=>b!==o))};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:c("button-1"),children:"버튼 1"}),e.jsx(n,{...t,value:a,checkValue:"button-2",onChange:c("button-2"),children:"버튼 2"}),e.jsx(n,{...t,className:"w-20",value:a,checkValue:"button-3",onChange:c("button-3"),children:"버튼 3"})]}),e.jsxs("div",{className:"text-default text-xs",children:["selected: ",JSON.stringify(a)]})]})}};var u,d,i;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(i=(d=l.parameters)==null?void 0:d.docs)==null?void 0:i.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 E=["Default","Multiple"];export{l as Default,r as Multiple,E as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{aZ as v}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.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})},E={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 R=["Default","WithContent"];export{o as Default,n as WithContent,R as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Dmy2JGbm.js";import{a_ as m}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.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(m,{...e,activeKey:d,handleChange:u})})},_={component:m,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,b;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(b=(i=o.parameters)==null?void 0:i.docs)==null?void 0:b.source}}};const E=["Default"];export{o as Default,E as __namedExportsOrder,_ as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
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"./SideNumberInput-_BKR64MG.js";import{c as g}from"./browserUtils-CxJ5gea3.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.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))})]})},R={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 S=["Default"];export{o as Default,S as __namedExportsOrder,R as default};
|
package/cli/storybook-dist/assets/{RBCommand.stories-DWSPAw4x.js → RBCommand.stories-Yrpy_B26.js}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{ba as d,bb as g,bc as j,bd as f,be as C,bf as m,bg as o,bh as a,bi as E,bj as r}from"./SideNumberInput-_BKR64MG.js";import{a as N}from"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";/**
|
|
2
2
|
* @license lucide-react v0.486.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const b=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],s=N("check",b),
|
|
6
|
+
*/const b=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],s=N("check",b),O={component:d,tags:["autodocs"]},c={render:function(i){const[n,t]=p.useState(null),x=n?`${n} 선택됨`:"플레이스홀더";return e.jsxs(d,{...i,className:`w-96 ${i.className??""}`,children:[e.jsx(g,{placeholder:x}),e.jsxs(j,{children:[e.jsxs(C,{heading:"Suggestions",children:[e.jsxs(m,{onSelect:()=>t("Calendar"),children:[e.jsx(o,{}),"Calendar",n==="Calendar"&&e.jsx(a,{children:e.jsx(s,{})})]}),e.jsxs(m,{onSelect:()=>t("Search Emoji"),children:[e.jsx(o,{}),"Search Emoji",n==="Search Emoji"&&e.jsx(a,{children:e.jsx(s,{})})]}),e.jsxs(m,{onSelect:()=>t("Calculator"),children:[e.jsx(o,{}),"Calculator",n==="Calculator"&&e.jsx(a,{children:e.jsx(s,{})})]})]}),e.jsx(E,{className:"w-full"}),e.jsxs(C,{heading:"Settings",children:[e.jsxs(m,{onSelect:()=>t("Profile"),children:[e.jsx(o,{}),"Profile",n==="Profile"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘P"})]}),e.jsxs(m,{onSelect:()=>t("Billing"),children:[e.jsx(o,{}),"Billing",n==="Billing"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘B"})]}),e.jsxs(m,{onSelect:()=>t("Settings"),children:[e.jsx(o,{}),"Settings",n==="Settings"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘S"})]})]})]})]})}},l={render:()=>e.jsxs(d,{className:"h-60 w-96",children:[e.jsx(g,{placeholder:"플레이스홀더"}),e.jsx(j,{className:"flex flex-1 flex-col items-center justify-center p-0",children:e.jsx(f,{children:"No results found."})})]})};var S,R,B;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
7
7
|
render: function Render(args: RBCommandProps) {
|
|
8
8
|
const [selectedItem, setSelectedItem] = useState<string | null>(null);
|
|
9
9
|
const placeholder = selectedItem ? \`\${selectedItem} 선택됨\` : "플레이스홀더";
|
|
@@ -70,4 +70,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGb
|
|
|
70
70
|
<RBCommandEmpty>No results found.</RBCommandEmpty>
|
|
71
71
|
</RBCommandList>
|
|
72
72
|
</RBCommand>
|
|
73
|
-
}`,...(I=(h=l.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};const
|
|
73
|
+
}`,...(I=(h=l.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};const q=["Suggestions","EmptyState"];export{l as EmptyState,c as Suggestions,q as __namedExportsOrder,O as default};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{p as a,m as c}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const B={component:a,tags:["autodocs"]},d=i=>{const[m,e]=p.useState(!0);return n.jsxs("div",{children:[n.jsx(c,{size:"sm",variant:"solid",onClick:()=>e(!0),children:"Open Confirm"}),n.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:n.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 o,r,s;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.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 T=["Default"];export{t as Default,T as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{D as n}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const y={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 w=["Default"];export{e as Default,w as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{Z as o,_ as l,$ as d,m as a,a0 as g,a1 as c,a2 as B,a3 as x}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const b={tags:["autodocs"],argTypes:{showCloseButton:{control:"boolean"},size:{control:{type:"select"},options:["sm","md","lg"]}},args:{showCloseButton:!0,size:"lg"},component:o},n={render:r=>e.jsx("div",{children:e.jsxs(l,{children:[e.jsx(d,{asChild:!0,children:e.jsx(a,{size:"sm",variant:"solid",children:"Open Dialog"})}),e.jsxs(o,{...r,children:[e.jsxs(g,{children:[e.jsx(c,{children:"타이틀"}),e.jsx(B,{children:"설명 영역"})]}),e.jsx("div",{className:"text-fg-default px-4 py-2 text-sm",children:"다이얼로그 본문 콘텐츠 영역입니다."}),e.jsxs(x,{children:[e.jsx("div",{className:"flex flex-1 items-center justify-start gap-1",children:e.jsx(a,{variant:"outlined",size:"xs2",children:"버튼"})}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(a,{variant:"outlined",size:"xs2",children:"버튼"}),e.jsx(a,{variant:"brand",size:"xs2",children:"버튼"})]})]})]})]})})};var i,s,t;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <div>
|
|
3
|
+
<RBDialog>
|
|
4
|
+
<RBDialogTrigger asChild>
|
|
5
|
+
<RBLabelButton size="sm" variant="solid">
|
|
6
|
+
Open Dialog
|
|
7
|
+
</RBLabelButton>
|
|
8
|
+
</RBDialogTrigger>
|
|
9
|
+
|
|
10
|
+
<RBDialogContent {...args}>
|
|
11
|
+
<RBDialogHeader>
|
|
12
|
+
<RBDialogTitle>타이틀</RBDialogTitle>
|
|
13
|
+
<RBDialogDescription>설명 영역</RBDialogDescription>
|
|
14
|
+
</RBDialogHeader>
|
|
15
|
+
|
|
16
|
+
<div className="text-fg-default px-4 py-2 text-sm">
|
|
17
|
+
다이얼로그 본문 콘텐츠 영역입니다.
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<RBDialogFooter>
|
|
21
|
+
<div className="flex flex-1 items-center justify-start gap-1">
|
|
22
|
+
<RBLabelButton variant="outlined" size="xs2">
|
|
23
|
+
버튼
|
|
24
|
+
</RBLabelButton>
|
|
25
|
+
</div>
|
|
26
|
+
<div className="flex items-center gap-1">
|
|
27
|
+
<RBLabelButton variant="outlined" size="xs2">
|
|
28
|
+
버튼
|
|
29
|
+
</RBLabelButton>
|
|
30
|
+
<RBLabelButton variant="brand" size="xs2">
|
|
31
|
+
버튼
|
|
32
|
+
</RBLabelButton>
|
|
33
|
+
</div>
|
|
34
|
+
</RBDialogFooter>
|
|
35
|
+
</RBDialogContent>
|
|
36
|
+
</RBDialog>
|
|
37
|
+
</div>
|
|
38
|
+
}`,...(t=(s=n.parameters)==null?void 0:s.docs)==null?void 0:t.source}}};const z=["Playground"];export{n as Playground,z as __namedExportsOrder,b as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.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"})]}),f={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 x=["Default"];export{o as Default,x as __namedExportsOrder,f as default};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.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"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const T={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 v=["Playground"];export{t as Playground,v as __namedExportsOrder,T as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Dmy2JGbm.js";import{ac as B,V as M,ad as D,m as j,ae as S,af as f,ag as s,ah as u,ai as o,aj as e,ak as r,al as d,am as l,an as g}from"./
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Dmy2JGbm.js";import{ac as B,V as M,ad as D,m as j,ae as S,af as f,ag as s,ah as u,ai as o,aj as e,ak as r,al as d,am as l,an as g}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const L={tags:["autodocs"],component:B},a={render:()=>{const[x,R]=c.useState(!0),[h,w]=c.useState(!1);return n.jsx(M,{className:"bg-alt-1 min-h-[420px] items-center justify-center rounded-2xl p-8",children:n.jsxs(B,{children:[n.jsx(D,{asChild:!0,children:n.jsx(j,{size:"sm",variant:"outlined",children:"Open"})}),n.jsxs(S,{className:"w-40",sideOffset:8,children:[n.jsx(f,{children:"My Account"}),n.jsx(s,{}),n.jsxs(u,{checked:x,onCheckedChange:t=>R(t===!0),children:[n.jsx("span",{className:"flex-1 truncate",children:"Bookmarked"}),n.jsx(o,{children:"⌘B"})]}),n.jsxs(u,{checked:h,onCheckedChange:t=>w(t===!0),children:[n.jsx("span",{className:"flex-1 truncate",children:"Notifications"}),n.jsx(o,{children:"⌘N"})]}),n.jsx(s,{}),n.jsxs(e,{children:[n.jsx(r,{className:"size-4"}),n.jsx("span",{className:"flex-1 truncate",children:"Profile"}),n.jsx(o,{children:"⇧⌘P"})]}),n.jsxs(e,{children:[n.jsx(r,{className:"size-4"}),n.jsx("span",{className:"flex-1 truncate",children:"Billing"}),n.jsx(o,{children:"⌘B"})]}),n.jsxs(e,{children:[n.jsx(r,{className:"size-4"}),n.jsx("span",{className:"flex-1 truncate",children:"Settings"}),n.jsx(o,{children:"⌘S"})]}),n.jsx(s,{}),n.jsx(e,{children:n.jsx("span",{className:"flex-1 truncate",children:"Team"})}),n.jsxs(d,{children:[n.jsx(l,{children:n.jsx("span",{className:"flex-1 truncate",children:"Invite users"})}),n.jsxs(g,{className:"w-56",children:[n.jsx(e,{children:"Email"}),n.jsx(e,{children:"Message"}),n.jsx(d,{children:n.jsx(l,{children:n.jsx("span",{className:"flex-1 truncate",children:"More options"})})})]})]}),n.jsxs(e,{children:[n.jsx("span",{className:"flex-1 truncate",children:"New Team"}),n.jsx(o,{children:"⌘+T"})]}),n.jsx(e,{disabled:!0,children:n.jsx("span",{className:"flex-1 truncate",children:"API"})}),n.jsx(s,{}),n.jsxs(e,{variant:"destructive",children:[n.jsx(r,{className:"size-4"}),n.jsx("span",{className:"flex-1 truncate",children:"Log out"}),n.jsx(o,{children:"⌘Q"})]})]})]})})}};var p,i,m;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
2
|
render: () => {
|
|
3
3
|
const [bookmarked, setBookmarked] = useState(true);
|
|
4
4
|
const [notifications, setNotifications] = useState(false);
|
|
@@ -83,4 +83,4 @@ import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Dmy2JGb
|
|
|
83
83
|
</RBDropdownMenu>
|
|
84
84
|
</VStack>;
|
|
85
85
|
}
|
|
86
|
-
}`,...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};const
|
|
86
|
+
}`,...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};const P=["Playground"];export{a as Playground,P as __namedExportsOrder,L as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{j as p}from"./jsx-runtime-BTJTZTIL.js";import{s as m,t as u}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const l=i=>p.jsx(m,{...i}),E={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 L=["Button","Icon"];export{t as Button,o as Icon,L as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{k as a,i}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const m=n=>r.jsx(a,{...n}),v={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 g=["Default"];export{t as Default,g as __namedExportsOrder,v as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
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"./SideNumberInput-_BKR64MG.js";import{c as g}from"./browserUtils-CxJ5gea3.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.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))})]})},R={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 S=["Default"];export{o as Default,S as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{l as r}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const m=a=>n.jsx(r,{...a}),x={component:r,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,s;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(s=(o=t.parameters)==null?void 0:o.docs)==null?void 0:s.source}}};const g=["Default"];export{t as Default,g as __namedExportsOrder,x as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{H as a}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const j={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 e,o,s;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {},
|
|
10
|
+
render: Template
|
|
11
|
+
}`,...(s=(o=r.parameters)==null?void 0:o.docs)==null?void 0:s.source}}};const y=["Default"];export{r as Default,y as __namedExportsOrder,j as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{m as r}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const i=a=>n.jsx(r,{...a}),y={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 g=["Default"];export{t as Default,g as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{I as t,J as e,K as m}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const n=o=>i.jsx(m,{...o}),f={component:m,tags:["autodocs"],render:n,argTypes:{color:{control:{type:"select"},options:e,table:{type:{summary:e.map(o=>`"${o}"`).join(" | ")}}},size:{control:{type:"select"},options:t,table:{type:{summary:t.map(o=>`"${o}"`).join(" | ")}}}},args:{color:"green",size:"md"}},r={};var s,a,p;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(p=(a=r.parameters)==null?void 0:a.docs)==null?void 0:p.source}}};const z=["Playground"];export{r as Playground,z as __namedExportsOrder,f as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGbm.js";import{ao as u,V as N,ap as a,aq as n,ar as c,as as d,at as r,au as i,av as s,aw as S,ax as M,ay as g}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const E={tags:["autodocs"],component:u},B=()=>{const[m,p]=x.useState(!0),[b,f]=x.useState(!1);return e.jsx(N,{className:"bg-alt-1 min-h-[420px] items-center justify-center rounded-2xl p-8",children:e.jsxs(u,{children:[e.jsxs(a,{children:[e.jsx(n,{children:"File"}),e.jsxs(c,{children:[e.jsxs(d,{checked:m,onCheckedChange:l=>p(l===!0),children:[e.jsx("span",{className:"flex-1 truncate",children:"Show Toolbar"}),e.jsx(r,{children:"⌘T"})]}),e.jsxs(d,{checked:b,onCheckedChange:l=>f(l===!0),children:[e.jsx("span",{className:"flex-1 truncate",children:"Show Status Bar"}),e.jsx(r,{children:"⌘S"})]}),e.jsx(i,{}),e.jsxs(s,{children:[e.jsx("span",{className:"flex-1 truncate",children:"New Tab"}),e.jsx(r,{children:"⌘T"})]}),e.jsxs(s,{children:[e.jsx("span",{className:"flex-1 truncate",children:"New Window"}),e.jsx(r,{children:"⌘N"})]}),e.jsx(s,{children:e.jsx("span",{className:"flex-1 truncate",children:"New Incognito Window"})}),e.jsx(i,{}),e.jsxs(S,{children:[e.jsx(M,{children:e.jsx("span",{className:"flex-1 truncate",children:"Share"})}),e.jsxs(g,{children:[e.jsx(s,{children:e.jsx("span",{className:"flex-1 truncate",children:"Email link"})}),e.jsx(s,{children:e.jsx("span",{className:"flex-1 truncate",children:"Messages"})}),e.jsx(s,{variant:"destructive",children:e.jsx("span",{className:"flex-1 truncate",children:"Notes"})})]})]}),e.jsx(i,{}),e.jsxs(s,{disabled:!0,children:[e.jsx("span",{className:"flex-1 truncate",children:"Print"}),e.jsx(r,{children:"⌘P"})]})]})]}),e.jsxs(a,{children:[e.jsx(n,{children:"Edit"}),e.jsxs(c,{children:[e.jsxs(s,{children:[e.jsx("span",{className:"flex-1 truncate",children:"Menubar Item Text"}),e.jsx(r,{children:"⌘P"})]}),e.jsxs(s,{children:[e.jsx("span",{className:"flex-1 truncate",children:"Menubar Item Text"}),e.jsx(r,{children:"⌘P"})]})]})]}),e.jsxs(a,{children:[e.jsx(n,{children:"View"}),e.jsx(c,{children:e.jsxs(s,{children:[e.jsx("span",{className:"flex-1 truncate",children:"Menubar Item Text"}),e.jsx(r,{children:"⌘P"})]})})]}),e.jsxs(a,{children:[e.jsx(n,{children:"Profiles"}),e.jsx(c,{children:e.jsxs(s,{variant:"destructive",children:[e.jsx("span",{className:"flex-1 truncate",children:"Menubar Item Text"}),e.jsx(r,{children:"⌘P"})]})})]})]})})},t={render:()=>e.jsx(B,{})};var h,o,j;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <PlaygroundStory />
|
|
3
|
+
}`,...(j=(o=t.parameters)==null?void 0:o.docs)==null?void 0:j.source}}};const V=["Playground"];export{t as Playground,V as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{M as n}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const b={component:n,tags:["autodocs"],argTypes:{min:{control:{type:"number"},defaultValue:0},max:{control:{type:"number"},defaultValue:100},step:{control:{type:"number"},defaultValue:1},thumbSize:{control:{type:"number"},defaultValue:20},sliderHeight:{control:{type:"number"},defaultValue:4},thumbBorderColor:{control:{type:"color"}},thumbColor:{control:{type:"color"}},trackColor:{control:{type:"color"}},rangeColor:{control:{type:"color"}}}},l=a=>s.jsx(n,{...a}),r={parameters:{docs:{description:{story:""}}},args:{min:0,max:100},render:l};var o,t,e;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
|
+
min: 0,
|
|
11
|
+
max: 100
|
|
12
|
+
},
|
|
13
|
+
render: Template
|
|
14
|
+
}`,...(e=(t=r.parameters)==null?void 0:t.docs)==null?void 0:e.source}}};const x=["Default"];export{r as Default,x as __namedExportsOrder,b as default};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Dmy2JGbm.js";import{L as p}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const E={component:p,tags:["autodocs"]},d=e=>{const[m,t]=o.useState(e.currPage??1);return o.useEffect(()=>{t(e.currPage??1)},[e.currPage]),u.jsx(p,{...e,currPage:m,handlePageChange:a=>{var n;t(a),(n=e.handlePageChange)==null||n.call(e,a)}})},r={parameters:{docs:{description:{story:""}}},args:{currPage:1,listSize:1,pageSize:10,totalCount:100,handlePageChange:()=>{}},render:d};var s,i,c;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {
|
|
10
|
+
currPage: 1,
|
|
11
|
+
listSize: 1,
|
|
12
|
+
pageSize: 10,
|
|
13
|
+
totalCount: 100,
|
|
14
|
+
handlePageChange: () => {}
|
|
15
|
+
},
|
|
16
|
+
render: Template
|
|
17
|
+
}`,...(c=(i=r.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};const j=["Default"];export{r as Default,j as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{az as c,aA as a,aB as i,aC as m}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const B={component:a,tags:["autodocs"],args:{place:"bottom-center",arrow:!1},argTypes:{place:{control:"select",options:c},arrow:{control:"boolean"}}},d=({place:n,arrow:p})=>e.jsx("div",{className:"flex items-center justify-center overflow-hidden",children:e.jsxs(a,{children:[e.jsx(i,{asChild:!0,children:e.jsx("button",{className:"text-fg-default border-danger border-1",children:"Open Popover"})}),e.jsx(m,{place:n,arrow:p,className:"text-fg-default py-2_5 min-h-32 min-w-64 px-3",children:"Popover Content"})]})}),r={parameters:{docs:{description:{story:""}}},args:{},render:d};var o,t,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=(t=r.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const R=["Default"];export{r as Default,R as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as l}from"./index-Dmy2JGbm.js";import{q as a,m as c}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const v={component:a,tags:["autodocs"]},i=p=>{const[m,e]=l.useState(!0);return r.jsxs("div",{children:[r.jsx(c,{size:"sm",variant:"solid",onClick:()=>e(!0),children:"Open Prompt"}),r.jsx(a,{...p,open:m,onOpenChange:e,resolve:()=>e(!1),close:()=>e(!1)})]})},t={parameters:{docs:{description:{story:""}}},args:{title:"Prompt Modal",content:"",placeholder:"Placeholder",value:"",buttonText:{yes:"Confirm",no:"Cancel"}},render:i};var o,n,s;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {
|
|
10
|
+
title: "Prompt Modal",
|
|
11
|
+
content: "",
|
|
12
|
+
placeholder: "Placeholder",
|
|
13
|
+
value: "",
|
|
14
|
+
buttonText: {
|
|
15
|
+
yes: "Confirm",
|
|
16
|
+
no: "Cancel"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
render: Template
|
|
20
|
+
}`,...(s=(n=t.parameters)==null?void 0:n.docs)==null?void 0:s.source}}};const y=["Default"];export{t as Default,y as __namedExportsOrder,v as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGbm.js";import{x as m}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const h=e=>{const i=[1,2,3,4],[s,d]=x.useState(),p=(o,u)=>{var r;d(o),(r=e.handleChange)==null||r.call(e,o,u)};return t.jsxs("div",{className:"space-y-3",children:[t.jsx("div",{className:"flex flex-col gap-4",children:i.map(o=>t.jsx(m,{...e,name:e.name??"rb-radio-demo",checkValue:o,value:s,handleChange:p,children:`${e.children??"Radio Button Dummy Text"} ${o}`},o))}),t.jsxs("div",{className:"text-fg-default text-xs",children:["DATA: ",String(s??"")]})]})},g={component:m,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md"],table:{type:{summary:'"sm" | "md"'}}},disabled:{control:{type:"boolean"}},children:{control:{type:"text"}},checkValue:{control:!1},value:{control:!1},handleChange:{control:!1}},args:{size:"sm",disabled:!1,children:"Radio Button Dummy Text",name:"rb-radio-demo",checkValue:"option-1"},render:h},a={};var l,c,n;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const k=["Default"];export{a as Default,k as __namedExportsOrder,g as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{y as l}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const c=i=>{const d=[1,2,3,4],[r,m]=p.useState();return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx("div",{className:"flex flex-col gap-2",children:d.map(t=>e.jsx(l,{...i,name:"rb-radio-button-demo",checkValue:String(t),value:r,handleChange:m,children:`버튼 라벨 ${t}`},t))}),e.jsxs("div",{className:"text-fg-default text-xs",children:["DATA: ",String(r??"")]})]})},R={component:l,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md"],table:{type:{summary:'"sm" | "md"'}}},disabled:{control:{type:"boolean"}},children:{control:!1},name:{control:!1},checkValue:{control:!1},value:{control:!1},handleChange:{control:!1}},args:{size:"sm",disabled:!1},render:c},s={parameters:{docs:{description:{story:""}}},args:{},render:c};var o,a,n;s.parameters={...s.parameters,docs:{...(o=s.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
|
+
}`,...(n=(a=s.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};const B=["Default"];export{s as Default,B as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{n}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const y={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 w=["Default"];export{e as Default,w as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{aD as t,aE as s,aF as c}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const j={tags:["autodocs"],component:t,parameters:{layout:"centered"},argTypes:{direction:{control:"select",options:["horizontal","vertical"]}}},i="flex h-full items-center justify-center text-base font-medium text-fg-default",a={args:{direction:"horizontal"},render:({direction:o})=>e.jsx("div",{className:"relative h-[520px] w-[520px] overflow-hidden p-5",children:e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsxs(t,{direction:o,className:"h-[480px] w-[480px]",children:[e.jsx(s,{children:e.jsx("div",{className:i,children:"One"})}),e.jsx(c,{}),e.jsx(s,{children:e.jsx("div",{className:i,children:"Two"})})]})})})};var n,r,l;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
direction: "horizontal"
|
|
4
|
+
},
|
|
5
|
+
render: ({
|
|
6
|
+
direction
|
|
7
|
+
}) => <div className="relative h-[520px] w-[520px] overflow-hidden p-5">
|
|
8
|
+
<div className="flex h-full items-center justify-center">
|
|
9
|
+
<RBResizable direction={direction} className="h-[480px] w-[480px]">
|
|
10
|
+
<RBResizablePanel>
|
|
11
|
+
<div className={panelBaseClassName}>One</div>
|
|
12
|
+
</RBResizablePanel>
|
|
13
|
+
<RBResizableHandle />
|
|
14
|
+
<RBResizablePanel>
|
|
15
|
+
<div className={panelBaseClassName}>Two</div>
|
|
16
|
+
</RBResizablePanel>
|
|
17
|
+
</RBResizable>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
}`,...(l=(r=a.parameters)==null?void 0:r.docs)==null?void 0:l.source}}};const z=["Overview"];export{a as Overview,z as __namedExportsOrder,j as default};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{z as n,B as r,V as t}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const x=Array.from({length:40},(a,o)=>({value:`option-${o+1}`,label:`옵션 ${o+1}`})),b=a=>e.jsx("div",{className:"min-h-80 overflow-visible",children:e.jsx(n,{...a,className:"w-96",children:x.map(({value:o,label:f})=>e.jsx(r,{value:o,children:f},o))})}),u=a=>e.jsx("div",{className:"min-h-80 overflow-visible",children:e.jsxs(n,{...a,className:"w-96",children:[e.jsx(r,{value:"option-1",label:"옵션 1",className:"h-12",children:e.jsxs(t,{children:["옵션 1",e.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})}),e.jsx(r,{value:"option-2",label:"옵션 2",className:"h-12",children:e.jsxs(t,{children:["옵션 2",e.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})}),e.jsx(r,{value:"option-3",label:"옵션 3",disabled:!0,className:"h-12",children:e.jsxs(t,{children:["옵션 3",e.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})})]})}),S={component:n,tags:["autodocs"],parameters:{layout:"padded"},argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"]},disabled:{control:{type:"boolean"}},readOnly:{control:{type:"boolean"}},search:{control:{type:"boolean"}},keepDropDown:{control:{type:"boolean"}},showCloseBtn:{control:{type:"boolean"}},whenScrollCloseDropBox:{control:{type:"boolean"}},enableModal:{control:{type:"boolean"}},error:{control:{type:"boolean"}},searchPlaceholder:{control:{type:"text"}},mobileLabel:{control:{type:"text"}},placeholder:{control:{type:"text"}},selectArrow:{control:!1,table:{disable:!0}},noDataMsg:{control:!1,table:{disable:!0}},onClick:{action:!1,control:!1,table:{disable:!0}},onChange:{action:"onChange",control:!1},handleChange:{action:"handleChange",control:!1}},args:{size:"md",disabled:!1,readOnly:!1,placeholder:"placeholder",search:!1,keepDropDown:!1,showCloseBtn:!1,whenScrollCloseDropBox:!1,enableModal:!1,error:!1,searchPlaceholder:"Search",onClick:void 0},render:b},l={},s={args:{value:"option-2"},render:u};var c,i,p;l.parameters={...l.parameters,docs:{...(c=l.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(p=(i=l.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var d,m,h;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
value: "option-2"
|
|
4
|
+
},
|
|
5
|
+
render: HasInfoListTemplate
|
|
6
|
+
}`,...(h=(m=s.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};const I=["Default","HasInfoList"];export{l as Default,s as HasInfoList,I as __namedExportsOrder,S as default};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{aG as c,aH as d,aI as m,m as a,aJ as h,aK as u,aL as B,V as p,F as l,u as n,aM as x}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const v={tags:["autodocs"],argTypes:{showCloseButton:{control:"boolean"},side:{control:{type:"select"},options:["right","left","bottom","top"]}},args:{showCloseButton:!0,side:"right"},component:c},s={render:t=>e.jsx("div",{children:e.jsxs(d,{defaultOpen:!0,children:[e.jsx(m,{asChild:!0,children:e.jsx(a,{size:"sm",variant:"solid",children:"Open Sheet"})}),e.jsxs(c,{...t,className:t.side==="top"||t.side==="bottom"?"w-full":"w-96",children:[e.jsxs(h,{children:[e.jsx(u,{children:"Edit profile"}),e.jsx(B,{children:"Make changes to your profile here. Click save when you're done."})]}),e.jsxs(p,{className:"flex-1 gap-6",children:[e.jsx(l,{label:"Name",required:!0,className:"gap-1_5 flex flex-col",children:e.jsx(n,{size:"sm",className:"w-full"})}),e.jsx(l,{label:"Username",required:!0,className:"flex flex-col gap-1.5",children:e.jsx(n,{size:"sm",className:"w-full"})})]}),e.jsxs(x,{children:[e.jsx(a,{size:"sm",variant:"solid",className:"w-full",children:"Save changes"}),e.jsx(a,{size:"sm",variant:"outlined",className:"w-full",children:"Cancel"})]})]})]})})};var r,o,i;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <div>
|
|
3
|
+
<RBSheet defaultOpen>
|
|
4
|
+
<RBSheetTrigger asChild>
|
|
5
|
+
<RBLabelButton size="sm" variant="solid">
|
|
6
|
+
Open Sheet
|
|
7
|
+
</RBLabelButton>
|
|
8
|
+
</RBSheetTrigger>
|
|
9
|
+
<RBSheetContent {...args} className={args.side === "top" || args.side === "bottom" ? "w-full" : "w-96"}>
|
|
10
|
+
<RBSheetHeader>
|
|
11
|
+
<RBSheetTitle>Edit profile</RBSheetTitle>
|
|
12
|
+
<RBSheetDescription>
|
|
13
|
+
Make changes to your profile here. Click save when you're
|
|
14
|
+
done.
|
|
15
|
+
</RBSheetDescription>
|
|
16
|
+
</RBSheetHeader>
|
|
17
|
+
|
|
18
|
+
<VStack className="flex-1 gap-6">
|
|
19
|
+
<RBTextField label="Name" required className="gap-1_5 flex flex-col">
|
|
20
|
+
<RBTextInput size="sm" className="w-full" />
|
|
21
|
+
</RBTextField>
|
|
22
|
+
|
|
23
|
+
<RBTextField label="Username" required className="flex flex-col gap-1.5">
|
|
24
|
+
<RBTextInput size="sm" className="w-full" />
|
|
25
|
+
</RBTextField>
|
|
26
|
+
</VStack>
|
|
27
|
+
|
|
28
|
+
<RBSheetFooter>
|
|
29
|
+
<RBLabelButton size="sm" variant="solid" className="w-full">
|
|
30
|
+
Save changes
|
|
31
|
+
</RBLabelButton>
|
|
32
|
+
<RBLabelButton size="sm" variant="outlined" className="w-full">
|
|
33
|
+
Cancel
|
|
34
|
+
</RBLabelButton>
|
|
35
|
+
</RBSheetFooter>
|
|
36
|
+
</RBSheetContent>
|
|
37
|
+
</RBSheet>
|
|
38
|
+
</div>
|
|
39
|
+
}`,...(i=(o=s.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const C=["Playground"];export{s as Playground,C as __namedExportsOrder,v as default};
|