@ceed/ads 0.0.19 → 0.0.21

package/dist/components/Button/Button.d.ts

@@ -1,8 +1,25 @@
 import React from "react";
-import { ButtonProps } from "@mui/joy";
 import { MotionProps } from "framer-motion";
-declare const Button: {
-    (props: ButtonProps & MotionProps): React.JSX.Element;
-    displayName: string;
-};
+declare const Button: React.ForwardRefExoticComponent<Omit<{
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & import("@mui/joy").ButtonSlotsAndSlotProps & {
+    action?: React.Ref<{
+        focusVisible(): void;
+    }> | undefined;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ButtonPropsColorOverrides> | undefined;
+    disabled?: boolean | undefined;
+    endDecorator?: React.ReactNode;
+    focusVisibleClassName?: string | undefined;
+    fullWidth?: boolean | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ButtonPropsSizeOverrides> | undefined;
+    startDecorator?: React.ReactNode;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    tabIndex?: number | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ButtonPropsVariantOverrides> | undefined;
+    loading?: boolean | undefined;
+    loadingIndicator?: React.ReactNode;
+    loadingPosition?: "center" | "end" | "start" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "tabIndex" | "variant" | "sx" | "disabled" | "size" | "component" | keyof import("@mui/joy").ButtonSlotsAndSlotProps | "action" | "endDecorator" | "focusVisibleClassName" | "fullWidth" | "startDecorator" | "loading" | "loadingIndicator" | "loadingPosition"> & MotionProps, "ref"> & React.RefAttributes<unknown>>;
 export { Button };

package/dist/components/Button/Button.js

@@ -9,11 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from "react";
+import React, { forwardRef } from "react";
 import { Button as JoyButton } from "@mui/joy";
 import { motion } from "framer-motion";
 var MotionButton = motion(JoyButton);
-var Button = function (props) {
+var Button = forwardRef(function (props) {
     // prop destruction
     // lib hooks
     // state, ref, querystring hooks
@@ -23,6 +23,6 @@ var Button = function (props) {
     // effects
     // handlers
     return (React.createElement(MotionButton, __assign({}, props)));
-};
+});
 export { Button };
 Button.displayName = "Button";

package/dist/components/DataTable/DataTable.d.ts

@@ -20,7 +20,10 @@ type DataTableProps<T extends Record<string, unknown>> = {
         page: number;
         pageSize: number;
     };
-    onPaginationModelChange?: (newPage: number) => void;
+    onPaginationModelChange?: (model: {
+        page: number;
+        pageSize: number;
+    }) => void;
     /**
      * Rows의 총 갯수를 직접 지정 할 수 있다.
      * 기본적으로는 rows.length를 사용하지만, 이 값을 지정하면 rows.length를 사용하지 않는다.

package/dist/components/DataTable/DataTable.js

@@ -87,7 +87,7 @@ function useDataTableRenderer(_a) {
     var isTotalSelected = useMemo(function () { return rowCount > 0 && selectionModel.length === rowCount; }, [selectionModel, rowCount]);
     var handlePageChange = useCallback(function (newPage) {
         setPage(newPage);
-        onPaginationModelChange === null || onPaginationModelChange === void 0 ? void 0 : onPaginationModelChange(newPage);
+        onPaginationModelChange === null || onPaginationModelChange === void 0 ? void 0 : onPaginationModelChange({ page: newPage, pageSize: pageSize });
     }, [onPaginationModelChange]);
     useEffect(function () {
         handlePageChange(1);

package/dist/components/DialogFrame/DialogFrame.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ModalDialog } from "../Modal";
+declare function DialogFrame(props: {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    actions: React.ReactNode;
+} & React.ComponentProps<typeof ModalDialog>): React.JSX.Element;
+declare namespace DialogFrame {
+    var displayName: string;
+}
+export { DialogFrame };

package/dist/components/DialogFrame/DialogFrame.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import DialogTitle from "../DialogTitle";
+import DialogContent from "../DialogContent";
+import { ModalDialog } from "../Modal";
+import DialogActions from "../DialogActions";
+function DialogFrame(props) {
+    // prop destruction
+    var title = props.title, children = props.children, actions = props.actions, innerProps = __rest(props, ["title", "children", "actions"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(ModalDialog, __assign({}, innerProps),
+        React.createElement(DialogTitle, null, title),
+        React.createElement(DialogContent, null, children),
+        React.createElement(DialogActions, null, actions)));
+}
+export { DialogFrame };
+DialogFrame.displayName = "DialogFrame";

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

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

package/dist/components/DialogFrame/index.js

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

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { DataTable } from "./DataTable";
 export { DialogActions } from "./DialogActions";
 export { DialogContent } from "./DialogContent";
 export { DialogTitle } from "./DialogTitle";
+export { DialogFrame } from "./DialogFrame";
 export { Divider } from "./Divider";
 export { InsetDrawer } from "./InsetDrawer";
 export { Dropdown } from "./Dropdown";

package/dist/components/index.js

@@ -7,6 +7,7 @@ export { DataTable } from "./DataTable";
 export { DialogActions } from "./DialogActions";
 export { DialogContent } from "./DialogContent";
 export { DialogTitle } from "./DialogTitle";
+export { DialogFrame } from "./DialogFrame";
 export { Divider } from "./Divider";
 export { InsetDrawer } from "./InsetDrawer";
 export { Dropdown } from "./Dropdown";

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 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";
+export { Accordion, Accordions, AccordionDetails, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, DialogFrame, 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

@@ -3,4 +3,4 @@ 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, 
 // Pure JoyUI
 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";
+export { Accordion, Accordions, AccordionDetails, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, DialogFrame, 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

@@ -31912,16 +31912,17 @@ Box2.displayName = "Box";
 var Box_default2 = Box2;
 
 // src/components/Button/Button.tsx
+import { forwardRef as forwardRef75 } from "react";
 import { motion as motion3 } from "framer-motion";
 var MotionButton = motion3(Button_default);
-var Button3 = (props) => {
+var Button3 = forwardRef75((props) => {
   return /* @__PURE__ */ jsx2(
     MotionButton,
     {
       ...props
     }
   );
-};
+});
 Button3.displayName = "Button";
 
 // src/components/Button/index.ts
