@class101/cdn-ui-system 0.0.7 → 0.0.11

package/lib/Form/SelectField/SelectField.stories.js

@@ -1,89 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Form/SelectField/SelectField.stories.tsx
-import {SelectField} from "./SelectField.js";
-
-// libs/shared/ui-system/src/lib/Form/FormField/FormField.stories.tsx
-import {FormField} from "./FormField.js";
-var FormField_stories_default = {
-  title: "ui-system/Form/FormField",
-  component: FormField,
-  argTypes: {
-    label: {
-      type: "string",
-      defaultValue: "Label"
-    },
-    defaultMessage: {
-      type: "string",
-      defaultValue: "Default message"
-    },
-    successMessage: {
-      type: "string",
-      defaultValue: ""
-    },
-    errorMessage: {
-      type: "string",
-      defaultValue: ""
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(FormField, {
-  ...props,
-  render: () => /* @__PURE__ */ React.createElement(React.Fragment, null)
-});
-var BasicUsage = Template.bind({});
-
-// libs/shared/ui-system/src/lib/Form/Select/Select.stories.tsx
-import {VStack} from "../../Layout/VStack/index.js";
-import {Select} from "./Select.js";
-var Select_stories_default = {
-  title: "ui-system/Form/Select",
-  component: Select,
-  argTypes: {
-    options: {
-      defaultValue: [
-        {value: "apple", label: "Apple"},
-        {value: "lemon", label: "Lemon"},
-        {value: "orange", label: "Orange"}
-      ],
-      type: "array"
-    },
-    placeholder: {
-      type: "string",
-      defaultValue: "\uBA39\uACE0\uC2F6\uC740 \uACFC\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694."
-    },
-    state: {
-      defaultValue: "normal",
-      control: {
-        type: "select",
-        options: ["normal", "error"]
-      }
-    },
-    disabled: {
-      type: "boolean",
-      defaultValue: false
-    }
-  }
-};
-var Template2 = (props) => /* @__PURE__ */ React.createElement(VStack, {
-  width: 200
-}, /* @__PURE__ */ React.createElement(Select, {
-  ...props
-}));
-var BasicUsage2 = Template2.bind({});
-
-// libs/shared/ui-system/src/lib/Form/SelectField/SelectField.stories.tsx
-var SelectField_stories_default = {
-  title: "ui-system/Form/SelectField",
-  component: SelectField,
-  argTypes: {...Select_stories_default.argTypes, ...FormField_stories_default.argTypes}
-};
-var Template3 = (props) => /* @__PURE__ */ React.createElement(SelectField, {
-  ...props
-});
-var BasicUsage3 = Template3.bind({});
-export {
-  BasicUsage3 as BasicUsage,
-  SelectField_stories_default as default
-};

package/lib/Form/TextField/TextField.stories.js

@@ -1,84 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Form/TextField/TextField.stories.tsx
-import {VStack} from "../../Layout/VStack/index.js";
-import {TextField} from "./TextField.js";
-
-// libs/shared/ui-system/src/lib/Form/FormField/FormField.stories.tsx
-import {FormField} from "./FormField.js";
-var FormField_stories_default = {
-  title: "ui-system/Form/FormField",
-  component: FormField,
-  argTypes: {
-    label: {
-      type: "string",
-      defaultValue: "Label"
-    },
-    defaultMessage: {
-      type: "string",
-      defaultValue: "Default message"
-    },
-    successMessage: {
-      type: "string",
-      defaultValue: ""
-    },
-    errorMessage: {
-      type: "string",
-      defaultValue: ""
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(FormField, {
-  ...props,
-  render: () => /* @__PURE__ */ React.createElement(React.Fragment, null)
-});
-var BasicUsage = Template.bind({});
-
-// libs/shared/ui-system/src/lib/Form/Input/Input.stories.tsx
-import {Input} from "./Input.js";
-var Input_stories_default = {
-  title: "ui-system/Form/Input",
-  component: Input,
-  argTypes: {
-    state: {
-      defaultValue: "normal",
-      control: {
-        type: "select",
-        options: ["normal", "error"]
-      }
-    },
-    placeholder: {
-      type: "string",
-      defaultValue: "Text"
-    },
-    disabled: {
-      type: "boolean",
-      defaultValue: false
-    }
-  }
-};
-var Template2 = (props) => /* @__PURE__ */ React.createElement(Input, {
-  ...props
-});
-var BasicUsage2 = Template2.bind({});
-
-// libs/shared/ui-system/src/lib/Form/TextField/TextField.stories.tsx
-var TextField_stories_default = {
-  title: "ui-system/Form/TextField",
-  component: TextField,
-  argTypes: {
-    ...Input_stories_default.argTypes,
-    ...FormField_stories_default.argTypes
-  }
-};
-var Template3 = (props) => /* @__PURE__ */ React.createElement(VStack, {
-  width: "400px"
-}, /* @__PURE__ */ React.createElement(TextField, {
-  ...props
-}));
-var BasicUsage3 = Template3.bind({});
-export {
-  BasicUsage3 as BasicUsage,
-  TextField_stories_default as default
-};

package/lib/Form/TextLabel/TextLabel.stories.js

@@ -1,31 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Form/TextLabel/TextLabel.stories.tsx
-import {VStack} from "../../Layout/VStack/index.js";
-import {Input} from "../Input/index.js";
-import {TextLabel} from "./TextLabel.js";
-var TextLabel_stories_default = {
-  title: "ui-system/Form/TextLabel",
-  component: TextLabel,
-  argTypes: {
-    text: {
-      type: "string",
-      defaultValue: "TextLabel"
-    }
-  }
-};
-var Template = ({...restProps}) => /* @__PURE__ */ React.createElement(VStack, {
-  width: "300px",
-  spacing: 8
-}, /* @__PURE__ */ React.createElement(TextLabel, {
-  ...restProps
-}), /* @__PURE__ */ React.createElement(Input, {
-  state: "normal",
-  placeholder: "Input Component"
-}));
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  TextLabel_stories_default as default
-};

package/lib/Frame/Frame.js

@@ -1,70 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Frame/Frame.tsx
-import {styleVariant, system} from "../../core/index.js";
-import {Box} from "../../private/Box/index.js";
-var Frame = system()(styleVariant({
-  prop: "kind",
-  variants: {
-    border: {
-      borderWidth: 1,
-      borderStyle: "solid",
-      borderColor: "gray.300",
-      backgroundColor: "white"
-    },
-    background: {}
-  },
-  skipForward: true
-}), styleVariant({
-  prop: "borderRadiusLevel",
-  variants: {
-    0: {
-      borderRadius: 0
-    },
-    1: {
-      borderRadius: 2
-    },
-    2: {
-      borderRadius: 12
-    },
-    3: {
-      borderRadius: 16
-    },
-    4: {
-      borderRadius: 20
-    }
-  },
-  skipForward: true,
-  defaultValue: 0
-}), styleVariant({
-  prop: "elevationLevel",
-  variants: {
-    0: {
-      boxShadow: "none"
-    },
-    1: {
-      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 6px rgba(0, 0, 0, 0.05)"
-    },
-    2: {
-      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 12px 2px rgba(0, 0, 0, 0.04)"
-    },
-    3: {
-      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 10px 25px 4px rgba(0, 0, 0, 0.06)"
-    },
-    4: {
-      boxShadow: "0px 0px 1px rgba(0, 0, 0, 0.08), 0px 16px 30px 4px rgba(0, 0, 0, 0.1)"
-    }
-  },
-  skipForward: true,
-  defaultValue: 0
-}))(({children, width = "100%", height = "100%", backgroundColor = "white", ...props}) => /* @__PURE__ */ React.createElement(Box, {
-  ...props,
-  width,
-  height,
-  backgroundColor,
-  overflow: "hidden"
-}, children));
-export {
-  Frame
-};

package/lib/Frame/index.js

@@ -1,8 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Frame/index.ts
-import {Frame} from "./Frame.js";
-export {
-  Frame
-};

package/lib/Highlight/Highlight.stories.js

@@ -1,27 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Highlight/Highlight.stories.tsx
-import {Title} from "../Typography/Title/index.js";
-import {Highlight} from "./Highlight.js";
-var Highlight_stories_default = {
-  title: "ui-system/Highlight",
-  component: Highlight,
-  argTypes: {
-    color: {
-      defaultValue: "orange",
-      control: "select",
-      options: ["green", "seaGreen", "aquaGreen", "blue", "violetBlue", "yellow", "orange", "pinkRed", "magenta"]
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(Title, {
-  level: 3
-}, "\uCD08\uAE09\uC790\uB97C \uC704\uD55C ", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement(Highlight, {
-  ...props
-}, "\uC0AC\uC9C4 \uCD2C\uC601 \uBC0F \uD3B8\uC9D1"), /* @__PURE__ */ React.createElement("br", null), "\uD074\uB798\uC2A4 \uC785\uB2C8\uB2E4");
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  Highlight_stories_default as default
-};

package/lib/HtmlContentStyle/HtmlContentStyle.stories.js

@@ -1,19 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/HtmlContentStyle/HtmlContentStyle.stories.tsx
-import {HtmlContentStyle} from "./HtmlContentStyle.js";
-var HtmlContentStyle_stories_default = {
-  title: "ui-system/HtmlContentStyle",
-  component: HtmlContentStyle,
-  argTypes: {}
-};
-var Template = () => /* @__PURE__ */ React.createElement(HtmlContentStyle, null, /* @__PURE__ */ React.createElement("h4", null, "\uC6B0\uB9AC\uC758 \uC0B6\uACFC \uC74C\uC545"), /* @__PURE__ */ React.createElement("img", {
-  src: "https://cdn.class101.net/images/7b93b465-86e0-4e59-bf85-6dac01b4f18d",
-  alt: ""
-}), /* @__PURE__ */ React.createElement("p", null, "\uC74C\uC545\uC758 \uD798\uC740 \uB180\uB78D\uC2B5\uB2C8\uB2E4. \uC758\uC2DD\uC8FC\uCC98\uB7FC \uD544\uC218\uC801\uC774\uC9C4 \uC54A\uC744\uC9C0 \uBAA8\uB974\uC9C0\uB9CC, \uB54C\uB85C\uB294 \uC8FD\uC5B4\uAC00\uB294 \uC0DD\uBA85\uC744 \uC0B4\uB9B4 \uC218 \uC788\uC744 \uC815\uB3C4\uB85C \uB180\uB77C\uC6B4 \uD798\uC744 \uAC00\uC9C0\uACE0 \uC788\uC2B5\uB2C8\uB2E4."), /* @__PURE__ */ React.createElement("blockquote", null, "\uB108\uBB34 \uB9E4\uB825\uC801\uC774\uC9C0 \uC54A\uB098\uC694?"), /* @__PURE__ */ React.createElement("ol", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("strong", null, "40\uC5EC\uACE1\uC744 \uBC18\uC8FC"), "\uD560 \uC218 \uC788\uAC8C \uB429\uB2C8\uB2E4. (\uCD5C\uC2E0, \uC2A4\uD14C\uB514\uACE1 \uBC18\uC601)"), /* @__PURE__ */ React.createElement("li", null, "\uBC30\uC6B4 \uCF54\uB4DC\uB97C \uAE30\uBC18\uC73C\uB85C \uB2E4\uC591\uD55C ", /* @__PURE__ */ React.createElement("strong", null, "\uAC00\uC694\uC640 \uD31D, CCM\uB4F1\uC744 \uBC18\uC8FC"), "\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("strong", null, "3\uD654\uC74C\uACFC 7\uD654\uC74C"), "\uC744 \uC790\uC720\uB86D\uAC8C \uC4F0\uAC8C \uB429\uB2C8\uB2E4.")));
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  HtmlContentStyle_stories_default as default
-};

package/lib/Layout/Center/Center.stories.js

@@ -1,40 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Layout/Center/Center.stories.tsx
-import {Box} from "../../../private/Box/index.js";
-import {Center} from "./Center.js";
-var Center_stories_default = {
-  title: "ui-system/Layout/Center",
-  component: Center,
-  argTypes: {
-    spacing: {
-      defaultValue: 0,
-      control: "number"
-    },
-    direction: {
-      options: ["row", "column"],
-      control: {type: "select"}
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(Center, {
-  ...props
-}, /* @__PURE__ */ React.createElement(Box, {
-  bg: "#33ff99",
-  size: 48
-}), /* @__PURE__ */ React.createElement(Box, {
-  bg: "#22ee99",
-  size: 64
-}), /* @__PURE__ */ React.createElement(Box, {
-  bg: "#11dd99",
-  size: 72
-}), /* @__PURE__ */ React.createElement(Box, {
-  bg: "#00cc99",
-  size: 80
-}));
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  Center_stories_default as default
-};

package/lib/Layout/Position/Position.stories.js

@@ -1,39 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Layout/Position/Position.stories.tsx
-import {Box} from "../../../private/Box/index.js";
-import {Position} from "./Position.js";
-var Position_stories_default = {
-  title: "ui-system/Layout/Position",
-  component: Position,
-  argTypes: {
-    children: {
-      control: false
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(Box, {
-  position: "relative"
-}, /* @__PURE__ */ React.createElement(Box, {
-  bg: "blue.100",
-  size: 48
-}), /* @__PURE__ */ React.createElement(Position, {
-  ...props
-}), /* @__PURE__ */ React.createElement(Box, {
-  bg: "blue.300",
-  size: 48
-}));
-var BasicUsage = Template.bind({});
-BasicUsage.args = {
-  position: "absolute",
-  right: 0,
-  children: /* @__PURE__ */ React.createElement(Box, {
-    bg: "green.200",
-    size: 48
-  })
-};
-export {
-  BasicUsage,
-  Position_stories_default as default
-};

package/lib/Link/Link.stories.js

@@ -1,34 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Link/Link.stories.tsx
-import {Link} from "./Link.js";
-var Link_stories_default = {
-  title: "ui-system/Link",
-  component: Link,
-  argTypes: {
-    to: {
-      control: {
-        type: "text"
-      }
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(Link, {
-  ...props
-});
-var BasicUsage = Template.bind({});
-BasicUsage.args = {
-  to: "/?path=/docs/components-heading--basic-usage",
-  children: "Go to Heading docs"
-};
-var ExternalLink = Template.bind({});
-ExternalLink.args = {
-  to: "https://class101.net",
-  children: "Go to CLASS101 home page"
-};
-export {
-  BasicUsage,
-  ExternalLink,
-  Link_stories_default as default
-};

package/lib/Media/Image/Image.stories.js

@@ -1,24 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Media/Image/Image.stories.tsx
-import {Image} from "./Image.js";
-var meta = {
-  title: "ui-system/Media/Image",
-  component: Image,
-  argTypes: {
-    src: {
-      defaultValue: "https://upload.wikimedia.org/wikipedia/ko/2/24/Lenna.png",
-      control: "text"
-    }
-  }
-};
-var Image_stories_default = meta;
-var Template = (props) => /* @__PURE__ */ React.createElement(Image, {
-  ...props
-});
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  Image_stories_default as default
-};

package/lib/Menu/Menu/Menu.stories.js

@@ -1,60 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Menu/Menu/Menu.stories.tsx
-import {VStack} from "../../Layout/VStack/index.js";
-
-// libs/shared/ui-system/src/lib/Menu/MenuItem/MenuItem.stories.tsx
-import {MenuText} from "../MenuText/index.js";
-import {MenuItem} from "./MenuItem.js";
-var menuItems = [
-  {label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694", description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694"},
-  {
-    label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-    description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694",
-    state: "active"
-  },
-  {
-    label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-    description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694",
-    state: "warning"
-  },
-  {
-    label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-    description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694",
-    state: "disabled"
-  }
-];
-var Template = (props) => /* @__PURE__ */ React.createElement(React.Fragment, null, menuItems.map((menuItem) => /* @__PURE__ */ React.createElement(MenuItem, {
-  ...props
-}, /* @__PURE__ */ React.createElement(MenuText, {
-  ...menuItem
-}))));
-var BasicUsage = Template.bind({});
-
-// libs/shared/ui-system/src/lib/Menu/Menu/Menu.stories.tsx
-import {Menu} from "./Menu.js";
-var Menu_stories_default = {
-  title: "ui-system/Menu/Menu",
-  component: Menu,
-  argTypes: {
-    title: {
-      defaultValue: "\uBA54\uB274 \uC81C\uBAA9\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-      controls: {
-        type: "text"
-      }
-    }
-  }
-};
-var Template2 = (props) => /* @__PURE__ */ React.createElement(VStack, {
-  width: 260
-}, /* @__PURE__ */ React.createElement(Menu, {
-  ...props
-}, /* @__PURE__ */ React.createElement(BasicUsage, {
-  ...BasicUsage.args
-})));
-var BasicUsage2 = Template2.bind({});
-export {
-  BasicUsage2 as BasicUsage,
-  Menu_stories_default as default
-};

package/lib/Menu/MenuIcon/MenuIcon.stories.js

@@ -1,28 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Menu/MenuIcon/MenuIcon.stories.tsx
-import {Icon} from "../../Icon/index.js";
-import {MenuIcon} from "./MenuIcon.js";
-var MenuIcon_stories_default = {
-  title: "ui-system/Menu/MenuIcon",
-  component: MenuIcon,
-  argTypes: {
-    state: {
-      control: {
-        type: "select",
-        options: ["default", "active", "warning", "disabled"]
-      },
-      defaultValue: "active"
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(MenuIcon, {
-  ...props,
-  IconComponent: Icon.Regular.Menu
-});
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  MenuIcon_stories_default as default
-};

package/lib/Menu/MenuItem/MenuItem.stories.js

@@ -1,39 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Menu/MenuItem/MenuItem.stories.tsx
-import {MenuText} from "../MenuText/index.js";
-import {MenuItem} from "./MenuItem.js";
-var MenuItem_stories_default = {
-  title: "ui-system/Menu/MenuItem",
-  component: MenuItem,
-  argTypes: {}
-};
-var menuItems = [
-  {label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694", description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694"},
-  {
-    label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-    description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694",
-    state: "active"
-  },
-  {
-    label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-    description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694",
-    state: "warning"
-  },
-  {
-    label: "\uBA54\uB274 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694",
-    description: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694",
-    state: "disabled"
-  }
-];
-var Template = (props) => /* @__PURE__ */ React.createElement(React.Fragment, null, menuItems.map((menuItem) => /* @__PURE__ */ React.createElement(MenuItem, {
-  ...props
-}, /* @__PURE__ */ React.createElement(MenuText, {
-  ...menuItem
-}))));
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  MenuItem_stories_default as default
-};

package/lib/Menu/MenuText/MenuText.stories.js

@@ -1,35 +0,0 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
-
-// libs/shared/ui-system/src/lib/Menu/MenuText/MenuText.stories.tsx
-import {VStack} from "../../Layout/VStack/index.js";
-import {MenuText} from "./MenuText.js";
-var MenuText_stories_default = {
-  title: "ui-system/Menu/MenuText",
-  component: MenuText,
-  argTypes: {
-    label: {
-      control: {type: "text"},
-      defaultValue: "\uB9AC\uC2A4\uD2B8 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694"
-    },
-    description: {
-      control: {type: "text"},
-      defaultValue: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694"
-    },
-    state: {
-      control: {
-        type: "select",
-        options: ["default", "active", "warning", "disabled"]
-      },
-      defaultValue: "default"
-    }
-  }
-};
-var Template = (props) => /* @__PURE__ */ React.createElement(VStack, null, /* @__PURE__ */ React.createElement(MenuText, {
-  ...props
-}));
-var BasicUsage = Template.bind({});
-export {
-  BasicUsage,
-  MenuText_stories_default as default
-};