@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/Widget/components/WidgetFooter.js

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { cva } from "../../utils.js";
+import { useWidgetProps } from "./WidgetPropsProvider.js";
+import { WidgetActionsProvider } from "./WidgetActionsContext.js";
+const widgetFooterVariants = cva("flex justify-between", {
+  variants: {
+    padding: {
+      sm: "p-md",
+      md: "py-md-extra px-lg"
+    }
+  },
+  defaultVariants: {
+    padding: "md"
+  }
+});
+const emptyWidgetFooterVariants = cva("", {
+  variants: {
+    padding: {
+      sm: "h-lg",
+      md: "h-lg"
+    }
+  },
+  defaultVariants: {
+    padding: "md"
+  }
+});
+export const WidgetFooter = () => {
+  const {
+    footerStartActions,
+    footerEndActions,
+    padding
+  } = useWidgetProps();
+  if (!footerStartActions && !footerEndActions) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: emptyWidgetFooterVariants({
+        padding
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: widgetFooterVariants({
+      padding
+    })
+  }, footerStartActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
+    location: "footer-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-x-sm"
+  }, footerStartActions)), footerEndActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
+    location: "footer-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-x-sm ml-auto"
+  }, footerEndActions)));
+};
+
+//# sourceMappingURL=WidgetFooter.js.map

package/Widget/components/WidgetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cva","useWidgetProps","WidgetActionsProvider","widgetFooterVariants","variants","padding","sm","md","defaultVariants","emptyWidgetFooterVariants","WidgetFooter","footerStartActions","footerEndActions","createElement","className","location"],"sources":["WidgetFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"~/utils.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        padding: {\n            sm: \"p-md\",\n            md: \"py-md-extra px-lg\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nconst emptyWidgetFooterVariants = cva(\"\", {\n    variants: {\n        padding: {\n            sm: \"h-lg\",\n            md: \"h-lg\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetFooter = () => {\n    const { footerStartActions, footerEndActions, padding } = useWidgetProps();\n\n    if (!footerStartActions && !footerEndActions) {\n        return <div className={emptyWidgetFooterVariants({ padding })} />;\n    }\n\n    return (\n        <div className={widgetFooterVariants({ padding })}>\n            {footerStartActions && (\n                <WidgetActionsProvider location=\"footer-start\">\n                    <div className={\"flex gap-x-sm\"}>{footerStartActions}</div>\n                </WidgetActionsProvider>\n            )}\n            {footerEndActions && (\n                <WidgetActionsProvider location=\"footer-end\">\n                    <div className={\"flex gap-x-sm ml-auto\"}>{footerEndActions}</div>\n                </WidgetActionsProvider>\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG;AACZ,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAE9B,MAAMC,oBAAoB,GAAGH,GAAG,CAAC,sBAAsB,EAAE;EACrDI,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,MAAMI,yBAAyB,GAAGT,GAAG,CAAC,EAAE,EAAE;EACtCI,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,kBAAkB;IAAEC,gBAAgB;IAAEP;EAAQ,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAE1E,IAAI,CAACU,kBAAkB,IAAI,CAACC,gBAAgB,EAAE;IAC1C,oBAAOb,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAEL,yBAAyB,CAAC;QAAEJ;MAAQ,CAAC;IAAE,CAAE,CAAC;EACrE;EAEA,oBACIN,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,oBAAoB,CAAC;MAAEE;IAAQ,CAAC;EAAE,GAC7CM,kBAAkB,iBACfZ,KAAA,CAAAc,aAAA,CAACX,qBAAqB;IAACa,QAAQ,EAAC;EAAc,gBAC1ChB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAgB,GAAEH,kBAAwB,CACvC,CAC1B,EACAC,gBAAgB,iBACbb,KAAA,CAAAc,aAAA,CAACX,qBAAqB;IAACa,QAAQ,EAAC;EAAY,gBACxChB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAwB,GAAEF,gBAAsB,CAC7C,CAE1B,CAAC;AAEd,CAAC","ignoreList":[]}

package/Widget/components/WidgetHeader.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const WidgetHeader: () => React.JSX.Element | null;

