@ceed/ads 0.0.15 → 0.0.17-2

package/framer/index.js

@@ -31747,14 +31747,13 @@ true ? Tooltip.propTypes = {
 } : void 0;
 var Tooltip_default = Tooltip;
 
-// src/components/Box/Box.tsx
+// src/components/Accordion/Accordion.tsx
+import {
+  createContext as createContext31,
+  useContext as useContext51,
+  useState as useState22
+} from "react";
 import { motion } from "framer-motion";
-var MotionBox = motion(Box_default);
-var Box2 = MotionBox;
-Box2.displayName = "Box";
-
-// src/components/Button/Button.tsx
-import { motion as motion2 } from "framer-motion";
 
 // ../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js
 import * as ReactJSXRuntime from "react/jsx-runtime";
@@ -31774,8 +31773,70 @@ function jsxs2(type, props, key) {
   return ReactJSXRuntime.jsxs(Emotion$1, createEmotionProps(type, props), key);
 }
 
+// src/components/Accordion/Accordion.tsx
+var AccordionContext2 = createContext31({
+  setExpandedIndex: () => {
+  }
+});
+var MotionAccordionGroup = motion(AccordionGroup_default);
+function AccordionGroup3(props) {
+  const { controlled, indicator, ...innerProps } = props;
+  const [expandedIndex, setExpandedIndex] = useState22();
+  return /* @__PURE__ */ jsx2(
+    AccordionContext2.Provider,
+    {
+      value: {
+        expandedIndex,
+        setExpandedIndex,
+        isControlled: controlled,
+        indicator
+      },
+      children: /* @__PURE__ */ jsx2(MotionAccordionGroup, { ...innerProps })
+    }
+  );
+}
+AccordionGroup3.displayName = "AccordionGroup";
+var MotionAccordion = motion(Accordion_default);
+var MotionAccordionSummary = motion(AccordionSummary_default);
+var AccordionSummary3 = MotionAccordionSummary;
+AccordionSummary3.displayName = "AccordionSummary";
+var MotionAccordionDetails = motion(AccordionDetails_default);
+var AccordionDetails3 = MotionAccordionDetails;
+AccordionDetails3.displayName = "AccordionDetails";
+function Accordion3(props) {
+  const { summary, details, indicator, index, ...innerProps } = props;
+  const { expandedIndex, setExpandedIndex, isControlled, indicator: globalIndicator } = useContext51(AccordionContext2);
+  return (
+    // NOTE: AccordionGroup없이 단일로 사용하면 animation 적용이 안된다.(joy ui)
+    /* @__PURE__ */ jsxs2(
+      MotionAccordion,
+      {
+        ...isControlled && {
+          expanded: expandedIndex === index,
+          onChange: (_4, expanded) => {
+            setExpandedIndex(expanded ? index : void 0);
+          }
+        },
+        ...innerProps,
+        children: [
+          /* @__PURE__ */ jsx2(AccordionSummary3, { indicator: indicator || globalIndicator, children: summary }),
+          /* @__PURE__ */ jsx2(AccordionDetails3, { children: details })
+        ]
+      }
+    )
+  );
+}
+Accordion3.displayName = "Accordion";
+
+// src/components/Box/Box.tsx
+import { motion as motion2 } from "framer-motion";
+var MotionBox = motion2(Box_default);
+var Box2 = MotionBox;
+Box2.displayName = "Box";
+
 // src/components/Button/Button.tsx
