@rainbow-robotics/muscat-plugin-kit 0.1.2-dev.9 → 0.10.1-dev.0

package/cli/storybook-dist/assets/RBPagination.stories-DDleJa5N.js

@@ -0,0 +1,17 @@
+import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Dmy2JGbm.js";import{L as p}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {
+    currPage: 1,
+    listSize: 1,
+    pageSize: 10,
+    totalCount: 100,
+    handlePageChange: () => {}
+  },
+  render: Template
+}`,...(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};

package/cli/storybook-dist/assets/RBPopover.stories-27YxPSFG.js

@@ -0,0 +1,11 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{az as c,aA as a,aB as i,aC as m}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {},
+  render: Template
+}`,...(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};

package/cli/storybook-dist/assets/RBPrompt.stories-BFaIOctr.js

@@ -0,0 +1,20 @@
+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-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {
+    title: "Prompt Modal",
+    content: "",
+    placeholder: "Placeholder",
+    value: "",
+    buttonText: {
+      yes: "Confirm",
+      no: "Cancel"
+    }
+  },
+  render: Template
+}`,...(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};

package/cli/storybook-dist/assets/RBRadioBox.stories-BroDar0t.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGbm.js";import{x as m}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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};

package/cli/storybook-dist/assets/RBRadioButton.stories-M3O-wX7V.js

@@ -0,0 +1,11 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{y as l}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {},
+  render: Template
+}`,...(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};

package/cli/storybook-dist/assets/RBRangeDateInput.stories-CWlM_D5X.js