@@ -31939,7 +31940,7 @@ Checkbox3.displayName = "Checkbox";
 var Checkbox_default2 = Checkbox3;
 
 // src/components/Container/Container.tsx
-import { forwardRef as forwardRef75 } from "react";
+import { forwardRef as forwardRef76 } from "react";
 var ContainerRoot = styled_default2("div", {
   name: "Container",
   slot: "root",
@@ -31971,7 +31972,7 @@ var ContainerRoot = styled_default2("div", {
     }
   })
 );
-var Container = forwardRef75(function Container2(props, ref) {
+var Container = forwardRef76(function Container2(props, ref) {
   return /* @__PURE__ */ jsx2(ContainerRoot, { ref, ...props });
 });
 Container.displayName = "Container";
@@ -32244,7 +32245,7 @@ function useDataTableRenderer({
   const handlePageChange = useCallback23(
     (newPage) => {
       setPage(newPage);
-      onPaginationModelChange?.(newPage);
+      onPaginationModelChange?.({ page: newPage, pageSize });
     },
     [onPaginationModelChange]
   );
@@ -32520,6 +32521,9 @@ var MotionDialogActions = motion8(DialogActions_default);
 var DialogActions3 = MotionDialogActions;
 DialogActions3.displayName = "DialogActions";
 
+// src/components/DialogActions/index.ts
+var DialogActions_default2 = DialogActions3;
+
 // src/components/DialogContent/DialogContent.tsx
 import { motion as motion9 } from "framer-motion";
 var MotionDialogContent = motion9(DialogContent_default);
@@ -32538,17 +32542,52 @@ DialogTitle3.displayName = "DialogTitle";
 // src/components/DialogTitle/index.ts
 var DialogTitle_default2 = DialogTitle3;
 
-// src/components/Divider/Divider.tsx
+// src/components/Modal/Modal.tsx
 import { motion as motion11 } from "framer-motion";
-var MotionDivider = motion11(Divider_default);
+var MotionModal = motion11(Modal_default);
+var Modal3 = MotionModal;
+Modal3.displayName = "Modal";
+var MotionModalDialog = motion11(ModalDialog_default);
+var ModalDialog3 = MotionModalDialog;
+ModalDialog3.displayName = "ModalDialog";
+var MotionModalClose = motion11(ModalClose_default);
+var ModalClose3 = MotionModalClose;
+ModalClose3.displayName = "ModalClose";
+var MotionModalOverflow = motion11(ModalOverflow_default);
+var ModalOverflow3 = MotionModalOverflow;
+ModalOverflow3.displayName = "ModalOverflow";
+function ModalFrame(props) {
+  const { title, children, ...innerProps } = props;
+  return /* @__PURE__ */ jsxs2(ModalDialog3, { ...innerProps, children: [
+    /* @__PURE__ */ jsx2(ModalClose3, {}),
+    /* @__PURE__ */ jsx2(DialogTitle_default2, { children: title }),
+    /* @__PURE__ */ jsx2(DialogContent_default2, { children })
+  ] });
+}
+ModalFrame.displayName = "ModalFrame";
+
+// src/components/DialogFrame/DialogFrame.tsx
+function DialogFrame(props) {
+  const { title, children, actions, ...innerProps } = props;
+  return /* @__PURE__ */ jsxs2(ModalDialog3, { ...innerProps, children: [
+    /* @__PURE__ */ jsx2(DialogTitle_default2, { children: title }),
+    /* @__PURE__ */ jsx2(DialogContent_default2, { children }),
+    /* @__PURE__ */ jsx2(DialogActions_default2, { children: actions })
+  ] });
+}
+DialogFrame.displayName = "DialogFrame";
+
+// src/components/Divider/Divider.tsx
+import { motion as motion12 } from "framer-motion";
+var MotionDivider = motion12(Divider_default);
 var Divider3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionDivider, { ...props });
 };
 Divider3.displayName = "Divider";
 
 // src/components/InsetDrawer/InsetDrawer.tsx
-import { motion as motion12 } from "framer-motion";
-var MotionDrawer = motion12(Drawer_default);
+import { motion as motion13 } from "framer-motion";
+var MotionDrawer = motion13(Drawer_default);
 var InsetDrawer = (props) => {
   const { children, ...innerProps } = props;
   return /* @__PURE__ */ jsx2(
@@ -32573,93 +32612,69 @@ var InsetDrawer = (props) => {
 InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Dropdown/Dropdown.tsx
-import { motion as motion13 } from "framer-motion";
-var MotionDropdown = motion13(Dropdown);
+import { motion as motion14 } from "framer-motion";
+var MotionDropdown = motion14(Dropdown);
 var Dropdown2 = MotionDropdown;
 Dropdown2.displayName = "Dropdown";
 
 // src/components/FormControl/FormControl.tsx
-import { motion as motion14 } from "framer-motion";
-var MotionFormControl = motion14(FormControl_default);
+import { motion as motion15 } from "framer-motion";
+var MotionFormControl = motion15(FormControl_default);
 var FormControl3 = MotionFormControl;
 FormControl3.displayName = "FormControl";
 
 // src/components/FormHelperText/FormHelperText.tsx
-import { motion as motion15 } from "framer-motion";
-var MotionFormHelperText = motion15(FormHelperText_default);
+import { motion as motion16 } from "framer-motion";
+var MotionFormHelperText = motion16(FormHelperText_default);
 var FormHelperText3 = MotionFormHelperText;
 FormHelperText3.displayName = "FormHelperText";
 
 // src/components/FormLabel/FormLabel.tsx
-import { motion as motion16 } from "framer-motion";
-var MotionFormLabel = motion16(FormLabel_default);
+import { motion as motion17 } from "framer-motion";
+var MotionFormLabel = motion17(FormLabel_default);
 var FormLabel3 = MotionFormLabel;
 FormLabel3.displayName = "FormLabel";
 
 // src/components/Grid/Grid.tsx
-import { motion as motion17 } from "framer-motion";
-var MotionGrid = motion17(Grid_default);
+import { motion as motion18 } from "framer-motion";
+var MotionGrid = motion18(Grid_default);
 var Grid2 = MotionGrid;
 Grid2.displayName = "Grid";
 
 // src/components/IconButton/IconButton.tsx
-import { motion as motion18 } from "framer-motion";
-var MotionIconButton = motion18(IconButton_default);
+import { motion as motion19 } from "framer-motion";
+var MotionIconButton = motion19(IconButton_default);
 var IconButton3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionIconButton, { ...props });
 };
 IconButton3.displayName = "IconButton";
 
 // src/components/Input/Input.tsx
-import { motion as motion19 } from "framer-motion";
-var MotionInput = motion19(Input_default);
+import { motion as motion20 } from "framer-motion";
+var MotionInput = motion20(Input_default);
 var Input3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionInput, { ...props });
 };
 Input3.displayName = "Input";
 
 // src/components/Menu/Menu.tsx
-import { motion as motion20 } from "framer-motion";
-var MotionMenu = motion20(Menu_default);
+import { motion as motion21 } from "framer-motion";
+var MotionMenu = motion21(Menu_default);
 var Menu3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionMenu, { ...props });
 };
 Menu3.displayName = "Menu";
