@rainbow-robotics/muscat-plugin-kit 1.1.5 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/README.md +99 -0
  2. package/cli/README.md +32 -1
  3. package/cli/bin/muscat-pk.mjs +33 -6
  4. package/cli/src/dev.mjs +2 -1
  5. package/cli/src/devBack.mjs +8 -7
  6. package/cli/src/manifest.mjs +54 -0
  7. package/cli/src/mcp.mjs +58 -3
  8. package/cli/src/new.mjs +3 -0
  9. package/cli/src/ports.mjs +3 -3
  10. package/cli/src/templates-embedded.mjs +3 -0
  11. package/cli/src/util.mjs +13 -0
  12. package/cli/storybook-dist/assets/{Color-YHDXOIA2-YYWRJKA2.js → Color-YHDXOIA2-CSzM1dKs.js} +1 -1
  13. package/cli/storybook-dist/assets/{Docs-DT9RD87x.js → Docs-BIcNCkcj.js} +1 -1
  14. package/cli/storybook-dist/assets/{Docs-CKJ2w--X.js → Docs-Bhl2G8dW.js} +1 -1
  15. package/cli/storybook-dist/assets/{Docs-DIJ7cbFD.js → Docs-CxnHR1EX.js} +1 -1
  16. package/cli/storybook-dist/assets/Docs-DGfEBD4U.js +7 -0
  17. package/cli/storybook-dist/assets/{Docs-UmN7NFo1.js → Docs-Q256LO6R.js} +1 -1
  18. package/cli/storybook-dist/assets/Docs-y19ER8GV.js +20 -0
  19. package/cli/storybook-dist/assets/{DocsRenderer-CFRXHY34-CyAy1mnJ.js → DocsRenderer-CFRXHY34-DnUkc2jA.js} +1 -1
  20. package/cli/storybook-dist/assets/NxAvatar.stories-D8_zg1ow.js +13 -0
  21. package/cli/storybook-dist/assets/NxButton.stories-DJ27PRZJ.js +20 -0
  22. package/cli/storybook-dist/assets/{NxNumberInput.stories-zlQJuGFP.js → NxNumberInput.stories-DAhhfwBb.js} +3 -3
  23. package/cli/storybook-dist/assets/NxPagination.stories-B0B2V-we.js +11 -0
  24. package/cli/storybook-dist/assets/NxPointerHoldButton.stories-Cs9aWGqX.js +14 -0
  25. package/cli/storybook-dist/assets/{NxRangeInput.stories-Cu5ZWU0w.js → NxRangeInput.stories-A3qk290L.js} +3 -3
  26. package/cli/storybook-dist/assets/NxSelectBox.stories-BtA0bI0U.js +17 -0
  27. package/cli/storybook-dist/assets/NxSlideRange.stories-DaVwMyfI.js +14 -0
  28. package/cli/storybook-dist/assets/NxSwitch.stories-MEpYcafd.js +11 -0
  29. package/cli/storybook-dist/assets/NxTextArea.stories-8PqT83b0.js +11 -0
  30. package/cli/storybook-dist/assets/NxTextInput.stories-DwOvyFAK.js +11 -0
  31. package/cli/storybook-dist/assets/RBAccordion.stories-l_KWmznJ.js +17 -0
  32. package/cli/storybook-dist/assets/RBAccordionGroup.stories-BHwMLO_b.js +33 -0
  33. package/cli/storybook-dist/assets/RBAlert.stories-XeJozdck.js +17 -0
  34. package/cli/storybook-dist/assets/RBBadge.stories-BoIw5gFT.js +1 -0
  35. package/cli/storybook-dist/assets/RBBattery.stories-C_qyHveA.js +10 -0
  36. package/cli/storybook-dist/assets/RBCard.stories-jFfiHYKe.js +45 -0
  37. package/cli/storybook-dist/assets/RBCheckBox.stories-DTfCEweM.js +1 -0
  38. package/cli/storybook-dist/assets/RBCheckIconButton.stories-CTDnyUqG.js +1 -0
  39. package/cli/storybook-dist/assets/RBCheckLabelButton.stories-DmquL7n0.js +24 -0
  40. package/cli/storybook-dist/assets/RBChipTab.stories-B8zl9AG8.js +21 -0
  41. package/cli/storybook-dist/assets/RBChipsBoxTab.stories-BGRQ_ix8.js +1 -0
  42. package/cli/storybook-dist/assets/RBColorIcons.stories-s5QE7tL1.js +3 -0
  43. package/cli/storybook-dist/assets/{RBCommand.stories-C3bwPq2T.js → RBCommand.stories-Yrpy_B26.js} +3 -3
  44. package/cli/storybook-dist/assets/RBConfirm.stories-C9qrp3br.js +20 -0
  45. package/cli/storybook-dist/assets/RBDateInput.stories-DZpvxSqb.js +15 -0
  46. package/cli/storybook-dist/assets/RBDialog.stories-DSonk9Bx.js +38 -0
  47. package/cli/storybook-dist/assets/RBDivider.stories-CtuMDRWW.js +1 -0
  48. package/cli/storybook-dist/assets/RBDrawer.stories-BNjRz9Cf.js +14 -0
  49. package/cli/storybook-dist/assets/{RBDropdownMenu.stories-9fBcV2Ct.js → RBDropdownMenu.stories-Bjl9aOPU.js} +2 -2
  50. package/cli/storybook-dist/assets/RBEmptyView.stories-ChMkuohg.js +12 -0
  51. package/cli/storybook-dist/assets/RBIconButton.stories-B5R9unwo.js +1 -0
  52. package/cli/storybook-dist/assets/RBIcons.stories-Cp5JeZNr.js +3 -0
  53. package/cli/storybook-dist/assets/RBInlineLabelButton.stories-Dl_km9SD.js +1 -0
  54. package/cli/storybook-dist/assets/RBJoyStick.stories-g1XwqElo.js +11 -0
  55. package/cli/storybook-dist/assets/RBLabelButton.stories-iNSl-cdD.js +1 -0
  56. package/cli/storybook-dist/assets/RBLight.stories-DptPacw1.js +1 -0
  57. package/cli/storybook-dist/assets/RBMenubar.stories-CTH4jNi6.js +3 -0
  58. package/cli/storybook-dist/assets/RBMultiRangeInput.stories-BD138rOz.js +14 -0
  59. package/cli/storybook-dist/assets/RBPagination.stories-DaXD-840.js +17 -0
  60. package/cli/storybook-dist/assets/RBPopover.stories-BHA1-yYi.js +11 -0
  61. package/cli/storybook-dist/assets/RBPrompt.stories-CoEeIK6d.js +20 -0
  62. package/cli/storybook-dist/assets/RBRadioBox.stories-CePglWfe.js +1 -0
  63. package/cli/storybook-dist/assets/RBRadioButton.stories-BRNRgcJb.js +11 -0
  64. package/cli/storybook-dist/assets/RBRangeDateInput.stories-B6ukx3Pl.js +15 -0
  65. package/cli/storybook-dist/assets/RBResizable.stories-DqoaWeqW.js +20 -0
  66. package/cli/storybook-dist/assets/RBSelectBox.stories-8QBhknxC.js +6 -0
  67. package/cli/storybook-dist/assets/RBSheet.stories-Doaw8VOp.js +39 -0
  68. package/cli/storybook-dist/assets/RBSideNumberInput.stories-BmAEpYFE.js +5 -0
  69. package/cli/storybook-dist/assets/RBSlider.stories-CH-Hkgd6.js +5 -0
  70. package/cli/storybook-dist/assets/RBSpinner.stories-BEceevO_.js +14 -0
  71. package/cli/storybook-dist/assets/{RBSwitch.stories-CBYXvhkd.js → RBSwitch.stories-BoZzoyfx.js} +2 -2
  72. package/cli/storybook-dist/assets/RBTab.stories-CN3Algxc.js +1 -0
  73. package/cli/storybook-dist/assets/RBTable.stories-C1UgfrL_.js +62 -0
  74. package/cli/storybook-dist/assets/RBTableRow.stories-ASxrEiHq.js +11 -0
  75. package/cli/storybook-dist/assets/RBTabs.stories-0tMRRXl4.js +21 -0
  76. package/cli/storybook-dist/assets/RBTextArea.stories-DhWXTnBK.js +5 -0
  77. package/cli/storybook-dist/assets/RBTextField.stories-BLI0HpCu.js +45 -0
  78. package/cli/storybook-dist/assets/RBTextInput.stories-J8FkNDJo.js +5 -0
  79. package/cli/storybook-dist/assets/RBToast.stories-D8UxgdX3.js +11 -0
  80. package/cli/storybook-dist/assets/RBToggle.stories-CjwzqnV-.js +12 -0
  81. package/cli/storybook-dist/assets/RBToggleGroup.stories-3JwuIqYr.js +17 -0
  82. package/cli/storybook-dist/assets/RBTooltip.stories-Wkx6rfug.js +9 -0
  83. package/cli/storybook-dist/assets/{MapEditor-C6_H9h5t.css → SideNumberInput-SAkhydsn.css} +2 -2
  84. package/cli/storybook-dist/assets/SideNumberInput-_BKR64MG.js +1114 -0
  85. package/cli/storybook-dist/assets/{entry-preview-N9dpIJQA.js → entry-preview-VQeOKtPr.js} +1 -1
  86. package/cli/storybook-dist/assets/{iframe-BwCxSq5d.js → iframe-Ci_IjEPD.js} +2 -2
  87. package/cli/storybook-dist/assets/{index-CgJh_5EZ.js → index-DVR_O3uO.js} +3 -3
  88. package/cli/storybook-dist/assets/preview-BVJWkKiZ.css +1 -0
  89. package/cli/storybook-dist/assets/preview-CO9TxipX.js +3 -0
  90. package/cli/storybook-dist/assets/{preview-DsYc6ovL.js → preview-DAZ7L_eg.js} +2 -2
  91. package/cli/storybook-dist/assets/react-resizable-panels.browser-BpHwB_WW.js +102 -0
  92. package/cli/storybook-dist/iframe.html +1 -1
  93. package/cli/storybook-dist/project.json +1 -1
  94. package/cli/templates/common/README.md +229 -19
  95. package/cli/templates/common/manifest.json +1 -0
  96. package/cli/templates/common/requirements.txt +3 -3
  97. package/package.json +3 -3
  98. package/cli/storybook-dist/assets/Docs-DLFwGiks.js +0 -7
  99. package/cli/storybook-dist/assets/Docs-dOc9cH1E.js +0 -20
  100. package/cli/storybook-dist/assets/MapEditor-Jj1J2sUz.js +0 -6418
  101. package/cli/storybook-dist/assets/NxAvatar.stories-B-iQoylp.js +0 -13
  102. package/cli/storybook-dist/assets/NxButton.stories-CawQZN07.js +0 -20
  103. package/cli/storybook-dist/assets/NxPagination.stories-VYXLplNl.js +0 -11
  104. package/cli/storybook-dist/assets/NxPointerHoldButton.stories-BpqIkt0X.js +0 -14
  105. package/cli/storybook-dist/assets/NxSelectBox.stories-JECi_1PM.js +0 -17
  106. package/cli/storybook-dist/assets/NxSlideRange.stories-DJe8F2Mv.js +0 -14
  107. package/cli/storybook-dist/assets/NxSwitch.stories-DX6LxxQL.js +0 -11
  108. package/cli/storybook-dist/assets/NxTextArea.stories-Cy42nYOI.js +0 -11
  109. package/cli/storybook-dist/assets/NxTextInput.stories-Bb_q6FuW.js +0 -11
  110. package/cli/storybook-dist/assets/RBAccordion.stories-ChgPXO0_.js +0 -17
  111. package/cli/storybook-dist/assets/RBAccordionGroup.stories-nmbqYYSE.js +0 -33
  112. package/cli/storybook-dist/assets/RBAlert.stories-ChOPuFxI.js +0 -17
  113. package/cli/storybook-dist/assets/RBBadge.stories-Bas7g4jb.js +0 -1
  114. package/cli/storybook-dist/assets/RBBattery.stories-C0MywWvB.js +0 -10
  115. package/cli/storybook-dist/assets/RBCard.stories-Ba7y0u6Q.js +0 -45
  116. package/cli/storybook-dist/assets/RBCheckBox.stories-CsHFsXCd.js +0 -1
  117. package/cli/storybook-dist/assets/RBCheckIconButton.stories-GERClL9R.js +0 -1
  118. package/cli/storybook-dist/assets/RBCheckLabelButton.stories-C-BrmKaW.js +0 -24
  119. package/cli/storybook-dist/assets/RBChipTab.stories-C8JCa6F9.js +0 -21
  120. package/cli/storybook-dist/assets/RBChipsBoxTab.stories-DmUaHBJ3.js +0 -1
  121. package/cli/storybook-dist/assets/RBColorIcons.stories-Bcah6eZe.js +0 -3
  122. package/cli/storybook-dist/assets/RBConfirm.stories-CT0GuE-J.js +0 -20
  123. package/cli/storybook-dist/assets/RBDateInput.stories-CMd2xRCF.js +0 -15
  124. package/cli/storybook-dist/assets/RBDialog.stories-Ui5Ni-P_.js +0 -38
  125. package/cli/storybook-dist/assets/RBDivider.stories-r8TDiO36.js +0 -1
  126. package/cli/storybook-dist/assets/RBDrawer.stories-CymmrHjI.js +0 -14
  127. package/cli/storybook-dist/assets/RBEmptyView.stories-By9vncNC.js +0 -12
  128. package/cli/storybook-dist/assets/RBIconButton.stories-DC29KMxX.js +0 -1
  129. package/cli/storybook-dist/assets/RBIcons.stories-Dpd_V9b9.js +0 -3
  130. package/cli/storybook-dist/assets/RBInlineLabelButton.stories-CfUQdAdt.js +0 -1
  131. package/cli/storybook-dist/assets/RBJoyStick.stories-Dl-uXk9x.js +0 -11
  132. package/cli/storybook-dist/assets/RBLabelButton.stories-Dx_Vn6EM.js +0 -1
  133. package/cli/storybook-dist/assets/RBLight.stories-Cm5UYJ4n.js +0 -1
  134. package/cli/storybook-dist/assets/RBMenubar.stories-CN5z7F6D.js +0 -3
  135. package/cli/storybook-dist/assets/RBMultiRangeInput.stories-DrAMI4mQ.js +0 -14
  136. package/cli/storybook-dist/assets/RBPagination.stories-BVLXuTLw.js +0 -17
  137. package/cli/storybook-dist/assets/RBPopover.stories-VCws5q80.js +0 -11
  138. package/cli/storybook-dist/assets/RBPrompt.stories-Cw5-wssh.js +0 -20
  139. package/cli/storybook-dist/assets/RBRadioBox.stories-ClqGtGA_.js +0 -1
  140. package/cli/storybook-dist/assets/RBRadioButton.stories-SxcJFioj.js +0 -11
  141. package/cli/storybook-dist/assets/RBRangeDateInput.stories-L_wCftDv.js +0 -15
  142. package/cli/storybook-dist/assets/RBResizable.stories-2VytDv6m.js +0 -20
  143. package/cli/storybook-dist/assets/RBSelectBox.stories-BoOKTSL_.js +0 -6
  144. package/cli/storybook-dist/assets/RBSheet.stories-CUClMqKK.js +0 -39
  145. package/cli/storybook-dist/assets/RBSideNumberInput.stories-BTYDDAmk.js +0 -5
  146. package/cli/storybook-dist/assets/RBSlider.stories-Bu6vD9ym.js +0 -5
  147. package/cli/storybook-dist/assets/RBSpinner.stories-XmVcaTVS.js +0 -14
  148. package/cli/storybook-dist/assets/RBTab.stories-DFFYlkCv.js +0 -1
  149. package/cli/storybook-dist/assets/RBTable.stories-CR2j2EQQ.js +0 -62
  150. package/cli/storybook-dist/assets/RBTableRow.stories-CpPIP1au.js +0 -11
  151. package/cli/storybook-dist/assets/RBTabs.stories-Bew5XVDZ.js +0 -21
  152. package/cli/storybook-dist/assets/RBTextArea.stories-JiRn-tk_.js +0 -5
  153. package/cli/storybook-dist/assets/RBTextField.stories-8LWyUBm9.js +0 -45
  154. package/cli/storybook-dist/assets/RBTextInput.stories-PLJ70xm5.js +0 -5
  155. package/cli/storybook-dist/assets/RBToast.stories-BQf_9x0k.js +0 -11
  156. package/cli/storybook-dist/assets/RBToggle.stories-C5dZnmX_.js +0 -12
  157. package/cli/storybook-dist/assets/RBToggleGroup.stories-D7fwXCxA.js +0 -17
  158. package/cli/storybook-dist/assets/RBTooltip.stories-D-sWRxbA.js +0 -9
  159. package/cli/storybook-dist/assets/RainbowUiProvider-CsMXuxM1.js +0 -31
  160. package/cli/storybook-dist/assets/preview-CzDPTg-k.js +0 -3
  161. package/cli/storybook-dist/assets/preview-DZWUyVBI.css +0 -1
  162. package/cli/storybook-dist/assets/react-resizable-panels.browser-CHDWt8fa.js +0 -72
  163. /package/cli/storybook-dist/assets/{RainbowUiProvider-BaelaOGy.css → react-resizable-panels-BaelaOGy.css} +0 -0