package/Widget/components/WidgetHeader.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { cn, cva } from "../../utils.js";
+import { WidgetTitle } from "./WidgetTitle.js";
+import { WidgetDescription } from "./WidgetDescription.js";
+import { useWidgetProps } from "./WidgetPropsProvider.js";
+import { WidgetActionsProvider } from "./WidgetActionsContext.js";
+const widgetHeaderVariants = cva("text-neutral-primary", {
+  variants: {
+    padding: {
+      sm: "pt-sm-extra pl-md pr-sm-extra",
+      md: "pt-md pl-lg pr-md"
+    }
+  },
+  defaultVariants: {
+    padding: "md"
+  }
+});
+export const WidgetHeader = () => {
+  const {
+    headerActions,
+    title,
+    icon,
+    description,
+    padding,
+    className
+  } = useWidgetProps();
+  const nothingToRender = React.useMemo(() => {
+    return !title && !description && !icon;
+  }, [title, description, icon]);
+  if (nothingToRender) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    "data-widget": "header",
+    className: cn(widgetHeaderVariants({
+      padding
+    }), className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra"
+  }, /*#__PURE__*/React.createElement(WidgetTitle, null, icon, title), description && /*#__PURE__*/React.createElement(WidgetDescription, null, description)), headerActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
+    location: "header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-sm"
+  }, headerActions))));
+};
+
+//# sourceMappingURL=WidgetHeader.js.map

package/Widget/components/WidgetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","WidgetTitle","WidgetDescription","useWidgetProps","WidgetActionsProvider","widgetHeaderVariants","variants","padding","sm","md","defaultVariants","WidgetHeader","headerActions","title","icon","description","className","nothingToRender","useMemo","createElement","location"],"sources":["WidgetHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { WidgetTitle } from \"./WidgetTitle.js\";\nimport { WidgetDescription } from \"./WidgetDescription.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-extra\",\n            md: \"pt-md pl-lg pr-md\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetHeader = () => {\n    const { headerActions, title, icon, description, padding, className } = useWidgetProps();\n\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div data-widget=\"header\" className={cn(widgetHeaderVariants({ padding }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra\">\n                    <WidgetTitle>\n                        {icon}\n                        {title}\n                    </WidgetTitle>\n                    {description && <WidgetDescription>{description}</WidgetDescription>}\n                </div>\n                {headerActions && (\n                    <WidgetActionsProvider location=\"header\">\n                        <div className={\"flex gap-sm\"}>{headerActions}</div>\n                    </WidgetActionsProvider>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAE9B,MAAMC,oBAAoB,GAAGL,GAAG,CAAC,sBAAsB,EAAE;EACrDM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,+BAA+B;MACnCC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAER,OAAO;IAAES;EAAU,CAAC,GAAGb,cAAc,CAAC,CAAC;EAExF,MAAMc,eAAe,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAM;IACxC,OAAO,CAACL,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI;EAC1C,CAAC,EAAE,CAACD,KAAK,EAAEE,WAAW,EAAED,IAAI,CAAC,CAAC;EAE9B,IAAIG,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAqB,aAAA;IAAK,eAAY,QAAQ;IAACH,SAAS,EAAEjB,EAAE,CAACM,oBAAoB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,gBAClFlB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAE;EAAuB,gBACnClB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAC;EAA8D,gBACzElB,KAAA,CAAAqB,aAAA,CAAClB,WAAW,QACPa,IAAI,EACJD,KACQ,CAAC,EACbE,WAAW,iBAAIjB,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB,QAAEa,WAA+B,CAClE,CAAC,EACLH,aAAa,iBACVd,KAAA,CAAAqB,aAAA,CAACf,qBAAqB;IAACgB,QAAQ,EAAC;EAAQ,gBACpCtB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAE;EAAc,GAAEJ,aAAmB,CAChC,CAE1B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/Widget/components/WidgetPropsProvider.d.ts

@@ -0,0 +1,6 @@
+import { type WidgetProps } from "../Widget.js";
+declare const WidgetPropsProvider: import("react").FunctionComponent<{
+    props: WidgetProps;
+    children: React.ReactNode;
+}>, useWidgetProps: () => WidgetProps;
+export { WidgetPropsProvider, useWidgetProps };

package/Widget/components/WidgetPropsProvider.js

@@ -0,0 +1,5 @@
+import { createComponentPropsProvider } from "../../utils.js";
+const [WidgetPropsProvider, useWidgetProps] = createComponentPropsProvider();
+export { WidgetPropsProvider, useWidgetProps };
+
+//# sourceMappingURL=WidgetPropsProvider.js.map

package/Widget/components/WidgetPropsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createComponentPropsProvider","WidgetPropsProvider","useWidgetProps"],"sources":["WidgetPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type WidgetProps } from \"../Widget.js\";\n\nconst [WidgetPropsProvider, useWidgetProps] = createComponentPropsProvider<WidgetProps>();\n\nexport { WidgetPropsProvider, useWidgetProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,mBAAmB,EAAEC,cAAc,CAAC,GAAGF,4BAA4B,CAAc,CAAC;AAEzF,SAASC,mBAAmB,EAAEC,cAAc","ignoreList":[]}

package/Widget/components/WidgetTitle.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export type WidgetTitleProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const WidgetTitle: ({ className, ...props }: WidgetTitleProps) => React.JSX.Element;

