@rainbow-robotics/muscat-plugin-kit 0.1.2-dev.8 → 1.0.0

package/cli/storybook-dist/assets/RBSwitch.stories-T9InolEP.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"./createConveyorBeltLayer-769P8deX.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const z={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 P=["Playground","WithText"];export{n as Playground,s as WithText,P as __namedExportsOrder,z as default};

package/cli/storybook-dist/assets/RBTab.stories-CjGzZODx.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"./createConveyorBeltLayer-769P8deX.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const 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})},E={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,m,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(m=t.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};const S=["Default"];export{t as Default,S as __namedExportsOrder,E as default};

package/cli/storybook-dist/assets/RBTable.stories-CaolKsVG.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"./createConveyorBeltLayer-769P8deX.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const I=[{name:"테스트1",number:1,role:"member",test:"test"},{name:"테스트2",number:2,role:"member",test:"test"},{name:"테스트3",number:3,role:"member",test:"test"}],q={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,p,R;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>;
+  }
+}`,...(R=(p=l.parameters)==null?void 0:p.docs)==null?void 0:R.source}}};const A=["Default","CellExamples"];export{l as CellExamples,r as Default,A as __namedExportsOrder,q as default};

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

@@ -0,0 +1,11 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{b1 as o,b0 as i,b2 as s,b3 as m}from"./createConveyorBeltLayer-769P8deX.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const c=[{name:"테스트1",number:1,role:"member",test:"test"}],E={component:o,tags:["autodocs"],args:{expendOpen:!1}},x=d=>e.jsx(i,{className:"[&_[data-slot='table-head-cell']]:bg-raised [&_[data-slot='table-cell']]:bg-alt-1",list:c,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(m,{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 I=["Default"];export{a as Default,I as __namedExportsOrder,E as default};

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

@@ -0,0 +1,21 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{aQ as s,aR as b,aS as e}from"./createConveyorBeltLayer-769P8deX.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const h={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 m=r==="line"?"horizontal":l;return a.jsx(s,{defaultValue:"tab-1",variant:r,size:T,orientation:m,children:a.jsxs(b,{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 y=["Playground"];export{t as Playground,y as __namedExportsOrder,h as default};

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

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{G as a,F as n}from"./createConveyorBeltLayer-769P8deX.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const m=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),F={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 b=["Default","WithTextField"];export{e as Default,r as WithTextField,b as __namedExportsOrder,F as default};

package/cli/storybook-dist/assets/RBTextField.stories-ByW-EKCD.js

@@ -0,0 +1,45 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as t,u as v,z as w,B as i,E as I,G as N}from"./createConveyorBeltLayer-769P8deX.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const C={component:t,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,{})})]},s={render:r=>e.jsx(t,{...r,children:e.jsx(v,{placeholder:"node_053"})})},o={args:{label:"Description",description:"상세 설명을 입력하세요.",helperText:"최대 500자까지 입력할 수 있습니다."},render:r=>e.jsx(t,{...r,children:e.jsx(N,{placeholder:"내용을 입력해주세요."})})},n={args:{label:"Threshold",description:"숫자 값을 입력하세요.",helperText:"증가/감소 버튼으로도 조절할 수 있습니다."},render:r=>e.jsx(t,{...r,children:e.jsx(I,{value:"0.5",step:.1,isDirect:!0})})},a={args:{label:"Category",description:"옵션을 선택하세요.",helperText:"필요한 분류를 선택해주세요."},render:r=>e.jsx(t,{...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(t,{...r,children:e.jsx(v,{placeholder:"node_053"})})};var p,d,c;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  render: args => <RBTextField {...args}>
+      <RBTextInput placeholder="node_053" />
+    </RBTextField>
+}`,...(c=(d=s.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 P=["WithTextInput","WithTextArea","WithSideNumberInput","WithSelectBox","Error"];export{l as Error,a as WithSelectBox,n as WithSideNumberInput,o as WithTextArea,s as WithTextInput,P as __namedExportsOrder,C as default};

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

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{u as a,F as m}from"./createConveyorBeltLayer-769P8deX.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const c=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),B={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:c},e={},r={render:s=>t.jsx(m,{label:"Node Name",description:"노드 이름을 입력하세요.",required:!0,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default",children:t.jsx(a,{...s,placeholder:"node_053"})})};var o,l,p;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var d,i,n;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.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 F=["Default","WithTextField"];export{e as Default,r as WithTextField,F as __namedExportsOrder,B as default};

package/cli/storybook-dist/assets/RBToast.stories-DJNZ9tku.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"./createConveyorBeltLayer-769P8deX.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const j={component: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 i,s,a;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: ""
+      }
+    }
+  },
+  args: {},
+  render: Template
+}`,...(a=(s=o.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const A=["Default"];export{o as Default,A as __namedExportsOrder,j as default};

package/cli/storybook-dist/assets/RBToggle.stories-BDQW2WO1.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"./createConveyorBeltLayer-769P8deX.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const h={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 y=["Playground"];export{s as Playground,y as __namedExportsOrder,h as default};

package/cli/storybook-dist/assets/RBToggleGroup.stories-CjwH6YbI.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"./createConveyorBeltLayer-769P8deX.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const G={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 I=["Playground"];export{t as Playground,I as __namedExportsOrder,G as default};

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

@@ -0,0 +1,9 @@
+import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{b7 as s}from"./createConveyorBeltLayer-769P8deX.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const e=0,g={component:s,tags:["autodocs"],argTypes:{place:{control:"radio",options:["top","left","bottom","right"],defaultValue:"bottom"},tooltipColor:{control:"color"},tooltipTextColor:{control:"color"}}},c=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(s,{...t,anchorId:`${t.anchorId}${e}`})]}),o={args:{anchorId:"tooltip-anchor",children:"Tooltip Content",events:["hover"],place:"top"},render:c};var n,a,p;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
+}`,...(p=(a=o.parameters)==null?void 0:a.docs)==null?void 0:p.source}}};const j=["Default"];export{o as Default,j as __namedExportsOrder,g as default};