-var MotionButton = motion2(Button_default);
+import { motion as motion3 } from "framer-motion";
+var MotionButton = motion3(Button_default);
 var Button3 = (props) => {
   return /* @__PURE__ */ jsx2(
     MotionButton,
@@ -31787,8 +31848,8 @@ var Button3 = (props) => {
 Button3.displayName = "Button";
 
 // src/components/Checkbox/Checkbox.tsx
-import { motion as motion3 } from "framer-motion";
-var MotionCheckbox = motion3(Checkbox_default);
+import { motion as motion4 } from "framer-motion";
+var MotionCheckbox = motion4(Checkbox_default);
 var Checkbox3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionCheckbox, { ...props });
 };
@@ -31839,8 +31900,8 @@ Container.displayName = "Container";
 import { useMemo as useMemo32 } from "react";
 
 // src/components/Sheet/Sheet.tsx
-import { motion as motion4 } from "framer-motion";
-var MotionSheet = motion4(Sheet_default);
+import { motion as motion5 } from "framer-motion";
+var MotionSheet = motion5(Sheet_default);
 var Sheet3 = MotionSheet;
 Sheet3.displayName = "Sheet";
 
@@ -32028,14 +32089,14 @@ function DataTable(props) {
 DataTable.displayName = "DataTable";
 
 // src/components/DialogActions/DialogActions.tsx
-import { motion as motion5 } from "framer-motion";
-var MotionDialogActions = motion5(DialogActions_default);
+import { motion as motion6 } from "framer-motion";
+var MotionDialogActions = motion6(DialogActions_default);
 var DialogActions3 = MotionDialogActions;
 DialogActions3.displayName = "DialogActions";
 
 // src/components/DialogContent/DialogContent.tsx
-import { motion as motion6 } from "framer-motion";
-var MotionDialogContent = motion6(DialogContent_default);
+import { motion as motion7 } from "framer-motion";
+var MotionDialogContent = motion7(DialogContent_default);
 var DialogContent3 = MotionDialogContent;
 DialogContent3.displayName = "DialogContent";
 
@@ -32043,8 +32104,8 @@ DialogContent3.displayName = "DialogContent";
 var DialogContent_default2 = DialogContent3;
 
 // src/components/DialogTitle/DialogTitle.tsx
-import { motion as motion7 } from "framer-motion";
-var MotionDialogTitle = motion7(DialogTitle_default);
+import { motion as motion8 } from "framer-motion";
+var MotionDialogTitle = motion8(DialogTitle_default);
 var DialogTitle3 = MotionDialogTitle;
 DialogTitle3.displayName = "DialogTitle";
 
@@ -32052,16 +32113,16 @@ DialogTitle3.displayName = "DialogTitle";
 var DialogTitle_default2 = DialogTitle3;
 
 // src/components/Divider/Divider.tsx
-import { motion as motion8 } from "framer-motion";
-var MotionDivider = motion8(Divider_default);
+import { motion as motion9 } from "framer-motion";
+var MotionDivider = motion9(Divider_default);
 var Divider3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionDivider, { ...props });
 };
 Divider3.displayName = "Divider";
 
 // src/components/InsetDrawer/InsetDrawer.tsx
-import { motion as motion9 } from "framer-motion";
-var MotionDrawer = motion9(Drawer_default);
+import { motion as motion10 } from "framer-motion";
+var MotionDrawer = motion10(Drawer_default);
 var InsetDrawer = (props) => {
   const { children, ...innerProps } = props;
   return /* @__PURE__ */ jsx2(
@@ -32086,81 +32147,81 @@ var InsetDrawer = (props) => {
 InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Dropdown/Dropdown.tsx
-import { motion as motion10 } from "framer-motion";
-var MotionDropdown = motion10(Dropdown);
+import { motion as motion11 } from "framer-motion";
+var MotionDropdown = motion11(Dropdown);
 var Dropdown2 = MotionDropdown;
 Dropdown2.displayName = "Dropdown";
 
 // src/components/FormControl/FormControl.tsx
-import { motion as motion11 } from "framer-motion";
-var MotionFormControl = motion11(FormControl_default);
+import { motion as motion12 } from "framer-motion";
+var MotionFormControl = motion12(FormControl_default);
 var FormControl3 = MotionFormControl;
 FormControl3.displayName = "FormControl";
 
 // src/components/FormHelperText/FormHelperText.tsx
-import { motion as motion12 } from "framer-motion";
-var MotionFormHelperText = motion12(FormHelperText_default);
+import { motion as motion13 } from "framer-motion";
+var MotionFormHelperText = motion13(FormHelperText_default);
 var FormHelperText3 = MotionFormHelperText;
 FormHelperText3.displayName = "FormHelperText";
 
 // src/components/FormLabel/FormLabel.tsx
-import { motion as motion13 } from "framer-motion";
-var MotionFormLabel = motion13(FormLabel_default);
+import { motion as motion14 } from "framer-motion";
+var MotionFormLabel = motion14(FormLabel_default);
 var FormLabel3 = MotionFormLabel;
 FormLabel3.displayName = "FormLabel";
 
 // src/components/Grid/Grid.tsx
-import { motion as motion14 } from "framer-motion";
-var MotionGrid = motion14(Grid_default);
+import { motion as motion15 } from "framer-motion";
+var MotionGrid = motion15(Grid_default);
 var Grid2 = MotionGrid;
 Grid2.displayName = "Grid";
 
 // src/components/IconButton/IconButton.tsx
-import { motion as motion15 } from "framer-motion";
-var MotionIconButton = motion15(IconButton_default);
+import { motion as motion16 } from "framer-motion";
+var MotionIconButton = motion16(IconButton_default);
 var IconButton3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionIconButton, { ...props });
 };
 IconButton3.displayName = "IconButton";
 
 // src/components/Input/Input.tsx
-import { motion as motion16 } from "framer-motion";
-var MotionInput = motion16(Input_default);
+import { motion as motion17 } from "framer-motion";
+var MotionInput = motion17(Input_default);
 var Input3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionInput, { ...props });
 };
 Input3.displayName = "Input";
 
 // src/components/Menu/Menu.tsx