package/Widget/components/WidgetTitle.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { cn } from "../../utils.js";
+export const WidgetTitle = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+  className: cn("flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5", className)
+}));
+
+//# sourceMappingURL=WidgetTitle.js.map

package/Widget/components/WidgetTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","WidgetTitle","className","props","createElement","Object","assign"],"sources":["WidgetTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetTitle = ({ className, ...props }: WidgetTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5\",\n            className\n        )}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAIX,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBACjEJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEF,EAAE,CACT,2EAA2E,EAC3EE,SACJ;AAAE,EACL,CACJ","ignoreList":[]}

package/Widget/index.d.ts

@@ -0,0 +1 @@
+export * from "./Widget.js";

package/Widget/index.js

@@ -0,0 +1,3 @@
+export * from "./Widget.js";
+
+//# sourceMappingURL=index.js.map

package/Widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Widget.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/exports/admin/ui.d.ts

@@ -0,0 +1,59 @@
+export { Accordion } from "../../Accordion/index.js";
+export { Alert } from "../../Alert/index.js";
+export { AutoComplete } from "../../AutoComplete/index.js";
+export { Avatar } from "../../Avatar/index.js";
+export { Button, CopyButton, IconButton } from "../../Button/index.js";
+export { Card } from "../../Card/index.js";
+export { Checkbox } from "../../Checkbox/index.js";
+export { CheckboxGroup } from "../../CheckboxGroup/index.js";
+export { CodeEditor } from "../../CodeEditor/index.js";
+export { ColorPicker } from "../../ColorPicker/index.js";
+export { CloneIcon, CreateIcon, DataList, DataListModal, DataListWithSections, DeleteIcon, DownloadIcon, EditIcon, FilterIcon, ListIcon, LoginIcon, NextPageIcon, OptionsIcon, PreviousPageIcon, RefreshIcon, SortIcon, UploadIcon } from "../../DataList/index.js";
+export { DataTable } from "../../DataTable/index.js";
+export { DelayedOnChange } from "../../DelayedOnChange/index.js";
+export { Dialog } from "../../Dialog/index.js";
+export { Drawer } from "../../Drawer/index.js";
+export { DropdownMenu } from "../../DropdownMenu/index.js";
+export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+export { FilePicker } from "../../FilePicker/index.js";
+export { Grid } from "../../Grid/index.js";
+export { HeaderBar } from "../../HeaderBar/index.js";
+export { Heading } from "../../Heading/index.js";
+export { Icon } from "../../Icon/index.js";
+export { IconPicker } from "../../IconPicker/index.js";
+export { Image } from "../../Image/index.js";
+export { Input } from "../../Input/index.js";
+export { Label } from "../../Label/index.js";
+export { Link } from "../../Link/index.js";
+export { List } from "../../List/index.js";
+export { Loader, OverlayLoader } from "../../Loader/index.js";
+export { MultiAutoComplete } from "../../MultiAutoComplete/index.js";
+export { MultiFilePicker } from "../../MultiFilePicker/index.js";
+export { Portal } from "../../Portal/index.js";
+export { Popover } from "../../Popover/index.js";
+export { ProgressBar } from "../../ProgressBar/index.js";
+export { Radio, RadioGroup } from "../../RadioGroup/index.js";
+export { RangeSlider } from "../../RangeSlider/index.js";
+export { Scrollbar } from "../../Scrollbar/index.js";
+export { ScrollArea, ScrollBar } from "../../ScrollArea/index.js";
+export { SegmentedControl } from "../../SegmentedControl/index.js";
+export { Select } from "../../Select/index.js";
+export { Separator } from "../../Separator/index.js";
+export { Sidebar, SidebarProvider, useSidebar } from "../../Sidebar/index.js";
+export { Skeleton } from "../../Skeleton/index.js";
+export { Slider } from "../../Slider/index.js";
+export { SteppedProgress } from "../../SteppedProgress/index.js";
+export { Switch } from "../../Switch/index.js";
+export { Table } from "../../Table/index.js";
+export { Tabs } from "../../Tabs/index.js";
+export { Tag } from "../../Tag/index.js";
+export { Tags } from "../../Tags/index.js";
+export { Text } from "../../Text/index.js";
+export { Textarea } from "../../Textarea/index.js";
+export { TimeAgo } from "../../TimeAgo/index.js";
+export { Toast, useToast } from "../../Toast/index.js";
+export { Tooltip } from "../../Tooltip/index.js";
+export { Tree } from "../../Tree/index.js";
+export { Widget } from "../../Widget/index.js";
+export { cn, cva, generateId } from "../../utils.js";
+export { useDisclosure } from "../../hooks/index.js";

package/exports/admin/ui.js

@@ -0,0 +1,178 @@
+// Accordion
+export { Accordion } from "../../Accordion/index.js";
+
+// Alert
+export { Alert } from "../../Alert/index.js";
+
+// AutoComplete
+export { AutoComplete } from "../../AutoComplete/index.js";
+
+// Avatar
+export { Avatar } from "../../Avatar/index.js";
+
+// Button
+export { Button, CopyButton, IconButton } from "../../Button/index.js";
+
+// Card
+export { Card } from "../../Card/index.js";
+
+// Checkbox
+export { Checkbox } from "../../Checkbox/index.js";
+
+// CheckboxGroup
+export { CheckboxGroup } from "../../CheckboxGroup/index.js";
+
+// CodeEditor
+export { CodeEditor } from "../../CodeEditor/index.js";
+
+// ColorPicker
+export { ColorPicker } from "../../ColorPicker/index.js";
+
+// DataList
+export { CloneIcon, CreateIcon, DataList, DataListModal, DataListWithSections, DeleteIcon, DownloadIcon, EditIcon, FilterIcon, ListIcon, LoginIcon, NextPageIcon, OptionsIcon, PreviousPageIcon, RefreshIcon, SortIcon, UploadIcon } from "../../DataList/index.js";
+
+// DataTable
+export { DataTable } from "../../DataTable/index.js";
+
+// DelayedOnChange
+export { DelayedOnChange } from "../../DelayedOnChange/index.js";
+
+// Dialog
+export { Dialog } from "../../Dialog/index.js";
+
+// Drawer
+export { Drawer } from "../../Drawer/index.js";
+
+// DropdownMenu
+export { DropdownMenu } from "../../DropdownMenu/index.js";
+
+// DynamicFieldset
+export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+
+// FilePicker
+export { FilePicker } from "../../FilePicker/index.js";
+
+// Grid
+export { Grid } from "../../Grid/index.js";
+
+// HeaderBar
+export { HeaderBar } from "../../HeaderBar/index.js";
+
+// Heading
+export { Heading } from "../../Heading/index.js";
+
+// Icon
+export { Icon } from "../../Icon/index.js";
+
+// IconPicker
+export { IconPicker } from "../../IconPicker/index.js";
+
+// Image
+export { Image } from "../../Image/index.js";
+
+// Input
+export { Input } from "../../Input/index.js";
+
+// Label
+export { Label } from "../../Label/index.js";
+
+// Link
+export { Link } from "../../Link/index.js";
+
+// List
+export { List } from "../../List/index.js";
+
+// Loader
+export { Loader, OverlayLoader } from "../../Loader/index.js";
+
+// MultiAutoComplete
+export { MultiAutoComplete } from "../../MultiAutoComplete/index.js";
+
+// MultiFilePicker
+export { MultiFilePicker } from "../../MultiFilePicker/index.js";
+
+// Portal
+export { Portal } from "../../Portal/index.js";
+
+// Popover
+export { Popover } from "../../Popover/index.js";
+
+// ProgressBar
+export { ProgressBar } from "../../ProgressBar/index.js";
+
+// RadioGroup
+export { Radio, RadioGroup } from "../../RadioGroup/index.js";
+
+// RangeSlider
+export { RangeSlider } from "../../RangeSlider/index.js";
+
+// Scrollbar
+export { Scrollbar } from "../../Scrollbar/index.js";
+
+// ScrollArea
+export { ScrollArea, ScrollBar } from "../../ScrollArea/index.js";
+
+// SegmentedControl
+export { SegmentedControl } from "../../SegmentedControl/index.js";
+
+// Select
+export { Select } from "../../Select/index.js";
+
+// Separator
+export { Separator } from "../../Separator/index.js";
+
+// Sidebar
+export { Sidebar, SidebarProvider, useSidebar } from "../../Sidebar/index.js";
+
+// Skeleton
+export { Skeleton } from "../../Skeleton/index.js";
+
+// Slider
+export { Slider } from "../../Slider/index.js";
+
+// SteppedProgress
+export { SteppedProgress } from "../../SteppedProgress/index.js";
+
+// Switch
+export { Switch } from "../../Switch/index.js";
+
+// Table
+export { Table } from "../../Table/index.js";
+
+// Tabs
+export { Tabs } from "../../Tabs/index.js";
+
+// Tag
+export { Tag } from "../../Tag/index.js";
+
+// Tags
+export { Tags } from "../../Tags/index.js";
+
+// Text
+export { Text } from "../../Text/index.js";
+
+// Textarea
+export { Textarea } from "../../Textarea/index.js";
+
+// TimeAgo
+export { TimeAgo } from "../../TimeAgo/index.js";
+
+// Toast
+export { Toast, useToast } from "../../Toast/index.js";
+
+// Tooltip
+export { Tooltip } from "../../Tooltip/index.js";
+
+// Tree
+export { Tree } from "../../Tree/index.js";
+
+// Widget
+export { Widget } from "../../Widget/index.js";
+
+// utils
+export { cn, cva, generateId } from "../../utils.js";
+
+// hooks
+export { useDisclosure } from "../../hooks/index.js";
+
+//# sourceMappingURL=ui.js.map