@@ -1,2 +1,2 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-B4FGfHer.js","./index-Dmy2JGbm.js","./index-ChsGqxH_.js"])))=>i.map(i=>d[i]);
2
- import{_ as l}from"./iframe-BwCxSq5d.js";import{r as s,R as n}from"./index-Dmy2JGbm.js";import{H as p,A as h,C as E,D as d}from"./index-CgJh_5EZ.js";import{c as R}from"./client-DTf7SId2.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-CT3U1fyk.js";import"./index-BRq5TIsn.js";import"./index-DgH-xKnr.js";import"./index-DrFu-skq.js";var i=new Map;function v(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(v()){o.render(e);return}let{promise:a,resolve:m}=Promise.withResolvers();return o.render(s.createElement(f,{callback:m},e)),a},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=R.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},F=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},a=d;return new Promise((m,c)=>{l(async()=>{const{MDXProvider:u}=await import("./index-B4FGfHer.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(u,{components:o},n.createElement(a,{context:e,docsParameter:t}))),r)).then(()=>m())})},this.unmount=e=>{_(e)}}};export{F as DocsRenderer,g as defaultComponents};
2
+ import{_ as l}from"./iframe-Ci_IjEPD.js";import{r as s,R as n}from"./index-Dmy2JGbm.js";import{H as p,A as h,C as E,D as d}from"./index-DVR_O3uO.js";import{c as R}from"./client-DTf7SId2.js";import"./index-ChsGqxH_.js";import"./jsx-runtime-BTJTZTIL.js";import"./index-CT3U1fyk.js";import"./index-BRq5TIsn.js";import"./index-DgH-xKnr.js";import"./index-DrFu-skq.js";var i=new Map;function v(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var f=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var w=async(e,t,r)=>{let o=await x(t,r);if(v()){o.render(e);return}let{promise:a,resolve:m}=Promise.withResolvers();return o.render(s.createElement(f,{callback:m},e)),a},_=(e,t)=>{let r=i.get(e);r&&(r.unmount(),i.delete(e))},x=async(e,t)=>{let r=i.get(e);return r||(r=R.createRoot(e,t),i.set(e,r)),r},g={code:E,a:h,...p},y=class extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:n.createElement(n.Fragment,null,t)}},F=class{constructor(){this.render=async(e,t,r)=>{let o={...g,...t==null?void 0:t.components},a=d;return new Promise((m,c)=>{l(async()=>{const{MDXProvider:u}=await import("./index-B4FGfHer.js");return{MDXProvider:u}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:u})=>w(n.createElement(y,{showException:c,key:Math.random()},n.createElement(u,{components:o},n.createElement(a,{context:e,docsParameter:t}))),r)).then(()=>m())})},this.unmount=e=>{_(e)}}};export{F as DocsRenderer,g as defaultComponents};
@@ -0,0 +1,13 @@
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{c as a}from"./react-resizable-panels.browser-BpHwB_WW.js";import{V as p}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const l=5177,u=()=>{if(typeof window>"u")return"";const e=window.__RB_ASSETS_BASE_URL__;if(e)return e;const{protocol:r,hostname:s}=window.location;return r==="file:"||!s?`http://127.0.0.1:${l}`:`${r}//${s}:${l}`},f=e=>{const r=e.startsWith("/")?e:`/${e}`;return`${u()}${r}`},g=e=>f(`/imgs${e.startsWith("/")?e:`/${e}`}`),o=({className:e,imgSize:r,src:s,name:i})=>t.jsxs(p,{className:a("NxAvatar","relative gap-0.5",e),alignItems:"center",children:[t.jsx("div",{className:"relative",style:{width:r,height:r},children:t.jsx("div",{className:a("bg-fill-subtle absolute top-0 left-0 h-full w-full overflow-hidden rounded-full"),children:t.jsx("img",{src:s||g("profile.svg"),alt:i||"avatar",className:"inline-block h-full w-full object-cover object-center align-middle"})})}),t.jsx("span",{className:"typo-compact-xs2-medium text-fg-default !text-[0.625rem] !leading-none !font-medium",children:i})]});o.__docgenInfo={description:"",methods:[],displayName:"NxAvatar",props:{className:{required:!1,tsType:{name:"string"},description:""},imgSize:{required:!1,tsType:{name:'CSSProperties["width"]',raw:'CSSProperties["width"]'},description:""},src:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""}}};const T={component:o,tags:["autodocs"]},x=e=>t.jsx(o,{...e}),n={parameters:{docs:{description:{story:""}}},args:{imgSize:"3rem"},render:x};var c,d,m;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ imgSize: "3rem"
11
+ },
12
+ render: Template
13
+ }`,...(m=(d=n.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const $=["Default"];export{n as Default,$ as __namedExportsOrder,T as default};
@@ -0,0 +1,20 @@
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{S as u,c as b}from"./react-resizable-panels.browser-BpHwB_WW.js";import{bk as y,bl as x}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const n=({className:a,variant:e,rippleOption:p,loading:s,children:c,...o})=>r.jsx(y,{...p,children:r.jsx(u,{className:b("NxButton","relative rounded-sm text-base select-none",{"pointer-events-none":s,"border-1 border-slate-600 bg-slate-700":e==="default","bg-slate-700":e==="tertiary","border-1 border-blue-500 bg-blue-500 text-white":e==="primary","border-1 border-slate-600 bg-slate-600 text-slate-400 opacity-50":e==="primary"&&o.disabled,"border-1 border-slate-600 bg-[#2d3748] text-slate-100":e==="secondary","border-1 border-slate-600 bg-slate-600 text-slate-100":e==="cancel","border-1 border-[#06b6d4] bg-[#06b6d4] text-white hover:bg-[#0891b2]":e==="cyan"},a),...o,onContextMenu:m=>{m.preventDefault()},children:s?r.jsx(x,{}):c})});n.__docgenInfo={description:"",methods:[],displayName:"NxButton",props:{className:{required:!1,tsType:{name:"string"},description:""},rippleOption:{required:!1,tsType:{name:"RippleOption"},description:""},loading:{required:!1,tsType:{name:"boolean"},description:""},variant:{required:!1,tsType:{name:"union",raw:`| "default"
2
+ | "primary"
3
+ | "secondary"
4
+ | "tertiary"
5
+ | "danger"
6
+ | "cancel"
7
+ | "cyan"`,elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'},{name:"literal",value:'"tertiary"'},{name:"literal",value:'"danger"'},{name:"literal",value:'"cancel"'},{name:"literal",value:'"cyan"'}]},description:""}},composes:["Omit"]};const O={component:n,tags:["autodocs"],argTypes:{children:{control:"text",description:"버튼에 표시될 내용",table:{type:{summary:"string | ReactNode"}}},size:{control:{type:"select"},options:["default","sm","lg","icon"],description:"버튼 크기",table:{type:{summary:'"default" | "sm" | "lg" | "icon"'},defaultValue:{summary:"default"}}}}},f=a=>r.jsx(n,{...a}),t={parameters:{docs:{description:{story:""}}},args:{children:"NexusButton",size:"default"},render:f};var l,i,d;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{
8
+ parameters: {
9
+ docs: {
10
+ description: {
11
+ story: ""
12
+ }
13
+ }
14
+ },
15
+ args: {
16
+ children: "NexusButton",
17
+ size: "default"
18
+ },
19
+ render: Template
20
+ }`,...(d=(i=t.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};const R=["Default"];export{t as Default,R as __namedExportsOrder,O as default};
@@ -1,4 +1,4 @@
1
- import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{bs as c}from"./MapEditor-Jj1J2sUz.js";import"./index-Dmy2JGbm.js";import{a as m,c as a}from"./react-resizable-panels.browser-CHDWt8fa.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import{u as d}from"./RainbowUiProvider-CsMXuxM1.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";/**
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{a as m,u as c,c as a}from"./react-resizable-panels.browser-BpHwB_WW.js";import{br as d}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";/**
2
2
  * @license lucide-react v0.486.0 - ISC
3
3
  *
4
4
  * This source code is licensed under the ISC license.
@@ -8,7 +8,7 @@ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{bs as c}from"./MapEditor-Jj
8
8
  *
9
9
  * This source code is licensed under the ISC license.
10
10
  * See the LICENSE file in the root directory of this source tree.
11
- */const y=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],g=m("plus",y),s=({className:n,...l})=>{const{theme:e}=d();return r.jsx(c,{className:a("NxNumberInput","h-10 gap-2 [&_.number-btn]:rounded-[6px] [&_.number-btn_svg]:size-4 [&_.number-btn_svg]:stroke-3",{"text-white [&_.number-btn]:border-slate-600 [&_.number-btn]:bg-slate-800 [&_.number-btn]:font-bold":e==="dark","has-[&:focus]:border-slate-400":e==="dark","[&_.ico-prefix_svg]:text-slate-500":e==="dark","[&_input::placeholder]:text-slate-500":e==="dark"},n),inputClassName:a({"rounded-[6px] border-slate-600 bg-slate-700 text-white [&::placeholder]:text-slate-500 [&:focus]:border-slate-400":e==="dark"}),increaseElement:r.jsx(g,{}),decreaseElement:r.jsx(b,{}),...l})};s.__docgenInfo={description:"",methods:[],displayName:"NxNumberInput",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const C={component:s,tags:["autodocs"],argTypes:{value:{type:"string"},step:{type:"number"},increaseStep:{type:"number"},decreaseStep:{type:"number"},error:{type:"boolean"},maxLength:{control:"text",description:"string | number"},digit:{type:"number"},isDirect:{control:{type:"boolean"},description:"직접 입력 허용 여부",table:{defaultValue:{summary:"true"}}},detectDobleClick:{control:{type:"boolean"},description:"더블 클릭 감지 여부",table:{defaultValue:{summary:"false"}}},readOnly:{type:"boolean"},increaseElement:{description:"증가 버튼에 표시될 아이콘 컴포넌트",control:!1,table:{type:{summary:"ReactElement"}}},decreaseElement:{description:"감소 버튼에 표시될 아이콘 컴포넌트",control:!1,table:{type:{summary:"ReactElement"}}},handleChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:"(value: string, name?: string, option?: ChangeOption) => void",detail:`
11
+ */const y=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],g=m("plus",y),s=({className:n,...l})=>{const{theme:e}=c();return r.jsx(d,{className:a("NxNumberInput","h-10 gap-2 [&_.number-btn]:rounded-[6px] [&_.number-btn_svg]:size-4 [&_.number-btn_svg]:stroke-3",{"text-white [&_.number-btn]:border-slate-600 [&_.number-btn]:bg-slate-800 [&_.number-btn]:font-bold":e==="dark","has-[&:focus]:border-slate-400":e==="dark","[&_.ico-prefix_svg]:text-slate-500":e==="dark","[&_input::placeholder]:text-slate-500":e==="dark"},n),inputClassName:a({"rounded-[6px] border-slate-600 bg-slate-700 text-white [&::placeholder]:text-slate-500 [&:focus]:border-slate-400":e==="dark"}),increaseElement:r.jsx(g,{}),decreaseElement:r.jsx(b,{}),...l})};s.__docgenInfo={description:"",methods:[],displayName:"NxNumberInput",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const w={component:s,tags:["autodocs"],argTypes:{value:{type:"string"},step:{type:"number"},increaseStep:{type:"number"},decreaseStep:{type:"number"},error:{type:"boolean"},maxLength:{control:"text",description:"string | number"},digit:{type:"number"},isDirect:{control:{type:"boolean"},description:"직접 입력 허용 여부",table:{defaultValue:{summary:"true"}}},detectDobleClick:{control:{type:"boolean"},description:"더블 클릭 감지 여부",table:{defaultValue:{summary:"false"}}},readOnly:{type:"boolean"},increaseElement:{description:"증가 버튼에 표시될 아이콘 컴포넌트",control:!1,table:{type:{summary:"ReactElement"}}},decreaseElement:{description:"감소 버튼에 표시될 아이콘 컴포넌트",control:!1,table:{type:{summary:"ReactElement"}}},handleChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:"(value: string, name?: string, option?: ChangeOption) => void",detail:`
12
12
  - value: 변경된 값
13
13
  - name?: 입력 필드(input) name 값
14
14
  - option?: up/down 버튼을 눌렀을 경우 전달
@@ -23,4 +23,4 @@ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{bs as c}from"./MapEditor-Jj
23
23
  },
24
24
  args: {},
25
25
  render: Template
26
- }`,...(i=(p=t.parameters)==null?void 0:p.docs)==null?void 0:i.source}}};const D=["Default"];export{t as Default,D as __namedExportsOrder,C as default};
26
+ }`,...(i=(p=t.parameters)==null?void 0:p.docs)==null?void 0:i.source}}};const C=["Default"];export{t as Default,C as __namedExportsOrder,w as default};
@@ -0,0 +1,11 @@
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{c as p}from"./react-resizable-panels.browser-BpHwB_WW.js";import{b9 as a}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const s=({className:e,...l})=>r.jsx(a,{className:p("Pagination","w-full gap-0 pt-4 pb-4","[&>li]:flex [&>li]:h-7 [&>li]:w-7 [&>li]:shrink-0 [&>li]:items-center [&>li]:justify-center","[&>li>button]:flex [&>li>button]:size-full [&>li>button]:items-center [&>li>button]:justify-center [&>li>button]:bg-transparent","[&>li>button]:text-fg-subtler [&>li>button:not(.pagination-page):not(:disabled)]:text-fg-default","[&>li]:typo-compact-xs2-semibold","[&>li>.selected]:outline-border-default [&>li>.selected]:text-fg-default [&>li>.selected]:outline-1","[&>li>.pagination-next]:m-0 [&>li>.pagination-next-double]:m-0 [&>li>.pagination-prev]:m-0 [&>li>.pagination-prev-double]:m-0",e),...l});s.__docgenInfo={description:"",methods:[],displayName:"NxPagination",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const N={component:a,tags:["autodocs"]},m=e=>r.jsx(s,{...e}),t={parameters:{docs:{description:{story:""}}},args:{},render:m};var i,n,o;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {},
10
+ render: Template
11
+ }`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const P=["Default"];export{t as Default,P as __namedExportsOrder,N as default};
@@ -0,0 +1,14 @@
1
+ import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{m as w}from"./SideNumberInput-_BKR64MG.js";import{u as b,c as E}from"./react-resizable-panels.browser-BpHwB_WW.js";import{r as i}from"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const u=({className:c,variant:m,onButtonDown:a,onButtonUp:e,onButtonCancel:d,...p})=>{const t=i.useRef(!1),{theme:P}=b(),h=i.useCallback(()=>{t.current||(a==null||a(),t.current=!0)},[a]),n=i.useCallback(()=>{t.current&&(t.current=!1,e==null||e())},[e]),l=i.useCallback(()=>{t.current&&(t.current=!1,d?d():e==null||e())},[d,e]);return i.useEffect(()=>{const r=()=>{n==null||n()},s=()=>{l()};return window.addEventListener("pointerup",r),window.addEventListener("pointercancel",s),()=>{window.removeEventListener("pointerup",r),window.removeEventListener("pointercancel",s)}},[n,l]),x.jsx(w,{variant:m,className:E("NxPointerHoldButton",P==="light"&&m==="outlined"&&"outline-fg-navy text-fg-navy",c),...p,onContextMenu:r=>{r.preventDefault()},onPointerDown:r=>{var s,f;(f=(s=r.currentTarget).setPointerCapture)==null||f.call(s,r.pointerId),h()},onPointerUp:n,onPointerCancel:l,children:p.children})};u.__docgenInfo={description:"버튼을 누르고 있는 동안 특정 행동이 지속되는 버튼 컴포넌트",methods:[],displayName:"NxPointerHoldButton",props:{className:{required:!1,tsType:{name:"string"},description:""},onButtonDown:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onButtonUp:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onButtonCancel:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}},composes:["ComponentProps"]};const z={component:u,tags:["autodocs"],argTypes:{children:{control:"text",description:"버튼에 표시될 내용",table:{type:{summary:"string | ReactNode"}}},size:{control:{type:"select"},options:["default","sm","lg","icon"],description:"버튼 크기",table:{type:{summary:'"default" | "sm" | "lg" | "icon"'},defaultValue:{summary:"default"}}},disabled:{type:"boolean"}}},C=c=>x.jsx(u,{...c}),o={parameters:{docs:{description:{story:""}}},args:{children:"Hold Button",size:"sm"},render:C};var g,y,v;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ children: "Hold Button",
11
+ size: "sm"
12
+ },
13
+ render: Template
14
+ }`,...(v=(y=o.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};const I=["Default"];export{o as Default,I as __namedExportsOrder,z as default};
@@ -1,10 +1,10 @@
1
- import{j as g}from"./jsx-runtime-BTJTZTIL.js";import{n as v,bn as p}from"./MapEditor-Jj1J2sUz.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-CsMXuxM1.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CHDWt8fa.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const d=e=>{if(!e)return;const r=new Date(e.replace(" ","T")).getTime();return isNaN(r)?void 0:r},s=({className:e,name:r,readOnly:l,value:n,includeTime:y,handleChange:i,size:T,variant:q})=>g.jsx(v,{className:e,name:r,value:[d(n==null?void 0:n.from),d(n==null?void 0:n.to)],readOnly:l,size:T,variant:q,handleChange:(o,a,D)=>{const m=y?"YYYY-MM-DD HH:mm":"YYYY-MM-DD";i==null||i({from:o!==void 0?p(o,m):void 0,to:a!==void 0?p(a,m):void 0},D)}});s.__docgenInfo={description:"",methods:[],displayName:"NxRangeInput",props:{className:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},value:{required:!1,tsType:{name:"signature",type:"object",raw:`{
1
+ import{j as g}from"./jsx-runtime-BTJTZTIL.js";import{n as v,bm as d}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const p=e=>{if(!e)return;const r=new Date(e.replace(" ","T")).getTime();return isNaN(r)?void 0:r},s=({className:e,name:r,readOnly:l,value:n,includeTime:y,handleChange:i,size:T,variant:q})=>g.jsx(v,{className:e,name:r,value:[p(n==null?void 0:n.from),p(n==null?void 0:n.to)],readOnly:l,size:T,variant:q,handleChange:(o,a,D)=>{const m=y?"YYYY-MM-DD HH:mm":"YYYY-MM-DD";i==null||i({from:o!==void 0?d(o,m):void 0,to:a!==void 0?d(a,m):void 0},D)}});s.__docgenInfo={description:"",methods:[],displayName:"NxRangeInput",props:{className:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},value:{required:!1,tsType:{name:"signature",type:"object",raw:`{
2
2
  from: string | undefined;
3
3
  to: string | undefined;
4
4
  }`,signature:{properties:[{key:"from",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}},{key:"to",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}}]}},description:""},includeTime:{required:!1,tsType:{name:"boolean"},description:""},handleChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: SelectedDate, name: string) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