-import { motion as motion17 } from "framer-motion";
-var MotionMenu = motion17(Menu_default);
+import { motion as motion18 } from "framer-motion";
+var MotionMenu = motion18(Menu_default);
 var Menu3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionMenu, { ...props });
 };
 Menu3.displayName = "Menu";
-var MotionMenuButton = motion17(MenuButton_default);
+var MotionMenuButton = motion18(MenuButton_default);
 var MenuButton3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionMenuButton, { ...props });
 };
 MenuButton3.displayName = "MenuButton";
-var MotionMenuItem = motion17(MenuItem_default);
+var MotionMenuItem = motion18(MenuItem_default);
 var MenuItem3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionMenuItem, { ...props });
 };
 MenuItem3.displayName = "MenuItem";
 
 // src/components/Modal/Modal.tsx
-import { motion as motion18 } from "framer-motion";
-var MotionModal = motion18(Modal_default);
+import { motion as motion19 } from "framer-motion";
+var MotionModal = motion19(Modal_default);
 var Modal3 = MotionModal;
 Modal3.displayName = "Modal";
-var MotionModalDialog = motion18(ModalDialog_default);
+var MotionModalDialog = motion19(ModalDialog_default);
 var ModalDialog3 = MotionModalDialog;
 ModalDialog3.displayName = "ModalDialog";
-var MotionModalClose = motion18(ModalClose_default);
+var MotionModalClose = motion19(ModalClose_default);
 var ModalClose3 = MotionModalClose;
 ModalClose3.displayName = "ModalClose";