package/exports/admin/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Accordion","Alert","AutoComplete","Avatar","Button","CopyButton","IconButton","Card","Checkbox","CheckboxGroup","CodeEditor","ColorPicker","CloneIcon","CreateIcon","DataList","DataListModal","DataListWithSections","DeleteIcon","DownloadIcon","EditIcon","FilterIcon","ListIcon","LoginIcon","NextPageIcon","OptionsIcon","PreviousPageIcon","RefreshIcon","SortIcon","UploadIcon","DataTable","DelayedOnChange","Dialog","Drawer","DropdownMenu","DynamicFieldset","FilePicker","Grid","HeaderBar","Heading","Icon","IconPicker","Image","Input","Label","Link","List","Loader","OverlayLoader","MultiAutoComplete","MultiFilePicker","Portal","Popover","ProgressBar","Radio","RadioGroup","RangeSlider","Scrollbar","ScrollArea","ScrollBar","SegmentedControl","Select","Separator","Sidebar","SidebarProvider","useSidebar","Skeleton","Slider","SteppedProgress","Switch","Table","Tabs","Tag","Tags","Text","Textarea","TimeAgo","Toast","useToast","Tooltip","Tree","Widget","cn","cva","generateId","useDisclosure"],"sources":["ui.ts"],"sourcesContent":["// Accordion\nexport { Accordion } from \"~/Accordion/index.js\";\n\n// Alert\nexport { Alert } from \"~/Alert/index.js\";\n\n// AutoComplete\nexport { AutoComplete } from \"~/AutoComplete/index.js\";\n\n// Avatar\nexport { Avatar } from \"~/Avatar/index.js\";\n\n// Button\nexport { Button, CopyButton, IconButton } from \"~/Button/index.js\";\n\n// Card\nexport { Card } from \"~/Card/index.js\";\n\n// Checkbox\nexport { Checkbox } from \"~/Checkbox/index.js\";\n\n// CheckboxGroup\nexport { CheckboxGroup } from \"~/CheckboxGroup/index.js\";\n\n// CodeEditor\nexport { CodeEditor } from \"~/CodeEditor/index.js\";\n\n// ColorPicker\nexport { ColorPicker } from \"~/ColorPicker/index.js\";\n\n// DataList\nexport {\n    CloneIcon,\n    CreateIcon,\n    DataList,\n    DataListModal,\n    DataListWithSections,\n    DeleteIcon,\n    DownloadIcon,\n    EditIcon,\n    FilterIcon,\n    ListIcon,\n    LoginIcon,\n    NextPageIcon,\n    OptionsIcon,\n    PreviousPageIcon,\n    RefreshIcon,\n    SortIcon,\n    UploadIcon\n} from \"~/DataList/index.js\";\n\n// DataTable\nexport { DataTable } from \"~/DataTable/index.js\";\n\n// DelayedOnChange\nexport { DelayedOnChange } from \"~/DelayedOnChange/index.js\";\n\n// Dialog\nexport { Dialog } from \"~/Dialog/index.js\";\n\n// Drawer\nexport { Drawer } from \"~/Drawer/index.js\";\n\n// DropdownMenu\nexport { DropdownMenu } from \"~/DropdownMenu/index.js\";\n\n// DynamicFieldset\nexport { DynamicFieldset } from \"~/DynamicFieldset/index.js\";\n\n// FilePicker\nexport { FilePicker } from \"~/FilePicker/index.js\";\n\n// Grid\nexport { Grid } from \"~/Grid/index.js\";\n\n// HeaderBar\nexport { HeaderBar } from \"~/HeaderBar/index.js\";\n\n// Heading\nexport { Heading } from \"~/Heading/index.js\";\n\n// Icon\nexport { Icon } from \"~/Icon/index.js\";\n\n// IconPicker\nexport { IconPicker } from \"~/IconPicker/index.js\";\n\n// Image\nexport { Image } from \"~/Image/index.js\";\n\n// Input\nexport { Input } from \"~/Input/index.js\";\n\n// Label\nexport { Label } from \"~/Label/index.js\";\n\n// Link\nexport { Link } from \"~/Link/index.js\";\n\n// List\nexport { List } from \"~/List/index.js\";\n\n// Loader\nexport { Loader, OverlayLoader } from \"~/Loader/index.js\";\n\n// MultiAutoComplete\nexport { MultiAutoComplete } from \"~/MultiAutoComplete/index.js\";\n\n// MultiFilePicker\nexport { MultiFilePicker } from \"~/MultiFilePicker/index.js\";\n\n// Portal\nexport { Portal } from \"~/Portal/index.js\";\n\n// Popover\nexport { Popover } from \"~/Popover/index.js\";\n\n// ProgressBar\nexport { ProgressBar } from \"~/ProgressBar/index.js\";\n\n// RadioGroup\nexport { Radio, RadioGroup } from \"~/RadioGroup/index.js\";\n\n// RangeSlider\nexport { RangeSlider } from \"~/RangeSlider/index.js\";\n\n// Scrollbar\nexport { Scrollbar } from \"~/Scrollbar/index.js\";\n\n// ScrollArea\nexport { ScrollArea, ScrollBar } from \"~/ScrollArea/index.js\";\n\n// SegmentedControl\nexport { SegmentedControl } from \"~/SegmentedControl/index.js\";\n\n// Select\nexport { Select } from \"~/Select/index.js\";\n\n// Separator\nexport { Separator } from \"~/Separator/index.js\";\n\n// Sidebar\nexport { Sidebar, SidebarProvider, useSidebar } from \"~/Sidebar/index.js\";\n\n// Skeleton\nexport { Skeleton } from \"~/Skeleton/index.js\";\n\n// Slider\nexport { Slider } from \"~/Slider/index.js\";\n\n// SteppedProgress\nexport { SteppedProgress } from \"~/SteppedProgress/index.js\";\n\n// Switch\nexport { Switch } from \"~/Switch/index.js\";\n\n// Table\nexport { Table } from \"~/Table/index.js\";\n\n// Tabs\nexport { Tabs } from \"~/Tabs/index.js\";\n\n// Tag\nexport { Tag } from \"~/Tag/index.js\";\n\n// Tags\nexport { Tags } from \"~/Tags/index.js\";\n\n// Text\nexport { Text } from \"~/Text/index.js\";\n\n// Textarea\nexport { Textarea } from \"~/Textarea/index.js\";\n\n// TimeAgo\nexport { TimeAgo } from \"~/TimeAgo/index.js\";\n\n// Toast\nexport { Toast, useToast } from \"~/Toast/index.js\";\n\n// Tooltip\nexport { Tooltip } from \"~/Tooltip/index.js\";\n\n// Tree\nexport { Tree } from \"~/Tree/index.js\";\n\n// Widget\nexport { Widget } from \"~/Widget/index.js\";\n\n// utils\nexport { cn, cva, generateId } from \"~/utils.js\";\n\n// hooks\nexport { useDisclosure } from \"~/hooks/index.js\";\n"],"mappings":"AAAA;AACA,SAASA,SAAS;;AAElB;AACA,SAASC,KAAK;;AAEd;AACA,SAASC,YAAY;;AAErB;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,MAAM,EAAEC,UAAU,EAAEC,UAAU;;AAEvC;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,QAAQ;;AAEjB;AACA,SAASC,aAAa;;AAEtB;AACA,SAASC,UAAU;;AAEnB;AACA,SAASC,WAAW;;AAEpB;AACA,SACIC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,aAAa,EACbC,oBAAoB,EACpBC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,gBAAgB,EAChBC,WAAW,EACXC,QAAQ,EACRC,UAAU;;AAGd;AACA,SAASC,SAAS;;AAElB;AACA,SAASC,eAAe;;AAExB;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,YAAY;;AAErB;AACA,SAASC,eAAe;;AAExB;AACA,SAASC,UAAU;;AAEnB;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,SAAS;;AAElB;AACA,SAASC,OAAO;;AAEhB;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,UAAU;;AAEnB;AACA,SAASC,KAAK;;AAEd;AACA,SAASC,KAAK;;AAEd;AACA,SAASC,KAAK;;AAEd;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,MAAM,EAAEC,aAAa;;AAE9B;AACA,SAASC,iBAAiB;;AAE1B;AACA,SAASC,eAAe;;AAExB;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,OAAO;;AAEhB;AACA,SAASC,WAAW;;AAEpB;AACA,SAASC,KAAK,EAAEC,UAAU;;AAE1B;AACA,SAASC,WAAW;;AAEpB;AACA,SAASC,SAAS;;AAElB;AACA,SAASC,UAAU,EAAEC,SAAS;;AAE9B;AACA,SAASC,gBAAgB;;AAEzB;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,SAAS;;AAElB;AACA,SAASC,OAAO,EAAEC,eAAe,EAAEC,UAAU;;AAE7C;AACA,SAASC,QAAQ;;AAEjB;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,eAAe;;AAExB;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,KAAK;;AAEd;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,GAAG;;AAEZ;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,QAAQ;;AAEjB;AACA,SAASC,OAAO;;AAEhB;AACA,SAASC,KAAK,EAAEC,QAAQ;;AAExB;AACA,SAASC,OAAO;;AAEhB;AACA,SAASC,IAAI;;AAEb;AACA,SAASC,MAAM;;AAEf;AACA,SAASC,EAAE,EAAEC,GAAG,EAAEC,UAAU;;AAE5B;AACA,SAASC,aAAa","ignoreList":[]}