-var MotionMenuButton = motion20(MenuButton_default);
+var MotionMenuButton = motion21(MenuButton_default);
 var MenuButton3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionMenuButton, { ...props });
 };
 MenuButton3.displayName = "MenuButton";
-var MotionMenuItem = motion20(MenuItem_default);
+var MotionMenuItem = motion21(MenuItem_default);
 var MenuItem3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionMenuItem, { ...props });
 };
 MenuItem3.displayName = "MenuItem";
 
-// src/components/Modal/Modal.tsx
-import { motion as motion21 } from "framer-motion";
-var MotionModal = motion21(Modal_default);
-var Modal3 = MotionModal;
-Modal3.displayName = "Modal";
-var MotionModalDialog = motion21(ModalDialog_default);
-var ModalDialog3 = MotionModalDialog;
-ModalDialog3.displayName = "ModalDialog";
-var MotionModalClose = motion21(ModalClose_default);
-var ModalClose3 = MotionModalClose;
-ModalClose3.displayName = "ModalClose";
-var MotionModalOverflow = motion21(ModalOverflow_default);
-var ModalOverflow3 = MotionModalOverflow;
-ModalOverflow3.displayName = "ModalOverflow";
-function ModalFrame(props) {
-  const { title, children, ...innerProps } = props;
-  return /* @__PURE__ */ jsxs2(ModalDialog3, { ...innerProps, children: [
-    /* @__PURE__ */ jsx2(ModalClose3, {}),
-    /* @__PURE__ */ jsx2(DialogTitle_default2, { children: title }),
-    /* @__PURE__ */ jsx2(DialogContent_default2, { children })
-  ] });
-}
-ModalFrame.displayName = "ModalFrame";
-
 // src/components/Radio/Radio.tsx
 import { motion as motion22 } from "framer-motion";
 var MotionRadio = motion22(Radio_default);