-var MotionModalOverflow = motion18(ModalOverflow_default);
+var MotionModalOverflow = motion19(ModalOverflow_default);
 var ModalOverflow3 = MotionModalOverflow;
 ModalOverflow3.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -32174,33 +32235,40 @@ function ModalFrame(props) {
 ModalFrame.displayName = "ModalFrame";
 
 // src/components/Radio/Radio.tsx
-import { motion as motion19 } from "framer-motion";
-var MotionRadio = motion19(Radio_default);
+import { motion as motion20 } from "framer-motion";
+var MotionRadio = motion20(Radio_default);
 var Radio3 = MotionRadio;
 Radio3.displayName = "Radio";
-var MotionRadioGroup = motion19(RadioGroup_default);
+var MotionRadioGroup = motion20(RadioGroup_default);
 var RadioGroup3 = MotionRadioGroup;
 RadioGroup3.displayName = "RadioGroup";
 
+// src/components/RadioList/RadioList.tsx
+function RadioList(props) {
+  const { items, ...innerProps } = props;
+  return /* @__PURE__ */ jsx2(RadioGroup3, { ...innerProps, children: items.map((item) => /* @__PURE__ */ jsx2(Radio3, { value: item.value, label: item.label }, `${item.value}`)) });
+}
+RadioList.displayName = "RadioList";
+
 // src/components/Select/Select.tsx
-import { motion as motion20 } from "framer-motion";
-var MotionSelect = motion20(Select_default);
+import { motion as motion21 } from "framer-motion";
+var MotionSelect = motion21(Select_default);
 var Select3 = MotionSelect;
 Select3.displayName = "Select";
-var MotionOption = motion20(Option_default);
+var MotionOption = motion21(Option_default);
 var Option3 = MotionOption;
 Option3.displayName = "Option";
 
 // src/components/Stack/Stack.tsx
-import { motion as motion21 } from "framer-motion";
-var MotionStack = motion21(Stack_default);
+import { motion as motion22 } from "framer-motion";
+var MotionStack = motion22(Stack_default);
 var Stack2 = MotionStack;
 Stack2.displayName = "Stack";
 
 // src/components/Switch/Switch.tsx
-import { motion as motion22 } from "framer-motion";
-var MotionSwitch = motion22(Switch_default);
-var StyledThumb = styled_default2(motion22.div)({
+import { motion as motion23 } from "framer-motion";
+var MotionSwitch = motion23(Switch_default);
+var StyledThumb = styled_default2(motion23.div)({
   "--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
   display: "inline-flex",
   justifyContent: "center",
@@ -32239,23 +32307,23 @@ var Switch3 = (props) => {
 Switch3.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
-import { motion as motion23 } from "framer-motion";
-var MotionTabs = motion23(Tabs_default);
+import { motion as motion24 } from "framer-motion";
+var MotionTabs = motion24(Tabs_default);
 var Tabs3 = MotionTabs;
 Tabs3.displayName = "Tabs";
-var MotionTab = motion23(Tab_default);
+var MotionTab = motion24(Tab_default);
 var Tab3 = MotionTab;
 Tab3.displayName = "Tab";
-var MotionTabList = motion23(TabList_default);
+var MotionTabList = motion24(TabList_default);
 var TabList3 = MotionTabList;
 TabList3.displayName = "TabList";
-var MotionTabPanel = motion23(TabPanel_default);
+var MotionTabPanel = motion24(TabPanel_default);
 var TabPanel3 = MotionTabPanel;
 TabPanel3.displayName = "TabPanel";
 
 // src/components/Textarea/Textarea.tsx
-import { motion as motion24 } from "framer-motion";
-var MotionTextarea = motion24(Textarea_default);
+import { motion as motion25 } from "framer-motion";
+var MotionTextarea = motion25(Textarea_default);
 var Textarea3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionTextarea, { ...props });
 };
@@ -32298,25 +32366,739 @@ function ThemeProvider4(props) {
 ThemeProvider4.displayName = "ThemeProvider";
 
 // src/components/Tooltip/Tooltip.tsx
-import { motion as motion25 } from "framer-motion";
-var MotionTooltip = motion25(Tooltip_default);
+import { motion as motion26 } from "framer-motion";
+var MotionTooltip = motion26(Tooltip_default);
 var Tooltip3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionTooltip, { ...props });
 };
 Tooltip3.displayName = "Tooltip";
 
 // src/components/Typography/Typography.tsx
-import { motion as motion26 } from "framer-motion";
-var MotionTypography = motion26(Typography_default);
+import { motion as motion27 } from "framer-motion";
+var MotionTypography = motion27(Typography_default);
 var Typography3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionTypography, { ...props });
 };
 Typography3.displayName = "Typography";
+
+// src/components/Accordion/Accordion.framer.ts
+import { ControlType } from "framer";
+var accordionPropertyControls = {
+  summary: {
+    title: "Summary",
+    // TODO: 디자이너와 합의 후 string으로 하든 componentInstance로 하든 결정
+    type: ControlType.String
+  },
+  details: {
+    title: "Details",
+    type: ControlType.ComponentInstance
+  },
+  indicator: {
+    title: "Indicator",
+    type: ControlType.ComponentInstance
+  }
+};
+
+// src/components/AccordionGroup/AccordionGroup.framer.ts
+import { ControlType as ControlType2 } from "framer";
+var accordionGroupPropertyControls = {
+  variant: {
+    title: "Variant",
+    type: ControlType2.Enum,
+    options: ["outlined", "plain", "solid", "soft"],
+    defaultValue: "plain"
+  },
+  color: {
+    title: "Color",
+    type: ControlType2.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
+    defaultValue: "neutral"
+  },
+  size: {
+    title: "Size",
+    type: ControlType2.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  },
+  disableDivider: {
+    title: "Disable Divider",
+    type: ControlType2.Boolean,
+    defaultValue: false
+  },
+  indicator: {
+    title: "Indicator",
+    type: ControlType2.ComponentInstance
+  },
+  controlled: {
+    title: "Controlled",
+    type: ControlType2.Boolean,
+    defaultValue: false
+  },
+  accordions: {
+    title: "Accordions",
+    type: ControlType2.Array,
+    control: {
+      type: ControlType2.ComponentInstance
+    }
+  }
+};
+
+// src/components/Avatar/Avatar.framer.ts
+import { ControlType as ControlType3 } from "framer";
+var avatarPropertyControls = {
+  text: {
+    title: "Text",
+    type: ControlType3.String,
+    defaultValue: "Tim"
+  },
+  image: {
+    title: "Image",
+    type: ControlType3.ResponsiveImage
+  },
+  color: {
+    title: "Color",
+    type: ControlType3.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
+    defaultValue: "neutral"
+  },
+  size: {
+    title: "Size",
+    type: ControlType3.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType3.Enum,
+    options: ["outlined", "plain", "solid", "soft"],
+    defaultValue: void 0
+  }
+};
+
+// src/components/Badge/Badge.framer.ts
+import { ControlType as ControlType4 } from "framer";
+var badgePropertyControls = {
+  badgeContent: {
+    type: ControlType4.String
+  },
+  color: {
+    title: "Color",
+    type: ControlType4.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType4.Enum,
+    options: ["solid", "outlined", "soft", "plain"],
+    defaultValue: "outlined"
+  },
+  size: {
+    title: "Size",
+    type: ControlType4.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/Button/Button.framer.ts
+import { ControlType as ControlType5 } from "framer";
+var buttonPropertyControls = {
+  // NOT working
+  // children: {
+  //     type: ControlType.ComponentInstance,
+  // },
+  text: {
+    title: "Text",
+    type: ControlType5.String,
+    defaultValue: "Press me"
+  },
+  onTap: {
+    type: ControlType5.EventHandler
+  },
+  disabled: {
+    title: "Disabled",
+    type: ControlType5.Boolean,
+    defaultValue: false
+  },
+  color: {
+    title: "Color",
+    type: ControlType5.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType5.Enum,
+    options: ["solid", "outlined", "soft", "plain"]
+  },
+  loading: {
+    title: "Loading",
+    type: ControlType5.Boolean,
+    defaultValue: false
+  },
+  endDecorator: {
+    title: "End Decorator",
+    type: ControlType5.ComponentInstance
+  },
+  startDecorator: {
+    title: "Start Decorator",
+    type: ControlType5.ComponentInstance
+  },
+  size: {
+    title: "Size",
+    type: ControlType5.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  },
+  // for withModal
+  modalContents: {
+    title: "Modal Contents",
+    type: ControlType5.Array,
+    control: {
+      type: ControlType5.ComponentInstance
+    }
+  }
+};
+
+// src/components/Checkbox/Checkbox.framer.ts
+import { ControlType as ControlType6 } from "framer";
+var checkboxPropertyControls = {
+  onChange: {
+    title: "onChange",
+    type: ControlType6.EventHandler
+  },
+  defaultChecked: {
+    title: "Checked",
+    type: ControlType6.Boolean,
+    defaultValue: false
+  },
+  disabled: {
+    title: "Disabled",
+    type: ControlType6.Boolean,
+    defaultValue: false
+  },
+  label: {
+    title: "Label",
+    type: ControlType6.String,
+    defaultValue: "Label"
+  },
+  color: {
+    title: "Color",
+    type: ControlType6.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  size: {
+    title: "Size",
+    type: ControlType6.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType6.Enum,
+    options: ["outlined", "plain", "solid", "soft"],
+    defaultValue: void 0
+  }
+};
+
+// src/components/Chip/Chip.framer.ts
+import { ControlType as ControlType7 } from "framer";
+var chipPropertyControls = {
+  text: {
+    title: "Text",
+    type: ControlType7.String,
+    defaultValue: "Chip"
+  },
+  color: {
+    title: "Color",
+    type: ControlType7.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType7.Enum,
+    options: ["solid", "outlined", "soft", "plain"]
+  },
+  size: {
+    title: "Size",
+    type: ControlType7.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/DataTable/DataTable.framer.ts
+import { ControlType as ControlType8 } from "framer";
+var dataTablePropertyControls = {
+  csvUrl: {
+    title: "CSV Data",
+    type: ControlType8.File,
+    allowedFileTypes: ["csv"]
+    // NOT WORKING
+    // defaultValue:
+    //     "https://sharadcodes.github.io/noob-cms/data/MOCK_DATA.csv",
+  },
+  showCheckbox: {
+    type: ControlType8.Boolean,
+    defaultValue: true
+  },
+  noWrap: {
+    type: ControlType8.Boolean,
+    defaultValue: false
+  },
+  hoverRow: {
+    type: ControlType8.Boolean,
+    defaultValue: true
+  },
+  stripe: {
+    type: ControlType8.Enum,
+    options: [void 0, "odd", "even"],
+    optionTitles: ["None", "Odd", "Even"],
+    defaultValue: void 0
+  },
+  headCells: {
+    type: ControlType8.Array,
+    control: {
+      type: ControlType8.Object,
+      controls: {
+        label: {
+          type: ControlType8.String
+        },
+        width: {
+          type: ControlType8.String
+        }
+        // numeric: {
+        //     type: ControlType.Boolean,
+        //     defaultValue: false,
+        // },
+      }
+    },
+    defaultValue: []
+  }
+};
+
+// src/components/Divider/Divider.framer.ts
+import { ControlType as ControlType9 } from "framer";
+var dividerPropertyControls = {
+  text: {
+    type: ControlType9.String,
+    defaultValue: void 0
+  },
+  orientation: {
+    title: "Orientation",
+    type: ControlType9.Enum,
+    options: ["horizontal", "vertical"]
+  }
+};
+
+// src/components/IconButton/IconButton.framer.ts
+import { ControlType as ControlType10 } from "framer";
+var iconButtonPropertyControls = {
+  icon: {
+    title: "Icon",
+    type: ControlType10.ComponentInstance
+  },
+  onClick: {
+    title: "onClick",
+    type: ControlType10.EventHandler
+  },
+  disabled: {
+    title: "Disabled",
+    type: ControlType10.Boolean,
+    defaultValue: false
+  },
+  color: {
+    title: "Color",
+    type: ControlType10.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType10.Enum,
+    options: ["solid", "outlined", "soft", "plain"]
+  },
+  size: {
+    title: "Size",
+    type: ControlType10.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/Input/Input.framer.ts
+import { ControlType as ControlType11 } from "framer";
+var inputPropertyControls = {
+  onChange: {
+    type: ControlType11.EventHandler
+  },
+  disabled: {
+    title: "Disabled",
+    type: ControlType11.Boolean,
+    defaultValue: false
+  },
+  color: {
+    title: "Color",
+    type: ControlType11.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
+    defaultValue: "neutral"
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType11.Enum,
+    options: ["solid", "outlined", "soft", "plain"],
+    defaultValue: "outlined"
+  },
+  defaultValue: {
+    title: "Value",
+    type: ControlType11.String,
+    defaultValue: ""
+  },
+  placeholder: {
+    title: "Placeholder",
+    type: ControlType11.String,
+    defaultValue: "Type in here..."
+  },
+  endDecorator: {
+    title: "End Decorator",
+    type: ControlType11.ComponentInstance
+  },
+  startDecorator: {
+    title: "Start Decorator",
+    type: ControlType11.ComponentInstance
+  },
+  size: {
+    title: "Size",
+    type: ControlType11.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/MenuButton/MenuButton.framer.ts
+import { ControlType as ControlType12 } from "framer";
+var menuButtonPropertyControls = {
+  buttonText: {
+    title: "Button Text",
+    type: ControlType12.String,
+    defaultValue: "text"
+  },
+  showIcon: {
+    type: ControlType12.Boolean,
+    defaultValue: false
+  },
+  items: {
+    title: "Items",
+    type: ControlType12.Array,
+    control: {
+      type: ControlType12.Object,
+      controls: {
+        text: {
+          type: ControlType12.String
+        }
+      }
+    },
+    defaultValue: []
+  }
+};
+
+// src/components/Modal/Modal.framer.ts
+import { ControlType as ControlType13 } from "framer";
+var modalFramePropertyControls = {
+  title: {
+    type: ControlType13.String,
+    defaultValue: "Title"
+  },
+  content: {
+    title: "Content",
+    type: ControlType13.ComponentInstance
+  },
+  size: {
+    title: "Size",
+    type: ControlType13.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/RadioList/RadioList.framer.ts
+import { ControlType as ControlType14 } from "framer";
+var radioListPropertyControls = {
+  orientation: {
+    title: "Orientation",
+    type: ControlType14.Enum,
+    options: ["vertical", "horizontal"],
+    defaultValue: "vertical"
+  },
+  defaultValue: {
+    title: "Checked Value",
+    type: ControlType14.String,
+    defaultValue: "value1"
+  },
+  items: {
+    title: "Items",
+    type: ControlType14.Array,
+    control: {
+      type: ControlType14.Object,
+      controls: {
+        displayName: {
+          title: "Display Name",
+          type: ControlType14.String
+        },
+        value: { title: "Value", type: ControlType14.String },
+        color: {
+          title: "Color",
+          type: ControlType14.Enum,
+          options: ["primary", "neutral", "danger", "success", "warning"],
+          optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+        }
+      }
+    },
+    defaultValue: [
+      { displayName: "Value 1", value: "value1", color: "primary" },
+      { displayName: "Value 2", value: "value2", color: "primary" },
+      { displayName: "Value 3", value: "value3", color: "primary" },
+      { displayName: "Value 4", value: "value4", color: "primary" },
+      { displayName: "Value 5", value: "value5", color: "primary" },
+      { displayName: "Value 6", value: "value6", color: "primary" }
+    ]
+  }
+};
+
+// src/components/Select/Select.framer.ts
+import { ControlType as ControlType15 } from "framer";
+var selectPropertyControls = {
+  onChange: {
+    title: "onChange",
+    type: ControlType15.EventHandler
+  },
+  defaultListboxOpen: {
+    title: "Opened",
+    type: ControlType15.Boolean,
+    defaultValue: false
+  },
+  defaultValue: {
+    title: "Selected Option",
+    type: ControlType15.String
+  },
+  disabled: {
+    title: "Disabled",
+    type: ControlType15.Boolean,
+    defaultValue: false
+  },
+  placeholder: {
+    title: "Placeholder",
+    type: ControlType15.String,
+    defaultValue: "Choose one..."
+  },
+  color: {
+    title: "Color",
+    type: ControlType15.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  size: {
+    title: "Size",
+    type: ControlType15.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType15.Enum,
+    options: ["outlined", "plain", "solid", "soft"],
+    defaultValue: void 0
+  },
+  options: {
+    title: "Options",
+    type: ControlType15.Array,
+    control: {
+      type: ControlType15.Object,
+      controls: {
+        text: {
+          title: "Text",
+          type: ControlType15.String
+        },
+        value: { title: "Value", type: ControlType15.String }
+      }
+    },
+    defaultValue: [
+      { text: "Option 1", value: "option1" },
+      { text: "Option 2", value: "option2" }
+    ]
+  }
+};
+
+// src/components/Sheet/Sheet.framer.ts
+import { ControlType as ControlType16 } from "framer";
+var sheetPropertyControls = {
+  color: {
+    title: "Color",
+    type: ControlType16.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType16.Enum,
+    options: ["solid", "outlined", "soft", "plain"],
+    defaultValue: "outlined"
+  }
+};
+
+// src/components/Switch/Switch.framer.ts
+import { ControlType as ControlType17 } from "framer";
+var switchPropertyControls = {
+  onChange: {
+    title: "onChange",
+    type: ControlType17.EventHandler
+  },
+  disabled: {
+    title: "Disabled",
+    type: ControlType17.Boolean,
+    defaultValue: false
+  },
+  color: {
+    title: "Color",
+    type: ControlType17.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType17.Enum,
+    options: ["solid", "outlined", "soft", "plain"],
+    defaultValue: void 0
+  },
+  size: {
+    title: "Size",
+    type: ControlType17.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/Tabs/Tabs.framer.ts
+import { ControlType as ControlType18 } from "framer";
+var tabsPropertyControls = {
+  color: {
+    title: "Color",
+    type: ControlType18.Enum,
+    options: ["primary", "neutral", "danger", "success", "warning"],
+    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
+  },
+  size: {
+    title: "Size",
+    type: ControlType18.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  },
+  variant: {
+    title: "Variant",
+    type: ControlType18.Enum,
+    options: ["outlined", "plain", "solid", "soft"],
+    defaultValue: "plain"
+  },
+  orientation: {
+    type: ControlType18.Enum,
+    options: ["horizontal", "vertical"]
+  },
+  disableUnderline: {
+    type: ControlType18.Boolean,
+    defaultValue: false
+  },
+  disableIndicator: {
+    type: ControlType18.Boolean,
+    defaultValue: false
+  },
+  indicatorInset: {
+    type: ControlType18.Boolean,
+    defaultValue: false
+  },
+  tabs: {
+    type: ControlType18.Array,
+    control: {
+      type: ControlType18.Object,
+      controls: {
+        title: {
+          type: ControlType18.String
+        },
+        disabled: {
+          type: ControlType18.Boolean,
+          defaultValue: false
+        }
+      }
+    }
+  },
+  contents: {
+    title: "Contents",
+    type: ControlType18.Array,
+    control: {
+      type: ControlType18.ComponentInstance
+    }
+  }
+};
+
+// src/components/Typography/Typography.framer.ts
+import { ControlType as ControlType19 } from "framer";
+var typographyPropertyControls = {
+  // color: {
+  //     title: "Color",
+  //     type: ControlType.Enum,
+  //     options: ["primary", "neutral", "danger", "success", "warning"],
+  //     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
+  // },
+  level: {
+    title: "Level",
+    type: ControlType19.Enum,
+    options: [
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "title-lg",
+      "title-md",
+      "title-sm",
+      "body-lg",
+      "body-md",
+      "body-sm",
+      "body-xs",
+      "inherit"
+    ],
+    defaultValue: "body-md"
+  },
+  textColor: {
+    title: "Text Color",
+    type: ControlType19.Enum,
+    options: ["text.tertiary", "inherit"],
+    defaultValue: "inherit"
+  },
+  text: {
+    title: "Text",
+    type: ControlType19.String,
+    defaultValue: "Typography",
+    displayTextArea: true
+  },
+  endDecorator: {
+    title: "End Decorator",
+    type: ControlType19.ComponentInstance
+  },
+  startDecorator: {
+    title: "Start Decorator",
+    type: ControlType19.ComponentInstance
+  }
+};
 export {
-  Accordion_default as Accordion,
-  AccordionDetails_default as AccordionDetails,
-  AccordionGroup_default as AccordionGroup,
-  AccordionSummary_default as AccordionSummary,
+  Accordion3 as Accordion,
+  AccordionDetails3 as AccordionDetails,
+  AccordionGroup3 as AccordionGroup,
+  AccordionSummary3 as AccordionSummary,
   AspectRatio_default as AspectRatio,
   Avatar_default as Avatar,
   AvatarGroup_default as AvatarGroup,
@@ -32367,6 +33149,7 @@ export {
   Option3 as Option,
   Radio3 as Radio,
   RadioGroup3 as RadioGroup,
+  RadioList,
   Select3 as Select,
   Sheet3 as Sheet,
   Skeleton_default as Skeleton,
@@ -32391,33 +33174,44 @@ export {
   accordionClasses_default as accordionClasses,
   accordionDetailsClasses_default as accordionDetailsClasses,
   accordionGroupClasses_default as accordionGroupClasses,
+  accordionGroupPropertyControls,
+  accordionPropertyControls,
   accordionSummaryClasses_default as accordionSummaryClasses,
   aspectRatioClasses_default as aspectRatioClasses,
   avatarClasses_default as avatarClasses,
   avatarGroupClasses_default as avatarGroupClasses,
+  avatarPropertyControls,
   badgeClasses_default as badgeClasses,
+  badgePropertyControls,
   boxClasses_default as boxClasses,
   breadcrumbsClasses_default as breadcrumbsClasses,
   buttonClasses_default as buttonClasses,
+  buttonPropertyControls,
   cardActionsClasses_default as cardActionsClasses,
   cardClasses_default as cardClasses,
   cardContentClasses_default as cardContentClasses,
   cardCoverClasses_default as cardCoverClasses,
   cardOverflowClasses_default as cardOverflowClasses,
   checkboxClasses_default as checkboxClasses,
+  checkboxPropertyControls,
   chipClasses_default as chipClasses,
+  chipPropertyControls,
   circularProgressClasses_default as circularProgressClasses,
+  dataTablePropertyControls,
   dialogActionsClasses_default as dialogActionsClasses,
   dialogContentClasses_default as dialogContentClasses,
   dialogTitleClasses_default as dialogTitleClasses,
   dividerClasses_default as dividerClasses,
+  dividerPropertyControls,
   drawerClasses_default as drawerClasses,
   formControlClasses_default as formControlClasses,
   formHelperTextClasses_default as formHelperTextClasses,
   formLabelClasses_default as formLabelClasses,
   gridClasses_default as gridClasses,
   iconButtonClasses_default as iconButtonClasses,
+  iconButtonPropertyControls,
   inputClasses_default as inputClasses,
+  inputPropertyControls,
   linearProgressClasses_default as linearProgressClasses,
   linkClasses_default as linkClasses,
   listClasses_default as listClasses,
@@ -32428,17 +33222,22 @@ export {
   listItemDecoratorClasses_default as listItemDecoratorClasses,
   listSubheaderClasses_default as listSubheaderClasses,
   menuButtonClasses_default as menuButtonClasses,
+  menuButtonPropertyControls,
   menuClasses_default as menuClasses,
   menuItemClasses_default as menuItemClasses,
   modalClasses_default as modalClasses,
   modalCloseClasses_default as modalCloseClasses,
   modalDialogClasses_default as modalDialogClasses,
+  modalFramePropertyControls,
   modalOverflowClasses_default as modalOverflowClasses,
   optionClasses_default as optionClasses,
   radioClasses_default as radioClasses,
   radioGroupClasses_default as radioGroupClasses,
+  radioListPropertyControls,
   selectClasses_default as selectClasses,
+  selectPropertyControls,
   sheetClasses_default as sheetClasses,
+  sheetPropertyControls,
   skeletonClasses_default as skeletonClasses,
   sliderClasses_default as sliderClasses,
   stackClasses_default as stackClasses,
@@ -32446,13 +33245,16 @@ export {
   stepClasses_default as stepClasses,
   stepperClasses_default as stepperClasses,
   switchClasses_default as switchClasses,
+  switchPropertyControls,
   tabListClasses_default as tabListClasses,
   tabPanelClasses_default as tabPanelClasses,
   tableClasses_default as tableClasses,
   tabsClasses_default as tabsClasses,
+  tabsPropertyControls,
   textareaClasses_default as textareaClasses,
   tooltipClasses_default as tooltipClasses,
-  typographyClasses_default as typographyClasses
+  typographyClasses_default as typographyClasses,
+  typographyPropertyControls
 };
 /*! Bundled license information: