@rainbow-robotics/muscat-plugin-kit 1.0.0 → 1.0.3

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

@@ -1,62 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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/RBTextInput.stories-DSPlr3uh.js

@@ -1,5 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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};