package/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./useDisclosure.js";

package/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./useDisclosure.js";
+
+//# sourceMappingURL=index.js.map

package/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useDisclosure.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/hooks/useDisclosure.d.ts

@@ -0,0 +1,8 @@
+export declare const useDisclosure: <TData = undefined>(isOpenDefault?: boolean) => {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean | ((prev: boolean) => boolean), data?: TData) => void;
+    open: (data?: TData) => void;
+    close: () => void;
+    toggle: (toSet?: boolean) => void;
+    data: TData | null;
+};

package/hooks/useDisclosure.js

@@ -0,0 +1,32 @@
+import { useCallback, useState } from "react";
+export const useDisclosure = (isOpenDefault = false) => {
+  const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);
+  const [data, setData] = useState(null);
+  const setIsOpen = useCallback((isOpen, data) => {
+    defaultSetIsOpen(isOpen);
+    if (typeof data !== "undefined") {
+      setData(data);
+    }
+  }, []);
+  const open = useCallback(data => {
+    setIsOpen(true, data);
+  }, []);
+  const close = useCallback(() => setIsOpen(false), []);
+  const toggle = useCallback(toSet => {
+    if (typeof toSet === "undefined") {
+      setIsOpen(state => !state);
+    } else {
+      setIsOpen(Boolean(toSet));
+    }
+  }, []);
+  return {
+    isOpen,
+    setIsOpen,
+    open,
+    close,
+    toggle,
+    data
+  };
+};
+
+//# sourceMappingURL=useDisclosure.js.map

