@ceed/ads 0.0.17-8 → 0.0.17-9

package/dist/components/{Accordion/Accordion.d.ts → Accordions/Accordions.d.ts}

@@ -1,39 +1,4 @@
 import React from "react";
-declare const MotionAccordionGroup: import("framer-motion").CustomDomComponent<{
-    children?: React.ReactNode;
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionGroupPropsColorOverrides> | undefined;
-    disableDivider?: boolean | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").AccordionGroupPropsSizeOverrides> | undefined;
-    transition?: string | {
-        initial: string;
-        expanded: string;
-    } | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").AccordionGroupPropsVariantOverrides> | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-} & import("@mui/joy").AccordionGroupSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "transition" | "color" | "disableDivider" | "size" | "variant" | "sx" | keyof import("@mui/joy").AccordionGroupSlotsAndSlotProps>>;
-declare function AccordionGroup(props: {
-    controlled?: boolean;
-    indicator?: React.ReactNode;
-} & React.ComponentProps<typeof MotionAccordionGroup>): React.JSX.Element;
-declare namespace AccordionGroup {
-    var displayName: string;
-}
-export { AccordionGroup };
-declare const MotionAccordion: import("framer-motion").CustomDomComponent<{
-    accordionId?: string | undefined;
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionPropsColorOverrides> | undefined;
-    children?: React.ReactNode;
-    defaultExpanded?: boolean | undefined;
-    disabled?: boolean | undefined;
-    expanded?: boolean | undefined;
-    onChange?: ((event: React.SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").AccordionPropsVariantOverrides> | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-} & import("@mui/joy").AccordionSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "onChange" | "variant" | "sx" | "accordionId" | "defaultExpanded" | "disabled" | "expanded" | keyof import("@mui/joy").AccordionSlotsAndSlotProps>>;
 declare const AccordionSummary: import("framer-motion").CustomDomComponent<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionSummaryPropsColorOverrides> | undefined;
@@ -42,7 +7,7 @@ declare const AccordionSummary: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").AccordionSummarySlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "indicator" | keyof import("@mui/joy").AccordionSummarySlotsAndSlotProps>>;
+}, "children" | "color" | "indicator" | "variant" | "sx" | keyof import("@mui/joy").AccordionSummarySlotsAndSlotProps>>;
 export { AccordionSummary };
 declare const AccordionDetails: import("framer-motion").CustomDomComponent<{
     children?: React.ReactNode;
@@ -53,13 +18,49 @@ declare const AccordionDetails: import("framer-motion").CustomDomComponent<{
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "children" | "color" | "variant" | "sx" | keyof import("@mui/joy").AccordionDetailsSlotsAndSlotProps>>;
 export { AccordionDetails };
+declare const MotionAccordion: import("framer-motion").CustomDomComponent<{
+    accordionId?: string | undefined;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionPropsColorOverrides> | undefined;
+    children?: React.ReactNode;
+    defaultExpanded?: boolean | undefined;
+    disabled?: boolean | undefined;
+    expanded?: boolean | undefined;
+    onChange?: ((event: React.SyntheticEvent<Element, Event>, expanded: boolean) => void) | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").AccordionPropsVariantOverrides> | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+} & import("@mui/joy").AccordionSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "onChange" | "variant" | "sx" | "accordionId" | "defaultExpanded" | "disabled" | "expanded" | keyof import("@mui/joy").AccordionSlotsAndSlotProps>>;
 declare function Accordion(props: {
     summary: React.ReactNode;
     details: React.ReactNode;
-    indicator?: React.ReactNode;
-    index?: number;
+    index: number;
 } & React.ComponentProps<typeof MotionAccordion>): React.JSX.Element;
 declare namespace Accordion {
     var displayName: string;
 }
 export { Accordion };
+declare const MotionAccordions: import("framer-motion").CustomDomComponent<{
+    children?: React.ReactNode;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionGroupPropsColorOverrides> | undefined;
+    disableDivider?: boolean | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").AccordionGroupPropsSizeOverrides> | undefined;
+    transition?: string | {
+        initial: string;
+        expanded: string;
+    } | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").AccordionGroupPropsVariantOverrides> | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+} & import("@mui/joy").AccordionGroupSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "transition" | "color" | "variant" | "sx" | "disableDivider" | "size" | keyof import("@mui/joy").AccordionGroupSlotsAndSlotProps>>;
+declare function Accordions(props: {
+    items: {
+        summary: string;
+        details: React.ReactNode;
+    }[];
+} & React.ComponentProps<typeof MotionAccordions>): React.JSX.Element;
+declare namespace Accordions {
+    var displayName: string;
+}
+export { Accordions };

package/dist/components/{Accordion/Accordion.js → Accordions/Accordions.js}

@@ -20,35 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { createContext, useContext, useState, } from "react";
+import React from "react";
 import { AccordionGroup as JoyAccordionGroup, Accordion as JoyAccordion, AccordionSummary as JoyAccordionSummary, AccordionDetails as JoyAccordionDetails, } from "@mui/joy";
 import { motion } from "framer-motion";
-var AccordionContext = createContext({
-    setExpandedIndex: function () { },
-});
-var MotionAccordionGroup = motion(JoyAccordionGroup);
-function AccordionGroup(props) {
-    // prop destruction
-    var controlled = props.controlled, indicator = props.indicator, innerProps = __rest(props, ["controlled", "indicator"]);
-    // lib hooks
-    // state, ref, querystring hooks
-    var _a = useState(), expandedIndex = _a[0], setExpandedIndex = _a[1];
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React.createElement(AccordionContext.Provider, { value: {
-            expandedIndex: expandedIndex,
-            setExpandedIndex: setExpandedIndex,
-            isControlled: controlled,
-            indicator: indicator,
-        } },
-        React.createElement(MotionAccordionGroup, __assign({}, innerProps))));
-}
-export { AccordionGroup };
-AccordionGroup.displayName = "AccordionGroup";
-var MotionAccordion = motion(JoyAccordion);
 var MotionAccordionSummary = motion(JoyAccordionSummary);
 var AccordionSummary = MotionAccordionSummary;
 export { AccordionSummary };
@@ -57,27 +31,36 @@ var MotionAccordionDetails = motion(JoyAccordionDetails);
 var AccordionDetails = MotionAccordionDetails;
 export { AccordionDetails };
 AccordionDetails.displayName = "AccordionDetails";
+var MotionAccordion = motion(JoyAccordion);
 function Accordion(props) {
     // prop destruction
-    var summary = props.summary, details = props.details, indicator = props.indicator, index = props.index, innerProps = __rest(props, ["summary", "details", "indicator", "index"]);
+    var summary = props.summary, details = props.details, variant = props.variant, color = props.color, innerProps = __rest(props, ["summary", "details", "variant", "color"]);
     // lib hooks
     // state, ref, querystring hooks
-    var _a = useContext(AccordionContext), expandedIndex = _a.expandedIndex, setExpandedIndex = _a.setExpandedIndex, isControlled = _a.isControlled, globalIndicator = _a.indicator;
     // form hooks
     // query hooks
     // calculated values
+    var inheritedVariant = variant === "solid" ? "solid" : undefined;
     // effects
     // handlers
-    return (
-    // NOTE: AccordionGroup없이 단일로 사용하면 animation 적용이 안된다.(joy ui)
-    React.createElement(MotionAccordion, __assign({}, (isControlled && {
-        expanded: expandedIndex === index,
-        onChange: function (_, expanded) {
-            setExpandedIndex(expanded ? index : undefined);
-        },
-    }), innerProps),
-        React.createElement(AccordionSummary, { indicator: indicator || globalIndicator }, summary),
-        React.createElement(AccordionDetails, null, details)));
+    return (React.createElement(MotionAccordion, __assign({ variant: inheritedVariant, color: color }, innerProps),
+        React.createElement(AccordionSummary, { variant: inheritedVariant, color: color }, summary),
+        React.createElement(AccordionDetails, { variant: inheritedVariant, color: color }, details)));
 }
 export { Accordion };
 Accordion.displayName = "Accordion";
+var MotionAccordions = motion(JoyAccordionGroup);
+function Accordions(props) {
+    // prop destruction
+    var variant = props.variant, color = props.color, items = props.items, innerProps = __rest(props, ["variant", "color", "items"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(MotionAccordions, __assign({ variant: variant, color: color }, innerProps), items.map(function (item, index) { return (React.createElement(Accordion, { summary: item.summary, details: item.details, index: index, variant: variant, color: color })); })));
+}
+export { Accordions };
+Accordions.displayName = "Accordions";

package/dist/components/Accordions/index.d.ts

@@ -0,0 +1,3 @@
+import { Accordions } from "./Accordions";
+export * from "./Accordions";
+export default Accordions;

package/dist/components/Accordions/index.js

@@ -0,0 +1,3 @@
+import { Accordions } from "./Accordions";
+export * from "./Accordions";
+export default Accordions;

package/dist/components/FormControl/FormControl.d.ts

@@ -10,5 +10,5 @@ declare const FormControl: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").FormControlSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "size" | "sx" | "disabled" | "required" | "orientation" | "error" | keyof import("@mui/joy").FormControlSlotsAndSlotProps>>;
+}, "children" | "color" | "sx" | "disabled" | "size" | "required" | "orientation" | "error" | keyof import("@mui/joy").FormControlSlotsAndSlotProps>>;
 export { FormControl };

package/dist/components/Modal/Modal.d.ts

@@ -19,7 +19,7 @@ declare const ModalDialog: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "size" | "variant" | "sx" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
+}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
 export { ModalDialog };
 declare const ModalClose: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;
@@ -28,7 +28,7 @@ declare const ModalClose: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalClosePropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalCloseSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "size" | "variant" | "sx" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps>>;
+}, "color" | "variant" | "sx" | "size" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps>>;
 export { ModalClose };
 declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;

package/dist/components/Radio/Radio.d.ts

@@ -14,7 +14,7 @@ declare const Radio: import("framer-motion").CustomDomComponent<import("@mui/bas
     value?: unknown;
 } & import("@mui/joy").RadioSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "label" | "color" | "overlay" | "className" | "size" | "variant" | "sx" | "value" | "name" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
+}, "label" | "color" | "overlay" | "className" | "variant" | "sx" | "size" | "name" | "value" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
 export { Radio };
 declare const RadioGroup: import("framer-motion").CustomDomComponent<{
     className?: string | undefined;
@@ -32,5 +32,5 @@ declare const RadioGroup: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").RadioPropsVariantOverrides> | undefined;
 } & import("@mui/joy").RadioGroupSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "color" | "overlay" | "defaultValue" | "className" | "onChange" | "size" | "variant" | "sx" | "value" | "component" | "name" | "disableIcon" | "orientation" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
+}, "color" | "overlay" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "component" | "name" | "value" | "disableIcon" | "orientation" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
 export { RadioGroup };

package/dist/components/Tabs/Tabs.d.ts

@@ -6,7 +6,7 @@ declare const Tabs: import("framer-motion").CustomDomComponent<Omit<import("@mui
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "size" | "variant" | "sx" | "value" | "orientation" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
+}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "value" | "orientation" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
 export { Tabs };
 declare const Tab: import("framer-motion").CustomDomComponent<{
     action?: React.Ref<{
@@ -24,7 +24,7 @@ declare const Tab: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "onChange" | "variant" | "sx" | "disabled" | "value" | "action" | "orientation" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps>>;
+}, "color" | "onChange" | "variant" | "sx" | "disabled" | "action" | "value" | "orientation" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps>>;
 export { Tab };
 declare const TabList: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;
@@ -38,7 +38,7 @@ declare const TabList: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabListPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabListSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "size" | "variant" | "sx" | "sticky" | "disableUnderline" | "tabFlex" | "underlinePlacement" | keyof import("@mui/joy").TabListSlotsAndSlotProps>>;
+}, "children" | "color" | "variant" | "sx" | "size" | "sticky" | "disableUnderline" | "tabFlex" | "underlinePlacement" | keyof import("@mui/joy").TabListSlotsAndSlotProps>>;
 export { TabList };
 declare const TabPanel: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabPanelOwnProps, "slots" | "slotProps" | "value"> & {
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabPanelPropsColorOverrides> | undefined;
@@ -49,5 +49,5 @@ declare const TabPanel: import("framer-motion").CustomDomComponent<Omit<import("
     keepMounted?: boolean | undefined;
 } & import("@mui/joy").TabPanelSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "className" | "size" | "variant" | "sx" | "value" | "keepMounted" | keyof import("@mui/joy").TabPanelSlotsAndSlotProps>>;
+}, "children" | "color" | "className" | "variant" | "sx" | "size" | "value" | "keepMounted" | keyof import("@mui/joy").TabPanelSlotsAndSlotProps>>;
 export { TabPanel };

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary } from './Accordion';
+export { Accordion, AccordionDetails, Accordions, AccordionSummary } from './Accordions';
 export { Box } from "./Box";
 export { Button } from "./Button";
 export { Checkbox } from "./Checkbox";

package/dist/components/index.js

@@ -1,4 +1,4 @@
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary } from './Accordion';
+export { Accordion, AccordionDetails, Accordions, AccordionSummary } from './Accordions';
 export { Box } from "./Box";
 export { Button } from "./Button";
 export { Checkbox } from "./Checkbox";

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses, accordionSummaryClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, Breadcrumbs, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
+export { boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, Breadcrumbs, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
+export { Accordion, Accordions, AccordionDetails, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/dist/index.js

@@ -2,5 +2,5 @@ export {
 // Custom UI
 boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, 
 // Pure JoyUI
-accordionClasses, accordionDetailsClasses, accordionGroupClasses, accordionSummaryClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, Breadcrumbs, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
+accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, Breadcrumbs, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
+export { Accordion, Accordions, AccordionDetails, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/framer/index.js

@@ -31747,12 +31747,7 @@ true ? Tooltip.propTypes = {
 } : void 0;
 var Tooltip_default = Tooltip;
 
-// src/components/Accordion/Accordion.tsx
-import {
-  createContext as createContext31,
-  useContext as useContext51,
-  useState as useState22
-} from "react";
+// src/components/Accordions/Accordions.tsx
 import { motion } from "framer-motion";
 
 // ../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js
@@ -31773,60 +31768,38 @@ 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);
+// src/components/Accordions/Accordions.tsx
 var MotionAccordionSummary = motion(AccordionSummary_default);
 var AccordionSummary3 = MotionAccordionSummary;
 AccordionSummary3.displayName = "AccordionSummary";
 var MotionAccordionDetails = motion(AccordionDetails_default);
 var AccordionDetails3 = MotionAccordionDetails;
 AccordionDetails3.displayName = "AccordionDetails";
+var MotionAccordion = motion(Accordion_default);
 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 })
-        ]
-      }
-    )
-  );
+  const { summary, details, variant, color: color2, ...innerProps } = props;
+  const inheritedVariant = variant === "solid" ? "solid" : void 0;
+  return /* @__PURE__ */ jsxs2(MotionAccordion, { variant: inheritedVariant, color: color2, ...innerProps, children: [
+    /* @__PURE__ */ jsx2(AccordionSummary3, { variant: inheritedVariant, color: color2, children: summary }),
+    /* @__PURE__ */ jsx2(AccordionDetails3, { variant: inheritedVariant, color: color2, children: details })
+  ] });
 }
 Accordion3.displayName = "Accordion";
