@ceed/cds 0.0.151 → 0.0.153-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordions/Accordions.framer.js +1 -0
- package/dist/components/Accordions/Accordions.js +1 -0
- package/dist/components/Accordions/index.d.ts +2 -2
- package/dist/components/Accordions/index.js +1 -0
- package/dist/components/Autocomplete/Autocomplete.framer.js +1 -0
- package/dist/components/Autocomplete/Autocomplete.js +1 -0
- package/dist/components/Autocomplete/index.d.ts +2 -2
- package/dist/components/Autocomplete/index.js +1 -0
- package/dist/components/Avatar/Avatar.framer.js +1 -0
- package/dist/components/Badge/Badge.framer.js +1 -0
- package/dist/components/Box/Box.js +1 -0
- package/dist/components/Box/index.d.ts +2 -2
- package/dist/components/Box/index.js +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.framer.js +1 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -0
- package/dist/components/Breadcrumbs/index.d.ts +2 -2
- package/dist/components/Breadcrumbs/index.js +1 -0
- package/dist/components/Button/Button.framer.js +1 -0
- package/dist/components/Button/Button.js +1 -0
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Button/index.js +1 -0
- package/dist/components/Calendar/Calendar.d.ts +1 -1
- package/dist/components/Calendar/Calendar.framer.js +1 -0
- package/dist/components/Calendar/Calendar.js +1 -0
- package/dist/components/Calendar/hooks/use-calendar-props.d.ts +3 -3
- package/dist/components/Calendar/hooks/use-calendar-props.js +1 -0
- package/dist/components/Calendar/hooks/use-calendar.d.ts +1 -1
- package/dist/components/Calendar/hooks/use-calendar.js +1 -0
- package/dist/components/Calendar/index.d.ts +2 -2
- package/dist/components/Calendar/index.js +1 -0
- package/dist/components/Calendar/types.js +0 -0
- package/dist/components/Calendar/utils/index.js +1 -0
- package/dist/components/Card/Card.js +1 -0
- package/dist/components/Card/index.d.ts +2 -2
- package/dist/components/Card/index.js +1 -0
- package/dist/components/Checkbox/Checkbox.framer.js +1 -0
- package/dist/components/Checkbox/Checkbox.js +1 -0
- package/dist/components/Checkbox/index.d.ts +2 -2
- package/dist/components/Checkbox/index.js +1 -0
- package/dist/components/Chip/Chip.framer.js +1 -0
- package/dist/components/Chip/Chip.js +1 -0
- package/dist/components/Chip/index.d.ts +2 -2
- package/dist/components/Chip/index.js +1 -0
- package/dist/components/Container/Container.framer.js +1 -0
- package/dist/components/Container/Container.js +1 -0
- package/dist/components/Container/index.d.ts +2 -2
- package/dist/components/Container/index.js +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.framer.js +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -0
- package/dist/components/CurrencyInput/hooks/use-currency-setting.js +1 -0
- package/dist/components/CurrencyInput/index.d.ts +2 -2
- package/dist/components/CurrencyInput/index.js +1 -0
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/DataTable.framer.js +2 -0
- package/dist/components/DataTable/DataTable.js +1 -0
- package/dist/components/DataTable/index.d.ts +2 -2
- package/dist/components/DataTable/index.js +1 -0
- package/dist/components/DataTable/types.d.ts +7 -7
- package/dist/components/DataTable/types.js +0 -0
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.framer.js +1 -0
- package/dist/components/DatePicker/DatePicker.js +1 -0
- package/dist/components/DatePicker/index.d.ts +2 -2
- package/dist/components/DatePicker/index.js +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.framer.js +1 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +1 -0
- package/dist/components/DateRangePicker/index.d.ts +2 -2
- package/dist/components/DateRangePicker/index.js +1 -0
- package/dist/components/DialogActions/DialogActions.js +1 -0
- package/dist/components/DialogActions/index.d.ts +2 -2
- package/dist/components/DialogActions/index.js +1 -0
- package/dist/components/DialogContent/DialogContent.js +1 -0
- package/dist/components/DialogContent/index.d.ts +2 -2
- package/dist/components/DialogContent/index.js +1 -0
- package/dist/components/DialogFrame/DialogFrame.d.ts +2 -2
- package/dist/components/DialogFrame/DialogFrame.framer.js +1 -0
- package/dist/components/DialogFrame/DialogFrame.js +1 -0
- package/dist/components/DialogFrame/index.d.ts +2 -2
- package/dist/components/DialogFrame/index.js +1 -0
- package/dist/components/DialogTitle/DialogTitle.js +1 -0
- package/dist/components/DialogTitle/index.d.ts +2 -2
- package/dist/components/DialogTitle/index.js +1 -0
- package/dist/components/Divider/Divider.framer.js +1 -0
- package/dist/components/Divider/Divider.js +1 -0
- package/dist/components/Divider/index.d.ts +2 -2
- package/dist/components/Divider/index.js +1 -0
- package/dist/components/Drawer/Drawer.js +1 -0
- package/dist/components/Drawer/index.d.ts +2 -2
- package/dist/components/Drawer/index.js +1 -0
- package/dist/components/Dropdown/Dropdown.js +1 -0
- package/dist/components/Dropdown/index.d.ts +2 -2
- package/dist/components/Dropdown/index.js +1 -0
- package/dist/components/FormControl/FormControl.framer.js +1 -0
- package/dist/components/FormControl/FormControl.js +1 -0
- package/dist/components/FormControl/index.d.ts +2 -2
- package/dist/components/FormControl/index.js +1 -0
- package/dist/components/FormHelperText/FormHelperText.js +1 -0
- package/dist/components/FormHelperText/index.d.ts +2 -2
- package/dist/components/FormHelperText/index.js +1 -0
- package/dist/components/FormLabel/FormLabel.js +1 -0
- package/dist/components/FormLabel/index.d.ts +2 -2
- package/dist/components/FormLabel/index.js +1 -0
- package/dist/components/Grid/Grid.js +1 -0
- package/dist/components/Grid/index.d.ts +2 -2
- package/dist/components/Grid/index.js +1 -0
- package/dist/components/IconButton/IconButton.framer.js +1 -0
- package/dist/components/IconButton/IconButton.js +1 -0
- package/dist/components/IconButton/index.d.ts +2 -2
- package/dist/components/IconButton/index.js +1 -0
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.framer.js +1 -0
- package/dist/components/Input/Input.js +1 -0
- package/dist/components/Input/index.d.ts +2 -2
- package/dist/components/Input/index.js +1 -0
- package/dist/components/InsetDrawer/InsetDrawer.js +1 -0
- package/dist/components/InsetDrawer/index.d.ts +2 -2
- package/dist/components/InsetDrawer/index.js +1 -0
- package/dist/components/Link/Link.framer.js +1 -0
- package/dist/components/Markdown/Markdown.d.ts +1 -1
- package/dist/components/Markdown/Markdown.framer.js +1 -0
- package/dist/components/Markdown/Markdown.js +1 -0
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Markdown/index.js +1 -0
- package/dist/components/Menu/Menu.js +1 -0
- package/dist/components/Menu/index.d.ts +2 -2
- package/dist/components/Menu/index.js +1 -0
- package/dist/components/MenuButton/MenuButton.framer.js +1 -0
- package/dist/components/Modal/Modal.d.ts +5 -5
- package/dist/components/Modal/Modal.framer.js +1 -0
- package/dist/components/Modal/Modal.js +1 -0
- package/dist/components/Modal/index.d.ts +2 -2
- package/dist/components/Modal/index.js +1 -0
- package/dist/components/MonthPicker/MonthPicker.d.ts +1 -1
- package/dist/components/MonthPicker/MonthPicker.framer.js +1 -0
- package/dist/components/MonthPicker/MonthPicker.js +1 -0
- package/dist/components/MonthPicker/index.d.ts +2 -2
- package/dist/components/MonthPicker/index.js +1 -0
- package/dist/components/MonthRangePicker/MonthRangePicker.d.ts +1 -1
- package/dist/components/MonthRangePicker/MonthRangePicker.framer.js +1 -0
- package/dist/components/MonthRangePicker/MonthRangePicker.js +1 -0
- package/dist/components/MonthRangePicker/index.d.ts +2 -2
- package/dist/components/MonthRangePicker/index.js +1 -0
- package/dist/components/NavigationGroup/NavigationGroup.js +1 -0
- package/dist/components/NavigationGroup/index.d.ts +2 -2
- package/dist/components/NavigationGroup/index.js +1 -0
- package/dist/components/NavigationItem/NavigationItem.js +1 -0
- package/dist/components/NavigationItem/index.d.ts +2 -2
- package/dist/components/NavigationItem/index.js +1 -0
- package/dist/components/Navigator/Navigator.framer.js +3 -0
- package/dist/components/Navigator/Navigator.js +1 -0
- package/dist/components/Navigator/index.d.ts +2 -2
- package/dist/components/Navigator/index.js +1 -0
- package/dist/components/Radio/Radio.js +1 -0
- package/dist/components/Radio/index.d.ts +2 -2
- package/dist/components/Radio/index.js +1 -0
- package/dist/components/RadioList/RadioList.d.ts +1 -1
- package/dist/components/RadioList/RadioList.framer.js +1 -0
- package/dist/components/RadioList/RadioList.js +1 -0
- package/dist/components/RadioList/index.d.ts +2 -2
- package/dist/components/RadioList/index.js +1 -0
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.framer.js +1 -0
- package/dist/components/Select/Select.js +1 -0
- package/dist/components/Select/index.d.ts +2 -2
- package/dist/components/Select/index.js +1 -0
- package/dist/components/Sheet/Sheet.framer.js +1 -0
- package/dist/components/Sheet/Sheet.js +1 -0
- package/dist/components/Sheet/index.d.ts +2 -2
- package/dist/components/Sheet/index.js +1 -0
- package/dist/components/Skeleton/Skeleton.framer.js +1 -0
- package/dist/components/Stack/Stack.js +1 -0
- package/dist/components/Stack/index.d.ts +2 -2
- package/dist/components/Stack/index.js +1 -0
- package/dist/components/Stepper/Stepper.framer.js +1 -0
- package/dist/components/Stepper/Stepper.js +1 -0
- package/dist/components/Stepper/index.d.ts +2 -2
- package/dist/components/Stepper/index.js +1 -0
- package/dist/components/Switch/Switch.framer.js +1 -0
- package/dist/components/Switch/Switch.js +1 -0
- package/dist/components/Switch/index.d.ts +2 -2
- package/dist/components/Switch/index.js +1 -0
- package/dist/components/Table/Table.js +1 -0
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Table/index.js +1 -0
- package/dist/components/Tabs/Tabs.framer.js +1 -0
- package/dist/components/Tabs/Tabs.js +1 -0
- package/dist/components/Tabs/index.d.ts +2 -2
- package/dist/components/Tabs/index.js +1 -0
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/Textarea/Textarea.framer.js +1 -0
- package/dist/components/Textarea/Textarea.js +1 -0
- package/dist/components/Textarea/index.d.ts +2 -2
- package/dist/components/Textarea/index.js +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +1 -0
- package/dist/components/ThemeProvider/index.d.ts +2 -2
- package/dist/components/ThemeProvider/index.js +1 -0
- package/dist/components/Tooltip/Tooltip.js +1 -0
- package/dist/components/Tooltip/index.d.ts +2 -2
- package/dist/components/Tooltip/index.js +1 -0
- package/dist/components/Typography/Typography.framer.js +1 -0
- package/dist/components/Typography/Typography.js +1 -0
- package/dist/components/Typography/index.d.ts +2 -2
- package/dist/components/Typography/index.js +1 -0
- package/dist/components/Uploader/Uploader.framer.js +1 -0
- package/dist/components/Uploader/Uploader.js +1 -0
- package/dist/components/Uploader/index.d.ts +2 -2
- package/dist/components/Uploader/index.js +1 -0
- package/dist/components/index.d.ts +49 -49
- package/dist/components/index.js +1 -0
- package/dist/framer-entrypoint.js +1 -0
- package/dist/hooks/use-controlled-state/index.js +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/libs/rehype-accent/index.js +1 -0
- package/framer/framer-entrypoint.js +181 -0
- package/framer/index.js +45 -34
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o from"react";import c from"../DialogTitle/index.js";import s from"../DialogContent/index.js";import{ModalDialog as g}from"../Modal/index.js";import D from"../DialogActions/index.js";import{styled as d}from"@mui/joy";const p=d(g,{name:"Dialog",slot:"Root"})({padding:0}),e=o.forwardRef((t,i)=>{const{title:l,children:r,actions:a,fullscreen:n,...m}=t;return o.createElement(p,{layout:n?"fullscreen":"center",ref:i,...m},o.createElement(c,null,l),o.createElement(s,null,r),o.createElement(D,null,a))});e.displayName="DialogFrame";export{e as DialogFrame};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DialogFrame } from "./DialogFrame";
|
|
2
|
-
export * from "./DialogFrame";
|
|
1
|
+
import { DialogFrame } from "./DialogFrame.js";
|
|
2
|
+
export * from "./DialogFrame.js";
|
|
3
3
|
export default DialogFrame;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DialogFrame as o}from"./DialogFrame.js";export*from"./DialogFrame.js";var e=o;export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DialogTitle as t,styled as l}from"@mui/joy";import{motion as a}from"framer-motion";const e=a(t),g=l(e)(({theme:i})=>({padding:i.spacing(4,6)})),o=g;o.displayName="DialogTitle";export{o as DialogTitle};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DialogTitle } from "./DialogTitle";
|
|
2
|
-
export * from "./DialogTitle";
|
|
1
|
+
import { DialogTitle } from "./DialogTitle.js";
|
|
2
|
+
export * from "./DialogTitle.js";
|
|
3
3
|
export default DialogTitle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DialogTitle as o}from"./DialogTitle.js";export*from"./DialogTitle.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const r={text:{type:t.String,defaultValue:void 0},orientation:{title:"Orientation",type:t.Enum,options:["horizontal","vertical"]}};export{r as dividerPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{Divider as t}from"@mui/joy";import{motion as e}from"framer-motion";const p=e(t),i=o=>r.createElement(p,{...o});i.displayName="Divider";export{i as Divider};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Divider } from "./Divider";
|
|
2
|
-
export * from "./Divider";
|
|
1
|
+
import { Divider } from "./Divider.js";
|
|
2
|
+
export * from "./Divider.js";
|
|
3
3
|
export default Divider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Divider as r}from"./Divider.js";export*from"./Divider.js";var e=r;export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import a from"react";import{Drawer as i,useTheme as p}from"@mui/joy";import{motion as m}from"framer-motion";const w=m(i),t=r=>{const{children:e,size:n,...o}=r,s=p();return a.createElement(w,{...o,slotProps:{...o.slotProps,content:{...o.slotProps?.content,sx:{bgcolor:"transparent",boxShadow:"none",[s.breakpoints.down("md")]:{width:"100%"}}}},sx:{...r.sx,"--Drawer-horizontalSize":{sm:"360px",md:"600px",lg:"900px"}[n||"md"]}},e)};t.displayName="Drawer";export{t as Drawer};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Drawer } from "./Drawer";
|
|
2
|
-
export * from "./Drawer";
|
|
1
|
+
import { Drawer } from "./Drawer.js";
|
|
2
|
+
export * from "./Drawer.js";
|
|
3
3
|
export default Drawer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Drawer as r}from"./Drawer.js";export*from"./Drawer.js";var e=r;export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Dropdown as r}from"@mui/joy";import{motion as p}from"framer-motion";const n=p(r),o=n;o.displayName="Dropdown";export{o as Dropdown};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Dropdown } from "./Dropdown";
|
|
2
|
-
export * from "./Dropdown";
|
|
1
|
+
import { Dropdown } from "./Dropdown.js";
|
|
2
|
+
export * from "./Dropdown.js";
|
|
3
3
|
export default Dropdown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Dropdown as o}from"./Dropdown.js";export*from"./Dropdown.js";var p=o;export{p as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const o={size:{type:t.Enum,options:["sm","md","lg"],defaultValue:"sm"},label:{title:"Label",type:t.String,defaultValue:"Label"},content:{title:"Contents",type:t.Array,control:{title:"Content",type:t.ComponentInstance}},required:{type:t.Boolean,title:"Required",defaultValue:!1}};export{o as formControlPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormControl as m,styled as s,formLabelClasses as o}from"@mui/joy";import{motion as l}from"framer-motion";const n=l(m),r=s(n)(({theme:t})=>({[`.${o.root}`]:{display:"block"},[`.${o.asterisk}`]:{marginLeft:t.spacing(.5)}}));r.displayName="FormControl";export{r as FormControl};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FormControl } from "./FormControl";
|
|
2
|
-
export * from "./FormControl";
|
|
1
|
+
import { FormControl } from "./FormControl.js";
|
|
2
|
+
export * from "./FormControl.js";
|
|
3
3
|
export default FormControl;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormControl as o}from"./FormControl.js";export*from"./FormControl.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormHelperText as e}from"@mui/joy";import{motion as r}from"framer-motion";const t=r(e),o=t;o.displayName="FormHelperText";export{o as FormHelperText};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FormHelperText } from "./FormHelperText";
|
|
2
|
-
export * from "./FormHelperText";
|
|
1
|
+
import { FormHelperText } from "./FormHelperText.js";
|
|
2
|
+
export * from "./FormHelperText.js";
|
|
3
3
|
export default FormHelperText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormHelperText as r}from"./FormHelperText.js";export*from"./FormHelperText.js";var o=r;export{o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormLabel as m}from"@mui/joy";import{motion as r}from"framer-motion";const a=r(m),o=a;o.displayName="FormLabel";export{o as FormLabel};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FormLabel } from "./FormLabel";
|
|
2
|
-
export * from "./FormLabel";
|
|
1
|
+
import { FormLabel } from "./FormLabel.js";
|
|
2
|
+
export * from "./FormLabel.js";
|
|
3
3
|
export default FormLabel;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{FormLabel as o}from"./FormLabel.js";export*from"./FormLabel.js";var e=o;export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Grid as r}from"@mui/joy";import{motion as i}from"framer-motion";const t=i(r),o=t;o.displayName="Grid";export{o as Grid};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Grid } from "./Grid";
|
|
2
|
-
export * from "./Grid";
|
|
1
|
+
import { Grid } from "./Grid.js";
|
|
2
|
+
export * from "./Grid.js";
|
|
3
3
|
export default Grid;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Grid as r}from"./Grid.js";export*from"./Grid.js";var t=r;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const n={icon:{title:"Icon",type:t.ComponentInstance},onClick:{title:"onClick",type:t.EventHandler},disabled:{title:"Disabled",type:t.Boolean,defaultValue:!1},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},variant:{title:"Variant",type:t.Enum,options:["solid","outlined","soft","plain"]},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"},modalContents:{title:"Modal Contents",type:t.Array,control:{type:t.ComponentInstance}},enablePortal:{type:t.Boolean,description:"\uD574\uB2F9 \uBC84\uD2BC\uACFC \uC5F0\uACB0\uB41C \uBAA8\uB2EC\uC774 \uCEE8\uD150\uCE20 \uC548\uC5D0\uC11C \uC5F4\uB9AC\uBA74 \uC774 \uAC12\uC744 Yes\uB85C \uC124\uC815\uD574 \uBCF4\uC138\uC694.",defaultValue:!1,hidden:({modalContents:e})=>e.length===0}};export{n as iconButtonPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import n from"react";import{IconButton as r}from"@mui/joy";import{motion as c}from"framer-motion";const p=c(r),o=t=>n.createElement(p,{...t});o.displayName="IconButton";export{o as IconButton};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IconButton } from "./IconButton";
|
|
2
|
-
export * from "./IconButton";
|
|
1
|
+
import { IconButton } from "./IconButton.js";
|
|
2
|
+
export * from "./IconButton.js";
|
|
3
3
|
export default IconButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{IconButton as o}from"./IconButton.js";export*from"./IconButton.js";var r=o;export{r as default};
|
|
@@ -15,7 +15,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<{
|
|
|
15
15
|
fullWidth?: boolean | undefined;
|
|
16
16
|
startDecorator?: React.ReactNode;
|
|
17
17
|
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").InputPropsSizeOverrides> | undefined;
|
|
18
|
-
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
18
|
+
sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
|
|
19
19
|
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").InputPropsVariantOverrides> | undefined;
|
|
20
20
|
} & import("@mui/joy").InputSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
21
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as e}from"framer";const l={label:{title:"Label",type:e.String},helperText:{title:"Helper Text",type:e.String},error:{title:"Error",type:e.Boolean,defaultValue:!1},onChange:{type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},readOnly:{title:"Readonly",type:e.Boolean,defaultValue:!1},enableClearable:{title:"Enable Clearable",type:e.Boolean,defaultValue:!1},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"],defaultValue:"neutral"},variant:{title:"Variant",type:e.Enum,options:["solid","outlined","soft","plain"],defaultValue:"outlined"},defaultValue:{title:"Value",type:e.String,defaultValue:""},placeholder:{title:"Placeholder",type:e.String,defaultValue:"Type in here..."},endDecorator:{title:"End Decorator",type:e.ComponentInstance},startDecorator:{title:"Start Decorator",type:e.ComponentInstance},size:{title:"Size",type:e.Enum,options:["sm","md","lg"],defaultValue:"md"}};export{l as inputPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e,{useCallback as x}from"react";import{Input as N}from"@mui/joy";import{motion as y}from"framer-motion";import D from"@mui/icons-material/esm/Close.js";import F from"../FormControl/index.js";import M from"../FormLabel/index.js";import E from"../FormHelperText/index.js";import H from"../IconButton/index.js";import{useControlledState as k}from"../../hooks/use-controlled-state/index.js";import w from"../Stack/index.js";const L=y(N),b=e.forwardRef((t,f)=>{const{label:a,helperText:l,error:s,style:S,size:C,color:m,disabled:p,required:u,onChange:i,name:n,sx:I,className:g,enableClearable:h,...o}=t,[d,c]=k(t.value,t.defaultValue,x(r=>{i?.({target:{value:r?.toString()||"",name:n||""}})},[i,n])),P=r=>{c(r.target.value)},T=()=>{c(t.defaultValue||"")},v=e.createElement(L,{value:d,name:n,onChange:P,required:u,color:s?"danger":m,disabled:p,slotProps:{input:{ref:f,...o.slotProps?.input},...o.slotProps},...o,endDecorator:h?e.createElement(w,{gap:1,direction:"row"},o.endDecorator,d&&e.createElement(H,{onMouseDown:r=>r.preventDefault(),onClick:T,"aria-label":"Clear"},e.createElement(D,null))):o.endDecorator});return e.createElement(F,{required:u,color:m,size:C,error:s,disabled:p,sx:I,className:g},a&&e.createElement(M,null,a),v,l&&e.createElement(E,null,l))});b.displayName="Input";export{b as Input};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Input } from "./Input";
|
|
2
|
-
export * from "./Input";
|
|
1
|
+
import { Input } from "./Input.js";
|
|
2
|
+
export * from "./Input.js";
|
|
3
3
|
export default Input;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Input as o}from"./Input.js";export*from"./Input.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import s from"react";import{Drawer as e}from"@mui/joy";import{motion as p}from"framer-motion";const a=p(e),r=t=>{const{children:n,...o}=t;return s.createElement(a,{...o,slotProps:{...o.slotProps,content:{...o.slotProps?.content,sx:{bgcolor:"transparent",p:{md:3,sm:0},boxShadow:"none"}}}},n)};r.displayName="InsetDrawer";export{r as InsetDrawer};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { InsetDrawer } from "./InsetDrawer";
|
|
2
|
-
export * from "./InsetDrawer";
|
|
1
|
+
import { InsetDrawer } from "./InsetDrawer.js";
|
|
2
|
+
export * from "./InsetDrawer.js";
|
|
3
3
|
export default InsetDrawer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{InsetDrawer as r}from"./InsetDrawer.js";export*from"./InsetDrawer.js";var o=r;export{o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const l={text:{title:"Text",type:t.String,defaultValue:"Link"},href:{title:"Href",type:t.Link},disabled:{title:"Disabled",type:t.Boolean,defaultValue:!1},level:{title:"Level",type:t.Enum,options:["h1","h2","h3","h4","title-lg","title-md","title-sm","marketing-lg","marketing-md","marketing-sm","body-lg","body-md","body-sm","body-xs","inherit"],defaultValue:"body-md"},color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},variant:{title:"Variant",type:t.Enum,options:["solid","outlined","soft","plain"],defaultValue:"plain"},underline:{title:"Underline",type:t.Enum,options:["always","none"],optionTitles:["Always","None"]}};export{l as linkPropertyControls};
|
|
@@ -25,7 +25,7 @@ declare const Markdown: {
|
|
|
25
25
|
defaultLevel?: "marketing-lg" | "marketing-md" | "marketing-sm" | "title-lg" | "title-md" | "title-sm" | "body-lg" | "body-md" | "body-sm" | "body-xs" | undefined;
|
|
26
26
|
accentColor?: TextColor | undefined;
|
|
27
27
|
defaultLinkAction?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop" | undefined;
|
|
28
|
-
markdownOptions?: import("react-markdown
|
|
28
|
+
markdownOptions?: import("react-markdown").Options | undefined;
|
|
29
29
|
}): React.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const o={text:{title:"Text",type:t.String,defaultValue:"This is **markdown**.",displayTextArea:!0},textAlign:{title:"Text Align",type:t.Enum,options:[void 0,"start","center","end"],optionTitles:["None","Start","Center","End"],defaultValue:void 0},defaultLevel:{title:"defaultLevel",type:t.Enum,options:["h1","h2","h3","h4","title-lg","title-md","title-sm","marketing-lg","marketing-md","marketing-sm","body-lg","body-md","body-sm","body-xs","inherit"],defaultValue:"body-md"},defaultLinkAction:{title:"defaultLinkAction",type:t.Enum,options:["self","blank","parent","top","unfencedTop"],defaultValue:"self"},textColor:{title:"Text Color",type:t.Enum,options:["text.primary","text.secondary","text.icon","text.tertiary","inherit","common.white","common.black","primary.500","danger.500"],defaultValue:"inherit"},accentColor:{title:"Accent Color",type:t.Enum,options:["text.primary","text.secondary","text.icon","text.tertiary","inherit","common.white","common.black","primary.500","danger.500"],defaultValue:"danger.500"}};export{o as markdownPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import f from"react-markdown";import{Divider as c}from"../Divider/index.js";import{Typography as t}from"../Typography/index.js";import{Link as g}from"@mui/joy";import{rehypeAccent as T}from"../../libs/rehype-accent/index.js";const y=h=>{const{color:e,textColor:p,defaultLevel:n="body-md",accentColor:m="danger.500",defaultLinkAction:a="_self",markdownOptions:i,content:s,...d}=h;return r.createElement(t,{component:"div",color:e,textColor:p,level:n,...d},r.createElement(f,{...i,children:s,rehypePlugins:[[T,{accentColor:m}]],components:{h1:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h1"},o),h2:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h2"},o),h3:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h3"},o),h4:({children:o})=>r.createElement(t,{color:e,textColor:p,level:"h4"},o),p:({children:o,node:l})=>r.createElement(t,{color:e,textColor:p,level:n,...l?.properties},o),a:({children:o,href:l})=>r.createElement(g,{href:l,target:a},o),hr:()=>r.createElement(c,null),...i?.components}}))};y.displayName="Markdown";export{y as Markdown};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Markdown } from "./Markdown";
|
|
2
|
-
export * from "./Markdown";
|
|
1
|
+
import { Markdown } from "./Markdown.js";
|
|
2
|
+
export * from "./Markdown.js";
|
|
3
3
|
export default Markdown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Markdown as o}from"./Markdown.js";export*from"./Markdown.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import n from"react";import{Menu as r,MenuButton as s,MenuItem as p}from"@mui/joy";import{motion as t}from"framer-motion";const m=t(r),e=o=>n.createElement(m,{...o});e.displayName="Menu";const i=t(s),u=o=>n.createElement(i,{...o});u.displayName="MenuButton";const P=t(p),M=o=>n.createElement(P,{...o});M.displayName="MenuItem";export{e as Menu,u as MenuButton,M as MenuItem};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Menu } from "./Menu";
|
|
2
|
-
export * from "./Menu";
|
|
1
|
+
import { Menu } from "./Menu.js";
|
|
2
|
+
export * from "./Menu.js";
|
|
3
3
|
export default Menu;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Menu as o}from"./Menu.js";export*from"./Menu.js";var e=o;export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const o={buttonText:{title:"Button Text",type:t.String,defaultValue:"text"},showIcon:{type:t.Boolean,defaultValue:!1},size:{type:t.Enum,options:["sm","md","lg"],defaultValue:"sm"},items:{title:"Items",type:t.Array,control:{type:t.Object,controls:{text:{type:t.String}}},defaultValue:[]}};export{o as menuButtonPropertyControls};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
|
|
3
|
-
onClose?: ((event: {}, reason: "
|
|
4
|
-
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
3
|
+
onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
|
|
4
|
+
sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
|
|
5
5
|
} & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
6
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
7
7
|
}, "children" | "container" | "sx" | "open" | "onClose" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
|
|
@@ -15,7 +15,7 @@ declare const ModalDialog: import("@emotion/styled").StyledComponent<{
|
|
|
15
15
|
layout?: import("@mui/types").OverridableStringUnion<"center" | "fullscreen", import("@mui/joy").ModalDialogPropsLayoutOverrides> | undefined;
|
|
16
16
|
orientation?: "vertical" | "horizontal" | undefined;
|
|
17
17
|
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalDialogPropsSizeOverrides> | undefined;
|
|
18
|
-
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
18
|
+
sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
|
|
19
19
|
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
|
|
20
20
|
} & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
21
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -24,14 +24,14 @@ export { ModalDialog };
|
|
|
24
24
|
declare const ModalClose: import("@emotion/styled").StyledComponent<Omit<{
|
|
25
25
|
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;
|
|
26
26
|
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalClosePropsSizeOverrides> | undefined;
|
|
27
|
-
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
27
|
+
sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
|
|
28
28
|
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalClosePropsVariantOverrides> | undefined;
|
|
29
29
|
} & import("@mui/joy").ModalCloseSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
30
30
|
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
31
31
|
}, "color" | "variant" | "sx" | "size" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
|
|
32
32
|
export { ModalClose };
|
|
33
33
|
declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
|
|
34
|
-
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
34
|
+
sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
|
|
35
35
|
} & import("@mui/joy").ModalOverflowSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
36
36
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
37
37
|
}, "sx" | keyof import("@mui/joy").ModalOverflowSlotsAndSlotProps>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const o={title:{type:t.String,defaultValue:"Title"},content:{title:"Content",type:t.ComponentInstance},size:{title:"Size",type:t.Enum,options:["sm","md","lg"],defaultValue:"md"}};export{o as modalFramePropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import l from"react";import{Modal as c,ModalDialog as g,ModalClose as y,ModalOverflow as f,styled as e}from"@mui/joy";import{motion as a}from"framer-motion";import D from"../DialogTitle/index.js";import C from"../DialogContent/index.js";const N=a(c),d=N;d.displayName="Modal";const i=e(g)({padding:0}),r=i;r.displayName="ModalDialog";const v=e(a(y))(({theme:o})=>({top:o.spacing(3),right:o.spacing(6)})),t=v;t.displayName="ModalClose";const w=a(f),n=w;n.displayName="ModalOverflow";function s(o){const{title:M,children:p,...m}=o;return l.createElement(i,{...m},l.createElement(t,null),l.createElement(D,null,M),l.createElement(C,null,p))}s.displayName="ModalFrame";export{d as Modal,t as ModalClose,r as ModalDialog,s as ModalFrame,n as ModalOverflow};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Modal } from "./Modal";
|
|
2
|
-
export * from "./Modal";
|
|
1
|
+
import { Modal } from "./Modal.js";
|
|
2
|
+
export * from "./Modal.js";
|
|
3
3
|
export default Modal;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Modal as o}from"./Modal.js";export*from"./Modal.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as e}from"framer";const l={onChange:{title:"onChange",type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},value:{title:"Value",type:e.String,defaultValue:"2024/04/03"},label:{title:"Label",type:e.String,defaultValue:""},error:{title:"Error",type:e.Boolean,defaultValue:!1},helperText:{title:"Helper Text",type:e.String,defaultValue:""},minDate:{title:"Minimum Date",type:e.String},maxDate:{title:"Maximum Date",type:e.String},disableFuture:{title:"Disable Future",type:e.Boolean,defaultValue:!1},disablePast:{title:"Disable Past",type:e.Boolean,defaultValue:!1}};export{l as monthPickerPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{forwardRef as N,useCallback as f,useEffect as S,useImperativeHandle as A,useRef as L,useState as Y}from"react";import{IMaskInput as B,IMask as v}from"react-imask";import F from"@mui/icons-material/esm/CalendarToday.js";import{styled as g}from"@mui/joy";import{FocusTrap as H,ClickAwayListener as V,Popper as z}from"@mui/base";import q from"../Input/index.js";import R from"../IconButton/index.js";import O from"../Sheet/index.js";import $ from"../Calendar/index.js";import j from"../DialogActions/index.js";import G from"../Button/index.js";import{useControlledState as J}from"../../hooks/use-controlled-state/index.js";const K=g(z,{name:"MonthPicker",slot:"popper"})(({theme:e})=>({zIndex:e.zIndex.tooltip})),Q=g(O,{name:"MonthPicker",slot:"sheet",overridesResolver:(e,n)=>n.root})(({theme:e})=>({width:"264px",boxShadow:e.shadow.md,borderRadius:e.radius.md})),U=g("div",{name:"MonthPicker",slot:"container"})({width:"100%"}),P=e=>{let n=`${e.getMonth()+1}`;const a=e.getFullYear();return Number(n)<10&&(n="0"+n),[a,n].join("/")},C=e=>(a=>{if(!/^\d\d\d\d\/(0[1-9]|1[012])(\/(0[1-9]|[23][0-9]))?$/.test(a))return a;const i=a.split("/"),s=new Date(Number(i[0]),Number(i[1])-1);return P(s)})(e),W=e=>e.split(" - ")[0]||"",X=t.forwardRef(function(n,a){const{onChange:i,...s}=n;return t.createElement(B,{...s,inputRef:a,onAccept:m=>i({target:{name:n.name,value:m}}),mask:Date,pattern:"Y/m",blocks:{m:{mask:v.MaskedRange,from:1,to:12,maxLength:2},Y:{mask:v.MaskedRange,from:1900,to:9999}},format:C,parse:W})}),Z=N((e,n)=>{const{onChange:a,disabled:i,label:s,error:m,helperText:D,minDate:h,maxDate:k,disableFuture:x,disablePast:T,required:w,sx:y,className:I,...b}=e,r=L(null),[d,M]=J(e.value,e.defaultValue||"",f(o=>a?.({target:{name:e.name,value:o}}),[e.name,a]),{disableStrict:!0}),[l,u]=Y(null),p=!!l;S(()=>{l||r.current?.blur()},[l,r]),A(n,()=>r.current,[r]);const c=f(o=>{M(o.target.value)},[M]),E=f(o=>{u(l?null:o.currentTarget),r.current?.focus()},[l,u,r]);return t.createElement(U,null,t.createElement(H,{open:!0},t.createElement(t.Fragment,null,t.createElement(q,{...b,color:m?"danger":b.color,ref:r,size:"sm",value:d,onChange:c,placeholder:"YYYY/MM",disabled:i,required:w,slotProps:{input:{component:X,ref:r}},error:m,className:I,sx:{...y,fontFamily:"monospace"},endDecorator:t.createElement(R,{variant:"plain",onClick:E,"aria-label":"Toggle Calendar","aria-controls":"month-picker-popper","aria-haspopup":"dialog","aria-expanded":p},t.createElement(F,null)),label:s,helperText:D}),p&&t.createElement(V,{onClickAway:()=>u(null)},t.createElement(K,{id:"month-picker-popper",open:!0,anchorEl:l,placement:"bottom-end",onMouseDown:o=>o.preventDefault(),modifiers:[{name:"offset",options:{offset:[4,4]}}],"aria-label":"Calendar Tooltip","aria-expanded":p},t.createElement(Q,{tabIndex:-1,role:"presentation"},t.createElement($,{view:"month",views:["month"],value:Number.isNaN(new Date(d).getTime())?void 0:[new Date(d),void 0],onChange:([o])=>{c({target:{name:e.name,value:C(P(o))}}),u(null)},minDate:h?new Date(h):void 0,maxDate:k?new Date(k):void 0,disableFuture:x,disablePast:T}),t.createElement(j,{sx:{p:1}},t.createElement(G,{size:"sm",variant:"plain",color:"neutral",onClick:()=>{c({target:{name:e.name,value:""}}),u(null)}},"Clear"))))))))});export{Z as MonthPicker};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { MonthPicker } from "./MonthPicker";
|
|
2
|
-
export * from "./MonthPicker";
|
|
1
|
+
import { MonthPicker } from "./MonthPicker.js";
|
|
2
|
+
export * from "./MonthPicker.js";
|
|
3
3
|
export default MonthPicker;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{MonthPicker as o}from"./MonthPicker.js";export*from"./MonthPicker.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as e}from"framer";const l={onChange:{title:"onChange",type:e.EventHandler},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},value:{title:"Value",type:e.String,defaultValue:"2024/04 - 2024/07"},label:{title:"Label",type:e.String,defaultValue:""},error:{title:"Error",type:e.Boolean,defaultValue:!1},helperText:{title:"Helper Text",type:e.String,defaultValue:""},minDate:{title:"Minimum Date",type:e.String},maxDate:{title:"Maximum Date",type:e.String},disableFuture:{title:"Disable Future",type:e.Boolean,defaultValue:!1},disablePast:{title:"Disable Past",type:e.Boolean,defaultValue:!1}};export{l as monthRangePickerPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t,{forwardRef as N,useCallback as c,useEffect as B,useImperativeHandle as F,useMemo as H,useRef as V,useState as z}from"react";import{IMaskInput as q,IMask as C}from"react-imask";import j from"@mui/icons-material/esm/CalendarToday.js";import{styled as f}from"@mui/joy";import{FocusTrap as O,ClickAwayListener as $,Popper as G}from"@mui/base";import J from"../Input/index.js";import K from"../IconButton/index.js";import Q from"../Sheet/index.js";import U from"../Calendar/index.js";import W from"../DialogActions/index.js";import X from"../Button/index.js";import{useControlledState as Z}from"../../hooks/use-controlled-state/index.js";const _=f(G,{name:"MonthRangePicker",slot:"popper"})(({theme:e})=>({zIndex:e.zIndex.tooltip})),ee=f(Q,{name:"MonthRangePicker",slot:"sheet",overridesResolver:(e,n)=>n.root})(({theme:e})=>({zIndex:e.zIndex.tooltip,width:"264px",boxShadow:e.shadow.md,borderRadius:e.radius.md})),ne=f("div",{name:"MonthRangePicker",slot:"container"})({width:"100%"}),h=e=>{let n=`${e.getMonth()+1}`;const o=e.getFullYear();return Number(n)<10&&(n="0"+n),[o,n].join("/")},v=([e,n])=>{const o=r=>{if(!/^\d\d\d\d\/(0[1-9]|1[012])(\/(0[1-9]|[23][0-9]))?$/.test(r))return r;const i=r.split("/"),l=new Date(Number(i[0]),Number(i[1])-1);return h(l)};return[o(e),o(n)].join(" - ")},D=e=>{const n=e.split(" - ")[0]||"",o=e.split(" - ")[1]||"";return[n,o]},te=t.forwardRef(function(n,o){const{onChange:r,...i}=n;return t.createElement(q,{...i,inputRef:o,onAccept:l=>r({target:{name:n.name,value:l}}),mask:Date,pattern:"Y/m - Y/m",blocks:{m:{mask:C.MaskedRange,from:1,to:12,maxLength:2},Y:{mask:C.MaskedRange,from:1900,to:9999}},format:v,parse:D})}),x=N((e,n)=>{const{onChange:o,disabled:r,label:i,error:l,helperText:y,minDate:k,maxDate:M,disableFuture:T,disablePast:w,required:I,sx:R,className:E,...b}=e,s=V(null),[p,m]=Z(e.value,e.defaultValue||"",c(a=>o?.({target:{name:e.name,value:a}}),[e.name,o]),{disableStrict:!0}),[d,u]=z(null),g=!!d,Y=H(()=>p?D(p).map(a=>new Date(a)):void 0,[p]);B(()=>{d||s.current?.blur()},[d,s]),F(n,()=>s.current,[s]);const S=c(a=>{m(a.target.value)},[m]),A=c(a=>{u(d?null:a.currentTarget),s.current?.focus()},[d,u,s]),L=c(([a,P])=>{!a||!P||(m(v([h(a),h(P)])),u(null))},[m,u]);return t.createElement(ne,null,t.createElement(O,{open:!0},t.createElement(t.Fragment,null,t.createElement(J,{...b,color:l?"danger":b.color,ref:n,size:"sm",value:p,onChange:S,disabled:r,required:I,placeholder:"YYYY/MM - YYYY/MM",slotProps:{input:{component:te,ref:s}},error:l,className:E,sx:{...R,fontFamily:"monospace"},endDecorator:t.createElement(K,{variant:"plain",onClick:A,"aria-label":"Toggle Calendar","aria-controls":"month-range-picker-popper","aria-haspopup":"dialog","aria-expanded":g},t.createElement(j,null)),label:i,helperText:y}),g&&t.createElement($,{onClickAway:()=>u(null)},t.createElement(_,{id:"month-range-picker-popper",open:!0,anchorEl:d,placement:"bottom-end",onMouseDown:a=>a.preventDefault(),modifiers:[{name:"offset",options:{offset:[4,4]}}],"aria-label":"Calendar Tooltip","aria-expanded":g},t.createElement(ee,{tabIndex:-1,role:"presentation"},t.createElement(U,{view:"month",views:["month"],rangeSelection:!0,defaultValue:Y,onChange:L,minDate:k?new Date(k):void 0,maxDate:M?new Date(M):void 0,disableFuture:T,disablePast:w}),t.createElement(W,{sx:{p:1}},t.createElement(X,{size:"sm",variant:"plain",color:"neutral",onClick:()=>{m(""),u(null)}},"Clear"))))))))});x.displayName="MonthRangePicker";export{x as MonthRangePicker};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { MonthRangePicker } from "./MonthRangePicker";
|
|
2
|
-
export * from "./MonthRangePicker";
|
|
1
|
+
import { MonthRangePicker } from "./MonthRangePicker.js";
|
|
2
|
+
export * from "./MonthRangePicker.js";
|
|
3
3
|
export default MonthRangePicker;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{MonthRangePicker as o}from"./MonthRangePicker.js";export*from"./MonthRangePicker.js";var e=o;export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{Accordion as s,AccordionSummary as d,AccordionDetails as m,styled as n,accordionSummaryClasses as c,Stack as p}from"@mui/joy";const u=n(d,{name:"NavigationGroup",slot:"Summary",shouldForwardProp:o=>o!=="useIcon"&&o!=="level"})(({theme:o,useIcon:e,level:a})=>({[`& .${c.button}`]:{padding:o.spacing(4,6,4,(e?6:8)+(a||0)*8),[`&.${c.expanded}`]:{color:o.palette.primary.plainColor,"--Icon-color":o.palette.primary.plainColor}}})),y=n(m,{name:"NavigationGroup",slot:"Details"})(({theme:o})=>({"--AccordionDetails-transition":"grid-template-rows 0.2s ease, padding-block 0.2s ease",backgroundColor:o.palette.background.level1}));function A(o){const{title:e,children:a,startDecorator:t,level:i,...l}=o;return r.createElement(s,{...l},r.createElement(u,{useIcon:!!t,level:i},r.createElement(p,{direction:"row",gap:4},t,e)),r.createElement(y,null,a))}export{A as NavigationGroup};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { NavigationGroup } from "./NavigationGroup";
|
|
2
|
-
export * from "./NavigationGroup";
|
|
1
|
+
import { NavigationGroup } from "./NavigationGroup.js";
|
|
2
|
+
export * from "./NavigationGroup.js";
|
|
3
3
|
export default NavigationGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{NavigationGroup as o}from"./NavigationGroup.js";export*from"./NavigationGroup.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"react";import{ListItem as d,ListItemButton as p,ListItemDecorator as u,styled as m,listItemButtonClasses as I}from"@mui/joy";const g=m(p,{name:"NavigationItem",slot:"Button",shouldForwardProp:t=>t!=="useIcon"&&t!=="level"})(({theme:t,useIcon:e,level:o})=>({padding:t.spacing(4,6,4,(e?6:8)+(o||0)*8),gap:t.spacing(4),fontWeight:500,"&:hover":{backgroundColor:t.palette.neutral.plainHoverBg},"&:active":{backgroundColor:t.palette.neutral.plainActiveBg},[`&.${I.selected}`]:{color:t.palette.primary.plainColor,"--Icon-color":t.palette.primary.plainColor,"&:not(:hover):not(:active)":{backgroundColor:t.palette.background.surface}}}));function v(t){const{children:e,startDecorator:o,level:a,selected:n,id:i,onClick:l,...s}=t,c=()=>{l?.(i)};return r.createElement(d,{...s},r.createElement(g,{level:a,useIcon:!!o,selected:n,"aria-current":n,onClick:c},o&&r.createElement(u,null,o),e))}export{v as NavigationItem};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { NavigationItem } from "./NavigationItem";
|
|
2
|
-
export * from "./NavigationItem";
|
|
1
|
+
import { NavigationItem } from "./NavigationItem.js";
|
|
2
|
+
export * from "./NavigationItem.js";
|
|
3
3
|
export default NavigationItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{NavigationItem as o}from"./NavigationItem.js";export*from"./NavigationItem.js";var r=o;export{r as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{ControlType as e}from"framer";const a={level:{type:e.Number,defaultValue:0,description:"Navigator\uC758 \uB808\uBCA8\uC785\uB2C8\uB2E4. \uB808\uBCA8\uC5D0 \uB530\uB77C \uC88C\uCE21 \uC5EC\uBC31\uC744 \uC870\uC815\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."},items:{type:e.Array,control:{type:e.Object,controls:{type:{type:e.Enum,options:["item","group"],defaultValue:"item"},title:{type:e.String,defaultValue:"Home",description:"\uC2DC\uAC01\uC801\uC73C\uB85C Navigator\uC5D0 \uB178\uCD9C\uB418\uB294 \uAC12\uC785\uB2C8\uB2E4."},selected:{type:e.Boolean,defaultValue:!1,hidden:t=>t.type!=="item",description:"Yes\uB85C \uC124\uC815\uD558\uBA74 selected \uC2A4\uD0C0\uC77C\uB85C \uB178\uCD9C\uB429\uB2C8\uB2E4."},expanded:{type:e.Boolean,defaultValue:!1,hidden:t=>t.type!=="group",description:"Yes\uB85C \uC124\uC815\uD558\uBA74 \uAE30\uBCF8\uC801\uC73C\uB85C \uD3BC\uCC98\uC9C4 \uC0C1\uD0DC\uB85C \uB178\uCD9C\uB429\uB2C8\uB2E4.(\uC0C8\uB85C\uACE0\uCE68\uC774 \uD544\uC694\uD560\uC9C0\uB3C4 \uBAB0\uB77C\uC694)"},showStartDecorator:{type:e.Boolean,defaultValue:!1,description:"Yes\uB85C \uC124\uC815\uD558\uBA74 startDecorator\uB97C \uC124\uC815\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4"},startDecorator:{type:e.Object,controls:{}}}},defaultValue:[{type:"item",title:"Home",content:[]},{type:"group",title:"Projects",content:[]}]},contents:{title:"Contents",type:e.Array,control:{type:e.ComponentInstance},defaultValue:[],description:`NavigationGroup\uD558\uC704\uC5D0 \uB178\uCD9C\uB420 \uAC12\uC785\uB2C8\uB2E4. \uB2E4\uB978 Navigator\uB97C \uB123\uC5B4\uC11C navigation\uC744 \uAD6C\uC131\uD560 \uC218\uB3C4 \uC788\uC2B5\uB2C8\uB2E4.
|
|
2
|
+
|
|
3
|
+
Navigator\uC5D0 \uC874\uC7AC\uD558\uB294 NavigationGroup\uC5D0 \uC21C\uCC28\uC801\uC73C\uB85C \uC8FC\uC785\uB429\uB2C8\uB2E4.(\uBD88\uD3B8\uD558\uC9C0\uB9CC framer\uC758 \uC81C\uC57D\uC73C\uB85C \uC778\uD574 \uC774\uB807\uAC8C \uAD6C\uC131\uD588\uC2B5\uB2C8\uB2E4.)`},onSelect:{type:e.EventHandler}};export{a as navigatorPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"react";import{NavigationGroup as d}from"../NavigationGroup/index.js";import{NavigationItem as p}from"../NavigationItem/index.js";function o(a){const{items:i,level:r=0,onSelect:n}=a,l=t=>{n?.(t)};return e.createElement("div",null,i.map((t,c)=>t.type==="item"?e.createElement(p,{key:t.id,id:t.id,startDecorator:t.startDecorator,selected:t.selected,level:r,onClick:l},t.title):t.type==="group"?e.createElement(d,{key:c,title:t.title,startDecorator:t.startDecorator,level:r,defaultExpanded:t.expanded},t.content):null))}o.displayName="Navigator";export{o as Navigator};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Navigator } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Navigator } from "./Navigator.js";
|
|
2
|
+
export * from "./Navigator.js";
|
|
3
3
|
export default Navigator;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Navigator as o}from"./Navigator.js";export*from"./Navigator.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Radio as r,RadioGroup as t}from"@mui/joy";import{motion as o}from"framer-motion";const d=o(r),i=d;i.displayName="Radio";const p=o(t),a=p;a.displayName="RadioGroup";export{i as Radio,a as RadioGroup};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Radio } from "./Radio";
|
|
2
|
-
export * from "./Radio";
|
|
1
|
+
import { Radio } from "./Radio.js";
|
|
2
|
+
export * from "./Radio.js";
|
|
3
3
|
export default Radio;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Radio as o}from"./Radio.js";export*from"./Radio.js";var t=o;export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as e}from"framer";const l={orientation:{title:"Orientation",type:e.Enum,options:["vertical","horizontal"],defaultValue:"vertical"},defaultValue:{title:"Checked Value",type:e.String,defaultValue:"value1"},items:{title:"Items",type:e.Array,control:{type:e.Object,controls:{displayName:{title:"Display Name",type:e.String},value:{title:"Value",type:e.String},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]}}},defaultValue:[{displayName:"Value 1",value:"value1",color:"primary"},{displayName:"Value 2",value:"value2",color:"primary"},{displayName:"Value 3",value:"value3",color:"primary"},{displayName:"Value 4",value:"value4",color:"primary"},{displayName:"Value 5",value:"value5",color:"primary"},{displayName:"Value 6",value:"value6",color:"primary"}]}};export{l as radioListPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"react";import{Radio as t,RadioGroup as l}from"../Radio/Radio.js";function a(r){const{items:i,...p}=r;return e.createElement(l,{...p},i.map(o=>e.createElement(t,{key:`${o.value}`,value:o.value,label:o.label})))}a.displayName="RadioList";export{a as RadioList};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { RadioList } from "./RadioList";
|
|
2
|
-
export * from "./RadioList";
|
|
1
|
+
import { RadioList } from "./RadioList.js";
|
|
2
|
+
export * from "./RadioList.js";
|
|
3
3
|
export default RadioList;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{RadioList as o}from"./RadioList.js";export*from"./RadioList.js";var t=o;export{t as default};
|
|
@@ -9,7 +9,7 @@ declare const Option: import("framer-motion").CustomDomComponent<{
|
|
|
9
9
|
label?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
10
10
|
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").OptionPropsVariantOverrides> | undefined;
|
|
11
11
|
value: any;
|
|
12
|
-
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
12
|
+
sx?: import("@mui/joy/styles/types/theme.js").SxProps | undefined;
|
|
13
13
|
} & import("@mui/joy").OptionSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
14
14
|
ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
|
|
15
15
|
}, "label" | "children" | "color" | "variant" | "sx" | "disabled" | "value" | keyof import("@mui/joy").OptionSlotsAndSlotProps>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as e}from"framer";const l={label:{title:"Label",type:e.String},helperText:{title:"Helper Text",type:e.String},error:{title:"Error",type:e.Boolean,defaultValue:!1},onChange:{title:"onChange",type:e.EventHandler},defaultListboxOpen:{title:"Opened",type:e.Boolean,defaultValue:!1},defaultValue:{title:"Selected Option",type:e.String},disabled:{title:"Disabled",type:e.Boolean,defaultValue:!1},required:{title:"Required",type:e.Boolean,defaultValue:!1},placeholder:{title:"Placeholder",type:e.String,defaultValue:"Choose one..."},color:{title:"Color",type:e.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},size:{title:"Size",type:e.Enum,options:["sm","md","lg"],defaultValue:"md"},variant:{title:"Variant",type:e.Enum,options:["outlined","plain","solid","soft"],defaultValue:void 0},options:{title:"Options",type:e.Array,control:{type:e.Object,controls:{text:{title:"Text",type:e.String},value:{title:"Value",type:e.String}}},defaultValue:[{text:"Option 1",value:"option1"},{text:"Option 2",value:"option2"}]},multiple:{title:"Multiple",type:e.Boolean,defaultValue:!1}};export{l as selectPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import o,{useMemo as S}from"react";import{Select as y,Option as C}from"@mui/joy";import{motion as M}from"framer-motion";import F from"../FormControl/index.js";import P from"../FormLabel/index.js";import V from"../FormHelperText/index.js";const N=M(C),r=N;r.displayName="Option";function c(t){const{label:n,helperText:l,error:a,size:i,color:s,disabled:p,required:m,onChange:d,sx:g,className:b,...f}=t,O=S(()=>t.options.map(e=>typeof e!="object"?{value:e,label:e}:e),[t.options]),h=o.createElement(y,{...f,required:m,disabled:p,size:i,color:a?"danger":s,onChange:(e,v)=>{const u=e||{target:{}},x={...u,target:{name:u.target?.name||t.name,value:v||void 0}};d?.(x)}},O.map(e=>o.createElement(r,{key:e.value,value:e.value},e.label)));return o.createElement(F,{required:m,disabled:p,size:i,color:s,error:a,sx:g,className:b},n&&o.createElement(P,null,n),h,l&&o.createElement(V,null,l))}c.displayName="Select";export{r as Option,c as Select};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Select } from "./Select";
|
|
2
|
-
export * from "./Select";
|
|
1
|
+
import { Select } from "./Select.js";
|
|
2
|
+
export * from "./Select.js";
|
|
3
3
|
export default Select;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Select as e}from"./Select.js";export*from"./Select.js";var r=e;export{r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const r={color:{title:"Color",type:t.Enum,options:["primary","neutral","danger","success","warning"],optionTitles:["Primary","Neutral","Danger","Success","Warning"]},variant:{title:"Variant",type:t.Enum,options:["solid","outlined","soft","plain"],defaultValue:"outlined"}};export{r as sheetPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Sheet as t}from"@mui/joy";import{motion as e}from"framer-motion";const m=e(t),o=m;o.displayName="Sheet";export{o as Sheet};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Sheet } from "./Sheet";
|
|
2
|
-
export * from "./Sheet";
|
|
1
|
+
import { Sheet } from "./Sheet.js";
|
|
2
|
+
export * from "./Sheet.js";
|
|
3
3
|
export default Sheet;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Sheet as e}from"./Sheet.js";export*from"./Sheet.js";var r=e;export{r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{ControlType as t}from"framer";const o={animation:{title:"Animation type",type:t.Enum,options:["wave","pulse"]},variant:{title:"Variant",type:t.Enum,options:["circular","rectangular"],defaultValue:"rectangular"},target:{title:"Target",type:t.ComponentInstance},loading:{title:"Loading",type:t.Boolean,defaultValue:!1}};export{o as skeletonPropertyControls};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Stack as t}from"@mui/joy";import{motion as a}from"framer-motion";const c=a(t),o=c;o.displayName="Stack";export{o as Stack};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Stack } from "./Stack";
|
|
2
|
-
export * from "./Stack";
|
|
1
|
+
import { Stack } from "./Stack.js";
|
|
2
|
+
export * from "./Stack.js";
|
|
3
3
|
export default Stack;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Stack as o}from"./Stack.js";export*from"./Stack.js";var t=o;export{t as default};
|