@rainbow-robotics/muscat-plugin-kit 1.10.1-dev.1 → 1.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +282 -282
- package/cli/README.md +274 -274
- package/cli/bin/create-muscat-plugin.mjs +8 -8
- package/cli/bin/muscat-pk.mjs +155 -155
- package/cli/bundle-templates.mjs +31 -31
- package/cli/docker/Dockerfile.cpp +28 -28
- package/cli/docker/Dockerfile.dev +30 -30
- package/cli/docker/Dockerfile.python +21 -21
- package/cli/m5-e2e.mjs +69 -69
- package/cli/prepack.mjs +10 -10
- package/cli/src/ai-rules.mjs +70 -70
- package/cli/src/build.mjs +447 -447
- package/cli/src/check-package.mjs +13 -13
- package/cli/src/completion.mjs +166 -166
- package/cli/src/cpp.mjs +78 -78
- package/cli/src/cppIde.mjs +75 -75
- package/cli/src/dev.mjs +165 -165
- package/cli/src/devBack.mjs +734 -727
- package/cli/src/devUi.mjs +247 -243
- package/cli/src/esbuild.mjs +56 -56
- package/cli/src/host_agent.py +223 -223
- package/cli/src/manifest.mjs +287 -287
- package/cli/src/mcp.mjs +1071 -1071
- package/cli/src/muscatLocal.mjs +209 -209
- package/cli/src/new.mjs +343 -343
- package/cli/src/pluginDevServer.mjs +111 -111
- package/cli/src/ports.mjs +193 -193
- package/cli/src/python.mjs +112 -112
- package/cli/src/ros2.mjs +109 -109
- package/cli/src/sdk.mjs +117 -117
- package/cli/src/storybook.mjs +168 -168
- package/cli/src/type.mjs +141 -141
- package/cli/src/uninstall.mjs +81 -81
- package/cli/src/update.mjs +295 -295
- package/cli/src/util.mjs +441 -441
- package/cli/src/zenohDev.mjs +83 -81
- package/cli/storybook-dist/_design-tokens.css +4957 -4957
- package/cli/storybook-dist/_stories-src/NxAvatar.stories.tsx +27 -27
- package/cli/storybook-dist/_stories-src/NxPagination.stories.tsx +28 -28
- package/cli/storybook-dist/_stories-src/RBAccordion/RBAccordion.stories.tsx +46 -46
- package/cli/storybook-dist/_stories-src/RBAccordion/RBAccordionGroup.stories.tsx +73 -73
- package/cli/storybook-dist/_stories-src/RBBadge/RBBadge.stories.tsx +93 -93
- package/cli/storybook-dist/_stories-src/RBBattery/RBBattery.stories.tsx +74 -74
- package/cli/storybook-dist/_stories-src/RBButton/RBCheckIconButton.stories.tsx +28 -28
- package/cli/storybook-dist/_stories-src/RBButton/RBCheckLabelButton.stories.tsx +84 -84
- package/cli/storybook-dist/_stories-src/RBButton/RBIconButton.stories.tsx +57 -57
- package/cli/storybook-dist/_stories-src/RBButton/RBInlineLabelButton.stories.tsx +41 -41
- package/cli/storybook-dist/_stories-src/RBButton/RBLabelButton.stories.tsx +60 -60
- package/cli/storybook-dist/_stories-src/RBDatePicker/RBDateInput.stories.tsx +44 -44
- package/cli/storybook-dist/_stories-src/RBDatePicker/RBRangeDateInput.stories.tsx +56 -56
- package/cli/storybook-dist/_stories-src/RBDialog/RBAlert.stories.tsx +51 -51
- package/cli/storybook-dist/_stories-src/RBDialog/RBConfirm.stories.tsx +55 -55
- package/cli/storybook-dist/_stories-src/RBDialog/RBPrompt.stories.tsx +52 -52
- package/cli/storybook-dist/_stories-src/RBDivider/RBDivider.stories.tsx +93 -93
- package/cli/storybook-dist/_stories-src/RBEmptyView/RBEmptyView.stories.tsx +49 -49
- package/cli/storybook-dist/_stories-src/RBIcons/RBColorIcons.stories.tsx +108 -108
- package/cli/storybook-dist/_stories-src/RBIcons/RBIcons.stories.tsx +106 -106
- package/cli/storybook-dist/_stories-src/RBInput/RBCheckBox.stories.tsx +89 -89
- package/cli/storybook-dist/_stories-src/RBInput/RBMultiRangeInput.stories.tsx +64 -64
- package/cli/storybook-dist/_stories-src/RBInput/RBRadioBox.stories.tsx +65 -65
- package/cli/storybook-dist/_stories-src/RBInput/RBRadioButton.stories.tsx +68 -68
- package/cli/storybook-dist/_stories-src/RBInput/RBSelectBox.stories.tsx +216 -216
- package/cli/storybook-dist/_stories-src/RBInput/RBSideNumberInput.stories.tsx +90 -90
- package/cli/storybook-dist/_stories-src/RBInput/RBText/RBTextArea.stories.tsx +45 -45
- package/cli/storybook-dist/_stories-src/RBInput/RBText/RBTextInput.stories.tsx +50 -50
- package/cli/storybook-dist/_stories-src/RBInput/RBTextField.stories.tsx +102 -102
- package/cli/storybook-dist/_stories-src/RBJoyStick/RBJoyStick.stories.tsx +31 -31
- package/cli/storybook-dist/_stories-src/RBLight/RBLight.stories.tsx +36 -36
- package/cli/storybook-dist/_stories-src/RBPagination/RBPagination.stories.tsx +49 -49
- package/cli/storybook-dist/_stories-src/RBShadcn/RBCard/RBCard.stories.tsx +89 -89
- package/cli/storybook-dist/_stories-src/RBShadcn/RBCommand/RBCommand.stories.tsx +116 -116
- package/cli/storybook-dist/_stories-src/RBShadcn/RBDialog/RBDialog.stories.tsx +74 -74
- package/cli/storybook-dist/_stories-src/RBShadcn/RBDrawer/RBDrawer.stories.tsx +99 -99
- package/cli/storybook-dist/_stories-src/RBShadcn/RBDropdownMenu/RBDropdownMenu.stories.tsx +123 -123
- package/cli/storybook-dist/_stories-src/RBShadcn/RBMenubar/RBMenubar.stories.tsx +135 -135
- package/cli/storybook-dist/_stories-src/RBShadcn/RBPopover/RBPopover.stories.tsx +69 -69
- package/cli/storybook-dist/_stories-src/RBShadcn/RBResizable/RBResizable.stories.tsx +49 -49
- package/cli/storybook-dist/_stories-src/RBShadcn/RBSheet/RBSheet.stories.tsx +91 -91
- package/cli/storybook-dist/_stories-src/RBShadcn/RBSlider/RBSlider.stories.tsx +38 -38
- package/cli/storybook-dist/_stories-src/RBShadcn/RBSwitch/RBSwitch.stories.tsx +112 -112
- package/cli/storybook-dist/_stories-src/RBShadcn/RBTabs/RBTabs.stories.tsx +75 -75
- package/cli/storybook-dist/_stories-src/RBShadcn/RBToggle/RBToggle.stories.tsx +51 -51
- package/cli/storybook-dist/_stories-src/RBShadcn/RBToggleGroup/RBToggleGroup.stories.tsx +84 -84
- package/cli/storybook-dist/_stories-src/RBTab/RBChipTab.stories.tsx +102 -102
- package/cli/storybook-dist/_stories-src/RBTab/RBChipsBoxTab.stories.tsx +78 -78
- package/cli/storybook-dist/_stories-src/RBTab/RBTab.stories.tsx +57 -57
- package/cli/storybook-dist/_stories-src/RBTable/RBTable.stories.tsx +177 -177
- package/cli/storybook-dist/_stories-src/RBTable/RBTableRow.stories.tsx +64 -64
- package/cli/storybook-dist/_stories-src/RBToast/RBToast.stories.tsx +117 -117
- package/cli/storybook-dist/_stories-src/RBTooltip/RBTooltip.stories.tsx +50 -50
- package/cli/storybook-dist/_stories-src/loading/RBSpinner.stories.tsx +30 -30
- package/cli/storybook-dist/_stories-src/nx-button/NxButton.stories.tsx +54 -54
- package/cli/storybook-dist/_stories-src/nx-button/NxPointerHoldButton.stories.tsx +57 -57
- package/cli/storybook-dist/_stories-src/nx-icons/NxIcons.stories.tsx +48 -48
- package/cli/storybook-dist/_stories-src/nx-inputs/NxNumberInput.stories.tsx +103 -103
- package/cli/storybook-dist/_stories-src/nx-inputs/NxRangeInput.stories.tsx +27 -27
- package/cli/storybook-dist/_stories-src/nx-inputs/NxSelectBox.stories.tsx +67 -67
- package/cli/storybook-dist/_stories-src/nx-inputs/NxSlideRange.stories.tsx +45 -45
- package/cli/storybook-dist/_stories-src/nx-inputs/NxSwitch.stories.tsx +27 -27
- package/cli/storybook-dist/_stories-src/nx-inputs/NxTextArea.stories.tsx +48 -48
- package/cli/storybook-dist/_stories-src/nx-inputs/NxTextInput.stories.tsx +46 -46
- package/cli/storybook-dist/assets/{Color-YHDXOIA2-D6JqZzDJ.js → Color-YHDXOIA2-B4IER17l.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-ESb7JAHg.js → Docs-C8GCHFtK.js} +3 -3
- package/cli/storybook-dist/assets/{Docs-6gD2kUo1.js → Docs-CgdEMPQP.js} +2 -2
- package/cli/storybook-dist/assets/{Docs-B9wd8Ok7.js → Docs-Ck3WHvk6.js} +3 -3
- package/cli/storybook-dist/assets/{Docs-CgFbWWXM.js → Docs-D9NHsoeZ.js} +2 -2
- package/cli/storybook-dist/assets/{Docs-DBQup8Bu.js → Docs-DNYQC7nl.js} +3 -3
- package/cli/storybook-dist/assets/{Docs-CMjovnSY.js → Docs-DUfeiM4I.js} +4 -4
- package/cli/storybook-dist/assets/{DocsRenderer-CFRXHY34-BOUI1AHi.js → DocsRenderer-CFRXHY34-C0WhyDoR.js} +1 -1
- package/cli/storybook-dist/assets/{NxAvatar.stories-DsYFMUh3.js → NxAvatar.stories-CwnK8AUF.js} +1 -1
- package/cli/storybook-dist/assets/{NxButton.stories-CHfNcqsc.js → NxButton.stories-ueYdosfQ.js} +8 -8
- package/cli/storybook-dist/assets/{NxNumberInput.stories-BFw_4vFE.js → NxNumberInput.stories-M5ZCLbrK.js} +1 -1
- package/cli/storybook-dist/assets/{NxPagination.stories-DVfxyw4M.js → NxPagination.stories-bxxUnHEL.js} +1 -1
- package/cli/storybook-dist/assets/{NxPointerHoldButton.stories-BzyxUWoZ.js → NxPointerHoldButton.stories-BHxB2kr5.js} +1 -1
- package/cli/storybook-dist/assets/{NxRangeInput.stories-DmRdzBc1.js → NxRangeInput.stories-BKfr-fp4.js} +6 -6
- package/cli/storybook-dist/assets/{NxSelectBox.stories-B1KkNUOf.js → NxSelectBox.stories-CG8FuTBq.js} +1 -1
- package/cli/storybook-dist/assets/{NxSlideRange.stories-CyOdvfQ6.js → NxSlideRange.stories-BRTFtMTL.js} +1 -1
- package/cli/storybook-dist/assets/{NxSwitch.stories-DrDBw0qp.js → NxSwitch.stories-Bwuyzn-R.js} +1 -1
- package/cli/storybook-dist/assets/{NxTextArea.stories-DTB2aqNS.js → NxTextArea.stories-COq2sGqu.js} +1 -1
- package/cli/storybook-dist/assets/{NxTextInput.stories-DU0rucmM.js → NxTextInput.stories-CjsBLz05.js} +1 -1
- package/cli/storybook-dist/assets/{RBAccordion.stories-DTfOtXtp.js → RBAccordion.stories-BARwuZ0Q.js} +3 -3
- package/cli/storybook-dist/assets/{RBAccordionGroup.stories-9y9BjrUe.js → RBAccordionGroup.stories-COrPxETW.js} +10 -10
- package/cli/storybook-dist/assets/{RBAlert.stories-DLTAv9fT.js → RBAlert.stories-BQrkjZPt.js} +3 -3
- package/cli/storybook-dist/assets/{RBBadge.stories-BNMACewA.js → RBBadge.stories-BTsLL-lK.js} +1 -1
- package/cli/storybook-dist/assets/{RBBattery.stories-B3kXMAt5.js → RBBattery.stories-DAeQdJbc.js} +1 -1
- package/cli/storybook-dist/assets/{RBCard.stories-Y-s8R2n7.js → RBCard.stories-HyhOE80R.js} +39 -39
- package/cli/storybook-dist/assets/{RBCheckBox.stories-DBuT9tL4.js → RBCheckBox.stories-KFk0WqX_.js} +1 -1
- package/cli/storybook-dist/assets/{RBCheckIconButton.stories-CWu1TL56.js → RBCheckIconButton.stories-CXbbktF5.js} +1 -1
- package/cli/storybook-dist/assets/{RBCheckLabelButton.stories-sCu2MGCX.js → RBCheckLabelButton.stories-DWfYz_9Z.js} +17 -17
- package/cli/storybook-dist/assets/{RBChipTab.stories-BX9qLJkR.js → RBChipTab.stories-JPEgVFAS.js} +5 -5
- package/cli/storybook-dist/assets/{RBChipsBoxTab.stories-35u1aJ-P.js → RBChipsBoxTab.stories-CTPuWXrQ.js} +1 -1
- package/cli/storybook-dist/assets/{RBColorIcons.stories-DAOZ5Ies.js → RBColorIcons.stories-DiFRZ5jk.js} +1 -1
- package/cli/storybook-dist/assets/RBCommand.stories-Pf1HAVIR.js +73 -0
- package/cli/storybook-dist/assets/{RBConfirm.stories-iMXcUh7Z.js → RBConfirm.stories-D1cEPUXk.js} +3 -3
- package/cli/storybook-dist/assets/{RBDateInput.stories-hK5rXECf.js → RBDateInput.stories-RPYpCjig.js} +1 -1
- package/cli/storybook-dist/assets/RBDialog.stories-DJH-0XSR.js +38 -0
- package/cli/storybook-dist/assets/{RBDivider.stories-BAK-iZ1Z.js → RBDivider.stories-uEj1vOgK.js} +1 -1
- package/cli/storybook-dist/assets/{RBDrawer.stories-B2nqf2Nh.js → RBDrawer.stories-BiMzElb2.js} +12 -12
- package/cli/storybook-dist/assets/RBDropdownMenu.stories-Da_TBkla.js +86 -0
- package/cli/storybook-dist/assets/{RBEmptyView.stories-nCenrgBh.js → RBEmptyView.stories-BHeKGfPS.js} +1 -1
- package/cli/storybook-dist/assets/{RBIconButton.stories-DRH7O3sp.js → RBIconButton.stories-NEsRFoYp.js} +1 -1
- package/cli/storybook-dist/assets/{RBIcons.stories-D3PyJXG8.js → RBIcons.stories-CcZ-TTLS.js} +1 -1
- package/cli/storybook-dist/assets/{RBInlineLabelButton.stories-modQbt10.js → RBInlineLabelButton.stories-B0wpdQyR.js} +1 -1
- package/cli/storybook-dist/assets/{RBJoyStick.stories-BY14qVgR.js → RBJoyStick.stories-DEgBou3K.js} +1 -1
- package/cli/storybook-dist/assets/{RBLabelButton.stories-DzF7vGwm.js → RBLabelButton.stories-DT8drIsF.js} +1 -1
- package/cli/storybook-dist/assets/{RBLight.stories-lF4FRmVh.js → RBLight.stories-Dh-aoeyG.js} +1 -1
- package/cli/storybook-dist/assets/{RBMenubar.stories-XhrI7bsV.js → RBMenubar.stories-D-H7UqVh.js} +1 -1
- package/cli/storybook-dist/assets/{RBMultiRangeInput.stories-DprllQDl.js → RBMultiRangeInput.stories-hlclv6jI.js} +1 -1
- package/cli/storybook-dist/assets/{RBPagination.stories-2v2gBJfC.js → RBPagination.stories-DWCeoZ_S.js} +1 -1
- package/cli/storybook-dist/assets/{RBPopover.stories-C8iLIZpv.js → RBPopover.stories-C514M09_.js} +1 -1
- package/cli/storybook-dist/assets/{RBPrompt.stories-Th_HrWHI.js → RBPrompt.stories-BSItvfiT.js} +1 -1
- package/cli/storybook-dist/assets/{RBRadioBox.stories-CoHuLaN3.js → RBRadioBox.stories-BBb4YbFU.js} +1 -1
- package/cli/storybook-dist/assets/{RBRadioButton.stories-DULxE_ff.js → RBRadioButton.stories-CXyOGJCv.js} +1 -1
- package/cli/storybook-dist/assets/{RBRangeDateInput.stories-D8A9KBSS.js → RBRangeDateInput.stories-qvhubu0e.js} +1 -1
- package/cli/storybook-dist/assets/{RBResizable.stories-C41QfrQ3.js → RBResizable.stories-CZKeyGjH.js} +14 -14
- package/cli/storybook-dist/assets/{RBSelectBox.stories-C1gNmwzw.js → RBSelectBox.stories-CRKP3ybf.js} +1 -1
- package/cli/storybook-dist/assets/RBSheet.stories-sCM3ZJUa.js +39 -0
- package/cli/storybook-dist/assets/{RBSideNumberInput.stories-9LlgQ8nh.js → RBSideNumberInput.stories-Bb7gw8RF.js} +3 -3
- package/cli/storybook-dist/assets/{RBSlider.stories-oUgo5K9d.js → RBSlider.stories-23OAQU5z.js} +3 -3
- package/cli/storybook-dist/assets/{RBSpinner.stories-DDpohbY2.js → RBSpinner.stories-2xcQdcmt.js} +1 -1
- package/cli/storybook-dist/assets/{RBSwitch.stories-gW-GN7QO.js → RBSwitch.stories-BACUaJm_.js} +7 -7
- package/cli/storybook-dist/assets/{RBTab.stories-CN-PV3HH.js → RBTab.stories-CDHE3sVs.js} +1 -1
- package/cli/storybook-dist/assets/{RBTable.stories-BAZLpxtM.js → RBTable.stories-C0Cfhfl7.js} +29 -29
- package/cli/storybook-dist/assets/{RBTableRow.stories-CwjVrszB.js → RBTableRow.stories-BF8kIkpp.js} +1 -1
- package/cli/storybook-dist/assets/{RBTabs.stories-JuEo2sUL.js → RBTabs.stories-BdJWRq1o.js} +7 -7
- package/cli/storybook-dist/assets/{RBTextArea.stories-D0_Pv4qZ.js → RBTextArea.stories-CGy2xeYH.js} +3 -3
- package/cli/storybook-dist/assets/{RBTextField.stories-CCsOvZqV.js → RBTextField.stories-IfUOzxCM.js} +15 -15
- package/cli/storybook-dist/assets/{RBTextInput.stories-Cccn3VNm.js → RBTextInput.stories-VjXNFo4R.js} +3 -3
- package/cli/storybook-dist/assets/{RBToast.stories-I5617t0K.js → RBToast.stories-BzcobblV.js} +1 -1
- package/cli/storybook-dist/assets/{RBToggle.stories-DsgKjGsJ.js → RBToggle.stories-DuLE5mKv.js} +4 -4
- package/cli/storybook-dist/assets/{RBToggleGroup.stories-BZEzSDuz.js → RBToggleGroup.stories-CuR0N0GJ.js} +5 -5
- package/cli/storybook-dist/assets/{RBTooltip.stories-4oSyAWsA.js → RBTooltip.stories--aAgNC8_.js} +1 -1
- package/cli/storybook-dist/assets/{SideNumberInput-DSKbd0bG.js → SideNumberInput-DyWQxYUj.js} +743 -743
- package/cli/storybook-dist/assets/{entry-preview-B35XREGs.js → entry-preview-D7IHsza_.js} +1 -1
- package/cli/storybook-dist/assets/{iframe-BB797lmL.js → iframe-CbaIp5I-.js} +2 -2
- package/cli/storybook-dist/assets/{index-BU2567EP.js → index-C6CBgMuG.js} +3 -3
- package/cli/storybook-dist/assets/{preview-C7DaSWyc.js → preview-B-iYLDuW.js} +2 -2
- package/cli/storybook-dist/assets/{preview-CbuRHit4.js → preview-CRWqc9DH.js} +1 -1
- package/cli/storybook-dist/assets/{react-resizable-panels.browser-ChIvlwo7.js → react-resizable-panels.browser-8hC8dr-6.js} +8 -8
- package/cli/storybook-dist/iframe.html +2 -2
- package/cli/storybook-dist/index.html +1 -1
- package/cli/storybook-dist/project.json +1 -1
- package/cli/templates/common/.mcp.json +8 -8
- package/cli/templates/common/README.md +1231 -1231
- package/cli/templates/common/assets/icon.svg +45 -45
- package/cli/templates/common/manifest.json +26 -26
- package/cli/templates/common/package.json +22 -22
- package/cli/templates/common/py/main.py +125 -125
- package/cli/templates/common/tsconfig.json +13 -13
- package/cli/templates/common/ui/content.tsx +216 -216
- package/cli/templates/common/ui/style.css +6 -6
- package/cli/templates/common/vite.config.ts +10 -10
- package/cli/templates/cpp/cpp/main.cpp +73 -73
- package/cli/templates/ros2/ros2_ws/src/__PLUGIN_SLUG__/__PLUGIN_SLUG__/node.py +25 -25
- package/cli/templates/ros2/ros2_ws/src/__PLUGIN_SLUG__/package.xml +10 -10
- package/cli/templates/ros2/ros2_ws/src/__PLUGIN_SLUG__/setup.py +18 -18
- package/cli/templates/ros2-cpp/ros2_ws/src/__PLUGIN_SLUG__/package.xml +11 -11
- package/cli/templates/ros2-cpp/ros2_ws/src/__PLUGIN_SLUG__/src/node.cpp +23 -23
- package/cli/vite.d.mts +25 -25
- package/cli/vite.mjs +292 -292
- package/package.json +3 -3
- package/cli/storybook-dist/assets/RBCommand.stories-BSqXDkKw.js +0 -73
- package/cli/storybook-dist/assets/RBDialog.stories-BAktz-ku.js +0 -38
- package/cli/storybook-dist/assets/RBDropdownMenu.stories-DbW2fWAj.js +0 -86
- package/cli/storybook-dist/assets/RBSheet.stories-_6VH-RUm.js +0 -39
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as y}from"./index-B4FGfHer.js";import{b as g,U as b}from"./index-BU2567EP.js";import{d as p,e as n,f as c,g as t}from"./react-resizable-panels.browser-ChIvlwo7.js";import"./index-Dmy2JGbm.js";import{c as f}from"./browserUtils-CQM9Za7e.js";import"./index-ChsGqxH_.js";import"./iframe-BB797lmL.js";import"./index-CT3U1fyk.js";import"./index-BRq5TIsn.js";import"./index-DgH-xKnr.js";import"./index-DrFu-skq.js";const k={"scale color":{red:{500:{$type:"color",$value:"#fb2c36"},600:{$type:"color",$value:"#e7000b"},"alpha-50p":{$type:"color",$value:"#fb2c3680"},"alpha-30p":{$type:"color",$value:"#fb2c364d"},"alpha-10p":{$type:"color",$value:"#fb2c361a"},"alpha-20p":{$type:"color",$value:"#fb2c3633"}},orange:{500:{$type:"color",$value:"#ff6900"},600:{$type:"color",$value:"#f54a00"},"alpha-50p":{$type:"color",$value:"#ff690080"},"alpha-30p":{$type:"color",$value:"#ff69004d"},"alpha-10p":{$type:"color",$value:"#ff69001a"},"alpha-20p":{$type:"color",$value:"#ff690033"}},green:{500:{$type:"color",$value:"#00c951"},600:{$type:"color",$value:"#00a63e"},"alpha-50p":{$type:"color",$value:"#00c95180"},"alpha-30p":{$type:"color",$value:"#00c9514d"},"alpha-10p":{$type:"color",$value:"#00c9511a"},"alpha-20p":{$type:"color",$value:"#00c95133"}},blue:{500:{$type:"color",$value:"#2b7fff"},600:{$type:"color",$value:"#155dfc"},"alpha-50p":{$type:"color",$value:"#2b7fff80"},"alpha-30p":{$type:"color",$value:"#2b7fff4d"},"alpha-10p":{$type:"color",$value:"#2b7fff1a"},"alpha-20p":{$type:"color",$value:"#2b7fff33"}},"zinc-950-alpha":{5:{$type:"color",$value:"#09090b0d"},10:{$type:"color",$value:"#09090b1a"},15:{$type:"color",$value:"#09090b26"},20:{$type:"color",$value:"#09090b33"},25:{$type:"color",$value:"#09090b40"},30:{$type:"color",$value:"#09090b4d"},40:{$type:"color",$value:"#09090b66"},50:{$type:"color",$value:"#09090b80"},60:{$type:"color",$value:"#09090b99"},70:{$type:"color",$value:"#09090bb3"},75:{$type:"color",$value:"#09090bbf"},80:{$type:"color",$value:"#09090bcc"},85:{$type:"color",$value:"#09090bd9"},90:{$type:"color",$value:"#09090be6"},95:{$type:"color",$value:"#09090bf2"}},"zinc-50-alpha":{5:{$type:"color",$value:"#fafafa0d"},10:{$type:"color",$value:"#fafafa1a"},15:{$type:"color",$value:"#fafafa26"},20:{$type:"color",$value:"#fafafa33"},25:{$type:"color",$value:"#fafafa40"},30:{$type:"color",$value:"#fafafa4d"},40:{$type:"color",$value:"#fafafa66"},50:{$type:"color",$value:"#fafafa80"},60:{$type:"color",$value:"#fafafa99"},70:{$type:"color",$value:"#fafafab3"},75:{$type:"color",$value:"#fafafabf"},80:{$type:"color",$value:"#fafafacc"},85:{$type:"color",$value:"#fafafad9"},90:{$type:"color",$value:"#fafafae6"},95:{$type:"color",$value:"#fafafaf2"}},zinc:{50:{$type:"color",$value:"#fafafa"},100:{$type:"color",$value:"#f4f4f5"},200:{$type:"color",$value:"#e4e4e7"},300:{$type:"color",$value:"#d4d4d8"},400:{$type:"color",$value:"#9f9fa9"},500:{$type:"color",$value:"#71717b"},600:{$type:"color",$value:"#52525c"},700:{$type:"color",$value:"#3f3f46"},800:{$type:"color",$value:"#232326"},900:{$type:"color",$value:"#18181b"},950:{$type:"color",$value:"#09090b"}},base:{black:{$type:"color",$value:"#000000"},transparent:{$type:"color",$value:"#ffffff00"},white:{$type:"color",$value:"#ffffff"}},yellow:{400:{$type:"color",$value:"#fcc800"},500:{$type:"color",$value:"#efb100"},"alpha-50p":{$type:"color",$value:"#fcc80080"},"alpha-30p":{$type:"color",$value:"#fcc8004d"},"alpha-10p":{$type:"color",$value:"#fcc8001a"},"alpha-20p":{$type:"color",$value:"#fcc80033"}},primary:{"alpha-10p":{$type:"color",$value:"#155dfc1a"},"alpha-30p":{$type:"color",$value:"#155dfc4d"},stronger:{$type:"color",$value:"#003baf"},strong:{$type:"color",$value:"#154dd0"},"alpha-50p":{$type:"color",$value:"#155dfc80"},normal:{$type:"color",$value:"#155dfc"}},custom:{"gray-100":{$type:"color",$value:"#18181a"},"gray-200":{$type:"color",$value:"#1f1f22"},"gray-300":{$type:"color",$value:"#2a2a2d"}},violet:{500:{$type:"color",$value:"#8e51ff"},600:{$type:"color",$value:"#7f22fe"},"alpha-50p":{$type:"color",$value:"#8e51ff80"},"alpha-30p":{$type:"color",$value:"#8e51ff4d"},"alpha-20p":{$type:"color",$value:"#8e51ff33"},"alpha-10p":{$type:"color",$value:"#8e51ff1a"}},rainbow:{normal:{$type:"color",$value:"#e6331b"},strong:{$type:"color",$value:"#cf2d18"},stronger:{$type:"color",$value:"#b82815"},"alpha-50p":{$type:"color",$value:"#e6331b80"},"alpha-30p":{$type:"color",$value:"#e6331b4d"},"alpha-10p":{$type:"color",$value:"#e6331b1a"}},"icon-primary":{$type:"color",$value:"#5c9cff"},navy:{normal:{$type:"color",$value:"#0b558c"},strong:{$type:"color",$value:"#094a7a"},stronger:{$type:"color",$value:"#073e67"},"alpha-50p":{$type:"color",$value:"#0b558c80"},"alpha-30p":{$type:"color",$value:"#082a6c4d"},"alpha-10p":{$type:"color",$value:"#082a6c1a"},"alpha-20p":{$type:"color",$value:"#0b558c33"},"alpha-15p":{$type:"color",$value:"#0b558c26"}}}},L={"semantic color":JSON.parse('{"fg":{"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc.50}","Light":"{color.scale.zinc.950}"}},"danger-subtle":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-30p}","Light":"{color.scale.red.alpha-50p}"}},"danger":{"$type":"color","$value":{"Dark":"{color.scale.red.500}","Light":"{color.scale.red.500}"}},"warning-subtle":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-50p}","Light":"{color.scale.orange.alpha-50p}"}},"warning":{"$type":"color","$value":{"Dark":"{color.scale.orange.500}","Light":"{color.scale.orange.500}"}},"success-subtle":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-50p}","Light":"{color.scale.green.alpha-50p}"}},"success":{"$type":"color","$value":{"Dark":"{color.scale.green.500}","Light":"{color.scale.green.600}"}},"information-subtle":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-50p}","Light":"{color.scale.blue.alpha-50p}"}},"information":{"$type":"color","$value":{"Dark":"{color.scale.blue.500}","Light":"{color.scale.blue.500}"}},"disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.20}","Light":"{color.scale.zinc-950-alpha.25}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.zinc.950}","Light":"{color.scale.zinc.50}"}},"subtlest":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.30}","Light":"{color.scale.zinc-950-alpha.40}"}},"subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.60}","Light":"{color.scale.zinc-950-alpha.70}"}},"subtler":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.40}","Light":"{color.scale.zinc-950-alpha.60}"}},"inverse-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.15}","Light":"{color.scale.zinc-50-alpha.20}"}},"brand":{"$type":"color","$value":{"Dark":"{color.scale.primary.normal}","Light":"{color.scale.primary.normal}"}},"brand-subtle":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-50p}","Light":"{color.scale.primary.alpha-50p}"}},"default-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.80}","Light":"{color.scale.zinc-950-alpha.80}"}},"brand-hovered":{"$type":"color","$value":{"Dark":"{color.scale.primary.strong}","Light":"{color.scale.primary.strong}"}},"caution":{"$type":"color","$value":{"Dark":"{color.scale.yellow.400}","Light":"{color.scale.yellow.400}"}},"caution-subtle":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-50p}","Light":"{color.scale.yellow.alpha-50p}"}},"static-white":{"$type":"color","$value":{"Dark":"{color.scale.base.white}","Light":"{color.scale.base.white}"}},"static-white-subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc.500}","Light":"{color.scale.zinc.500}"}},"debug":{"$type":"color","$value":{"Dark":"{color.scale.violet.500}","Light":"{color.scale.violet.500}"}},"debug-subtle":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-50p}","Light":"{color.scale.violet.alpha-50p}"}},"rb":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.normal}","Light":"{color.scale.rainbow.normal}"}},"rb-subtle":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-50p}","Light":"{color.scale.rainbow.alpha-50p}"}},"navy":{"$type":"color","$value":{"Dark":"{color.scale.navy.normal}","Light":"{color.scale.navy.normal}"}},"navy-subtle":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-50p}","Light":"{color.scale.navy.alpha-50p}"}},"navy-hovered":{"$type":"color","$value":{"Dark":"{color.scale.navy.strong}","Light":"{color.scale.navy.strong}"}}},"border":{"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.30}","Light":"{color.scale.zinc-950-alpha.20}"}},"danger-stronger":{"$type":"color","$value":{"Dark":"{color.scale.red.500}","Light":"{color.scale.red.500}"}},"warning-stronger":{"$type":"color","$value":{"Dark":"{color.scale.orange.500}","Light":"{color.scale.orange.500}"}},"success-stronger":{"$type":"color","$value":{"Dark":"{color.scale.green.500}","Light":"{color.scale.green.500}"}},"information-stronger":{"$type":"color","$value":{"Dark":"{color.scale.blue.500}","Light":"{color.scale.blue.500}"}},"disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"inverse-stronger":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.90}","Light":"{color.scale.zinc-50-alpha.90}"}},"stronger":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.90}","Light":"{color.scale.zinc-950-alpha.90}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.20}","Light":"{color.scale.zinc-50-alpha.30}"}},"danger":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-50p}","Light":"{color.scale.red.alpha-50p}"}},"warning":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-50p}","Light":"{color.scale.orange.alpha-50p}"}},"information":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-50p}","Light":"{color.scale.blue.alpha-50p}"}},"success":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-50p}","Light":"{color.scale.green.alpha-50p}"}},"subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.15}","Light":"{color.scale.zinc-950-alpha.15}"}},"input-focused":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.90}","Light":"{color.scale.zinc-950-alpha.90}"}},"inverse-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.10}","Light":"{color.scale.zinc-50-alpha.10}"}},"brand-stronger":{"$type":"color","$value":{"Dark":"{color.scale.primary.normal}","Light":"{color.scale.primary.normal}"}},"brand":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-50p}","Light":"{color.scale.primary.alpha-50p}"}},"caution-stronger":{"$type":"color","$value":{"Dark":"{color.scale.yellow.400}","Light":"{color.scale.yellow.400}"}},"caution":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-50p}","Light":"{color.scale.yellow.alpha-50p}"}},"debug-stronger":{"$type":"color","$value":{"Dark":"{color.scale.violet.500}","Light":"{color.scale.violet.500}"}},"debug":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-50p}","Light":"{color.scale.violet.alpha-50p}"}},"subtler":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.10}","Light":"{color.scale.zinc-950-alpha.10}"}},"rb-stronger":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.normal}","Light":"{color.scale.rainbow.normal}"}},"rb":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-50p}","Light":"{color.scale.rainbow.alpha-50p}"}},"navy-stronger":{"$type":"color","$value":{"Dark":"{color.scale.navy.normal}","Light":"{color.scale.navy.normal}"}},"navy":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-50p}","Light":"{color.scale.navy.alpha-50p}"}}},"fill":{"danger-subtle":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-30p}","Light":"{color.scale.red.alpha-30p}"}},"danger":{"$type":"color","$value":{"Dark":"{color.scale.red.500}","Light":"{color.scale.red.500}"}},"warning-subtle":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-30p}","Light":"{color.scale.orange.alpha-30p}"}},"warning":{"$type":"color","$value":{"Dark":"{color.scale.orange.500}","Light":"{color.scale.orange.500}"}},"success-subtle":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-30p}","Light":"{color.scale.green.alpha-30p}"}},"success":{"$type":"color","$value":{"Dark":"{color.scale.green.500}","Light":"{color.scale.green.500}"}},"information-subtle":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-30p}","Light":"{color.scale.blue.alpha-30p}"}},"information":{"$type":"color","$value":{"Dark":"{color.scale.blue.500}","Light":"{color.scale.blue.500}"}},"disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"control surface":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.50}","Light":"{color.scale.zinc.50}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.zinc.900}","Light":"{color.scale.zinc.100}"}},"inverse-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc.700}","Light":"{color.scale.zinc.300}"}},"subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.40}","Light":"{color.scale.zinc-950-alpha.40}"}},"subtle-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.30}","Light":"{color.scale.zinc-950-alpha.30}"}},"transparent":{"$type":"color","$value":{"Dark":"{color.scale.base.transparent}","Light":"{color.scale.base.transparent}"}},"transparent-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc.100}","Light":"{color.scale.zinc.900}"}},"default-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc.300}","Light":"{color.scale.zinc.700}"}},"inverse-subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.40}","Light":"{color.scale.zinc-50-alpha.40}"}},"inverse-subtle-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.30}","Light":"{color.scale.zinc-50-alpha.30}"}},"inverse-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.10}","Light":"{color.scale.zinc-50-alpha.10}"}},"brand":{"$type":"color","$value":{"Dark":"{color.scale.primary.normal}","Light":"{color.scale.primary.normal}"}},"brand-subtle":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-50p}","Light":"{color.scale.primary.alpha-50p}"}},"subtler":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.20}","Light":"{color.scale.zinc-950-alpha.20}"}},"subtler-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.15}","Light":"{color.scale.zinc-950-alpha.15}"}},"brand-hovered":{"$type":"color","$value":{"Dark":"{color.scale.primary.strong}","Light":"{color.scale.primary.strong}"}},"control surface-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.30}","Light":"{color.scale.zinc.100}"}},"caution-subtle":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-30p}","Light":"{color.scale.yellow.alpha-30p}"}},"caution":{"$type":"color","$value":{"Dark":"{color.scale.yellow.400}","Light":"{color.scale.yellow.400}"}},"danger-subtler":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-20p}","Light":"{color.scale.red.alpha-20p}"}},"warning-subtler":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-20p}","Light":"{color.scale.orange.alpha-20p}"}},"caution-subtler":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-20p}","Light":"{color.scale.yellow.alpha-20p}"}},"success-subtler":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-20p}","Light":"{color.scale.green.alpha-20p}"}},"information-subtler":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-20p}","Light":"{color.scale.blue.alpha-20p}"}},"subtlest":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.10}","Light":"{color.scale.zinc-950-alpha.10}"}},"subtlest-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"warning-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-10p}","Light":"{color.scale.orange.alpha-10p}"}},"caution-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-10p}","Light":"{color.scale.yellow.alpha-10p}"}},"information-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-10p}","Light":"{color.scale.blue.alpha-10p}"}},"success-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-10p}","Light":"{color.scale.green.alpha-10p}"}},"danger-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-10p}","Light":"{color.scale.red.alpha-10p}"}},"danger-hovered":{"$type":"color","$value":{"Dark":"{color.scale.red.600}","Light":"{color.scale.red.600}"}},"warning-hovered":{"$type":"color","$value":{"Dark":"{color.scale.orange.600}","Light":"{color.scale.orange.600}"}},"caution-hovered":{"$type":"color","$value":{"Dark":"{color.scale.yellow.500}","Light":"{color.scale.yellow.500}"}},"information-hovered":{"$type":"color","$value":{"Dark":"{color.scale.blue.600}","Light":"{color.scale.blue.600}"}},"success-hovered":{"$type":"color","$value":{"Dark":"{color.scale.green.600}","Light":"{color.scale.green.600}"}},"debug":{"$type":"color","$value":{"Dark":"{color.scale.violet.500}","Light":"{color.scale.violet.500}"}},"debug-hovered":{"$type":"color","$value":{"Dark":"{color.scale.violet.600}","Light":"{color.scale.violet.600}"}},"debug-subtle":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-30p}","Light":"{color.scale.violet.alpha-30p}"}},"debug-subtler":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-20p}","Light":"{color.scale.violet.alpha-20p}"}},"debug-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-10p}","Light":"{color.scale.violet.alpha-10p}"}},"control surface-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.25}","Light":"{color.scale.zinc.50}"}},"brand-subtler":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-30p}","Light":"{color.scale.primary.alpha-30p}"}},"rb":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.normal}","Light":"{color.scale.rainbow.normal}"}},"rb-hovered":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.strong}","Light":"{color.scale.rainbow.strong}"}},"rb-subtle":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-50p}","Light":"{color.scale.rainbow.alpha-50p}"}},"rb-subtler":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-30p}","Light":"{color.scale.rainbow.alpha-30p}"}},"rb-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-10p}","Light":"{color.scale.rainbow.alpha-10p}"}},"icon-program":{"$type":"color","$value":{"Dark":"{color.scale.icon-primary}","Light":"{color.scale.icon-primary}"}},"brand-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-10p}","Light":"{color.scale.primary.alpha-10p}"}},"navy":{"$type":"color","$value":{"Dark":"{color.scale.navy.normal}","Light":"{color.scale.navy.normal}"}},"navy-hovered":{"$type":"color","$value":{"Dark":"{color.scale.navy.strong}","Light":"{color.scale.navy.strong}"}},"navy-subtle":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-50p}","Light":"{color.scale.navy.alpha-50p}"}},"navy-subtler":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-20p}","Light":"{color.scale.navy.alpha-20p}"}},"navy-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-15p}","Light":"{color.scale.navy.alpha-15p}"}}},"bg":{"dim":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.80}","Light":"{color.scale.zinc-950-alpha.50}"}},"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc.950}","Light":"{color.scale.zinc.50}"}},"overlay":{"$type":"color","$value":{"Dark":"{color.scale.zinc.700}","Light":"{color.scale.zinc.100}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.base.white}","Light":"{color.scale.zinc.950}"}},"raised":{"$type":"color","$value":{"Dark":"{color.scale.custom.gray-300}","Light":"{color.scale.zinc.100}"}},"card":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.10}","Light":"{color.scale.base.white}"}},"alt-1":{"$type":"color","$value":{"Dark":"{color.scale.zinc.900}","Light":"{color.scale.zinc.200}"}},"alt-2":{"$type":"color","$value":{"Dark":"{color.scale.zinc.800}","Light":"{color.scale.zinc.300}"}},"translucent":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.60}","Light":"{color.scale.zinc-50-alpha.50}"}},"overlay-high":{"$type":"color","$value":{"Dark":"{color.scale.zinc.600}","Light":"{color.scale.zinc.200}"}},"tooltip":{"$type":"color","$value":{"Dark":"{color.scale.zinc.50}","Light":"{color.scale.zinc.900}"}}}}')},m=e=>{f({text:e}),alert("복사가 완료되었습니다.")},D=e=>typeof e=="object"&&e!==null&&"$value"in e,h=(e,a=[])=>{if(D(e))return[a.join("-")];const o=[];return Object.entries(e).forEach(([r,s])=>{r.startsWith("$")||o.push(...h(s,[...a,r]))}),o},z=()=>{const e=k["scale color"];return Object.entries(e).map(([a,o])=>{const r=h(o,[a]);return{title:a,tokens:r.map(s=>`bg-scale-${s}`)}})},x=()=>{const e=L["semantic color"];return Object.entries(e).map(([a,o])=>{const r=h(o,[a]);return{title:a,tokens:r}})},i=z(),$=x(),j={backgroundColor:"#f1f1f4",backgroundImage:"linear-gradient(45deg, #bfbfc7 25%, transparent 25%), linear-gradient(-45deg, #bfbfc7 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #bfbfc7 75%), linear-gradient(-45deg, transparent 75%, #bfbfc7 75%)",backgroundSize:"10px 10px",backgroundPosition:"0 0, 0 5px, 5px -5px, -5px 0px"},w=e=>e.includes("alpha")||e.includes("transparent"),C=e=>e.startsWith("bg-scale-")?`--color-scale-${e.replace(/^bg-scale-/,"")}`:`--color-${e}`,N=({utility:e})=>{const a=C(e),o=w(e);return l.jsxs("button",{type:"button",className:"border-default bg-default cursor-copy rounded-md border p-2 text-left",onClick:()=>m(e),title:`Copy ${e}`,children:[l.jsx("div",{className:"border-subtle relative h-10 overflow-hidden rounded border",style:o?j:void 0,children:l.jsx("div",{className:"absolute inset-0",style:{backgroundColor:`var(${a})`}})}),l.jsx("p",{className:"text-subtle mt-2 text-sm break-all",children:e}),l.jsx("p",{className:"text-subtler mt-1 text-sm break-all",children:a})]})},u=({title:e,tokens:a})=>l.jsxs("section",{className:"border-default bg-default text-default space-y-2 rounded-lg border p-4",children:[l.jsx("h4",{className:"text-base font-semibold capitalize",children:e}),l.jsx("div",{className:"grid gap-2 sm:grid-cols-2 xl:grid-cols-3",children:a.map(o=>l.jsx(N,{utility:o},o))})]}),d=()=>{var e,a;return l.jsxs(p,{defaultValue:"scale",className:"w-full",children:[l.jsxs(n,{className:"border-default bg-default text-default supports-[backdrop-filter]:bg-default sticky top-2 z-20 mb-3 rounded-lg border p-1 shadow-sm backdrop-blur",children:[l.jsx(c,{value:"scale",children:"Scale"}),l.jsx(c,{value:"semantic",children:"Semantic"})]}),l.jsx(t,{value:"scale",className:"text-default",children:l.jsxs(p,{defaultValue:((e=i[0])==null?void 0:e.title)||"",className:"w-full",children:[l.jsx(n,{className:"border-default bg-default text-default supports-[backdrop-filter]:bg-default sticky top-14 z-10 mb-3 rounded-lg border p-1 shadow-sm backdrop-blur",children:i.map(o=>l.jsx(c,{value:o.title,children:o.title},o.title))}),i.map(o=>l.jsx(t,{value:o.title,className:"text-default",children:l.jsx(u,{title:o.title,tokens:o.tokens})},o.title))]})}),l.jsx(t,{value:"semantic",className:"text-default",children:l.jsxs(p,{defaultValue:((a=$[0])==null?void 0:a.title)||"",className:"w-full",children:[l.jsx(n,{className:"border-default bg-default text-default supports-[backdrop-filter]:bg-default sticky top-14 z-10 mb-3 rounded-lg border p-1 shadow-sm backdrop-blur",children:$.map(o=>l.jsx(c,{value:o.title,children:o.title},o.title))}),$.map(o=>l.jsx(t,{value:o.title,className:"text-default",children:l.jsx(u,{title:o.title,tokens:o.tokens})},o.title))]})})]})};d.__docgenInfo={description:"",methods:[],displayName:"ColorPreview"};function v(e){const a={code:"code",h1:"h1",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...y(),...e.components};return l.jsxs(l.Fragment,{children:[l.jsx(g,{title:"1.foundations/color"}),`
|
|
1
|
+
import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as y}from"./index-B4FGfHer.js";import{b as g,U as b}from"./index-C6CBgMuG.js";import{d as p,e as n,f as c,g as t}from"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-Dmy2JGbm.js";import{c as f}from"./browserUtils-CQM9Za7e.js";import"./index-ChsGqxH_.js";import"./iframe-CbaIp5I-.js";import"./index-CT3U1fyk.js";import"./index-BRq5TIsn.js";import"./index-DgH-xKnr.js";import"./index-DrFu-skq.js";const k={"scale color":{red:{500:{$type:"color",$value:"#fb2c36"},600:{$type:"color",$value:"#e7000b"},"alpha-50p":{$type:"color",$value:"#fb2c3680"},"alpha-30p":{$type:"color",$value:"#fb2c364d"},"alpha-10p":{$type:"color",$value:"#fb2c361a"},"alpha-20p":{$type:"color",$value:"#fb2c3633"}},orange:{500:{$type:"color",$value:"#ff6900"},600:{$type:"color",$value:"#f54a00"},"alpha-50p":{$type:"color",$value:"#ff690080"},"alpha-30p":{$type:"color",$value:"#ff69004d"},"alpha-10p":{$type:"color",$value:"#ff69001a"},"alpha-20p":{$type:"color",$value:"#ff690033"}},green:{500:{$type:"color",$value:"#00c951"},600:{$type:"color",$value:"#00a63e"},"alpha-50p":{$type:"color",$value:"#00c95180"},"alpha-30p":{$type:"color",$value:"#00c9514d"},"alpha-10p":{$type:"color",$value:"#00c9511a"},"alpha-20p":{$type:"color",$value:"#00c95133"}},blue:{500:{$type:"color",$value:"#2b7fff"},600:{$type:"color",$value:"#155dfc"},"alpha-50p":{$type:"color",$value:"#2b7fff80"},"alpha-30p":{$type:"color",$value:"#2b7fff4d"},"alpha-10p":{$type:"color",$value:"#2b7fff1a"},"alpha-20p":{$type:"color",$value:"#2b7fff33"}},"zinc-950-alpha":{5:{$type:"color",$value:"#09090b0d"},10:{$type:"color",$value:"#09090b1a"},15:{$type:"color",$value:"#09090b26"},20:{$type:"color",$value:"#09090b33"},25:{$type:"color",$value:"#09090b40"},30:{$type:"color",$value:"#09090b4d"},40:{$type:"color",$value:"#09090b66"},50:{$type:"color",$value:"#09090b80"},60:{$type:"color",$value:"#09090b99"},70:{$type:"color",$value:"#09090bb3"},75:{$type:"color",$value:"#09090bbf"},80:{$type:"color",$value:"#09090bcc"},85:{$type:"color",$value:"#09090bd9"},90:{$type:"color",$value:"#09090be6"},95:{$type:"color",$value:"#09090bf2"}},"zinc-50-alpha":{5:{$type:"color",$value:"#fafafa0d"},10:{$type:"color",$value:"#fafafa1a"},15:{$type:"color",$value:"#fafafa26"},20:{$type:"color",$value:"#fafafa33"},25:{$type:"color",$value:"#fafafa40"},30:{$type:"color",$value:"#fafafa4d"},40:{$type:"color",$value:"#fafafa66"},50:{$type:"color",$value:"#fafafa80"},60:{$type:"color",$value:"#fafafa99"},70:{$type:"color",$value:"#fafafab3"},75:{$type:"color",$value:"#fafafabf"},80:{$type:"color",$value:"#fafafacc"},85:{$type:"color",$value:"#fafafad9"},90:{$type:"color",$value:"#fafafae6"},95:{$type:"color",$value:"#fafafaf2"}},zinc:{50:{$type:"color",$value:"#fafafa"},100:{$type:"color",$value:"#f4f4f5"},200:{$type:"color",$value:"#e4e4e7"},300:{$type:"color",$value:"#d4d4d8"},400:{$type:"color",$value:"#9f9fa9"},500:{$type:"color",$value:"#71717b"},600:{$type:"color",$value:"#52525c"},700:{$type:"color",$value:"#3f3f46"},800:{$type:"color",$value:"#232326"},900:{$type:"color",$value:"#18181b"},950:{$type:"color",$value:"#09090b"}},base:{black:{$type:"color",$value:"#000000"},transparent:{$type:"color",$value:"#ffffff00"},white:{$type:"color",$value:"#ffffff"}},yellow:{400:{$type:"color",$value:"#fcc800"},500:{$type:"color",$value:"#efb100"},"alpha-50p":{$type:"color",$value:"#fcc80080"},"alpha-30p":{$type:"color",$value:"#fcc8004d"},"alpha-10p":{$type:"color",$value:"#fcc8001a"},"alpha-20p":{$type:"color",$value:"#fcc80033"}},primary:{"alpha-10p":{$type:"color",$value:"#155dfc1a"},"alpha-30p":{$type:"color",$value:"#155dfc4d"},stronger:{$type:"color",$value:"#003baf"},strong:{$type:"color",$value:"#154dd0"},"alpha-50p":{$type:"color",$value:"#155dfc80"},normal:{$type:"color",$value:"#155dfc"}},custom:{"gray-100":{$type:"color",$value:"#18181a"},"gray-200":{$type:"color",$value:"#1f1f22"},"gray-300":{$type:"color",$value:"#2a2a2d"}},violet:{500:{$type:"color",$value:"#8e51ff"},600:{$type:"color",$value:"#7f22fe"},"alpha-50p":{$type:"color",$value:"#8e51ff80"},"alpha-30p":{$type:"color",$value:"#8e51ff4d"},"alpha-20p":{$type:"color",$value:"#8e51ff33"},"alpha-10p":{$type:"color",$value:"#8e51ff1a"}},rainbow:{normal:{$type:"color",$value:"#e6331b"},strong:{$type:"color",$value:"#cf2d18"},stronger:{$type:"color",$value:"#b82815"},"alpha-50p":{$type:"color",$value:"#e6331b80"},"alpha-30p":{$type:"color",$value:"#e6331b4d"},"alpha-10p":{$type:"color",$value:"#e6331b1a"}},"icon-primary":{$type:"color",$value:"#5c9cff"},navy:{normal:{$type:"color",$value:"#0b558c"},strong:{$type:"color",$value:"#094a7a"},stronger:{$type:"color",$value:"#073e67"},"alpha-50p":{$type:"color",$value:"#0b558c80"},"alpha-30p":{$type:"color",$value:"#082a6c4d"},"alpha-10p":{$type:"color",$value:"#082a6c1a"},"alpha-20p":{$type:"color",$value:"#0b558c33"},"alpha-15p":{$type:"color",$value:"#0b558c26"}}}},L={"semantic color":JSON.parse('{"fg":{"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc.50}","Light":"{color.scale.zinc.950}"}},"danger-subtle":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-30p}","Light":"{color.scale.red.alpha-50p}"}},"danger":{"$type":"color","$value":{"Dark":"{color.scale.red.500}","Light":"{color.scale.red.500}"}},"warning-subtle":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-50p}","Light":"{color.scale.orange.alpha-50p}"}},"warning":{"$type":"color","$value":{"Dark":"{color.scale.orange.500}","Light":"{color.scale.orange.500}"}},"success-subtle":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-50p}","Light":"{color.scale.green.alpha-50p}"}},"success":{"$type":"color","$value":{"Dark":"{color.scale.green.500}","Light":"{color.scale.green.600}"}},"information-subtle":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-50p}","Light":"{color.scale.blue.alpha-50p}"}},"information":{"$type":"color","$value":{"Dark":"{color.scale.blue.500}","Light":"{color.scale.blue.500}"}},"disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.20}","Light":"{color.scale.zinc-950-alpha.25}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.zinc.950}","Light":"{color.scale.zinc.50}"}},"subtlest":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.30}","Light":"{color.scale.zinc-950-alpha.40}"}},"subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.60}","Light":"{color.scale.zinc-950-alpha.70}"}},"subtler":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.40}","Light":"{color.scale.zinc-950-alpha.60}"}},"inverse-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.15}","Light":"{color.scale.zinc-50-alpha.20}"}},"brand":{"$type":"color","$value":{"Dark":"{color.scale.primary.normal}","Light":"{color.scale.primary.normal}"}},"brand-subtle":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-50p}","Light":"{color.scale.primary.alpha-50p}"}},"default-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.80}","Light":"{color.scale.zinc-950-alpha.80}"}},"brand-hovered":{"$type":"color","$value":{"Dark":"{color.scale.primary.strong}","Light":"{color.scale.primary.strong}"}},"caution":{"$type":"color","$value":{"Dark":"{color.scale.yellow.400}","Light":"{color.scale.yellow.400}"}},"caution-subtle":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-50p}","Light":"{color.scale.yellow.alpha-50p}"}},"static-white":{"$type":"color","$value":{"Dark":"{color.scale.base.white}","Light":"{color.scale.base.white}"}},"static-white-subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc.500}","Light":"{color.scale.zinc.500}"}},"debug":{"$type":"color","$value":{"Dark":"{color.scale.violet.500}","Light":"{color.scale.violet.500}"}},"debug-subtle":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-50p}","Light":"{color.scale.violet.alpha-50p}"}},"rb":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.normal}","Light":"{color.scale.rainbow.normal}"}},"rb-subtle":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-50p}","Light":"{color.scale.rainbow.alpha-50p}"}},"navy":{"$type":"color","$value":{"Dark":"{color.scale.navy.normal}","Light":"{color.scale.navy.normal}"}},"navy-subtle":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-50p}","Light":"{color.scale.navy.alpha-50p}"}},"navy-hovered":{"$type":"color","$value":{"Dark":"{color.scale.navy.strong}","Light":"{color.scale.navy.strong}"}}},"border":{"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.30}","Light":"{color.scale.zinc-950-alpha.20}"}},"danger-stronger":{"$type":"color","$value":{"Dark":"{color.scale.red.500}","Light":"{color.scale.red.500}"}},"warning-stronger":{"$type":"color","$value":{"Dark":"{color.scale.orange.500}","Light":"{color.scale.orange.500}"}},"success-stronger":{"$type":"color","$value":{"Dark":"{color.scale.green.500}","Light":"{color.scale.green.500}"}},"information-stronger":{"$type":"color","$value":{"Dark":"{color.scale.blue.500}","Light":"{color.scale.blue.500}"}},"disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"inverse-stronger":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.90}","Light":"{color.scale.zinc-50-alpha.90}"}},"stronger":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.90}","Light":"{color.scale.zinc-950-alpha.90}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.20}","Light":"{color.scale.zinc-50-alpha.30}"}},"danger":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-50p}","Light":"{color.scale.red.alpha-50p}"}},"warning":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-50p}","Light":"{color.scale.orange.alpha-50p}"}},"information":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-50p}","Light":"{color.scale.blue.alpha-50p}"}},"success":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-50p}","Light":"{color.scale.green.alpha-50p}"}},"subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.15}","Light":"{color.scale.zinc-950-alpha.15}"}},"input-focused":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.90}","Light":"{color.scale.zinc-950-alpha.90}"}},"inverse-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.10}","Light":"{color.scale.zinc-50-alpha.10}"}},"brand-stronger":{"$type":"color","$value":{"Dark":"{color.scale.primary.normal}","Light":"{color.scale.primary.normal}"}},"brand":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-50p}","Light":"{color.scale.primary.alpha-50p}"}},"caution-stronger":{"$type":"color","$value":{"Dark":"{color.scale.yellow.400}","Light":"{color.scale.yellow.400}"}},"caution":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-50p}","Light":"{color.scale.yellow.alpha-50p}"}},"debug-stronger":{"$type":"color","$value":{"Dark":"{color.scale.violet.500}","Light":"{color.scale.violet.500}"}},"debug":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-50p}","Light":"{color.scale.violet.alpha-50p}"}},"subtler":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.10}","Light":"{color.scale.zinc-950-alpha.10}"}},"rb-stronger":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.normal}","Light":"{color.scale.rainbow.normal}"}},"rb":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-50p}","Light":"{color.scale.rainbow.alpha-50p}"}},"navy-stronger":{"$type":"color","$value":{"Dark":"{color.scale.navy.normal}","Light":"{color.scale.navy.normal}"}},"navy":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-50p}","Light":"{color.scale.navy.alpha-50p}"}}},"fill":{"danger-subtle":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-30p}","Light":"{color.scale.red.alpha-30p}"}},"danger":{"$type":"color","$value":{"Dark":"{color.scale.red.500}","Light":"{color.scale.red.500}"}},"warning-subtle":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-30p}","Light":"{color.scale.orange.alpha-30p}"}},"warning":{"$type":"color","$value":{"Dark":"{color.scale.orange.500}","Light":"{color.scale.orange.500}"}},"success-subtle":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-30p}","Light":"{color.scale.green.alpha-30p}"}},"success":{"$type":"color","$value":{"Dark":"{color.scale.green.500}","Light":"{color.scale.green.500}"}},"information-subtle":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-30p}","Light":"{color.scale.blue.alpha-30p}"}},"information":{"$type":"color","$value":{"Dark":"{color.scale.blue.500}","Light":"{color.scale.blue.500}"}},"disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"control surface":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.50}","Light":"{color.scale.zinc.50}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.zinc.900}","Light":"{color.scale.zinc.100}"}},"inverse-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc.700}","Light":"{color.scale.zinc.300}"}},"subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.40}","Light":"{color.scale.zinc-950-alpha.40}"}},"subtle-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.30}","Light":"{color.scale.zinc-950-alpha.30}"}},"transparent":{"$type":"color","$value":{"Dark":"{color.scale.base.transparent}","Light":"{color.scale.base.transparent}"}},"transparent-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc.100}","Light":"{color.scale.zinc.900}"}},"default-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc.300}","Light":"{color.scale.zinc.700}"}},"inverse-subtle":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.40}","Light":"{color.scale.zinc-50-alpha.40}"}},"inverse-subtle-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.30}","Light":"{color.scale.zinc-50-alpha.30}"}},"inverse-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.10}","Light":"{color.scale.zinc-50-alpha.10}"}},"brand":{"$type":"color","$value":{"Dark":"{color.scale.primary.normal}","Light":"{color.scale.primary.normal}"}},"brand-subtle":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-50p}","Light":"{color.scale.primary.alpha-50p}"}},"subtler":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.20}","Light":"{color.scale.zinc-950-alpha.20}"}},"subtler-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.15}","Light":"{color.scale.zinc-950-alpha.15}"}},"brand-hovered":{"$type":"color","$value":{"Dark":"{color.scale.primary.strong}","Light":"{color.scale.primary.strong}"}},"control surface-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.30}","Light":"{color.scale.zinc.100}"}},"caution-subtle":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-30p}","Light":"{color.scale.yellow.alpha-30p}"}},"caution":{"$type":"color","$value":{"Dark":"{color.scale.yellow.400}","Light":"{color.scale.yellow.400}"}},"danger-subtler":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-20p}","Light":"{color.scale.red.alpha-20p}"}},"warning-subtler":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-20p}","Light":"{color.scale.orange.alpha-20p}"}},"caution-subtler":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-20p}","Light":"{color.scale.yellow.alpha-20p}"}},"success-subtler":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-20p}","Light":"{color.scale.green.alpha-20p}"}},"information-subtler":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-20p}","Light":"{color.scale.blue.alpha-20p}"}},"subtlest":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.10}","Light":"{color.scale.zinc-950-alpha.10}"}},"subtlest-hovered":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.5}","Light":"{color.scale.zinc-950-alpha.5}"}},"warning-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.orange.alpha-10p}","Light":"{color.scale.orange.alpha-10p}"}},"caution-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.yellow.alpha-10p}","Light":"{color.scale.yellow.alpha-10p}"}},"information-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.blue.alpha-10p}","Light":"{color.scale.blue.alpha-10p}"}},"success-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.green.alpha-10p}","Light":"{color.scale.green.alpha-10p}"}},"danger-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.red.alpha-10p}","Light":"{color.scale.red.alpha-10p}"}},"danger-hovered":{"$type":"color","$value":{"Dark":"{color.scale.red.600}","Light":"{color.scale.red.600}"}},"warning-hovered":{"$type":"color","$value":{"Dark":"{color.scale.orange.600}","Light":"{color.scale.orange.600}"}},"caution-hovered":{"$type":"color","$value":{"Dark":"{color.scale.yellow.500}","Light":"{color.scale.yellow.500}"}},"information-hovered":{"$type":"color","$value":{"Dark":"{color.scale.blue.600}","Light":"{color.scale.blue.600}"}},"success-hovered":{"$type":"color","$value":{"Dark":"{color.scale.green.600}","Light":"{color.scale.green.600}"}},"debug":{"$type":"color","$value":{"Dark":"{color.scale.violet.500}","Light":"{color.scale.violet.500}"}},"debug-hovered":{"$type":"color","$value":{"Dark":"{color.scale.violet.600}","Light":"{color.scale.violet.600}"}},"debug-subtle":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-30p}","Light":"{color.scale.violet.alpha-30p}"}},"debug-subtler":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-20p}","Light":"{color.scale.violet.alpha-20p}"}},"debug-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.violet.alpha-10p}","Light":"{color.scale.violet.alpha-10p}"}},"control surface-disabled":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.25}","Light":"{color.scale.zinc.50}"}},"brand-subtler":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-30p}","Light":"{color.scale.primary.alpha-30p}"}},"rb":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.normal}","Light":"{color.scale.rainbow.normal}"}},"rb-hovered":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.strong}","Light":"{color.scale.rainbow.strong}"}},"rb-subtle":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-50p}","Light":"{color.scale.rainbow.alpha-50p}"}},"rb-subtler":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-30p}","Light":"{color.scale.rainbow.alpha-30p}"}},"rb-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.rainbow.alpha-10p}","Light":"{color.scale.rainbow.alpha-10p}"}},"icon-program":{"$type":"color","$value":{"Dark":"{color.scale.icon-primary}","Light":"{color.scale.icon-primary}"}},"brand-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.primary.alpha-10p}","Light":"{color.scale.primary.alpha-10p}"}},"navy":{"$type":"color","$value":{"Dark":"{color.scale.navy.normal}","Light":"{color.scale.navy.normal}"}},"navy-hovered":{"$type":"color","$value":{"Dark":"{color.scale.navy.strong}","Light":"{color.scale.navy.strong}"}},"navy-subtle":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-50p}","Light":"{color.scale.navy.alpha-50p}"}},"navy-subtler":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-20p}","Light":"{color.scale.navy.alpha-20p}"}},"navy-subtlest":{"$type":"color","$value":{"Dark":"{color.scale.navy.alpha-15p}","Light":"{color.scale.navy.alpha-15p}"}}},"bg":{"dim":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.80}","Light":"{color.scale.zinc-950-alpha.50}"}},"default":{"$type":"color","$value":{"Dark":"{color.scale.zinc.950}","Light":"{color.scale.zinc.50}"}},"overlay":{"$type":"color","$value":{"Dark":"{color.scale.zinc.700}","Light":"{color.scale.zinc.100}"}},"inverse":{"$type":"color","$value":{"Dark":"{color.scale.base.white}","Light":"{color.scale.zinc.950}"}},"raised":{"$type":"color","$value":{"Dark":"{color.scale.custom.gray-300}","Light":"{color.scale.zinc.100}"}},"card":{"$type":"color","$value":{"Dark":"{color.scale.zinc-50-alpha.10}","Light":"{color.scale.base.white}"}},"alt-1":{"$type":"color","$value":{"Dark":"{color.scale.zinc.900}","Light":"{color.scale.zinc.200}"}},"alt-2":{"$type":"color","$value":{"Dark":"{color.scale.zinc.800}","Light":"{color.scale.zinc.300}"}},"translucent":{"$type":"color","$value":{"Dark":"{color.scale.zinc-950-alpha.60}","Light":"{color.scale.zinc-50-alpha.50}"}},"overlay-high":{"$type":"color","$value":{"Dark":"{color.scale.zinc.600}","Light":"{color.scale.zinc.200}"}},"tooltip":{"$type":"color","$value":{"Dark":"{color.scale.zinc.50}","Light":"{color.scale.zinc.900}"}}}}')},m=e=>{f({text:e}),alert("복사가 완료되었습니다.")},D=e=>typeof e=="object"&&e!==null&&"$value"in e,h=(e,a=[])=>{if(D(e))return[a.join("-")];const o=[];return Object.entries(e).forEach(([r,s])=>{r.startsWith("$")||o.push(...h(s,[...a,r]))}),o},z=()=>{const e=k["scale color"];return Object.entries(e).map(([a,o])=>{const r=h(o,[a]);return{title:a,tokens:r.map(s=>`bg-scale-${s}`)}})},x=()=>{const e=L["semantic color"];return Object.entries(e).map(([a,o])=>{const r=h(o,[a]);return{title:a,tokens:r}})},i=z(),$=x(),j={backgroundColor:"#f1f1f4",backgroundImage:"linear-gradient(45deg, #bfbfc7 25%, transparent 25%), linear-gradient(-45deg, #bfbfc7 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #bfbfc7 75%), linear-gradient(-45deg, transparent 75%, #bfbfc7 75%)",backgroundSize:"10px 10px",backgroundPosition:"0 0, 0 5px, 5px -5px, -5px 0px"},w=e=>e.includes("alpha")||e.includes("transparent"),C=e=>e.startsWith("bg-scale-")?`--color-scale-${e.replace(/^bg-scale-/,"")}`:`--color-${e}`,N=({utility:e})=>{const a=C(e),o=w(e);return l.jsxs("button",{type:"button",className:"border-default bg-default cursor-copy rounded-md border p-2 text-left",onClick:()=>m(e),title:`Copy ${e}`,children:[l.jsx("div",{className:"border-subtle relative h-10 overflow-hidden rounded border",style:o?j:void 0,children:l.jsx("div",{className:"absolute inset-0",style:{backgroundColor:`var(${a})`}})}),l.jsx("p",{className:"text-subtle mt-2 text-sm break-all",children:e}),l.jsx("p",{className:"text-subtler mt-1 text-sm break-all",children:a})]})},u=({title:e,tokens:a})=>l.jsxs("section",{className:"border-default bg-default text-default space-y-2 rounded-lg border p-4",children:[l.jsx("h4",{className:"text-base font-semibold capitalize",children:e}),l.jsx("div",{className:"grid gap-2 sm:grid-cols-2 xl:grid-cols-3",children:a.map(o=>l.jsx(N,{utility:o},o))})]}),d=()=>{var e,a;return l.jsxs(p,{defaultValue:"scale",className:"w-full",children:[l.jsxs(n,{className:"border-default bg-default text-default supports-[backdrop-filter]:bg-default sticky top-2 z-20 mb-3 rounded-lg border p-1 shadow-sm backdrop-blur",children:[l.jsx(c,{value:"scale",children:"Scale"}),l.jsx(c,{value:"semantic",children:"Semantic"})]}),l.jsx(t,{value:"scale",className:"text-default",children:l.jsxs(p,{defaultValue:((e=i[0])==null?void 0:e.title)||"",className:"w-full",children:[l.jsx(n,{className:"border-default bg-default text-default supports-[backdrop-filter]:bg-default sticky top-14 z-10 mb-3 rounded-lg border p-1 shadow-sm backdrop-blur",children:i.map(o=>l.jsx(c,{value:o.title,children:o.title},o.title))}),i.map(o=>l.jsx(t,{value:o.title,className:"text-default",children:l.jsx(u,{title:o.title,tokens:o.tokens})},o.title))]})}),l.jsx(t,{value:"semantic",className:"text-default",children:l.jsxs(p,{defaultValue:((a=$[0])==null?void 0:a.title)||"",className:"w-full",children:[l.jsx(n,{className:"border-default bg-default text-default supports-[backdrop-filter]:bg-default sticky top-14 z-10 mb-3 rounded-lg border p-1 shadow-sm backdrop-blur",children:$.map(o=>l.jsx(c,{value:o.title,children:o.title},o.title))}),$.map(o=>l.jsx(t,{value:o.title,className:"text-default",children:l.jsx(u,{title:o.title,tokens:o.tokens})},o.title))]})})]})};d.__docgenInfo={description:"",methods:[],displayName:"ColorPreview"};function v(e){const a={code:"code",h1:"h1",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...y(),...e.components};return l.jsxs(l.Fragment,{children:[l.jsx(g,{title:"1.foundations/color"}),`
|
|
2
2
|
`,l.jsx(a.h1,{id:"color",children:"Color"}),`
|
|
3
3
|
`,l.jsxs(a.p,{children:[l.jsx(a.code,{children:"rb-token.css"}),"에 정의된 색상 토큰 전체를 미리보기에서 확인합니다."]}),`
|
|
4
|
-
`,l.jsx(a.pre,{children:l.jsx(a.code,{className:"language-tsx",children:`<div className="bg-default text-default border border-default"
|
|
5
|
-
<div className="bg-fill-brand text-inverse"
|
|
4
|
+
`,l.jsx(a.pre,{children:l.jsx(a.code,{className:"language-tsx",children:`<div className="bg-default text-default border border-default" />
|
|
5
|
+
<div className="bg-fill-brand text-inverse" />
|
|
6
6
|
<div className="text-danger" />
|
|
7
7
|
`})}),`
|
|
8
8
|
`,l.jsx(a.h3,{id:"구성",children:"구성"}),`
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-B4FGfHer.js";import{b as n,U as l}from"./index-
|
|
1
|
+
import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-B4FGfHer.js";import{b as n,U as l}from"./index-C6CBgMuG.js";import{c as i}from"./browserUtils-CQM9Za7e.js";import"./index-ChsGqxH_.js";import"./index-Dmy2JGbm.js";import"./iframe-CbaIp5I-.js";import"./index-CT3U1fyk.js";import"./index-BRq5TIsn.js";import"./index-DgH-xKnr.js";import"./index-DrFu-skq.js";const c={"down-2xs":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 1px 4px 0px rgba(9, 9, 11, 0.188)"},"down-xs":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 4px 10px 0px rgba(9, 9, 11, 0.18)"},"down-sm":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 10px 16px 0px rgba(9, 9, 11, 0.169)"},"down-md":{$type:"shadow",$value:"0px 0px 2px 0px rgba(9, 9, 11, 0.2), 0px 20px 32px 0px rgba(9, 9, 11, 0.161)"},"down-lg":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 34px 48px 0px rgba(9, 9, 11, 0.149)"},"down-xl":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px 52px 64px 0px rgba(9, 9, 11, 0.141)"},"up-2xs":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -1px 4px 0px rgba(9, 9, 11, 0.188)"},"up-xs":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -4px 10px 0px rgba(9, 9, 11, 0.18)"},"up-sm":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -10px 16px 0px rgba(9, 9, 11, 0.169)"},"up-md":{$type:"shadow",$value:"0px 0px 2px 0px rgba(9, 9, 11, 0.2), 0px -20px 32px 0px rgba(9, 9, 11, 0.161)"},"up-lg":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -34px 48px 0px rgba(9, 9, 11, 0.149)"},"up-xl":{$type:"shadow",$value:"0px 0px 1px 0px rgba(9, 9, 11, 0.2), 0px -52px 64px 0px rgba(9, 9, 11, 0.141)"}},h={shadow:c},u=Object.entries(h.shadow).map(([e,p])=>({token:`shadow-${e}`,value:p.$value})),m=e=>{i({text:e}),alert("복사가 완료되었습니다.")},w=e=>{const p=[];let a="",s=0;for(const o of e){if(o==="("&&(s+=1),o===")"&&(s-=1),o===","&&s===0){p.push(a.trim()),a="";continue}a+=o}return a.trim()&&p.push(a.trim()),p},d=()=>x.jsx("div",{className:"grid gap-4 md:grid-cols-3",children:u.map(({token:e,value:p})=>x.jsxs("button",{type:"button",className:"border-default bg-default text-default cursor-copy rounded-lg border p-4 text-left",style:{boxShadow:p},onClick:()=>m(e),title:`Copy ${e}`,children:[x.jsx("p",{className:"text-sm font-medium",children:e}),w(p).map((a,s)=>x.jsx("p",{className:"text-subtle mt-1 text-sm",children:`Layer ${s+1}: ${a}`},`${e}-${s}`))]},e))});d.__docgenInfo={description:"",methods:[],displayName:"ShadowPreview"};function r(e){const p={code:"code",h1:"h1",li:"li",p:"p",pre:"pre",ul:"ul",...t(),...e.components};return x.jsxs(x.Fragment,{children:[x.jsx(n,{title:"1.foundations/shadow"}),`
|
|
2
2
|
`,x.jsx(p.h1,{id:"shadow",children:"Shadow"}),`
|
|
3
3
|
`,x.jsxs(p.p,{children:[x.jsx(p.code,{children:"--shadow-*"})," 토큰은 2개의 레이어를 합성해서 만듭니다."]}),`
|
|
4
4
|
`,x.jsxs(p.ul,{children:[`
|
|
5
5
|
`,x.jsxs(p.li,{children:[x.jsx(p.code,{children:"Layer 1"}),": 메인 깊이(blur/spread가 큰 그림자)"]}),`
|
|
6
6
|
`,x.jsxs(p.li,{children:[x.jsx(p.code,{children:"Layer 2"}),": 가장자리 선명도 보정(작은 blur의 얕은 그림자)"]}),`
|
|
7
7
|
`]}),`
|
|
8
|
-
`,x.jsx(p.pre,{children:x.jsx(p.code,{className:"language-tsx",children:`<div className="shadow-down-2xs"
|
|
9
|
-
<div className="shadow-down-sm"
|
|
8
|
+
`,x.jsx(p.pre,{children:x.jsx(p.code,{className:"language-tsx",children:`<div className="shadow-down-2xs" />
|
|
9
|
+
<div className="shadow-down-sm" />
|
|
10
10
|
<div className="shadow-up-xl" />
|
|
11
11
|
`})}),`
|
|
12
|
-
`,x.jsx(l,{children:x.jsx(d,{})})]})}function M(e={}){const{wrapper:p}={...t(),...e.components};return p?x.jsx(p,{...e,children:x.jsx(
|
|
12
|
+
`,x.jsx(l,{children:x.jsx(d,{})})]})}function M(e={}){const{wrapper:p}={...t(),...e.components};return p?x.jsx(p,{...e,children:x.jsx(r,{...e})}):r(e)}export{M as default};
|
|
@@ -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-
|
|
2
|
+
import{_ as l}from"./iframe-CbaIp5I-.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-C6CBgMuG.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};
|
package/cli/storybook-dist/assets/{NxAvatar.stories-DsYFMUh3.js → NxAvatar.stories-CwnK8AUF.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{c as a}from"./react-resizable-panels.browser-
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{c as a}from"./react-resizable-panels.browser-8hC8dr-6.js";import{V as p}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
package/cli/storybook-dist/assets/{NxButton.stories-CHfNcqsc.js → NxButton.stories-ueYdosfQ.js}
RENAMED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{j as
|
|
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=>
|
|
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-8hC8dr-6.js";import{bk as y,bl as x}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
8
|
parameters: {
|
|
9
9
|
docs: {
|
|
10
10
|
description: {
|
|
@@ -17,4 +17,4 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import
|
|
|
17
17
|
size: "default"
|
|
18
18
|
},
|
|
19
19
|
render: Template
|
|
20
|
-
}`,...(d=(i=
|
|
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"./index-Dmy2JGbm.js";import{a as m,u as c,c as a}from"./react-resizable-panels.browser-
|
|
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-8hC8dr-6.js";import{br as d}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{c as p}from"./react-resizable-panels.browser-
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{c as p}from"./react-resizable-panels.browser-8hC8dr-6.js";import{b9 as a}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{m as w}from"./SideNumberInput-
|
|
1
|
+
import{j as x}from"./jsx-runtime-BTJTZTIL.js";import{m as w}from"./SideNumberInput-DyWQxYUj.js";import{u as b,c as E}from"./react-resizable-panels.browser-8hC8dr-6.js";import{r as i}from"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as g}from"./jsx-runtime-BTJTZTIL.js";import{n as v,bm as d}from"./SideNumberInput-
|
|
2
|
-
from: string | undefined
|
|
3
|
-
to: string | undefined
|
|
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
|
-
from: string | undefined
|
|
6
|
-
to: string | undefined
|
|
1
|
+
import{j as g}from"./jsx-runtime-BTJTZTIL.js";import{n as v,bm as d}from"./SideNumberInput-DyWQxYUj.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const p=e=>{if(!e)return;const r=new Date(e.replace(" ","T"));return isNaN(r.getTime())?void 0:r},s=({className:e,name:r,readOnly:l,value:n,includeTime:y,handleChange:i,size:T,variant:D})=>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:D,handleChange:(a,o,q)=>{const m=y?"YYYY-MM-DD HH:mm":"YYYY-MM-DD";i==null||i({from:a!==void 0?d(a.getTime(),m):void 0,to:o!==void 0?d(o.getTime(),m):void 0},q)}});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
|
+
from: string | undefined;
|
|
3
|
+
to: string | undefined;
|
|
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
|
+
from: string | undefined;
|
|
6
|
+
to: string | undefined;
|
|
7
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 M={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: {
|
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-8hC8dr-6.js";import{bn as g,bo as s}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
e: ChangeEvent<HTMLInputElement> | { target: HTMLInputElement },
|
|
3
3
|
) => void`,detail:`
|
|
4
4
|
- e: 변경된 value의 ChangeEvent. e.target.value로 변경하려는 value값을 가져옴
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{aN as p}from"./SideNumberInput-
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{aN as p}from"./SideNumberInput-DyWQxYUj.js";import{c}from"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
package/cli/storybook-dist/assets/{NxSwitch.stories-DrDBw0qp.js → NxSwitch.stories-Bwuyzn-R.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-8hC8dr-6.js";import{X as v}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
package/cli/storybook-dist/assets/{NxTextArea.stories-DTB2aqNS.js → NxTextArea.stories-COq2sGqu.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-8hC8dr-6.js";import{bp as l}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-8hC8dr-6.js";import{bq as b}from"./SideNumberInput-DyWQxYUj.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as s}from"./SideNumberInput-
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as s}from"./SideNumberInput-DyWQxYUj.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -9,8 +9,8 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as s}from"./SideNumberInp
|
|
|
9
9
|
args: {
|
|
10
10
|
type: "transparent",
|
|
11
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
|
|
12
|
+
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
13
|
+
Accordion Content
|
|
14
14
|
</div>
|
|
15
15
|
},
|
|
16
16
|
render: Template
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{a as c}from"./SideNumberInput-
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{a as c}from"./SideNumberInput-DyWQxYUj.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -9,25 +9,25 @@ import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{a as c}from"./SideNumberInp
|
|
|
9
9
|
args: {
|
|
10
10
|
list: [{
|
|
11
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
|
|
12
|
+
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
13
|
+
Accordion Content
|
|
14
14
|
</div>
|
|
15
15
|
}, {
|
|
16
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
|
|
17
|
+
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
18
|
+
Accordion Content
|
|
19
19
|
</div>
|
|
20
20
|
}, {
|
|
21
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
|
|
22
|
+
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
23
|
+
Accordion Content
|
|
24
24
|
</div>
|
|
25
25
|
}, {
|
|
26
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
|
|
27
|
+
children: <div className="typo-compact-xs-normal text-fg-subtle flex h-12 items-center justify-center">
|
|
28
|
+
Accordion Content
|
|
29
29
|
</div>
|
|
30
30
|
}]
|
|
31
31
|
},
|
|
32
32
|
render: Template
|
|
33
|
-
}`,...(
|
|
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};
|
package/cli/storybook-dist/assets/{RBAlert.stories-DLTAv9fT.js → RBAlert.stories-BQrkjZPt.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
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-
|
|
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-DyWQxYUj.js";import"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.js";import"./index-BRq5TIsn.js";const B={component:a,tags:["autodocs"]},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
2
|
parameters: {
|
|
3
3
|
docs: {
|
|
4
4
|
description: {
|
|
@@ -8,8 +8,8 @@ import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{r as m}from"./index-Dmy2JGb
|
|
|
8
8
|
},
|
|
9
9
|
args: {
|
|
10
10
|
title: "Alert Modal",
|
|
11
|
-
content: <div className="text-fg-default px-4 py-2 text-sm"
|
|
12
|
-
Alert Modal Body Text
|
|
11
|
+
content: <div className="text-fg-default px-4 py-2 text-sm">
|
|
12
|
+
Alert Modal Body Text
|
|
13
13
|
</div>,
|
|
14
14
|
buttonText: "Confirm"
|
|
15
15
|
},
|
package/cli/storybook-dist/assets/{RBBadge.stories-BNMACewA.js → RBBadge.stories-BTsLL-lK.js}
RENAMED
|
@@ -1 +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-
|
|
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-DyWQxYUj.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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};
|
package/cli/storybook-dist/assets/{RBBattery.stories-B3kXMAt5.js → RBBattery.stories-DAeQdJbc.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{g as l}from"./SideNumberInput-
|
|
1
|
+
import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{g as l}from"./SideNumberInput-DyWQxYUj.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-8hC8dr-6.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CQM9Za7e.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
2
|
args: {},
|
|
3
3
|
render: Template
|
|
4
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:`{
|