5
5
  from: string | undefined;
6
6
  to: string | undefined;
7
- }`,signature:{properties:[{key:"from",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}},{key:"to",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}}]}},name:"value"},{type:{name:"string"},name:"name"}],return:{name:"void"}}},description:""},size:{required:!1,tsType:{name:'ComponentProps["size"]',raw:'ComponentProps<typeof RBRangeDateInput>["size"]'},description:""},variant:{required:!1,tsType:{name:'ComponentProps["variant"]',raw:'ComponentProps<typeof RBRangeDateInput>["variant"]'},description:""}}};const P={component:s,tags:["autodocs"]},w=e=>g.jsx(s,{...e}),t={parameters:{docs:{description:{story:""}}},args:{},render:w};var u,c,f;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
7
+ }`,signature:{properties:[{key:"from",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}},{key:"to",value:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}],required:!0}}]}},name:"value"},{type:{name:"string"},name:"name"}],return:{name:"void"}}},description:""},size:{required:!1,tsType:{name:'ComponentProps["size"]',raw:'ComponentProps<typeof RBRangeDateInput>["size"]'},description:""},variant:{required:!1,tsType:{name:'ComponentProps["variant"]',raw:'ComponentProps<typeof RBRangeDateInput>["variant"]'},description:""}}};const k={component:s,tags:["autodocs"]},w=e=>g.jsx(s,{...e}),t={parameters:{docs:{description:{story:""}}},args:{},render:w};var u,c,f;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
8
8
  parameters: {
9
9
  docs: {
10
10
  description: {
@@ -14,4 +14,4 @@ import{j as g}from"./jsx-runtime-BTJTZTIL.js";import{n as v,bn as p}from"./MapEd
14
14
  },
15
15
  args: {},
16
16
  render: Template
17
- }`,...(f=(c=t.parameters)==null?void 0:c.docs)==null?void 0:f.source}}};const z=["Default"];export{t as Default,z as __namedExportsOrder,P as default};
17
+ }`,...(f=(c=t.parameters)==null?void 0:c.docs)==null?void 0:f.source}}};const P=["Default"];export{t as Default,P as __namedExportsOrder,k as default};
@@ -0,0 +1,17 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Dmy2JGbm.js";import{u as b,c as n}from"./react-resizable-panels.browser-BpHwB_WW.js";import{bn as g,bo as s}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const t=u.forwardRef(({className:r,dropBoxClassName:d,modalBoxClassName:c,...m},x)=>{const{theme:a}=b();return e.jsx(g,{ref:x,className:n("NxSelectBox","rounded-sm",{"border-[#45556C] bg-[#314158] has-[&:focus]:border-slate-400 [&_.ico-arrow]:size-[1.1rem] [&_.ico-arrow_svg]:text-slate-400 [&_input::placeholder]:text-slate-500 [&.disabled]:opacity-70":a==="dark"},r),dropBoxClassName:n("NxSelectBox-dropBox",{"[&_.drop-box-contents]:border-slate-500 [&_.drop-box-contents]:bg-[#314158] [&_.option]:border-slate-600 [&_.option:not(:first-child)]:border-t":a==="dark"},d),modalBoxClassName:n("NxSelectBox-modalBox",{"w-fit max-w-[450px] min-w-[350px] border-slate-600 bg-slate-800 p-0 [&_.option]:border-slate-700 [&_.option:nth-of-type(1)]:border-none":a==="dark"},c),enableModal:!0,...m})});t.displayName="NxSelectBox";t.__docgenInfo={description:"",methods:[],displayName:"NxSelectBox",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const j={component:t,tags:["autodocs"],argTypes:{value:{control:"text",description:"string | number"},children:{control:!1,description:"Option 컴포넌트를 children으로 전달"},keepDropDown:{type:"boolean",description:"Option 선택 후 DropBox를 닫을지 유지할지 여부"},error:{type:"boolean"},onChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:`(
2
+ e: ChangeEvent<HTMLInputElement> | { target: HTMLInputElement },
3
+ ) => void`,detail:`
4
+ - e: 변경된 value의 ChangeEvent. e.target.value로 변경하려는 value값을 가져옴
5
+ `.trim()}}}}},f=r=>e.jsxs(t,{...r,children:[e.jsx(s,{value:"a",children:"Option A"}),e.jsx(s,{value:"b",children:"Option B"}),e.jsx(s,{value:"c",disabled:!0,children:"Option C"})]}),o={parameters:{docs:{description:{story:""}}},args:{value:"a"},render:f};var i,p,l;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ story: ""
10
+ }
11
+ }
12
+ },
13
+ args: {
14
+ value: "a"
15
+ },
16
+ render: Template
17
+ }`,...(l=(p=o.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};const E=["Default"];export{o as Default,E as __namedExportsOrder,j as default};
@@ -0,0 +1,14 @@
1
+ import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{aN as p}from"./SideNumberInput-_BKR64MG.js";import{c}from"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const s=({className:r,rangeClassName:l,trackClassName:u,thumbClassName:g,...m})=>o.jsx(p,{className:c("NxSlideRange",r),...m,onContextMenu:i=>i.preventDefault()});s.__docgenInfo={description:"",methods:[],displayName:"NxSlideRange",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const j={component:s,tags:["autodocs"],argTypes:{min:{control:"number"},max:{control:"number"},trackClassName:{type:"string"},rangeClassName:{type:"string"},thumbClassName:{type:"string"}}},d=r=>o.jsx(s,{...r}),e={parameters:{docs:{description:{story:""}}},args:{min:0,max:100},render:d};var a,t,n;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ min: 0,
11
+ max: 100
12
+ },
13
+ render: Template
14
+ }`,...(n=(t=e.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};const T=["Default"];export{e as Default,T as __namedExportsOrder,j as default};
@@ -0,0 +1,11 @@
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{l as h,L as S,c as m,b as j}from"./react-resizable-panels.browser-BpHwB_WW.js";import{X as v}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const l=({className:s,name:t,label:c,value:n=!1,checkedValue:r=!0,unCheckedValue:x=!1,labelClassName:w,switchClassName:T,disabled:q,handleChange:o})=>{const[u]=i.useState(h.uniqueId()),[d,p]=i.useState(n),N=()=>{const f=d===r?x:r;p(f),o==null||o(f,t??"")};return i.useEffect(()=>{p(n)},[n]),a.jsxs(v,{className:m("NxSwitch","gap-2",s),inline:!0,alignItems:"center",justifyContent:"space-between",children:[!!c&&a.jsx(S,{id:t||u,className:m("leading-[normal] text-gray-300",w),children:c}),a.jsx(j,{name:t||u,disabled:q,checked:d===r,onCheckedChange:N,className:m("data-[state=unchecked]:bg-slate-500","data-[state=checked]:bg-blue-500",T)})]})};l.__docgenInfo={description:"",methods:[],displayName:"NxSwitch",props:{className:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"string"},description:""},name:{required:!1,tsType:{name:"string"},description:""},value:{required:!1,tsType:{name:"union",raw:"string | number | boolean",elements:[{name:"string"},{name:"number"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},checkedValue:{required:!1,tsType:{name:"union",raw:"string | number | boolean",elements:[{name:"string"},{name:"number"},{name:"boolean"}]},description:"",defaultValue:{value:"true",computed:!1}},unCheckedValue:{required:!1,tsType:{name:"union",raw:"string | number | boolean",elements:[{name:"string"},{name:"number"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},labelClassName:{required:!1,tsType:{name:"string"},description:""},switchClassName:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},handleChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: AllowAny, name: string) => void",signature:{arguments:[{type:{name:"AllowAny"},name:"value"},{type:{name:"string"},name:"name"}],return:{name:"void"}}},description:""}}};const O={component:l,tags:["autodocs"]},k=s=>a.jsx(l,{...s}),e={parameters:{docs:{description:{story:""}}},args:{},render:k};var g,b,y;e.parameters={...e.parameters,docs:{...(g=e.parameters)==null?void 0:g.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {},
10
+ render: Template
11
+ }`,...(y=(b=e.parameters)==null?void 0:b.docs)==null?void 0:y.source}}};const R=["Default"];export{e as Default,R as __namedExportsOrder,O as default};
@@ -0,0 +1,11 @@
1
+ import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as d}from"./index-Dmy2JGbm.js";import{u as c,c as x}from"./react-resizable-panels.browser-BpHwB_WW.js";import{bp as l}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const r=d.forwardRef(({className:t,...p},m)=>{const{theme:i}=c();return n.jsx(l,{ref:m,className:x("NxTextArea","rounded-sm",{"border-slate-600 has-[&:focus]:border-slate-400 [&.disabled]:opacity-70 [&>textarea]:!bg-slate-700 [&>textarea]:!px-4 [&>textarea]:!text-slate-200 [&>textarea::placeholder]:!text-slate-500":i==="dark"},t),...p})});r.displayName="NxTextArea";r.__docgenInfo={description:"",methods:[],displayName:"NxTextArea",props:{className:{required:!1,tsType:{name:"string"},description:""}}};const j={component:r,tags:["autodocs"],argTypes:{maxLength:{type:"number"},error:{type:"boolean"},info:{type:"boolean"},handleChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:"(value: string, name?: string) => void"}}}}},u=t=>n.jsx(r,{...t}),e={parameters:{docs:{description:{story:""}}},args:{},render:u};var a,s,o;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {},
10
+ render: Template
11
+ }`,...(o=(s=e.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const E=["Default"];export{e as Default,E as __namedExportsOrder,j as default};
@@ -0,0 +1,11 @@
1
+ import{j as m}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGbm.js";import{u as f,c as y}from"./react-resizable-panels.browser-BpHwB_WW.js";import{bq as b}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const r=x.forwardRef(({className:o,onChange:a,autoComplete:c="off",...e},d)=>{const{theme:l}=f(),u=p=>{a==null||a(p)};return m.jsx(b,{ref:d,className:y("NxTextInput","h-10 rounded-sm px-4",{"border-slate-600 bg-slate-700 has-[&:focus]:border-slate-400 [&_.ico-prefix_svg]:text-slate-500 [&_input::placeholder]:text-slate-500 [&.disabled]:opacity-70":l==="dark","border-red-600":e==null?void 0:e.error,"!opacity-40":e==null?void 0:e.disabled},o),onChange:u,...e,autoComplete:c})});r.displayName="NxTextInput";r.__docgenInfo={description:"",methods:[],displayName:"NxTextInput",props:{className:{required:!1,tsType:{name:"string"},description:""},autoComplete:{defaultValue:{value:'"off"',computed:!1},required:!1}}};const R={component:r,tags:["autodocs"],argTypes:{value:{control:"text",description:"string | number"},error:{type:"boolean"},handleChange:{action:"onChange",description:"값이 변경될 때 호출되는 함수",table:{type:{summary:"(value: AllowAny, name?: string) => void"}}}}},g=o=>m.jsx(r,{...o}),t={parameters:{docs:{description:{story:""}}},args:{},render:g};var s,n,i;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {},
10
+ render: Template
11
+ }`,...(i=(n=t.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};const h=["Default"];export{t as Default,h as __namedExportsOrder,R as default};
@@ -0,0 +1,17 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as s}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const g={component:s,tags:["autodocs"],argTypes:{type:{control:{type:"select"},options:["transparent","fill"],table:{type:{summary:'"transparent" | "fill"'}}}}},c=a=>e.jsx("div",{className:"w-64",children:e.jsx(s,{...a})}),t={parameters:{docs:{description:{story:""}}},args:{type:"transparent",title:"Accordion Title",children:e.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},render:c};var r,n,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ type: "transparent",
11
+ title: "Accordion Title",
12
+ children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
13
+ Accordion Content
14
+ </div>
15
+ },
16
+ render: Template
17
+ }`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const j=["Default"];export{t as Default,j as __namedExportsOrder,g as default};
@@ -0,0 +1,33 @@
1
+ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{a as c}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const h={component:c,tags:["autodocs"],argTypes:{type:{control:{type:"select"},options:["transparent","fill"],table:{type:{summary:'"transparent" | "fill"'}}}}},s=i=>t.jsxs("div",{className:"w-64",children:[t.jsx(c,{...i}),";"]}),e={parameters:{docs:{description:{story:""}}},args:{list:[{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})},{title:"Accordion Title",children:t.jsx("div",{className:"typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center",children:"Accordion Content"})}]},render:s};var n,o,r;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ list: [{
11
+ title: "Accordion Title",
12
+ children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
13
+ Accordion Content
14
+ </div>
15
+ }, {
16
+ title: "Accordion Title",
17
+ children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
18
+ Accordion Content
19
+ </div>
20
+ }, {
21
+ title: "Accordion Title",
22
+ children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
23
+ Accordion Content
24
+ </div>
25
+ }, {
26
+ title: "Accordion Title",
27
+ children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
28
+ Accordion Content
29
+ </div>
30
+ }]
31
+ },
32
+ render: Template
33
+ }`,...(r=(o=e.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};const A=["Default"];export{e as Default,A as __namedExportsOrder,h as default};
@@ -0,0 +1,17 @@
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Dmy2JGbm.js";import{o as a,m as p}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const B={component:a,tags:["autodocs"]},d=i=>{const[l,t]=m.useState(!0);return r.jsxs("div",{children:[r.jsx(p,{size:"sm",variant:"solid",onClick:()=>t(!0),children:"Open Alert"}),r.jsx(a,{...i,open:l,onOpenChange:t,resolve:()=>t(!1),onConfirm:()=>t(!1)})]})},e={parameters:{docs:{description:{story:""}}},args:{title:"Alert Modal",content:r.jsx("div",{className:"text-fg-default px-4 py-2 text-sm",children:"Alert Modal Body Text"}),buttonText:"Confirm"},render:d};var o,s,n;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ title: "Alert Modal",
11
+ content: <div className="text-fg-default px-4 py-2 text-sm">
12
+ Alert Modal Body Text
13
+ </div>,
14
+ buttonText: "Confirm"
15
+ },
16
+ render: Template
17
+ }`,...(n=(s=e.parameters)==null?void 0:s.docs)==null?void 0:n.source}}};const T=["Default"];export{e as Default,T as __namedExportsOrder,B as default};
@@ -0,0 +1 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{R as l,S as o,b as p,c,d as m,e as d,f as g}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const u={red:e.jsx(g,{className:"size-3 shrink-0"}),orange:e.jsx(d,{className:"size-3 shrink-0"}),green:e.jsx(m,{className:"size-3 shrink-0"}),blue:e.jsx(c,{className:"size-3 shrink-0"}),purple:e.jsx(p,{className:"size-3 shrink-0"}),gray:e.jsx(o,{className:"size-3 shrink-0"}),"gray-subtle":e.jsx(o,{className:"size-3 shrink-0"})},y=r=>{const i=r.children??(r.type==="number"?"8":"Badge Label");return e.jsx(l,{...r,leadingIcon:r.type==="transparent"?r.leadingIcon??u[r.color??"red"]:void 0,children:i})},z={component:l,tags:["autodocs"],render:y,argTypes:{type:{control:{type:"select"},options:["number","capsule","transparent"],table:{type:{summary:'"number" | "capsule" | "transparent"'}}},numberVariant:{control:{type:"select"},options:["solid","soft","outlined","ghost"],table:{type:{summary:'"solid" | "soft" | "outlined" | "ghost"'}}},color:{control:{type:"select"},options:["red","orange","green","blue","purple","gray","gray-subtle"],table:{type:{summary:'"red" | "orange" | "green" | "blue" | "purple" | "gray" | "gray-subtle"'}}},leadingIcon:{control:!1,table:{type:{summary:"ReactNode"}}},children:{control:{type:"text"}}},args:{type:"number",numberVariant:"solid",color:"red"}},s={};var t,a,n;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(n=(a=s.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};const B=["Playground"];export{s as Playground,B as __namedExportsOrder,z as default};
@@ -0,0 +1,10 @@
1
+ import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{g as l}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const m=e=>{const i=e.showPercentLabel&&e.percent==null?0:e.percent;return d.jsx(l,{...e,percent:i})},P={component:l,tags:["autodocs"],argTypes:{status:{control:{type:"select"},table:{type:{summary:'"critical" | "low" | "normal" | "full"'}},options:["critical","low","normal","full"]},size:{control:{type:"select"},options:["xs","sm","md","lg"],table:{type:{summary:'"xs" | "sm" | "md" | "lg"'}}},borderColor:{control:{type:"color"},description:"배터리 보더 오버레이 색상을 직접 지정합니다.",table:{type:{summary:"string"}}},showPercentLabel:{control:{type:"boolean"},description:"true면 배터리 아이콘 오른쪽에 `percent` 라벨을 표시합니다.",table:{type:{summary:"boolean"}}},wrapperClassName:{control:{type:"text"},description:"아이콘+라벨 전체 wrapper에 추가되는 클래스입니다. 간격/정렬 조정용입니다.",table:{type:{summary:"string"}}},percentLabelClassName:{control:{type:"text"},description:"퍼센트 텍스트 라벨에만 적용되는 클래스입니다. 색상/타이포 조정용입니다.",table:{type:{summary:"string"}}}},args:{size:"md",status:void 0,percent:void 0,charging:!1,borderColor:void 0,showPercentLabel:!1}},r={args:{},render:m},t={args:{percent:72,showPercentLabel:!0},render:m};var o,s,a;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
2
+ args: {},
3
+ render: Template
4
+ }`,...(a=(s=r.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var n,p,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
5
+ args: {
6
+ percent: 72,
7
+ showPercentLabel: true
8
+ },
9
+ render: Template
10
+ }`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const B=["Default","WithPercentLabel"];export{r as Default,t as WithPercentLabel,B as __namedExportsOrder,P as default};
@@ -0,0 +1,45 @@
1
+ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{N as i,O as m,P as p,Q as u,T as x,U as B,V as s,W as t,u as r,X as f,Y as R,m as l}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const z={component:i,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md"],table:{type:{summary:'"sm" | "md"'}}}},args:{size:"md"}},e={render:({size:d})=>a.jsxs(i,{size:d,children:[a.jsx(m,{children:a.jsxs(p,{children:[a.jsx(u,{children:"Title Text"}),a.jsx(x,{children:"This is a card description."})]})}),a.jsx(B,{children:a.jsxs(s,{className:"w-full gap-6",children:[a.jsxs(s,{className:"w-full gap-2",children:[a.jsx(t,{label:"Email"}),a.jsx(r,{defaultValue:"m@example.com",type:"email",size:"sm",className:"w-full"})]}),a.jsxs(s,{className:"w-full gap-2",children:[a.jsxs(f,{className:"w-full items-start justify-between",children:[a.jsx(t,{label:"Password",className:"w-auto"}),a.jsx("span",{className:"text-fg-default typo-compact-xs-normal whitespace-nowrap",children:"Forgot your password?"})]}),a.jsx(r,{defaultValue:"Placeholder",type:"password",size:"sm",className:"w-full"})]}),a.jsx("p",{className:"text-fg-default typo-body-xs-normal",children:'The card component supports a size prop that can be set to "sm" for a more compact appearance.'})]})}),a.jsxs(R,{children:[a.jsx(l,{size:"sm",variant:"solid",className:"w-full",children:"Login"}),a.jsx(l,{size:"sm",variant:"outlined",className:"w-full",children:"Login with Google"})]})]})};var n,o,c;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
2
+ render: ({
3
+ size
4
+ }) => {
5
+ return <RBCard size={size}>
6
+ <RBCardHeader>
7
+ <RBCardHeaderText>
8
+ <RBCardTitle>Title Text</RBCardTitle>
9
+ <RBCardDescription>This is a card description.</RBCardDescription>
10
+ </RBCardHeaderText>
11
+ </RBCardHeader>
12
+
13
+ <RBCardContent>
14
+ <VStack className="w-full gap-6">
15
+ <VStack className="w-full gap-2">
16
+ <RBTextLabel label="Email" />
17
+ <RBTextInput defaultValue="m@example.com" type="email" size="sm" className="w-full" />
18
+ </VStack>
19
+ <VStack className="w-full gap-2">
20
+ <HStack className="w-full items-start justify-between">
21
+ <RBTextLabel label="Password" className="w-auto" />
22
+ <span className="text-fg-default typo-compact-xs-normal whitespace-nowrap">
23
+ Forgot your password?
24
+ </span>
25
+ </HStack>
26
+ <RBTextInput defaultValue="Placeholder" type="password" size="sm" className="w-full" />
27
+ </VStack>
28
+ <p className="text-fg-default typo-body-xs-normal">
29
+ The card component supports a size prop that can be set to
30
+ &quot;sm&quot; for a more compact appearance.
31
+ </p>
32
+ </VStack>
33
+ </RBCardContent>
34
+
35
+ <RBCardFooter>
36
+ <RBLabelButton size="sm" variant="solid" className="w-full">
37
+ Login
38
+ </RBLabelButton>
39
+ <RBLabelButton size="sm" variant="outlined" className="w-full">
40
+ Login with Google
41
+ </RBLabelButton>
42
+ </RBCardFooter>
43
+ </RBCard>;
44
+ }
45
+ }`,...(c=(o=e.parameters)==null?void 0:o.docs)==null?void 0:c.source}}};const L=["Playground"];export{e as Playground,L as __namedExportsOrder,z as default};
@@ -0,0 +1 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{C as r}from"./SideNumberInput-_BKR64MG.js";import{r as x}from"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const f=t=>{const l=[1,2,3,4],[a,p]=x.useState([1,2]),c=(o,h)=>{var n;Array.isArray(o)&&p(o),(n=t.handleChange)==null||n.call(t,o,h)};return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(r,{...t,name:"rb-checkbox-demo-all",checkValue:l,value:a,handleChange:c,children:"전체 선택"}),l.map(o=>e.jsx(r,{...t,name:"rb-checkbox-demo",checkValue:o,value:a,handleChange:c,children:e.jsxs(e.Fragment,{children:[e.jsx("span",{children:t.children??"CheckBox Dummy Text"}),e.jsx("span",{children:o})]})},o))]}),e.jsxs("div",{className:"text-fg-default text-xs",children:["DATA: [",a.map(String).join(", "),"]"]})]})},B={component:r,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md"],table:{type:{summary:'"sm" | "md"'}}},disabled:{control:{type:"boolean"}},readOnly:{control:{type:"boolean"}},children:{control:{type:"text"}},selected:{control:{type:"boolean"}},partial:{control:{type:"boolean"}},checkValue:{control:!1},value:{control:!1},handleChange:{control:!1}},args:{size:"sm",disabled:!1,readOnly:!1,selected:!1,partial:!1},render:f},s={};var i,d,m;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};const D=["Default"];export{s as Default,D as __namedExportsOrder,B as default};
@@ -0,0 +1 @@
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{h as a,i}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const n=c=>r.jsx(a,{...c}),h={component:a,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs","xs2"]},icon:{control:!1},children:{control:!1}},args:{size:"xs",icon:r.jsx(i,{}),disabled:!1},render:n},o={};var s,t,e;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(e=(t=o.parameters)==null?void 0:t.docs)==null?void 0:e.source}}};const j=["Default"];export{o as Default,j as __namedExportsOrder,h as default};
@@ -0,0 +1,24 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as f}from"./index-Dmy2JGbm.js";import{j as n}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const v=t=>e.jsx(n,{...t}),y={component:n,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs","xs2"]},leadingIcon:{control:!1},trailingIcon:{control:!1}},args:{children:"버튼 라벨",size:"xs",disabled:!1},render:v},l={},r={render:t=>{const[a,g]=f.useState(["button-1"]),c=o=>x=>{g(s=>x.target.checked?s.includes(o)?s:[...s,o]:s.filter(b=>b!==o))};return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(n,{...t,value:a,checkValue:"button-1",onChange:c("button-1"),children:"버튼 1"}),e.jsx(n,{...t,value:a,checkValue:"button-2",onChange:c("button-2"),children:"버튼 2"}),e.jsx(n,{...t,className:"w-20",value:a,checkValue:"button-3",onChange:c("button-3"),children:"버튼 3"})]}),e.jsxs("div",{className:"text-default text-xs",children:["selected: ",JSON.stringify(a)]})]})}};var u,d,i;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(i=(d=l.parameters)==null?void 0:d.docs)==null?void 0:i.source}}};var h,m,p;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`{
2
+ render: args => {
3
+ const [selected, setSelected] = useState<Array<string | number>>(["button-1"]);
4
+ const handleChange = (value: string) => (e: ChangeEvent<HTMLInputElement>) => {
5
+ setSelected(prev => e.target.checked ? prev.includes(value) ? prev : [...prev, value] : prev.filter(item => item !== value));
6
+ };
7
+ return <div className="flex flex-col gap-3">
8
+ <div className="flex items-start gap-2">
9
+ <RBCheckLabelButton {...args} value={selected} checkValue="button-1" onChange={handleChange("button-1")}>
10
+ 버튼 1
11
+ </RBCheckLabelButton>
12
+ <RBCheckLabelButton {...args} value={selected} checkValue="button-2" onChange={handleChange("button-2")}>
13
+ 버튼 2
14
+ </RBCheckLabelButton>
15
+ <RBCheckLabelButton {...args} className="w-20" value={selected} checkValue="button-3" onChange={handleChange("button-3")}>
16
+ 버튼 3
17
+ </RBCheckLabelButton>
18
+ </div>
19
+ <div className="text-default text-xs">
20
+ selected: {JSON.stringify(selected)}
21
+ </div>
22
+ </div>;
23
+ }
24
+ }`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const E=["Default","Multiple"];export{l as Default,r as Multiple,E as __namedExportsOrder,y as default};
@@ -0,0 +1,21 @@
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{aZ as v}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const f=Array.from({length:8}).map((e,t)=>({key:t+1,label:"Menu"})),C=e=>{var l;const t=e.tabItems??f,[g,s]=i.useState(e.activeKey??((l=t==null?void 0:t[0])==null?void 0:l.key)??1);i.useEffect(()=>{var a;s(e.activeKey??((a=t==null?void 0:t[0])==null?void 0:a.key)??1)},[e.activeKey,t]);const h=(a,x)=>{var c;s(a),(c=e.handleChange)==null||c.call(e,a,x)};return r.jsx(v,{...e,activeKey:g,handleChange:h})},E={component:v,tags:["autodocs"],argTypes:{className:{control:{type:"text"}},size:{control:{type:"select"},options:["sm","md","lg"],table:{type:{summary:'"sm" | "md" | "lg"'}}},tabItems:{control:{type:"object"}},activeKey:{control:{type:"number"}},name:{control:{type:"text"}},slider:{control:!1},disabled:{control:{type:"boolean"}},destroyInactiveTabPanel:{control:{type:"boolean"}},tabNavScrollRef:{table:{disable:!0}},swipeContent:{control:{type:"boolean"}},rippleOption:{control:{type:"object"}},tabBtnClassName:{control:{type:"text"}},useDefaultItemStyle:{table:{disable:!0}},tabNavClassName:{control:{type:"text"}},handleChange:{table:{disable:!0}},onClick:{table:{disable:!0}}},args:{size:"md",tabItems:f,disabled:!1,destroyInactiveTabPanel:!0,activeKey:1},render:C},o={},n={args:{activeKey:1,tabItems:[{key:1,label:"Overview",children:r.jsx("div",{className:"bg-bg-alt-2 text-fg-default rounded-md p-4",children:"Overview content"})},{key:2,label:"Sensors",children:r.jsx("div",{className:"bg-bg-alt-2 text-fg-default rounded-md p-4",children:"Sensors content"})},{key:3,label:"Logs"}]}};var d,m,p;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var b,y,u;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
2
+ args: {
3
+ activeKey: 1,
4
+ tabItems: [{
5
+ key: 1,
6
+ label: "Overview",
7
+ children: <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
8
+ Overview content
9
+ </div>
10
+ }, {
11
+ key: 2,
12
+ label: "Sensors",
13
+ children: <div className="bg-bg-alt-2 text-fg-default rounded-md p-4">
14
+ Sensors content
15
+ </div>
16
+ }, {
17
+ key: 3,
18
+ label: "Logs"
19
+ }]
20
+ }
21
+ }`,...(u=(y=n.parameters)==null?void 0:y.docs)==null?void 0:u.source}}};const R=["Default","WithContent"];export{o as Default,n as WithContent,R as __namedExportsOrder,E as default};
@@ -0,0 +1 @@
1
+ import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Dmy2JGbm.js";import{a_ as m}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const y=Array.from({length:8}).map((e,t)=>({key:t+1,label:"Menu"})),f=e=>{var r;const t=e.tabItems??y,[d,s]=c.useState(e.activeKey??((r=t==null?void 0:t[0])==null?void 0:r.key)??1);c.useEffect(()=>{var a;s(e.activeKey??((a=t==null?void 0:t[0])==null?void 0:a.key)??1)},[e.activeKey,t]);const u=(a,x)=>{var l;s(a),(l=e.handleChange)==null||l.call(e,a,x)};return n.jsx("div",{className:"w-72",children:n.jsx(m,{...e,activeKey:d,handleChange:u})})},_={component:m,tags:["autodocs"],argTypes:{className:{control:{type:"text"}},size:{control:{type:"select"},options:["xs","xs2"],table:{type:{summary:'"xs" | "xs2"'}}},tabItems:{control:{type:"object"}},activeKey:{control:{type:"number"}},name:{control:{type:"text"}},slider:{control:!1},disabled:{control:{type:"boolean"}},destroyInactiveTabPanel:{control:{type:"boolean"}},tabNavScrollRef:{table:{disable:!0}},swipeContent:{control:{type:"boolean"}},rippleOption:{control:{type:"object"}},tabBtnClassName:{control:{type:"text"}},useDefaultItemStyle:{table:{disable:!0}},tabNavClassName:{table:{disable:!0}},handleChange:{table:{disable:!0}},onClick:{table:{disable:!0}}},args:{size:"xs",tabItems:y,disabled:!1,destroyInactiveTabPanel:!0,activeKey:1},render:f},o={};var p,i,b;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(b=(i=o.parameters)==null?void 0:i.docs)==null?void 0:b.source}}};const E=["Default"];export{o as Default,E as __namedExportsOrder,_ as default};
@@ -0,0 +1,3 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Dmy2JGbm.js";import{u as f,v as u}from"./SideNumberInput-_BKR64MG.js";import{c as g}from"./browserUtils-CxJ5gea3.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./index-BRq5TIsn.js";const a=Object.entries(u).filter(([,s])=>typeof s=="function"||typeof s=="string").sort(([s],[l])=>s.localeCompare(l)),c=s=>`<${s} className="size-5" />`,h=s=>{g({text:c(s)})},x=()=>{const[s,l]=i.useState(""),n=i.useMemo(()=>{const t=s.trim().toLowerCase();return t?a.filter(([r])=>r.toLowerCase().includes(t)):a},[s]);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-fg-default text-lg font-semibold",children:"RBColorIcons"}),e.jsxs("p",{className:"text-fg-subtle text-sm",children:["현재 export된 아이콘 ",n.length," / ",a.length]})]}),e.jsx(f,{value:s,handleChange:t=>l(String(t??"")),placeholder:"Search program icons",className:"w-full md:w-72"})]}),e.jsx("div",{className:"grid grid-cols-2 gap-3 md:grid-cols-4 xl:grid-cols-6",children:n.map(([t,r])=>e.jsxs("button",{type:"button",onClick:()=>h(t),title:`Copy ${c(t)}`,className:"border-default bg-default flex min-h-32 cursor-copy flex-col items-center justify-center gap-3 rounded-xl border p-4 text-center transition-colors",children:[typeof r=="function"?e.jsx(r,{className:"size-6 shrink-0"}):e.jsx("img",{src:r,alt:t,className:"shrink-0"}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-default text-xs font-medium break-all",children:t}),e.jsx("span",{className:"text-fg-subtle text-[11px] break-all",children:c(t)})]})]},t))})]})},R={component:x,tags:["autodocs"],parameters:{layout:"padded",docs:{description:{component:"`@repo/rb-components/new_components/assets/color-icons` 에서 export되는 프로그램 아이콘을 한 번에 확인하는 스토리입니다. 아이콘 카드를 클릭하면 사용 코드가 복사됩니다."}}}},o={render:()=>e.jsx(x,{})};var d,m,p;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
2
+ render: () => <ProgramIconGallery />
3
+ }`,...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const S=["Default"];export{o as Default,S as __namedExportsOrder,R as default};
@@ -1,9 +1,9 @@
1
- import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGbm.js";import{bb as d,bc as g,bd as j,be as f,bf as C,bg as m,bh as o,bi as a,bj as E,bk as r}from"./MapEditor-Jj1J2sUz.js";import"./RainbowUiProvider-CsMXuxM1.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import{a as N}from"./react-resizable-panels.browser-CHDWt8fa.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";/**
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{ba as d,bb as g,bc as j,bd as f,be as C,bf as m,bg as o,bh as a,bi as E,bj as r}from"./SideNumberInput-_BKR64MG.js";import{a as N}from"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";/**
2
2
  * @license lucide-react v0.486.0 - ISC
3
3
  *
4
4
  * This source code is licensed under the ISC license.
5
5
  * See the LICENSE file in the root directory of this source tree.
6
- */const b=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],s=N("check",b),q={component:d,tags:["autodocs"]},c={render:function(i){const[n,t]=x.useState(null),p=n?`${n} 선택됨`:"플레이스홀더";return e.jsxs(d,{...i,className:`w-96 ${i.className??""}`,children:[e.jsx(g,{placeholder:p}),e.jsxs(j,{children:[e.jsxs(C,{heading:"Suggestions",children:[e.jsxs(m,{onSelect:()=>t("Calendar"),children:[e.jsx(o,{}),"Calendar",n==="Calendar"&&e.jsx(a,{children:e.jsx(s,{})})]}),e.jsxs(m,{onSelect:()=>t("Search Emoji"),children:[e.jsx(o,{}),"Search Emoji",n==="Search Emoji"&&e.jsx(a,{children:e.jsx(s,{})})]}),e.jsxs(m,{onSelect:()=>t("Calculator"),children:[e.jsx(o,{}),"Calculator",n==="Calculator"&&e.jsx(a,{children:e.jsx(s,{})})]})]}),e.jsx(E,{className:"w-full"}),e.jsxs(C,{heading:"Settings",children:[e.jsxs(m,{onSelect:()=>t("Profile"),children:[e.jsx(o,{}),"Profile",n==="Profile"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘P"})]}),e.jsxs(m,{onSelect:()=>t("Billing"),children:[e.jsx(o,{}),"Billing",n==="Billing"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘B"})]}),e.jsxs(m,{onSelect:()=>t("Settings"),children:[e.jsx(o,{}),"Settings",n==="Settings"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘S"})]})]})]})]})}},l={render:()=>e.jsxs(d,{className:"h-60 w-96",children:[e.jsx(g,{placeholder:"플레이스홀더"}),e.jsx(j,{className:"flex flex-1 flex-col items-center justify-center p-0",children:e.jsx(f,{children:"No results found."})})]})};var S,R,B;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`{
6
+ */const b=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],s=N("check",b),O={component:d,tags:["autodocs"]},c={render:function(i){const[n,t]=p.useState(null),x=n?`${n} 선택됨`:"플레이스홀더";return e.jsxs(d,{...i,className:`w-96 ${i.className??""}`,children:[e.jsx(g,{placeholder:x}),e.jsxs(j,{children:[e.jsxs(C,{heading:"Suggestions",children:[e.jsxs(m,{onSelect:()=>t("Calendar"),children:[e.jsx(o,{}),"Calendar",n==="Calendar"&&e.jsx(a,{children:e.jsx(s,{})})]}),e.jsxs(m,{onSelect:()=>t("Search Emoji"),children:[e.jsx(o,{}),"Search Emoji",n==="Search Emoji"&&e.jsx(a,{children:e.jsx(s,{})})]}),e.jsxs(m,{onSelect:()=>t("Calculator"),children:[e.jsx(o,{}),"Calculator",n==="Calculator"&&e.jsx(a,{children:e.jsx(s,{})})]})]}),e.jsx(E,{className:"w-full"}),e.jsxs(C,{heading:"Settings",children:[e.jsxs(m,{onSelect:()=>t("Profile"),children:[e.jsx(o,{}),"Profile",n==="Profile"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘P"})]}),e.jsxs(m,{onSelect:()=>t("Billing"),children:[e.jsx(o,{}),"Billing",n==="Billing"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘B"})]}),e.jsxs(m,{onSelect:()=>t("Settings"),children:[e.jsx(o,{}),"Settings",n==="Settings"&&e.jsx(a,{children:e.jsx(s,{})}),e.jsx(r,{children:"⌘S"})]})]})]})]})}},l={render:()=>e.jsxs(d,{className:"h-60 w-96",children:[e.jsx(g,{placeholder:"플레이스홀더"}),e.jsx(j,{className:"flex flex-1 flex-col items-center justify-center p-0",children:e.jsx(f,{children:"No results found."})})]})};var S,R,B;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`{
7
7
  render: function Render(args: RBCommandProps) {
8
8
  const [selectedItem, setSelectedItem] = useState<string | null>(null);
9
9
  const placeholder = selectedItem ? \`\${selectedItem} 선택됨\` : "플레이스홀더";
@@ -70,4 +70,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as x}from"./index-Dmy2JGb
70
70
  <RBCommandEmpty>No results found.</RBCommandEmpty>
71
71
  </RBCommandList>
72
72
  </RBCommand>
73
- }`,...(I=(h=l.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};const z=["Suggestions","EmptyState"];export{l as EmptyState,c as Suggestions,z as __namedExportsOrder,q as default};
73
+ }`,...(I=(h=l.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};const q=["Suggestions","EmptyState"];export{l as EmptyState,c as Suggestions,q as __namedExportsOrder,O as default};
@@ -0,0 +1,20 @@
1
+ import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{p as a,m as c}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const B={component:a,tags:["autodocs"]},d=i=>{const[m,e]=p.useState(!0);return n.jsxs("div",{children:[n.jsx(c,{size:"sm",variant:"solid",onClick:()=>e(!0),children:"Open Confirm"}),n.jsx(a,{...i,open:m,onOpenChange:e,resolve:()=>e(!1),onConfirm:()=>e(!1),onCancel:()=>e(!1)})]})},t={parameters:{docs:{description:{story:""}}},args:{title:"Confirm Modal",content:n.jsx("div",{className:"text-fg-default px-4 py-2 text-sm",children:"Confirm Modal Body Text"}),buttonText:{yes:"Confirm",no:"Cancel"}},render:d};var o,r,s;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ title: "Confirm Modal",
11
+ content: <div className="text-fg-default px-4 py-2 text-sm">
12
+ Confirm Modal Body Text
13
+ </div>,
14
+ buttonText: {
15
+ yes: "Confirm",
16
+ no: "Cancel"
17
+ }
18
+ },
19
+ render: Template
20
+ }`,...(s=(r=t.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};const T=["Default"];export{t as Default,T as __namedExportsOrder,B as default};
@@ -0,0 +1,15 @@
1
+ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{D as n}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const y={component:n,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"],table:{type:{summary:'"xs2" | "sm" | "md" | "lg"'}}},showPresets:{control:"boolean"},showFooter:{control:"boolean"}}},m=a=>r.jsx("div",{style:{height:700},children:r.jsx(n,{...a})}),e={parameters:{docs:{description:{story:""}}},args:{size:"md",showPresets:!0,showFooter:!0},render:m};var t,o,s;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
2
+ parameters: {
3
+ docs: {
4
+ description: {
5
+ story: ""
6
+ }
7
+ }
8
+ },
9
+ args: {
10
+ size: "md",
11
+ showPresets: true,
12
+ showFooter: true
13
+ },
14
+ render: Template
15
+ }`,...(s=(o=e.parameters)==null?void 0:o.docs)==null?void 0:s.source}}};const w=["Default"];export{e as Default,w as __namedExportsOrder,y as default};
@@ -0,0 +1,38 @@
1
+ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{Z as o,_ as l,$ as d,m as a,a0 as g,a1 as c,a2 as B,a3 as x}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const b={tags:["autodocs"],argTypes:{showCloseButton:{control:"boolean"},size:{control:{type:"select"},options:["sm","md","lg"]}},args:{showCloseButton:!0,size:"lg"},component:o},n={render:r=>e.jsx("div",{children:e.jsxs(l,{children:[e.jsx(d,{asChild:!0,children:e.jsx(a,{size:"sm",variant:"solid",children:"Open Dialog"})}),e.jsxs(o,{...r,children:[e.jsxs(g,{children:[e.jsx(c,{children:"타이틀"}),e.jsx(B,{children:"설명 영역"})]}),e.jsx("div",{className:"text-fg-default px-4 py-2 text-sm",children:"다이얼로그 본문 콘텐츠 영역입니다."}),e.jsxs(x,{children:[e.jsx("div",{className:"flex flex-1 items-center justify-start gap-1",children:e.jsx(a,{variant:"outlined",size:"xs2",children:"버튼"})}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(a,{variant:"outlined",size:"xs2",children:"버튼"}),e.jsx(a,{variant:"brand",size:"xs2",children:"버튼"})]})]})]})]})})};var i,s,t;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`{
2
+ render: args => <div>
3
+ <RBDialog>
4
+ <RBDialogTrigger asChild>
5
+ <RBLabelButton size="sm" variant="solid">
6
+ Open Dialog
7
+ </RBLabelButton>
8
+ </RBDialogTrigger>
9
+
10
+ <RBDialogContent {...args}>
11
+ <RBDialogHeader>
12
+ <RBDialogTitle>타이틀</RBDialogTitle>
13
+ <RBDialogDescription>설명 영역</RBDialogDescription>
14
+ </RBDialogHeader>
15
+
16
+ <div className="text-fg-default px-4 py-2 text-sm">
17
+ 다이얼로그 본문 콘텐츠 영역입니다.
18
+ </div>
19
+
20
+ <RBDialogFooter>
21
+ <div className="flex flex-1 items-center justify-start gap-1">
22
+ <RBLabelButton variant="outlined" size="xs2">
23
+ 버튼
24
+ </RBLabelButton>
25
+ </div>
26
+ <div className="flex items-center gap-1">
27
+ <RBLabelButton variant="outlined" size="xs2">
28
+ 버튼
29
+ </RBLabelButton>
30
+ <RBLabelButton variant="brand" size="xs2">
31
+ 버튼
32
+ </RBLabelButton>
33
+ </div>
34
+ </RBDialogFooter>
35
+ </RBDialogContent>
36
+ </RBDialog>
37
+ </div>
38
+ }`,...(t=(s=n.parameters)==null?void 0:s.docs)==null?void 0:t.source}}};const z=["Playground"];export{n as Playground,z as __namedExportsOrder,b as default};