package/hooks/useDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useDisclosure","isOpenDefault","isOpen","defaultSetIsOpen","data","setData","setIsOpen","open","close","toggle","toSet","state","Boolean"],"sources":["useDisclosure.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const useDisclosure = <TData = undefined>(isOpenDefault = false) => {\n    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);\n    const [data, setData] = useState<TData | null>(null);\n\n    const setIsOpen = useCallback(\n        (isOpen: boolean | ((prev: boolean) => boolean), data?: TData) => {\n            defaultSetIsOpen(isOpen);\n            if (typeof data !== \"undefined\") {\n                setData(data);\n            }\n        },\n        []\n    );\n\n    const open = useCallback((data?: TData) => {\n        setIsOpen(true, data);\n    }, []);\n\n    const close = useCallback(() => setIsOpen(false), []);\n\n    const toggle = useCallback((toSet?: boolean) => {\n        if (typeof toSet === \"undefined\") {\n            setIsOpen(state => !state);\n        } else {\n            setIsOpen(Boolean(toSet));\n        }\n    }, []);\n\n    return { isOpen, setIsOpen, open, close, toggle, data };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,OAAO,MAAMC,aAAa,GAAGA,CAAoBC,aAAa,GAAG,KAAK,KAAK;EACvE,MAAM,CAACC,MAAM,EAAEC,gBAAgB,CAAC,GAAGJ,QAAQ,CAACE,aAAa,CAAC;EAC1D,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGN,QAAQ,CAAe,IAAI,CAAC;EAEpD,MAAMO,SAAS,GAAGR,WAAW,CACzB,CAACI,MAA8C,EAAEE,IAAY,KAAK;IAC9DD,gBAAgB,CAACD,MAAM,CAAC;IACxB,IAAI,OAAOE,IAAI,KAAK,WAAW,EAAE;MAC7BC,OAAO,CAACD,IAAI,CAAC;IACjB;EACJ,CAAC,EACD,EACJ,CAAC;EAED,MAAMG,IAAI,GAAGT,WAAW,CAAEM,IAAY,IAAK;IACvCE,SAAS,CAAC,IAAI,EAAEF,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAK,GAAGV,WAAW,CAAC,MAAMQ,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,MAAMG,MAAM,GAAGX,WAAW,CAAEY,KAAe,IAAK;IAC5C,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;MAC9BJ,SAAS,CAACK,KAAK,IAAI,CAACA,KAAK,CAAC;IAC9B,CAAC,MAAM;MACHL,SAAS,CAACM,OAAO,CAACF,KAAK,CAAC,CAAC;IAC7B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAER,MAAM;IAAEI,SAAS;IAAEC,IAAI;IAAEC,KAAK;IAAEC,MAAM;IAAEL;EAAK,CAAC;AAC3D,CAAC","ignoreList":[]}

package/index.d.ts

@@ -1,59 +1,62 @@
-export * from "./Accordion";
-export * from "./Alert";
-export * from "./AutoComplete";
-export * from "./Avatar";
-export * from "./Button";
-export * from "./Card";
-export * from "./Checkbox";
-export * from "./CheckboxGroup";
-export * from "./CodeEditor";
-export * from "./ColorPicker";
-export * from "./DataList";
-export * from "./DataTable";
-export * from "./DelayedOnChange";
-export * from "./Dialog";
-export * from "./Drawer";
-export * from "./DropdownMenu";
-export * from "./DynamicFieldset";
-export * from "./FilePicker";
-export * from "./FormComponent";
-export * from "./Grid";
-export * from "./HeaderBar";
-export * from "./HeaderBar";
-export * from "./Heading";
-export * from "./Icon";
-export * from "./IconPicker";
-export * from "./Image";
-export * from "./Input";
-export * from "./Label";
-export * from "./Link";
-export * from "./List";
-export * from "./Loader";
-export * from "./MultiAutoComplete";
-export * from "./MultiFilePicker";
-export * from "./Portal";
-export * from "./Popover";
-export * from "./ProgressBar";
-export * from "./Providers";
-export * from "./RadioGroup";
-export * from "./RangeSlider";
-export * from "./RichTextEditor";
-export * from "./Scrollbar";
-export * from "./Select";
-export * from "./Separator";
-export * from "./Sidebar";
-export * from "./Skeleton";
-export * from "./Slider";
-export * from "./SteppedProgress";
-export * from "./Switch";
-export * from "./Table";
-export * from "./Tabs";
-export * from "./Tag";
-export * from "./Tags";
-export * from "./Text";
-export * from "./Textarea";
-export * from "./TimeAgo";
-export * from "./Toast";
-export * from "./Tooltip";
-export * from "./Tree";
-export * from "./utils";
+export * from "./Accordion/index.js";
+export * from "./Alert/index.js";
+export * from "./AutoComplete/index.js";
+export * from "./Avatar/index.js";
+export * from "./Button/index.js";
+export * from "./Card/index.js";
+export * from "./Checkbox/index.js";
+export * from "./CheckboxGroup/index.js";
+export * from "./CodeEditor/index.js";
+export * from "./ColorPicker/index.js";
+export * from "./DataList/index.js";
+export * from "./DataTable/index.js";
+export * from "./DelayedOnChange/index.js";
+export * from "./Dialog/index.js";
+export * from "./Drawer/index.js";
+export * from "./DropdownMenu/index.js";
+export * from "./DynamicFieldset/index.js";
+export * from "./FilePicker/index.js";
+export * from "./FormComponent/index.js";
+export * from "./Grid/index.js";
+export * from "./HeaderBar/index.js";
+export * from "./HeaderBar/index.js";
+export * from "./Heading/index.js";
+export * from "./Icon/index.js";
+export * from "./IconPicker/index.js";
+export * from "./Image/index.js";
+export * from "./Input/index.js";
+export * from "./Label/index.js";
+export * from "./Link/index.js";
+export * from "./List/index.js";
+export * from "./Loader/index.js";
+export * from "./MultiAutoComplete/index.js";
+export * from "./MultiFilePicker/index.js";
+export * from "./Portal/index.js";
+export * from "./Popover/index.js";
+export * from "./ProgressBar/index.js";
+export * from "./AdminUiProvider/index.js";
+export * from "./RadioGroup/index.js";
+export * from "./RangeSlider/index.js";
+export * from "./Scrollbar/index.js";
+export * from "./ScrollArea/index.js";
+export * from "./SegmentedControl/index.js";
+export * from "./Select/index.js";
+export * from "./Separator/index.js";
+export * from "./Sidebar/index.js";
+export * from "./Skeleton/index.js";
+export * from "./Slider/index.js";
+export * from "./SteppedProgress/index.js";
+export * from "./Switch/index.js";
+export * from "./Table/index.js";
+export * from "./Tabs/index.js";
+export * from "./Tag/index.js";
+export * from "./Tags/index.js";
+export * from "./Text/index.js";
+export * from "./Textarea/index.js";
+export * from "./TimeAgo/index.js";
+export * from "./Toast/index.js";
+export * from "./Tooltip/index.js";
+export * from "./Tree/index.js";
+export * from "./Widget/index.js";
+export * from "./utils.js";
+export * from "./hooks/index.js";