@@ -33106,125 +33121,148 @@ var dataTablePropertyControls = {
   }
 };
 
-// src/components/Divider/Divider.framer.ts
+// src/components/DialogFrame/DialogFrame.framer.ts
 import { ControlType as ControlType8 } from "framer";
+var dialogFramePropertyControls = {
+  title: {
+    type: ControlType8.String,
+    defaultValue: "Title"
+  },
+  content: {
+    title: "Content",
+    type: ControlType8.ComponentInstance
+  },
+  actions: {
+    title: "Actions",
+    type: ControlType8.ComponentInstance
+  },
+  size: {
+    title: "Size",
+    type: ControlType8.Enum,
+    options: ["sm", "md", "lg"],
+    defaultValue: "md"
+  }
+};
+
+// src/components/Divider/Divider.framer.ts
+import { ControlType as ControlType9 } from "framer";
 var dividerPropertyControls = {
   text: {
-    type: ControlType8.String,
+    type: ControlType9.String,
     defaultValue: void 0
   },
   orientation: {
     title: "Orientation",
-    type: ControlType8.Enum,
+    type: ControlType9.Enum,
     options: ["horizontal", "vertical"]
   }
 };
 
 // src/components/IconButton/IconButton.framer.ts
-import { ControlType as ControlType9 } from "framer";
+import { ControlType as ControlType10 } from "framer";
 var iconButtonPropertyControls = {
   icon: {
     title: "Icon",
-    type: ControlType9.ComponentInstance
+    type: ControlType10.ComponentInstance
   },
   onClick: {
     title: "onClick",
-    type: ControlType9.EventHandler
+    type: ControlType10.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType9.Boolean,
+    type: ControlType10.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType9.Enum,
+    type: ControlType10.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType9.Enum,
+    type: ControlType10.Enum,
     options: ["solid", "outlined", "soft", "plain"]
   },
   size: {
     title: "Size",
-    type: ControlType9.Enum,
+    type: ControlType10.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/Input/Input.framer.ts
-import { ControlType as ControlType10 } from "framer";
+import { ControlType as ControlType11 } from "framer";
 var inputPropertyControls = {
   onChange: {
-    type: ControlType10.EventHandler
+    type: ControlType11.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType10.Boolean,
+    type: ControlType11.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType10.Enum,
+    type: ControlType11.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
     defaultValue: "neutral"
   },
   variant: {
     title: "Variant",
-    type: ControlType10.Enum,
+    type: ControlType11.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: "outlined"
   },
   defaultValue: {
     title: "Value",
-    type: ControlType10.String,
+    type: ControlType11.String,
     defaultValue: ""
   },
   placeholder: {
     title: "Placeholder",
-    type: ControlType10.String,
+    type: ControlType11.String,
     defaultValue: "Type in here..."
   },
   endDecorator: {
     title: "End Decorator",
-    type: ControlType10.ComponentInstance
+    type: ControlType11.ComponentInstance
   },
   startDecorator: {
     title: "Start Decorator",
-    type: ControlType10.ComponentInstance
+    type: ControlType11.ComponentInstance
   },
   size: {
     title: "Size",
-    type: ControlType10.Enum,
+    type: ControlType11.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/MenuButton/MenuButton.framer.ts
-import { ControlType as ControlType11 } from "framer";
+import { ControlType as ControlType12 } from "framer";
 var menuButtonPropertyControls = {
   buttonText: {
     title: "Button Text",
-    type: ControlType11.String,
+    type: ControlType12.String,
     defaultValue: "text"
   },
   showIcon: {
-    type: ControlType11.Boolean,
+    type: ControlType12.Boolean,
     defaultValue: false
   },
   items: {
     title: "Items",
-    type: ControlType11.Array,
+    type: ControlType12.Array,
     control: {
-      type: ControlType11.Object,
+      type: ControlType12.Object,
       controls: {
         text: {
-          type: ControlType11.String
+          type: ControlType12.String
         }
       }
     },
@@ -33233,52 +33271,52 @@ var menuButtonPropertyControls = {
 };
 
 // src/components/Modal/Modal.framer.ts
-import { ControlType as ControlType12 } from "framer";
+import { ControlType as ControlType13 } from "framer";
 var modalFramePropertyControls = {
   title: {
-    type: ControlType12.String,
+    type: ControlType13.String,
     defaultValue: "Title"
   },
   content: {
     title: "Content",
-    type: ControlType12.ComponentInstance
+    type: ControlType13.ComponentInstance
   },
   size: {
     title: "Size",
-    type: ControlType12.Enum,
+    type: ControlType13.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/RadioList/RadioList.framer.ts
-import { ControlType as ControlType13 } from "framer";
+import { ControlType as ControlType14 } from "framer";
 var radioListPropertyControls = {
   orientation: {
     title: "Orientation",
-    type: ControlType13.Enum,
+    type: ControlType14.Enum,
     options: ["vertical", "horizontal"],
     defaultValue: "vertical"
   },
   defaultValue: {
     title: "Checked Value",
-    type: ControlType13.String,
+    type: ControlType14.String,
     defaultValue: "value1"
   },
   items: {
     title: "Items",
-    type: ControlType13.Array,
+    type: ControlType14.Array,
     control: {
-      type: ControlType13.Object,
+      type: ControlType14.Object,
       controls: {
         displayName: {
           title: "Display Name",
-          type: ControlType13.String
+          type: ControlType14.String
         },
-        value: { title: "Value", type: ControlType13.String },
+        value: { title: "Value", type: ControlType14.String },
         color: {
           title: "Color",
-          type: ControlType13.Enum,
+          type: ControlType14.Enum,
           options: ["primary", "neutral", "danger", "success", "warning"],
           optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
         }
@@ -33296,60 +33334,60 @@ var radioListPropertyControls = {
 };
 
 // src/components/Select/Select.framer.ts
-import { ControlType as ControlType14 } from "framer";
+import { ControlType as ControlType15 } from "framer";
 var selectPropertyControls = {
   onChange: {
     title: "onChange",
-    type: ControlType14.EventHandler
+    type: ControlType15.EventHandler
   },
   defaultListboxOpen: {
     title: "Opened",
-    type: ControlType14.Boolean,
+    type: ControlType15.Boolean,
     defaultValue: false
   },
   defaultValue: {
     title: "Selected Option",
-    type: ControlType14.String
+    type: ControlType15.String
   },
   disabled: {
     title: "Disabled",
-    type: ControlType14.Boolean,
+    type: ControlType15.Boolean,
     defaultValue: false
   },
   placeholder: {
     title: "Placeholder",
-    type: ControlType14.String,
+    type: ControlType15.String,
     defaultValue: "Choose one..."
   },
   color: {
     title: "Color",
-    type: ControlType14.Enum,
+    type: ControlType15.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   size: {
     title: "Size",
-    type: ControlType14.Enum,
+    type: ControlType15.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   variant: {
     title: "Variant",
-    type: ControlType14.Enum,
+    type: ControlType15.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: void 0
   },
   options: {
     title: "Options",
-    type: ControlType14.Array,
+    type: ControlType15.Array,
     control: {
-      type: ControlType14.Object,
+      type: ControlType15.Object,
       controls: {
         text: {
           title: "Text",
-          type: ControlType14.String
+          type: ControlType15.String
         },
-        value: { title: "Value", type: ControlType14.String }
+        value: { title: "Value", type: ControlType15.String }
       }
     },
     defaultValue: [
@@ -33360,101 +33398,101 @@ var selectPropertyControls = {
 };
 
 // src/components/Sheet/Sheet.framer.ts
-import { ControlType as ControlType15 } from "framer";
+import { ControlType as ControlType16 } from "framer";
 var sheetPropertyControls = {
   color: {
     title: "Color",
-    type: ControlType15.Enum,
+    type: ControlType16.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType15.Enum,
+    type: ControlType16.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: "outlined"
   }
 };
 
 // src/components/Switch/Switch.framer.ts
-import { ControlType as ControlType16 } from "framer";
+import { ControlType as ControlType17 } from "framer";
 var switchPropertyControls = {
   onChange: {
     title: "onChange",
-    type: ControlType16.EventHandler
+    type: ControlType17.EventHandler
   },
   disabled: {
     title: "Disabled",
-    type: ControlType16.Boolean,
+    type: ControlType17.Boolean,
     defaultValue: false
   },
   color: {
     title: "Color",
-    type: ControlType16.Enum,
+    type: ControlType17.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   variant: {
     title: "Variant",
-    type: ControlType16.Enum,
+    type: ControlType17.Enum,
     options: ["solid", "outlined", "soft", "plain"],
     defaultValue: void 0
   },
   size: {
     title: "Size",
-    type: ControlType16.Enum,
+    type: ControlType17.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   }
 };
 
 // src/components/Tabs/Tabs.framer.ts
-import { ControlType as ControlType17 } from "framer";
+import { ControlType as ControlType18 } from "framer";
 var tabsPropertyControls = {
   color: {
     title: "Color",
-    type: ControlType17.Enum,
+    type: ControlType18.Enum,
     options: ["primary", "neutral", "danger", "success", "warning"],
     optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"]
   },
   size: {
     title: "Size",
-    type: ControlType17.Enum,
+    type: ControlType18.Enum,
     options: ["sm", "md", "lg"],
     defaultValue: "md"
   },
   variant: {
     title: "Variant",
-    type: ControlType17.Enum,
+    type: ControlType18.Enum,
     options: ["outlined", "plain", "solid", "soft"],
     defaultValue: "plain"
   },
   orientation: {
-    type: ControlType17.Enum,
+    type: ControlType18.Enum,
     options: ["horizontal", "vertical"]
   },
   disableUnderline: {
-    type: ControlType17.Boolean,
+    type: ControlType18.Boolean,
     defaultValue: false
   },
   disableIndicator: {
-    type: ControlType17.Boolean,
+    type: ControlType18.Boolean,
     defaultValue: false
   },
   indicatorInset: {
-    type: ControlType17.Boolean,
+    type: ControlType18.Boolean,
     defaultValue: false
   },
   tabs: {
-    type: ControlType17.Array,
+    type: ControlType18.Array,
     control: {
-      type: ControlType17.Object,
+      type: ControlType18.Object,
       controls: {
         title: {
-          type: ControlType17.String
+          type: ControlType18.String
         },
         disabled: {
-          type: ControlType17.Boolean,
+          type: ControlType18.Boolean,
           defaultValue: false
         }
       }
@@ -33462,15 +33500,15 @@ var tabsPropertyControls = {
   },
   contents: {
     title: "Contents",
-    type: ControlType17.Array,
+    type: ControlType18.Array,
     control: {
-      type: ControlType17.ComponentInstance
+      type: ControlType18.ComponentInstance
     }
   }
 };
 
 // src/components/Typography/Typography.framer.ts
-import { ControlType as ControlType18 } from "framer";
+import { ControlType as ControlType19 } from "framer";
 var typographyPropertyControls = {
   // color: {
   //     title: "Color",
@@ -33480,7 +33518,7 @@ var typographyPropertyControls = {
   // },
   level: {
     title: "Level",
-    type: ControlType18.Enum,
+    type: ControlType19.Enum,
     options: [
       "h1",
       "h2",
@@ -33499,23 +33537,23 @@ var typographyPropertyControls = {
   },
   textColor: {
     title: "Text Color",
-    type: ControlType18.Enum,
+    type: ControlType19.Enum,
     options: ["text.tertiary", "inherit"],
     defaultValue: "inherit"
   },
   text: {
     title: "Text",
-    type: ControlType18.String,
+    type: ControlType19.String,
     defaultValue: "Typography",
     displayTextArea: true
   },
   endDecorator: {
     title: "End Decorator",
-    type: ControlType18.ComponentInstance
+    type: ControlType19.ComponentInstance
   },
   startDecorator: {
     title: "Start Decorator",
-    type: ControlType18.ComponentInstance
+    type: ControlType19.ComponentInstance
   }
 };
 export {
@@ -33542,6 +33580,7 @@ export {
   DataTable,
   DialogActions3 as DialogActions,
   DialogContent3 as DialogContent,
+  DialogFrame,
   DialogTitle3 as DialogTitle,
   Divider3 as Divider,
   Drawer_default as Drawer,
@@ -33623,6 +33662,7 @@ export {
   dataTablePropertyControls,
   dialogActionsClasses_default as dialogActionsClasses,
   dialogContentClasses_default as dialogContentClasses,
+  dialogFramePropertyControls,
   dialogTitleClasses_default as dialogTitleClasses,
   dividerClasses_default as dividerClasses,
   dividerPropertyControls,

package/package.json

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