+var MotionAccordions = motion(AccordionGroup_default);
+function Accordions(props) {
+  const { variant, color: color2, items, ...innerProps } = props;
+  return /* @__PURE__ */ jsx2(MotionAccordions, { variant, color: color2, ...innerProps, children: items.map((item, index) => /* @__PURE__ */ jsx2(
+    Accordion3,
+    {
+      summary: item.summary,
+      details: item.details,
+      index,
+      variant,
+      color: color2
+    }
+  )) });
+}
+Accordions.displayName = "Accordions";
 
 // src/components/Box/Box.tsx
 import { motion as motion2 } from "framer-motion";
@@ -32381,130 +32354,112 @@ var Typography3 = (props) => {
 };
 Typography3.displayName = "Typography";
 
-// src/components/Accordion/Accordion.framer.ts
+// src/components/Accordions/Accordions.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 = {
+var accordionsPropertyControls = {
   variant: {
     title: "Variant",
-    type: ControlType2.Enum,
+    type: ControlType.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: "plain"
   },
   color: {
     title: "Color",
-    type: ControlType2.Enum,
+    type: ControlType.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
     defaultValue: "neutral"
   },
   size: {
     title: "Size",
-    type: ControlType2.Enum,
+    type: ControlType.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   disableDivider: {
     title: "Disable Divider",
-    type: ControlType2.Boolean,
+    type: ControlType.Boolean,
     defaultValue: false
   },
-  indicator: {
-    title: "Indicator",
-    type: ControlType2.ComponentInstance
-  },
-  controlled: {
-    title: "Controlled",
-    type: ControlType2.Boolean,
-    defaultValue: false
+  summaries: {
+    title: "Summaries",
+    type: ControlType.Array,
+    control: {
+      type: ControlType.String
+    },
+    defaultValue: []
   },
-  accordions: {
-    title: "Accordions",
-    type: ControlType2.Array,
+  details: {
+    title: "Details",
+    type: ControlType.Array,
     control: {
-      type: ControlType2.ComponentInstance
-    }
+      type: ControlType.ComponentInstance
+    },
+    defaultValue: []
   }
 };
 
 // src/components/Avatar/Avatar.framer.ts
-import { ControlType as ControlType3 } from "framer";
+import { ControlType as ControlType2 } from "framer";
 var avatarPropertyControls = {
   text: {
     title: "Text",
-    type: ControlType3.String,
+    type: ControlType2.String,
     defaultValue: "Tim"
   },
   image: {
     title: "Image",
-    type: ControlType3.ResponsiveImage
+    type: ControlType2.ResponsiveImage
   },
   color: {
     title: "Color",
-    type: ControlType3.Enum,
+    type: ControlType2.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
     defaultValue: "neutral"
   },
   size: {
     title: "Size",
-    type: ControlType3.Enum,
+    type: ControlType2.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   variant: {
     title: "Variant",
-    type: ControlType3.Enum,
+    type: ControlType2.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: void 0
   }
 };
 
 // src/components/Badge/Badge.framer.ts
-import { ControlType as ControlType4 } from "framer";
+import { ControlType as ControlType3 } from "framer";
 var badgePropertyControls = {
   badgeContent: {
-    type: ControlType4.String
+    type: ControlType3.String
   },
   color: {
     title: "Color",
-    type: ControlType4.Enum,
+    type: ControlType3.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType4.Enum,
+    type: ControlType3.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: "outlined"
   },
   size: {
     title: "Size",
-    type: ControlType4.Enum,
+    type: ControlType3.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/Button/Button.framer.ts
-import { ControlType as ControlType5 } from "framer";
+import { ControlType as ControlType4 } from "framer";
 var buttonPropertyControls = {
   // NOT working
   // children: {
@@ -32512,165 +32467,165 @@ var buttonPropertyControls = {
   // },
   text: {
     title: "Text",
-    type: ControlType5.String,
+    type: ControlType4.String,
     defaultValue: "Press me"
   },
   onTap: {
-    type: ControlType5.EventHandler
+    type: ControlType4.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType5.Boolean,
+    type: ControlType4.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType5.Enum,
+    type: ControlType4.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType5.Enum,
+    type: ControlType4.Enum,
     options: ["solid", "outlined", "soft", "plain"]
   },
   loading: {
     title: "Loading",
-    type: ControlType5.Boolean,
+    type: ControlType4.Boolean,
     defaultValue: false
   },
   endDecorator: {
     title: "End Decorator",
-    type: ControlType5.ComponentInstance
+    type: ControlType4.ComponentInstance
   },
   startDecorator: {
     title: "Start Decorator",
-    type: ControlType5.ComponentInstance
+    type: ControlType4.ComponentInstance
   },
   size: {
     title: "Size",
-    type: ControlType5.Enum,
+    type: ControlType4.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   // for withModal
   modalContents: {
     title: "Modal Contents",
-    type: ControlType5.Array,
+    type: ControlType4.Array,
     control: {
-      type: ControlType5.ComponentInstance
+      type: ControlType4.ComponentInstance
     }
   }
 };
 
 // src/components/Checkbox/Checkbox.framer.ts
-import { ControlType as ControlType6 } from "framer";
+import { ControlType as ControlType5 } from "framer";
 var checkboxPropertyControls = {
   onChange: {
     title: "onChange",
-    type: ControlType6.EventHandler
+    type: ControlType5.EventHandler
   },
   defaultChecked: {
     title: "Checked",
-    type: ControlType6.Boolean,
+    type: ControlType5.Boolean,
     defaultValue: false
   },
   disabled: {
     title: "Disabled",
-    type: ControlType6.Boolean,
+    type: ControlType5.Boolean,
     defaultValue: false
   },
   label: {
     title: "Label",
-    type: ControlType6.String,
+    type: ControlType5.String,
     defaultValue: "Label"
   },
   color: {
     title: "Color",
-    type: ControlType6.Enum,
+    type: ControlType5.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   size: {
     title: "Size",
-    type: ControlType6.Enum,
+    type: ControlType5.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   variant: {
     title: "Variant",
-    type: ControlType6.Enum,
+    type: ControlType5.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: void 0
   }
 };
 
 // src/components/Chip/Chip.framer.ts
-import { ControlType as ControlType7 } from "framer";
+import { ControlType as ControlType6 } from "framer";
 var chipPropertyControls = {
   text: {
     title: "Text",
-    type: ControlType7.String,
+    type: ControlType6.String,
     defaultValue: "Chip"
   },
   color: {
     title: "Color",
-    type: ControlType7.Enum,
+    type: ControlType6.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType7.Enum,
+    type: ControlType6.Enum,
     options: ["solid", "outlined", "soft", "plain"]
   },
   size: {
     title: "Size",
-    type: ControlType7.Enum,
+    type: ControlType6.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/DataTable/DataTable.framer.ts
-import { ControlType as ControlType8 } from "framer";
+import { ControlType as ControlType7 } from "framer";
 var dataTablePropertyControls = {
   csvUrl: {
     title: "CSV Data",
-    type: ControlType8.File,
+    type: ControlType7.File,
     allowedFileTypes: ["csv"]
     // NOT WORKING
     // defaultValue:
     //     "https://sharadcodes.github.io/noob-cms/data/MOCK_DATA.csv",
   },
   showCheckbox: {
-    type: ControlType8.Boolean,
+    type: ControlType7.Boolean,
     defaultValue: true
   },
   noWrap: {
-    type: ControlType8.Boolean,
+    type: ControlType7.Boolean,
     defaultValue: false
   },
   hoverRow: {
-    type: ControlType8.Boolean,
+    type: ControlType7.Boolean,
     defaultValue: true
   },
   stripe: {
-    type: ControlType8.Enum,
+    type: ControlType7.Enum,
     options: [void 0, "odd", "even"],
     optionTitles: ["None", "Odd", "Even"],
     defaultValue: void 0
   },
   headCells: {
-    type: ControlType8.Array,
+    type: ControlType7.Array,
     control: {
-      type: ControlType8.Object,
+      type: ControlType7.Object,
       controls: {
         label: {
-          type: ControlType8.String
+          type: ControlType7.String
         },
         width: {
-          type: ControlType8.String
+          type: ControlType7.String
         }
         // numeric: {
         //     type: ControlType.Boolean,
@@ -32683,124 +32638,124 @@ var dataTablePropertyControls = {
 };
 
 // src/components/Divider/Divider.framer.ts
-import { ControlType as ControlType9 } from "framer";
+import { ControlType as ControlType8 } from "framer";
 var dividerPropertyControls = {
   text: {
-    type: ControlType9.String,
+    type: ControlType8.String,
     defaultValue: void 0
   },
   orientation: {
     title: "Orientation",
-    type: ControlType9.Enum,
+    type: ControlType8.Enum,
     options: ["horizontal", "vertical"]
   }
 };
 
 // src/components/IconButton/IconButton.framer.ts
-import { ControlType as ControlType10 } from "framer";
+import { ControlType as ControlType9 } from "framer";
 var iconButtonPropertyControls = {
   icon: {
     title: "Icon",
-    type: ControlType10.ComponentInstance
+    type: ControlType9.ComponentInstance
   },
   onClick: {
     title: "onClick",
-    type: ControlType10.EventHandler
+    type: ControlType9.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType10.Boolean,
+    type: ControlType9.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType10.Enum,
+    type: ControlType9.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType10.Enum,
+    type: ControlType9.Enum,
     options: ["solid", "outlined", "soft", "plain"]
   },
   size: {
     title: "Size",
-    type: ControlType10.Enum,
+    type: ControlType9.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/Input/Input.framer.ts
-import { ControlType as ControlType11 } from "framer";
+import { ControlType as ControlType10 } from "framer";
 var inputPropertyControls = {
   onChange: {
-    type: ControlType11.EventHandler
+    type: ControlType10.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType11.Boolean,
+    type: ControlType10.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType11.Enum,
+    type: ControlType10.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
     defaultValue: "neutral"
   },
   variant: {
     title: "Variant",
-    type: ControlType11.Enum,
+    type: ControlType10.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: "outlined"
   },
   defaultValue: {
     title: "Value",
-    type: ControlType11.String,
+    type: ControlType10.String,
     defaultValue: ""
   },
   placeholder: {
     title: "Placeholder",
-    type: ControlType11.String,
+    type: ControlType10.String,
     defaultValue: "Type in here..."
   },
   endDecorator: {
     title: "End Decorator",
-    type: ControlType11.ComponentInstance
+    type: ControlType10.ComponentInstance
   },
   startDecorator: {
     title: "Start Decorator",
-    type: ControlType11.ComponentInstance
+    type: ControlType10.ComponentInstance
   },
   size: {
     title: "Size",
-    type: ControlType11.Enum,
+    type: ControlType10.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/MenuButton/MenuButton.framer.ts
-import { ControlType as ControlType12 } from "framer";
+import { ControlType as ControlType11 } from "framer";
 var menuButtonPropertyControls = {
   buttonText: {
     title: "Button Text",
-    type: ControlType12.String,
+    type: ControlType11.String,
     defaultValue: "text"
   },
   showIcon: {
-    type: ControlType12.Boolean,
+    type: ControlType11.Boolean,
     defaultValue: false
   },
   items: {
     title: "Items",
-    type: ControlType12.Array,
+    type: ControlType11.Array,
     control: {
-      type: ControlType12.Object,
+      type: ControlType11.Object,
       controls: {
         text: {
-          type: ControlType12.String
+          type: ControlType11.String
         }
       }
     },
@@ -32809,52 +32764,52 @@ var menuButtonPropertyControls = {
 };
 
 // src/components/Modal/Modal.framer.ts
-import { ControlType as ControlType13 } from "framer";
+import { ControlType as ControlType12 } from "framer";
 var modalFramePropertyControls = {
   title: {
-    type: ControlType13.String,
+    type: ControlType12.String,
     defaultValue: "Title"
   },
   content: {
     title: "Content",
-    type: ControlType13.ComponentInstance
+    type: ControlType12.ComponentInstance
   },
   size: {
     title: "Size",
-    type: ControlType13.Enum,
+    type: ControlType12.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/RadioList/RadioList.framer.ts
-import { ControlType as ControlType14 } from "framer";
+import { ControlType as ControlType13 } from "framer";
 var radioListPropertyControls = {
   orientation: {
     title: "Orientation",
-    type: ControlType14.Enum,
+    type: ControlType13.Enum,
     options: ["vertical", "horizontal"],
     defaultValue: "vertical"
   },
   defaultValue: {
     title: "Checked Value",
-    type: ControlType14.String,
+    type: ControlType13.String,
     defaultValue: "value1"
   },
   items: {
     title: "Items",
-    type: ControlType14.Array,
+    type: ControlType13.Array,
     control: {
-      type: ControlType14.Object,
+      type: ControlType13.Object,
       controls: {
         displayName: {
           title: "Display Name",
-          type: ControlType14.String
+          type: ControlType13.String
         },
-        value: { title: "Value", type: ControlType14.String },
+        value: { title: "Value", type: ControlType13.String },
         color: {
           title: "Color",
-          type: ControlType14.Enum,
+          type: ControlType13.Enum,
           options: ["primary", "neutral", "danger", "success", "warning"],
           optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
         }
@@ -32872,60 +32827,60 @@ var radioListPropertyControls = {
 };
 
 // src/components/Select/Select.framer.ts
-import { ControlType as ControlType15 } from "framer";
+import { ControlType as ControlType14 } from "framer";
 var selectPropertyControls = {
   onChange: {
     title: "onChange",
-    type: ControlType15.EventHandler
+    type: ControlType14.EventHandler
   },
   defaultListboxOpen: {
     title: "Opened",
-    type: ControlType15.Boolean,
+    type: ControlType14.Boolean,
     defaultValue: false
   },
   defaultValue: {
     title: "Selected Option",
-    type: ControlType15.String
+    type: ControlType14.String
   },
   disabled: {
     title: "Disabled",
-    type: ControlType15.Boolean,
+    type: ControlType14.Boolean,
     defaultValue: false
   },
   placeholder: {
     title: "Placeholder",
-    type: ControlType15.String,
+    type: ControlType14.String,
     defaultValue: "Choose one..."
   },
   color: {
     title: "Color",
-    type: ControlType15.Enum,
+    type: ControlType14.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   size: {
     title: "Size",
-    type: ControlType15.Enum,
+    type: ControlType14.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   variant: {
     title: "Variant",
-    type: ControlType15.Enum,
+    type: ControlType14.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: void 0
   },
   options: {
     title: "Options",
-    type: ControlType15.Array,
+    type: ControlType14.Array,
     control: {
-      type: ControlType15.Object,
+      type: ControlType14.Object,
       controls: {
         text: {
           title: "Text",
-          type: ControlType15.String
+          type: ControlType14.String
         },
-        value: { title: "Value", type: ControlType15.String }
+        value: { title: "Value", type: ControlType14.String }
       }
     },
     defaultValue: [
@@ -32936,101 +32891,101 @@ var selectPropertyControls = {
 };
 
 // src/components/Sheet/Sheet.framer.ts
-import { ControlType as ControlType16 } from "framer";
+import { ControlType as ControlType15 } from "framer";
 var sheetPropertyControls = {
   color: {
     title: "Color",
-    type: ControlType16.Enum,
+    type: ControlType15.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType16.Enum,
+    type: ControlType15.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: "outlined"
   }
 };
 
 // src/components/Switch/Switch.framer.ts
-import { ControlType as ControlType17 } from "framer";
+import { ControlType as ControlType16 } from "framer";
 var switchPropertyControls = {
   onChange: {
     title: "onChange",
-    type: ControlType17.EventHandler
+    type: ControlType16.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType17.Boolean,
+    type: ControlType16.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType17.Enum,
+    type: ControlType16.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType17.Enum,
+    type: ControlType16.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: void 0
   },
   size: {
     title: "Size",
-    type: ControlType17.Enum,
+    type: ControlType16.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/Tabs/Tabs.framer.ts
-import { ControlType as ControlType18 } from "framer";
+import { ControlType as ControlType17 } from "framer";
 var tabsPropertyControls = {
   color: {
     title: "Color",
-    type: ControlType18.Enum,
+    type: ControlType17.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   size: {
     title: "Size",
-    type: ControlType18.Enum,
+    type: ControlType17.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   variant: {
     title: "Variant",
-    type: ControlType18.Enum,
+    type: ControlType17.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: "plain"
   },
   orientation: {
-    type: ControlType18.Enum,
+    type: ControlType17.Enum,
     options: ["horizontal", "vertical"]
   },
   disableUnderline: {
-    type: ControlType18.Boolean,
+    type: ControlType17.Boolean,
     defaultValue: false
   },
   disableIndicator: {
-    type: ControlType18.Boolean,
+    type: ControlType17.Boolean,
     defaultValue: false
   },
   indicatorInset: {
-    type: ControlType18.Boolean,
+    type: ControlType17.Boolean,
     defaultValue: false
   },
   tabs: {
-    type: ControlType18.Array,
+    type: ControlType17.Array,
     control: {
-      type: ControlType18.Object,
+      type: ControlType17.Object,
       controls: {
         title: {
-          type: ControlType18.String
+          type: ControlType17.String
         },
         disabled: {
-          type: ControlType18.Boolean,
+          type: ControlType17.Boolean,
           defaultValue: false
         }
       }
@@ -33038,15 +32993,15 @@ var tabsPropertyControls = {
   },
   contents: {
     title: "Contents",
-    type: ControlType18.Array,
+    type: ControlType17.Array,
     control: {
-      type: ControlType18.ComponentInstance
+      type: ControlType17.ComponentInstance
     }
   }
 };
 
 // src/components/Typography/Typography.framer.ts
-import { ControlType as ControlType19 } from "framer";
+import { ControlType as ControlType18 } from "framer";
 var typographyPropertyControls = {
   // color: {
   //     title: "Color",
@@ -33056,7 +33011,7 @@ var typographyPropertyControls = {
   // },
   level: {
     title: "Level",
-    type: ControlType19.Enum,
+    type: ControlType18.Enum,
     options: [
       "h1",
       "h2",
@@ -33075,30 +33030,30 @@ var typographyPropertyControls = {
   },
   textColor: {
     title: "Text Color",
-    type: ControlType19.Enum,
+    type: ControlType18.Enum,
     options: ["text.tertiary", "inherit"],
     defaultValue: "inherit"
   },
   text: {
     title: "Text",
-    type: ControlType19.String,
+    type: ControlType18.String,
     defaultValue: "Typography",
     displayTextArea: true
   },
   endDecorator: {
     title: "End Decorator",
-    type: ControlType19.ComponentInstance
+    type: ControlType18.ComponentInstance
   },
   startDecorator: {
     title: "Start Decorator",
-    type: ControlType19.ComponentInstance
+    type: ControlType18.ComponentInstance
   }
 };
 export {
   Accordion3 as Accordion,
   AccordionDetails3 as AccordionDetails,
-  AccordionGroup3 as AccordionGroup,
   AccordionSummary3 as AccordionSummary,
+  Accordions,
   AspectRatio_default as AspectRatio,
   Avatar_default as Avatar,
   AvatarGroup_default as AvatarGroup,
@@ -33173,10 +33128,9 @@ export {
   Typography3 as Typography,
   accordionClasses_default as accordionClasses,
   accordionDetailsClasses_default as accordionDetailsClasses,
-  accordionGroupClasses_default as accordionGroupClasses,
-  accordionGroupPropertyControls,
-  accordionPropertyControls,
   accordionSummaryClasses_default as accordionSummaryClasses,
+  accordionGroupClasses_default as accordionsClasses,
+  accordionsPropertyControls,
   aspectRatioClasses_default as aspectRatioClasses,
   avatarClasses_default as avatarClasses,
   avatarGroupClasses_default as avatarGroupClasses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.17-8",
+  "version": "0.0.17-9",
   "main": "dist/index.js",
   "type": "module",
   "description": "UI tool for Ecube Labs front-end developers",

package/dist/components/Accordion/index.d.ts

@@ -1,3 +0,0 @@
-import { Accordion } from "./Accordion";
-export * from "./Accordion";
-export default Accordion;

package/dist/components/Accordion/index.js

@@ -1,3 +0,0 @@
-import { Accordion } from "./Accordion";
-export * from "./Accordion";
-export default Accordion;