@@ -0,0 +1,15 @@
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{n as a}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const h={component:a,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"},min:{control:"date"},max:{control:"date"},maxDays:{control:{type:"number",min:0,step:1},description:"선택 가능한 최대 일수. 0은 제한 없음."}},args:{maxDays:0}},m=e=>o.jsx("div",{style:{height:700},children:o.jsx(a,{...e,min:e.min!=null?new Date(e.min):void 0,max:e.max!=null?new Date(e.max):void 0,maxDays:(e.maxDays??0)>0?e.maxDays:void 0})}),t={parameters:{docs:{description:{story:""}}},args:{size:"md",showPresets:!0,showFooter:!0},render:m};var r,s,n;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {
+    size: "md",
+    showPresets: true,
+    showFooter: true
+  },
+  render: Template
+}`,...(n=(s=t.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const w=["Default"];export{t as Default,w as __namedExportsOrder,h as default};

package/cli/storybook-dist/assets/RBResizable.stories-ui8X1qnc.js

@@ -0,0 +1,20 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{aD as t,aE as s,aF as c}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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:`{
+  args: {
+    direction: "horizontal"
+  },
+  render: ({
+    direction
+  }) => <div className="relative h-[520px] w-[520px] overflow-hidden p-5">
+      <div className="flex h-full items-center justify-center">
+        <RBResizable direction={direction} className="h-[480px] w-[480px]">
+          <RBResizablePanel>
+            <div className={panelBaseClassName}>One</div>
+          </RBResizablePanel>
+          <RBResizableHandle />
+          <RBResizablePanel>
+            <div className={panelBaseClassName}>Two</div>
+          </RBResizablePanel>
+        </RBResizable>
+      </div>
+    </div>
+}`,...(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};

package/cli/storybook-dist/assets/RBSelectBox.stories-C8T6cfA0.js

@@ -0,0 +1,74 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{w as d,u as c,a as p,e as n}from"./index-ClAc6FBW.js";import{z as b,B as w,V as g}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const N=Array.from({length:40},(e,o)=>({value:`option-${o+1}`,label:`옵션 ${o+1}`})),H=e=>t.jsx("div",{className:"min-h-80 overflow-visible",children:t.jsx(b,{...e,className:"w-96",children:N.map(({value:o,label:a})=>t.jsx(w,{value:o,children:a},o))})}),O=e=>t.jsx("div",{className:"min-h-80 overflow-visible",children:t.jsxs(b,{...e,className:"w-96",children:[t.jsx(w,{value:"option-1",label:"옵션 1",className:"h-12",children:t.jsxs(g,{children:["옵션 1",t.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})}),t.jsx(w,{value:"option-2",label:"옵션 2",className:"h-12",children:t.jsxs(g,{children:["옵션 2",t.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})}),t.jsx(w,{value:"option-3",label:"옵션 3",disabled:!0,className:"h-12",children:t.jsxs(g,{children:["옵션 3",t.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})})]})}),z={component:b,tags:["autodocs"],parameters:{layout:"padded"},argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"]},maxDropBoxHeight:{control:{type:"number"}},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",maxDropBoxHeight:200,disabled:!1,readOnly:!1,placeholder:"placeholder",search:!1,keepDropDown:!1,showCloseBtn:!1,whenScrollCloseDropBox:!1,enableModal:!1,error:!1,searchPlaceholder:"Search",onClick:void 0},render:H},B=()=>new Promise(e=>setTimeout(e,350)),u={play:async({canvasElement:e})=>{const o=d(e),a=e.ownerDocument;await B(),await c.click(o.getByText("placeholder"));const l=await p(()=>{const s=a.querySelector('[data-slot="select-drop-box"]');if(!s)throw new Error("drop box not opened");return s}),y=d(l).getByText("옵션 3");await c.click(y),await p(()=>{var s;n((s=e.querySelector('[data-slot="select-box-value"] span'))==null?void 0:s.textContent).toBe("옵션 3"),n(a.querySelector('[data-slot="select-drop-box"]')).toBeNull()})}},m={args:{value:"option-2"},render:O,play:async({canvasElement:e})=>{const o=d(e),a=e.ownerDocument,l=()=>{var r;return(r=e.querySelector('[data-slot="select-box-value"] span'))==null?void 0:r.textContent};await B(),await c.click(o.getByText("옵션 2"));const y=await p(()=>{const r=a.querySelector('[data-slot="select-drop-box"]');if(!r)throw new Error("drop box not opened");return r}),s=d(y).getAllByRole("button"),x=s.find(r=>{var i;return(i=r.textContent)==null?void 0:i.startsWith("옵션 3")});n(x==null?void 0:x.textContent).toContain("Additional Information goes here"),await c.click(x),n(l()).toBe("옵션 2"),n(a.querySelector('[data-slot="select-drop-box"]')).not.toBeNull();const j=s.find(r=>{var i;return(i=r.textContent)==null?void 0:i.startsWith("옵션 1")});await c.click(j),await p(()=>{n(l()).toBe("옵션 1"),n(a.querySelector('[data-slot="select-drop-box"]')).toBeNull()})}},h={args:{maxDropBoxHeight:120},play:async({canvasElement:e})=>{const o=d(e);await B(),await c.click(o.getByText("placeholder"));const a=e.ownerDocument;await p(()=>{const l=a.querySelector('[data-slot="select-drop-box"]');n(l).toBeTruthy(),n(l.getBoundingClientRect().height).toBeLessThanOrEqual(121)})}};var f,v,T;u.parameters={...u.parameters,docs:{...(f=u.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  play: async ({
+    canvasElement
+  }) => {
+    const canvas = within(canvasElement);
+    const doc = canvasElement.ownerDocument;
+    await waitPastClickGuard();
+    await userEvent.click(canvas.getByText("placeholder"));
+    const dropBox = await waitFor(() => {
+      const el = doc.querySelector('[data-slot="select-drop-box"]');
+      if (!el) throw new Error("drop box not opened");
+      return el as HTMLElement;
+    });
+    const option = within(dropBox).getByText("옵션 3");
+    await userEvent.click(option);
+    await waitFor(() => {
+      expect(canvasElement.querySelector('[data-slot="select-box-value"] span')?.textContent).toBe("옵션 3");
+      expect(doc.querySelector('[data-slot="select-drop-box"]')).toBeNull();
+    });
+  }
+}`,...(T=(v=u.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var C,E,S;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    value: "option-2"
+  },
+  render: HasInfoListTemplate,
+  play: async ({
+    canvasElement
+  }) => {
+    const canvas = within(canvasElement);
+    const doc = canvasElement.ownerDocument;
+    // DropBox가 열려있을 때는 옵션 목록에도 같은 라벨 텍스트가 존재해
+    // canvas.getByText가 trigger와 옵션을 동시에 매칭해버리므로, trigger는
+    // select-box-value 슬롯을 직접 조회해 값이 바뀌었는지 확인한다
+    const getTriggerText = () => canvasElement.querySelector('[data-slot="select-box-value"] span')?.textContent;
+    await waitPastClickGuard();
+    await userEvent.click(canvas.getByText("옵션 2"));
+    const dropBox = await waitFor(() => {
+      const el = doc.querySelector('[data-slot="select-drop-box"]');
+      if (!el) throw new Error("drop box not opened");
+      return el as HTMLElement;
+    });
+    const optionEls = within(dropBox).getAllByRole("button");
+    const disabledOption = optionEls.find(el => el.textContent?.startsWith("옵션 3"));
+    expect(disabledOption?.textContent).toContain("Additional Information goes here");
+
+    // disabled 옵션은 클릭해도 선택이 바뀌지 않고 DropBox도 닫히지 않음
+    await userEvent.click(disabledOption!);
+    expect(getTriggerText()).toBe("옵션 2");
+    expect(doc.querySelector('[data-slot="select-drop-box"]')).not.toBeNull();
+    const enabledOption = optionEls.find(el => el.textContent?.startsWith("옵션 1"));
+    await userEvent.click(enabledOption!);
+    await waitFor(() => {
+      expect(getTriggerText()).toBe("옵션 1");
+      expect(doc.querySelector('[data-slot="select-drop-box"]')).toBeNull();
+    });
+  }
+}`,...(S=(E=m.parameters)==null?void 0:E.docs)==null?void 0:S.source}}};var D,k,q;h.parameters={...h.parameters,docs:{...(D=h.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    maxDropBoxHeight: 120
+  },
+  play: async ({
+    canvasElement
+  }) => {
+    const canvas = within(canvasElement);
+    await waitPastClickGuard();
+    await userEvent.click(canvas.getByText("placeholder"));
+    const doc = canvasElement.ownerDocument;
+    await waitFor(() => {
+      const dropBox = doc.querySelector('[data-slot="select-drop-box"]') as HTMLElement;
+      expect(dropBox).toBeTruthy();
+      expect(dropBox.getBoundingClientRect().height).toBeLessThanOrEqual(121);
+    });
+  }
+}`,...(q=(k=h.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};const V=["Default","HasInfoList","MaxDropBoxHeight"];export{u as Default,m as HasInfoList,h as MaxDropBoxHeight,V as __namedExportsOrder,z as default};

package/cli/storybook-dist/assets/RBSheet.stories-BCOo_Zcc.js

@@ -0,0 +1,39 @@
+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-BYlmNHEw.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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:`{
+  render: args => <div>
+      <RBSheet defaultOpen>
+        <RBSheetTrigger asChild>
+          <RBLabelButton size="sm" variant="solid">
+            Open Sheet
+          </RBLabelButton>
+        </RBSheetTrigger>
+        <RBSheetContent {...args} className={args.side === "top" || args.side === "bottom" ? "w-full" : "w-96"}>
+          <RBSheetHeader>
+            <RBSheetTitle>Edit profile</RBSheetTitle>
+            <RBSheetDescription>
+              Make changes to your profile here. Click save when you&apos;re
+              done.
+            </RBSheetDescription>
+          </RBSheetHeader>
+
+          <VStack className="flex-1 gap-6">
+            <RBTextField label="Name" required className="gap-1_5 flex flex-col">
+              <RBTextInput size="sm" className="w-full" />
+            </RBTextField>
+
+            <RBTextField label="Username" required className="flex flex-col gap-1.5">
+              <RBTextInput size="sm" className="w-full" />
+            </RBTextField>
+          </VStack>
+
+          <RBSheetFooter>
+            <RBLabelButton size="sm" variant="solid" className="w-full">
+              Save changes
+            </RBLabelButton>
+            <RBLabelButton size="sm" variant="outlined" className="w-full">
+              Cancel
+            </RBLabelButton>
+          </RBSheetFooter>
+        </RBSheetContent>
+      </RBSheet>
+    </div>
+}`,...(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};

package/cli/storybook-dist/assets/RBSideNumberInput.stories-CU2_MVlJ.js

@@ -0,0 +1,5 @@
+import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{E as s,F as m}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const d=r=>o.jsx(s,{...r}),N={component:s,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"],table:{type:{summary:'"xs2" | "sm" | "md" | "lg"'}}},variant:{control:{type:"select"},options:["default","success"],table:{type:{summary:'"default" | "success"'}}},step:{control:{type:"number"}},increaseStep:{control:{type:"number"}},decreaseStep:{control:{type:"number"}},min:{control:{type:"number"}},max:{control:{type:"number"}},maxLength:{control:{type:"number"}},digit:{control:{type:"number"}},isDirect:{control:{type:"boolean"}},detectDobleClick:{control:{type:"boolean"}},type:{control:{type:"select"},options:["number","nx-number"]},disabled:{control:{type:"boolean"}},inputDisabled:{control:{type:"boolean"}},readOnly:{control:{type:"boolean"}}},args:{size:"md",variant:"default",defaultValue:.5,step:.1,isDirect:!0,detectDobleClick:!1},render:d},e={},t={render:r=>o.jsx(m,{label:"Node Name",description:"노드 이름을 입력하세요.",required:!0,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default",children:o.jsx(s,{...r})})};var n,a,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(a=e.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};var p,c,i;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: args => <RBTextField label="Node Name" description="노드 이름을 입력하세요." required helperText="중복되지 않는 이름을 사용하세요." helperTone="default">
+      <RBSideNumberInput {...args} />
+    </RBTextField>
+}`,...(i=(c=t.parameters)==null?void 0:c.docs)==null?void 0:i.source}}};const S=["Default","WithTextField"];export{e as Default,t as WithTextField,S as __namedExportsOrder,N as default};

package/cli/storybook-dist/assets/RBSlider.stories-DgOp1TFc.js

@@ -0,0 +1,5 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{aN as o,V as m}from"./SideNumberInput-BYlmNHEw.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const x={component:o,tags:["autodocs"],argTypes:{className:{control:!1,table:{disable:!0}},trackClassName:{control:!1,table:{disable:!0}},rangeClassName:{control:!1,table:{disable:!0}},thumbClassName:{control:!1,table:{disable:!0}},min:{control:{type:"number"}},max:{control:{type:"number"}},step:{control:{type:"number"}},disabled:{control:"boolean"},defaultValue:{control:{type:"object"}}},args:{min:0,max:100,step:1,disabled:!1,defaultValue:[64]}},e={render:l=>a.jsx(m,{className:"w-80 gap-4",children:a.jsx(o,{...l})})};var r,t,s;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{
+  render: args => <VStack className="w-80 gap-4">
+      <RBSlider {...args} />
+    </VStack>
+}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const y=["Playground"];export{e as Playground,y as __namedExportsOrder,x as default};

package/cli/storybook-dist/assets/RBSpinner.stories-qLScY3zZ.js

@@ -0,0 +1,14 @@
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{b8 as o}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const j={component:o,tags:["autodocs"]},m=a=>n.jsx(o,{...a}),r={parameters:{docs:{description:{story:""}}},args:{size:"1.5rem",className:"text-fg-default"},render:m};var e,t,s;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {
+    size: "1.5rem",
+    className: "text-fg-default"
+  },
+  render: Template
+}`,...(s=(t=r.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const R=["Default"];export{r as Default,R as __namedExportsOrder,j as default};

package/cli/storybook-dist/assets/RBSwitch.stories-SXSY1QMb.js

@@ -0,0 +1,65 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as l}from"./index-Dmy2JGbm.js";import{aO as o,V as f,aP as C}from"./SideNumberInput-BYlmNHEw.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const v={component:o,tags:["autodocs"],argTypes:{checked:{control:!1,table:{disable:!0}},defaultChecked:{control:"boolean"},size:{control:{type:"select"},options:["default","sm"]},invalid:{control:"boolean"},disabled:{control:"boolean"}},args:{defaultChecked:!1,disabled:!1,invalid:!1,size:"default"}},n={render:function(e){const[c,t]=l.useState(!!e.defaultChecked);return l.useEffect(()=>{t(!!e.defaultChecked)},[e.defaultChecked]),a.jsx(f,{className:"w-80 gap-4",children:a.jsx(o,{...e,checked:c,onCheckedChange:t})})}},s={args:{controlPlacement:"start",defaultChecked:!1,description:"This is a switch description.",disabled:!1,invalid:!1,label:"Switch Text",size:"default",type:"default"},argTypes:{controlPlacement:{control:{type:"select"},options:["start","end"]},description:{control:"text"},descriptionClassName:{control:!1,table:{disable:!0}},label:{control:"text"},labelClassName:{control:!1,table:{disable:!0}},type:{control:{type:"select"},options:["default","box"]}},render:function(e){const[c,t]=l.useState(!!e.defaultChecked);return l.useEffect(()=>{t(!!e.defaultChecked)},[e.defaultChecked]),a.jsx(f,{className:"w-80 gap-4",children:a.jsx(C,{controlPlacement:e.controlPlacement,description:e.description,descriptionClassName:e.descriptionClassName,invalid:e.invalid,label:e.label,labelClassName:e.labelClassName,size:e.size,type:e.type,children:a.jsx(o,{checked:c,disabled:e.disabled,invalid:e.invalid,size:e.size,onCheckedChange:t})})})}};var d,r,i;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [checked, setChecked] = useState(Boolean(args.defaultChecked));
+    useEffect(() => {
+      setChecked(Boolean(args.defaultChecked));
+    }, [args.defaultChecked]);
+    return <VStack className="w-80 gap-4">
+        <RBSwitch {...args} checked={checked} onCheckedChange={setChecked} />
+      </VStack>;
+  }
+}`,...(i=(r=n.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var p,h,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  args: {
+    controlPlacement: "start",
+    defaultChecked: false,
+    description: "This is a switch description.",
+    disabled: false,
+    invalid: false,
+    label: "Switch Text",
+    size: "default",
+    type: "default"
+  },
+  argTypes: {
+    controlPlacement: {
+      control: {
+        type: "select"
+      },
+      options: ["start", "end"]
+    },
+    description: {
+      control: "text"
+    },
+    descriptionClassName: {
+      control: false,
+      table: {
+        disable: true
+      }
+    },
+    label: {
+      control: "text"
+    },
+    labelClassName: {
+      control: false,
+      table: {
+        disable: true
+      }
+    },
+    type: {
+      control: {
+        type: "select"
+      },
+      options: ["default", "box"]
+    }
+  },
+  render: function Render(args) {
+    const [checked, setChecked] = useState(Boolean(args.defaultChecked));
+    useEffect(() => {
+      setChecked(Boolean(args.defaultChecked));
+    }, [args.defaultChecked]);
+    return <VStack className="w-80 gap-4">
+        <RBSwitchField controlPlacement={args.controlPlacement} description={args.description} descriptionClassName={args.descriptionClassName} invalid={args.invalid} label={args.label} labelClassName={args.labelClassName} size={args.size} type={args.type}>
+          <RBSwitch checked={checked} disabled={args.disabled} invalid={args.invalid} size={args.size} onCheckedChange={setChecked} />
+        </RBSwitchField>
+      </VStack>;
+  }
+}`,...(u=(h=s.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};const z=["Playground","WithText"];export{n as Playground,s as WithText,z as __namedExportsOrder,v as default};

package/cli/storybook-dist/assets/RBTab.stories-BzXXTsXP.js

@@ -0,0 +1 @@
+import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as y}from"./index-Dmy2JGbm.js";import{a$ as p}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const o=Array.from({length:8}).map((e,r)=>({key:r+1,label:"Menu"})),b=e=>{var a;const[r,i]=y.useState(e.activeKey??((a=o==null?void 0:o[0])==null?void 0:a.key)??1),d=(s,f)=>{var l;i(s),(l=e.handleChange)==null||l.call(e,s,f)};return u.jsx(p,{...e,activeKey:r,handleChange:d})},j={component:p,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md","lg"],table:{type:{summary:'"sm" | "md" | "lg"'}}},tabItems:{control:!1},tabNavScrollRef:{control:!1},rippleOption:{control:!1},handleChange:{control:!1},onClick:{control:!1}},args:{size:"md",tabItems:o,slider:!0,swipeContent:!1,disabled:!1,destroyInactiveTabPanel:!0,activeKey:1},render:b},t={};var n,c,m;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(m=(c=t.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};const E=["Default"];export{t as Default,E as __namedExportsOrder,j as default};

package/cli/storybook-dist/assets/RBTable.stories-DHTeRNVk.js

@@ -0,0 +1,62 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Dmy2JGbm.js";import{b0 as m,b1 as g,b2 as a,R as T,f,m as C,C as j,aO as k}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const I=[{name:"테스트1",number:1,role:"member",test:"test"},{name:"테스트2",number:2,role:"member",test:"test"},{name:"테스트3",number:3,role:"member",test:"test"}],O={component:m,tags:["autodocs"],args:{list:I,hideThead:!1,stickyThead:!1,loading:!1}},S=o=>e.jsx(m,{...o,className:"[&_[data-slot='table-head-cell']]:!bg-raised [&_[data-slot='table-cell']]:!bg-alt-2",children:({item:s,index:n})=>e.jsxs(g,{children:[e.jsx(a,{fieldId:"name",label:"Name",sortValue:s.name,children:e.jsx("span",{children:s.name})}),e.jsx(a,{fieldId:"number",label:"Number",children:e.jsx("span",{children:s.number})}),e.jsx(a,{fieldId:"role",label:"Role",children:e.jsx("span",{children:s.role})}),e.jsx(a,{fieldId:"test",label:"Test",align:"center",children:e.jsx("span",{children:s.test})})]},`row-${n}`)}),r={parameters:{docs:{description:{story:""}}},args:{},render:S},v=[{id:1,text:"Test1",badge:"Test",button:"Test",checked:!0,enabled:!0},{id:2,text:"Test2",badge:"Test",button:"Test",checked:!1,enabled:!1}],l={parameters:{docs:{description:{story:"RBTable 셀 안에 text, RBBadge, RBLabelButton, RBCheckBox, RBSwitch가 들어가는 예제입니다."}}},render:()=>{const[o,s]=w.useState(v);return e.jsx(m,{list:o,children:({item:n,index:b})=>e.jsxs(g,{children:[e.jsx(a,{fieldId:"text",label:"Text",sortValue:n.text,children:e.jsx("span",{children:n.text})}),e.jsx(a,{fieldId:"badge",label:"RBBadge",children:e.jsx(T,{color:"red",leadingIcon:e.jsx(f,{className:"size-3 shrink-0"}),numberVariant:"solid",type:"transparent",children:n.badge})}),e.jsx(a,{fieldId:"button",label:"RBButton",children:e.jsx(C,{size:"xs",variant:"soft",children:n.button})}),e.jsx(a,{fieldId:"checkbox",label:"RBCheckbox",children:e.jsx(j,{value:n.checked,handleChange:d=>{s(c=>c.map((t,i)=>i===b?{...t,checked:!!d}:t))}})}),e.jsx(a,{fieldId:"switch",label:"RBSwitch",align:"center",children:e.jsx(k,{checked:n.enabled,onCheckedChange:d=>{s(c=>c.map((t,i)=>i===b?{...t,enabled:d}:t))}})})]},`showcase-row-${n.id}`)})}};var B,h,x;r.parameters={...r.parameters,docs:{...(B=r.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {},
+  render: Template
+}`,...(x=(h=r.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var u,R,p;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "RBTable 셀 안에 text, RBBadge, RBLabelButton, RBCheckBox, RBSwitch가 들어가는 예제입니다."
+      }
+    }
+  },
+  render: () => {
+    const [rows, setRows] = useState(showcaseList);
+    return <RBTable list={rows}>
+        {({
+        item,
+        index
+      }) => <RBTableRow key={\`showcase-row-\${item.id}\`}>
+            <RBTdColumn fieldId="text" label="Text" sortValue={item.text}>
+              <span>{item.text}</span>
+            </RBTdColumn>
+
+            <RBTdColumn fieldId="badge" label="RBBadge">
+              <RBBadge color="red" leadingIcon={<SvgDangerSolid className="size-3 shrink-0" />} numberVariant="solid" type="transparent">
+                {item.badge}
+              </RBBadge>
+            </RBTdColumn>
+
+            <RBTdColumn fieldId="button" label="RBButton">
+              <RBLabelButton size="xs" variant="soft">
+                {item.button}
+              </RBLabelButton>
+            </RBTdColumn>
+
+            <RBTdColumn fieldId="checkbox" label="RBCheckbox">
+              <RBCheckBox value={item.checked} handleChange={value => {
+            setRows(prev => prev.map((row, rowIndex) => rowIndex === index ? {
+              ...row,
+              checked: Boolean(value)
+            } : row));
+          }} />
+            </RBTdColumn>
+
+            <RBTdColumn fieldId="switch" label="RBSwitch" align="center">
+              <RBSwitch checked={item.enabled} onCheckedChange={checked => {
+            setRows(prev => prev.map((row, rowIndex) => rowIndex === index ? {
+              ...row,
+              enabled: checked
+            } : row));
+          }} />
+            </RBTdColumn>
+          </RBTableRow>}
+      </RBTable>;
+  }
+}`,...(p=(R=l.parameters)==null?void 0:R.docs)==null?void 0:p.source}}};const q=["Default","CellExamples"];export{l as CellExamples,r as Default,q as __namedExportsOrder,O as default};

package/cli/storybook-dist/assets/RBTableRow.stories-DRNRsd15.js

@@ -0,0 +1,11 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{b1 as o,b0 as c,b2 as s,b3 as i}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const m=[{name:"테스트1",number:1,role:"member",test:"test"}],_={component:o,tags:["autodocs"],args:{expendOpen:!1}},x=d=>e.jsx(c,{className:"[&_[data-slot='table-head-cell']]:bg-raised [&_[data-slot='table-cell']]:bg-alt-1",list:m,children:({item:r,index:p})=>e.jsxs(o,{...d,children:[e.jsx(s,{fieldId:"name",label:"Name",sortValue:r.name,expend:!0,children:e.jsx("span",{children:r.name})}),e.jsx(s,{fieldId:"number",label:"Number",expend:!0,children:e.jsx("span",{children:r.number})}),e.jsx(s,{fieldId:"role",label:"Role",expend:!0,children:e.jsx("span",{children:r.role})}),e.jsx(s,{fieldId:"test",label:"Test",align:"center",expend:!0,children:e.jsx("span",{children:r.test})}),e.jsx(i,{children:"RBTable Data Expend Test"})]},`row-${p}`)}),a={parameters:{docs:{description:{story:""}}},args:{},render:x};var t,n,l;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {},
+  render: Template
+}`,...(l=(n=a.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};const E=["Default"];export{a as Default,E as __namedExportsOrder,_ as default};

package/cli/storybook-dist/assets/RBTabs.stories-DP0noBLp.js

@@ -0,0 +1,21 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{aQ as s,aR as m,aS as e}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const B={tags:["autodocs"],component:s,parameters:{layout:"centered"},argTypes:{size:{control:"select",options:["sm","xs"],table:{type:{summary:'"sm" | "xs"'}}},variant:{control:"select",options:["default","line"],table:{type:{summary:'"default" | "line"'}}},orientation:{control:"select",options:["horizontal","vertical"],description:"line variant 는 horizontal orientation 만 지원",table:{type:{summary:'"horizontal" | "vertical"'}}}}},t={args:{size:"sm",variant:"default",orientation:"horizontal"},render:({orientation:l,size:T,variant:r})=>{const b=r==="line"?"horizontal":l;return a.jsx(s,{defaultValue:"tab-1",variant:r,size:T,orientation:b,children:a.jsxs(m,{children:[a.jsx(e,{value:"tab-1",children:"Tabs Text"}),a.jsx(e,{value:"tab-2",children:"Tabs Text"}),a.jsx(e,{value:"tab-3",children:"Tabs Text"})]})})}};var n,o,i;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  args: {
+    size: "sm",
+    variant: "default",
+    orientation: "horizontal"
+  },
+  render: ({
+    orientation,
+    size,
+    variant
+  }) => {
+    const resolvedOrientation = variant === "line" ? "horizontal" : orientation;
+    return <RBTabs defaultValue="tab-1" variant={variant} size={size} orientation={resolvedOrientation}>
+        <RBTabsList>
+          <RBTabsTrigger value="tab-1">Tabs Text</RBTabsTrigger>
+          <RBTabsTrigger value="tab-2">Tabs Text</RBTabsTrigger>
+          <RBTabsTrigger value="tab-3">Tabs Text</RBTabsTrigger>
+        </RBTabsList>
+      </RBTabs>;
+  }
+}`,...(i=(o=t.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const h=["Playground"];export{t as Playground,h as __namedExportsOrder,B as default};

package/cli/storybook-dist/assets/RBTextArea.stories-TkaejfxJ.js

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{G as a,F as n}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const m=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),B={component:a,tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["default","success"],table:{type:{summary:'"default" | "success"'}}}},args:{variant:"default",disabled:!1,readOnly:!1},render:m},e={},r={render:s=>t.jsx(n,{label:"Description",description:"상세 설명을 입력하세요.",required:!0,helperText:"최대 500자까지 입력할 수 있습니다.",helperTone:"default",children:t.jsx(a,{...s,placeholder:"내용을 입력해주세요."})})};var o,i,l;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(l=(i=e.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,c;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: args => <RBTextField label="Description" description="상세 설명을 입력하세요." required helperText="최대 500자까지 입력할 수 있습니다." helperTone="default">
+      <RBTextArea {...args} placeholder="내용을 입력해주세요." />
+    </RBTextField>
+}`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const F=["Default","WithTextField"];export{e as Default,r as WithTextField,F as __namedExportsOrder,B as default};

package/cli/storybook-dist/assets/RBTextField.stories-B6VpCGyt.js

@@ -0,0 +1,45 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as s,u as v,z as w,B as i,E as I,G as N}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const q={component:s,tags:["autodocs"],args:{label:"Node Name",description:"노드 이름을 입력하세요.",required:!1,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default"},argTypes:{helperTone:{control:{type:"select"},options:["default","error","success"],table:{type:{summary:'"default" | "error" | "success"'}}}},decorators:[r=>e.jsx("div",{className:"w-[360px]",children:e.jsx(r,{})})]},t={render:r=>e.jsx(s,{...r,children:e.jsx(v,{placeholder:"node_053"})})},o={args:{label:"Description",description:"상세 설명을 입력하세요.",helperText:"최대 500자까지 입력할 수 있습니다."},render:r=>e.jsx(s,{...r,children:e.jsx(N,{placeholder:"내용을 입력해주세요."})})},n={args:{label:"Threshold",description:"숫자 값을 입력하세요.",helperText:"증가/감소 버튼으로도 조절할 수 있습니다."},render:r=>e.jsx(s,{...r,children:e.jsx(I,{value:"0.5",step:.1,isDirect:!0})})},a={args:{label:"Category",description:"옵션을 선택하세요.",helperText:"필요한 분류를 선택해주세요."},render:r=>e.jsx(s,{...r,children:e.jsxs(w,{placeholder:"카테고리 선택",children:[e.jsx(i,{value:"sensor",children:"Sensor"}),e.jsx(i,{value:"network",children:"Network"}),e.jsx(i,{value:"power",children:"Power"})]})})},l={args:{helperText:"이미 사용 중인 이름입니다.",helperTone:"error",required:!0},render:r=>e.jsx(s,{...r,children:e.jsx(v,{placeholder:"node_053"})})};var p,d,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: args => <RBTextField {...args}>
+      <RBTextInput placeholder="node_053" />
+    </RBTextField>
+}`,...(c=(d=t.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var x,u,h;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    label: "Description",
+    description: "상세 설명을 입력하세요.",
+    helperText: "최대 500자까지 입력할 수 있습니다."
+  },
+  render: args => <RBTextField {...args}>
+      <RBTextArea placeholder="내용을 입력해주세요." />
+    </RBTextField>
+}`,...(h=(u=o.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var m,T,g;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  args: {
+    label: "Threshold",
+    description: "숫자 값을 입력하세요.",
+    helperText: "증가/감소 버튼으로도 조절할 수 있습니다."
+  },
+  render: args => <RBTextField {...args}>
+      <RBSideNumberInput value="0.5" step={0.1} isDirect />
+    </RBTextField>
+}`,...(g=(T=n.parameters)==null?void 0:T.docs)==null?void 0:g.source}}};var B,R,j;a.parameters={...a.parameters,docs:{...(B=a.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    label: "Category",
+    description: "옵션을 선택하세요.",
+    helperText: "필요한 분류를 선택해주세요."
+  },
+  render: args => <RBTextField {...args}>
+      <RBSelectBox placeholder="카테고리 선택">
+        <Option value="sensor">Sensor</Option>
+        <Option value="network">Network</Option>
+        <Option value="power">Power</Option>
+      </RBSelectBox>
+    </RBTextField>
+}`,...(j=(R=a.parameters)==null?void 0:R.docs)==null?void 0:j.source}}};var S,F,b;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    helperText: "이미 사용 중인 이름입니다.",
+    helperTone: "error",
+    required: true
+  },
+  render: args => <RBTextField {...args}>
+      <RBTextInput placeholder="node_053" />
+    </RBTextField>
+}`,...(b=(F=l.parameters)==null?void 0:F.docs)==null?void 0:b.source}}};const C=["WithTextInput","WithTextArea","WithSideNumberInput","WithSelectBox","Error"];export{l as Error,a as WithSelectBox,n as WithSideNumberInput,o as WithTextArea,t as WithTextInput,C as __namedExportsOrder,q as default};

package/cli/storybook-dist/assets/RBTextInput.stories-D3hZ08e-.js

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{u as a,F as c}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const m=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),j={component:a,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"],table:{type:{summary:'"xs2" | "sm" | "md" | "lg"'}}},variant:{control:{type:"select"},options:["default","success"],table:{type:{summary:'"default" | "success"'}}}},args:{variant:"default",disabled:!1,readOnly:!1},render:m},e={},r={render:s=>t.jsx(c,{label:"Node Name",description:"노드 이름을 입력하세요.",required:!0,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default",children:t.jsx(a,{...s,placeholder:"node_053"})})};var o,l,d;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(d=(l=e.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var p,i,n;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: args => <RBTextField label="Node Name" description="노드 이름을 입력하세요." required helperText="중복되지 않는 이름을 사용하세요." helperTone="default">
+      <RBTextInput {...args} placeholder="node_053" />
+    </RBTextField>
+}`,...(n=(i=r.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const B=["Default","WithTextField"];export{e as Default,r as WithTextField,B as __namedExportsOrder,j as default};

package/cli/storybook-dist/assets/RBToast.stories-BQ2wS2U0.js

@@ -0,0 +1,11 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{b4 as c,b5 as d,b6 as m}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const v={component:c,tags:["autodocs"],args:{position:"top-left",type:"basic",variant:"default",actionLabel:"",closeOnActionClick:!0},argTypes:{position:{control:{type:"select"},options:["top-center","top-left","top-right","bottom-center","bottom-left","bottom-right"]},variant:{control:{type:"select"},options:["default","danger","warning","caution","success","copy"]},type:{control:{type:"select"},options:["basic","alert"]},icon:{control:!1},actionLabel:{control:{type:"text"},description:"액션 버튼 라벨"},handleActionClick:{control:!1,description:"액션 버튼 클릭 시 실행할 함수"},closeOnActionClick:{control:{type:"boolean"},description:"액션 버튼 클릭 뒤 토스트를 닫을지 여부"}}},u=t=>{const[n,r]=p.useState(0),l=()=>{r(n+1),m.openToast({title:`Toast Title ${n}`,content:"This is a toast message long test long test long test long test long test long test.",icon:t.icon,actionLabel:t.actionLabel||void 0,handleActionClick:t.actionLabel?()=>console.info("toast action clicked"):void 0,closeOnActionClick:t.closeOnActionClick,type:t.type,variant:t.variant,position:t.position,duration:t.duration})};return e.jsxs("div",{className:"border-danger flex h-100 flex-col items-center justify-center border-1",children:[e.jsx(c,{position:t.position,duration:t.duration,toastComponent:d}),e.jsx("button",{onClick:l,className:"text-fg-default",children:"open toast"})]})},o={parameters:{docs:{description:{story:""}}},args:{},render:u};var s,i,a;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {},
+  render: Template
+}`,...(a=(i=o.parameters)==null?void 0:i.docs)==null?void 0:a.source}}};const j=["Default"];export{o as Default,j as __namedExportsOrder,v as default};

package/cli/storybook-dist/assets/RBToggle.stories-GVOjGqo3.js

@@ -0,0 +1,12 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Dmy2JGbm.js";import{aT as d,i as c}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const T={component:d,tags:["autodocs"],argTypes:{className:{control:!1,table:{disable:!0}},children:{control:!1,table:{disable:!0}},defaultPressed:{control:"boolean"},disabled:{control:"boolean"},onPressedChange:{control:!1,table:{disable:!0}},pressed:{control:!1,table:{disable:!0}},size:{control:{type:"select"},options:["default","sm","lg"]},variant:{control:{type:"select"},options:["default","outline"]}},args:{defaultPressed:!1,disabled:!1,size:"default",variant:"default"}},s={render:function(e){const[u,r]=o.useState(!!e.defaultPressed);return o.useEffect(()=>{r(!!e.defaultPressed)},[e.defaultPressed]),t.jsxs(d,{...e,pressed:u,onPressedChange:r,children:[t.jsx(c,{}),"Text"]})}};var a,n,l;s.parameters={...s.parameters,docs:{...(a=s.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  render: function Render(args) {
+    const [pressed, setPressed] = useState(Boolean(args.defaultPressed));
+    useEffect(() => {
+      setPressed(Boolean(args.defaultPressed));
+    }, [args.defaultPressed]);
+    return <RBToggle {...args} pressed={pressed} onPressedChange={setPressed}>
+        <RBIcons.SvgPlusBold />
+        Text
+      </RBToggle>;
+  }
+}`,...(l=(n=s.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};const h=["Playground"];export{s as Playground,h as __namedExportsOrder,T as default};

package/cli/storybook-dist/assets/RBToggleGroup.stories-pzx0btOD.js

@@ -0,0 +1,17 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Dmy2JGbm.js";import{aU as i,aV as r,aW as p,aX as g,aY as m}from"./SideNumberInput-BYlmNHEw.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const V={component:i,tags:["autodocs"],parameters:{layout:"centered"},argTypes:{orientation:{control:"select",options:["horizontal","vertical"]},separated:{control:"boolean"},stretched:{control:"boolean"}},args:{orientation:"horizontal",separated:!1,stretched:!1}},t={args:{orientation:"horizontal",separated:!1,stretched:!1},render:function(a){const[c,d]=u.useState("left");return e.jsxs(i,{type:"single",orientation:a.orientation,separated:a.separated,stretched:a.stretched,value:c,onValueChange:o=>{o&&d(o)},className:a.stretched?"w-[360px]":void 0,children:[e.jsx(r,{value:"left","aria-label":"왼쪽 정렬",icon:e.jsx(p,{})}),e.jsx(r,{value:"center","aria-label":"가운데 정렬",icon:e.jsx(g,{})}),e.jsx(r,{value:"right","aria-label":"오른쪽 정렬",icon:e.jsx(m,{})})]})}};var n,s,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  args: {
+    orientation: "horizontal",
+    separated: false,
+    stretched: false
+  },
+  render: function Render(args) {
+    const [value, setValue] = useState<string>("left");
+    return <RBToggleGroup type="single" orientation={args.orientation} separated={args.separated} stretched={args.stretched} value={value} onValueChange={(nextValue: string) => {
+      if (nextValue) setValue(nextValue);
+    }} className={args.stretched ? "w-[360px]" : undefined}>
+        <RBToggleGroupItem value="left" aria-label="왼쪽 정렬" icon={<RBIcons.SvgListChecksBold />} />
+        <RBToggleGroupItem value="center" aria-label="가운데 정렬" icon={<RBIcons.SvgBulletSolid />} />
+        <RBToggleGroupItem value="right" aria-label="오른쪽 정렬" icon={<RBIcons.SvgBoardSolid />} />
+      </RBToggleGroup>;
+  }
+}`,...(l=(s=t.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};const G=["Playground"];export{t as Playground,G as __namedExportsOrder,V as default};

package/cli/storybook-dist/assets/RBTooltip.stories-jufB6fa1.js

@@ -0,0 +1,9 @@
+import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{b7 as c}from"./SideNumberInput-BYlmNHEw.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-DuxpZLkF.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const e=0,b={component:c,tags:["autodocs"],argTypes:{place:{control:"radio",options:["top","left","bottom","right"],defaultValue:"bottom"},tooltipColor:{control:"color"},tooltipTextColor:{control:"color"}}},p=t=>r.jsxs("div",{className:"flex items-center justify-center p-30",children:[r.jsx("button",{className:"text-fg-default border-danger border-1",id:`${t.anchorId}${e}`,children:"Tooltip"}),r.jsx(c,{...t,anchorId:`${t.anchorId}${e}`})]}),o={args:{anchorId:"tooltip-anchor",children:"Tooltip Content",events:["hover"],place:"top"},render:p};var n,a,s;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  args: {
+    anchorId: "tooltip-anchor",
+    children: "Tooltip Content",
+    events: ["hover"],
+    place: "top"
+  },
+  render: Template
+}`,...(s=(a=o.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};const g=["Default"];export{o as Default,g as __namedExportsOrder,b as default};