@webiny/admin-ui 0.0.0-unstable.e622468070 → 0.0.0-unstable.e6f0dc8ca7

package/Tooltip/Tooltip.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as TooltipStories from './Tooltip.stories';
+import * as TooltipStories from "./Tooltip.stories";
 
 <Meta of={TooltipStories} />
 
@@ -15,39 +15,39 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const TooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                align="center"
-                side="top"
-                variant="accent"
-                showArrow={true}
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    align="center"
+    side="top"
+    variant="accent"
+    showArrow={true}
+  />
+</Tooltip.Provider>
+); };
 
 export default TooltipExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Tooltip/Tooltip.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Tooltip/Tooltip.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={TooltipStories.Documentation} />
@@ -57,23 +57,23 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const TooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                align="center"
-                side="top"
-                variant="accent"
-                showArrow={true}
-            />
-        </Tooltip.Provider>
-    );
+  return (
+    <Tooltip.Provider>
+      <Tooltip
+        trigger={<p>Tooltip trigger</p>}
+        content={
+          <>
+            <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra
+            sit amet massa sagittis sollicitudin.
+          </>
+        }
+        align="center"
+        side="top"
+        variant="accent"
+        showArrow={true}
+      />
+    </Tooltip.Provider>
+  );
 };
 
 export default TooltipExample;
@@ -90,20 +90,20 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const BasicTooltipExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+  />
+</Tooltip.Provider>
+); };
 
 export default BasicTooltipExample;
 ` } } />
@@ -117,21 +117,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const AccentVariantExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                variant="accent"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    variant="accent"
+  />
+</Tooltip.Provider>
+); };
 
 export default AccentVariantExample;
 ` } } />
@@ -145,21 +145,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const SubtleVariantExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                variant="subtle"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    variant="subtle"
+  />
+</Tooltip.Provider>
+); };
 
 export default SubtleVariantExample;
 ` } } />
@@ -173,21 +173,21 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const WithoutArrowExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Tooltip trigger</p>}
-                content={
-                    <>
-                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec
-                        viverra sit amet massa sagittis sollicitudin.
-                    </>
-                }
-                showArrow={false}
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Tooltip trigger</p>}
+    content={
+      <>
+        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Donec viverra sit
+        amet massa sagittis sollicitudin.
+      </>
+    }
+    showArrow={false}
+  />
+</Tooltip.Provider>
+); };
 
 export default WithoutArrowExample;
 ` } } />
@@ -202,15 +202,15 @@ import { Tooltip, Icon } from "@webiny/admin-ui";
 import { ReactComponent as InfoIcon } from "@webiny/icons/info.svg";
 
 const WithIconTriggerExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Icon icon={<InfoIcon />} label="Information" />}
-                content="This is a helpful tooltip"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<Icon icon={<InfoIcon />} label="Information" />}
+    content="This is a helpful tooltip"
+  />
+</Tooltip.Provider>
+); };
 
 export default WithIconTriggerExample;
 ` } } />
@@ -224,33 +224,33 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const PositioningExample = () => {
-    return (
-        <Tooltip.Provider>
-            <div className="flex justify-center items-center h-48">
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Top&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on top</div>}
-                    side="top"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Right&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on right</div>}
-                    side="right"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Bottom&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on bottom</div>}
-                    side="bottom"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Left&nbsp;&nbsp;</p>}
-                    content={<div>Tooltip on left</div>}
-                    side="left"
-                />
-            </div>
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <div className="flex justify-center items-center h-48">
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Top&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on top</div>}
+      side="top"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Right&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on right</div>}
+      side="right"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Bottom&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on bottom</div>}
+      side="bottom"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Left&nbsp;&nbsp;</p>}
+      content={<div>Tooltip on left</div>}
+      side="left"
+    />
+  </div>
+</Tooltip.Provider>
+); };
 
 export default PositioningExample;
 ` } } />
@@ -264,28 +264,28 @@ import React from "react";
 import { Tooltip } from "@webiny/admin-ui";
 
 const AlignmentExample = () => {
-    return (
-        <Tooltip.Provider>
-            <div className="flex justify-center items-center h-48">
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Start&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to start</div>}
-                    align="start"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;Center&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to center</div>}
-                    align="center"
-                />
-                <Tooltip
-                    trigger={<p>&nbsp;&nbsp;End&nbsp;&nbsp;</p>}
-                    content={<div>Aligned to end</div>}
-                    align="end"
-                />
-            </div>
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <div className="flex justify-center items-center h-48">
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Start&nbsp;&nbsp;</p>}
+      content={<div>Aligned to start</div>}
+      align="start"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;Center&nbsp;&nbsp;</p>}
+      content={<div>Aligned to center</div>}
+      align="center"
+    />
+    <Tooltip
+      trigger={<p>&nbsp;&nbsp;End&nbsp;&nbsp;</p>}
+      content={<div>Aligned to end</div>}
+      align="end"
+    />
+  </div>
+</Tooltip.Provider>
+); };
 
 export default AlignmentExample;
 ` } } />
@@ -299,15 +299,12 @@ import React from "react";
 import { Tooltip, Button } from "@webiny/admin-ui";
 
 const WithButtonTriggerExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Button text="Hover me" />}
-                content="This tooltip is triggered by a button"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip trigger={<Button text="Hover me" />} content="This tooltip is triggered by a button" />
+</Tooltip.Provider>
+); };
 
 export default WithButtonTriggerExample;
 ` } } />
@@ -321,21 +318,23 @@ import React from "react";
 import { Tooltip, Text } from "@webiny/admin-ui";
 
 const WithFormattedContentExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<p>Hover for more info</p>}
-                content={
-                    <div className="flex flex-col gap-xs">
-                        <Text size="sm" className="font-bold">Important Information</Text>
-                        <Text size="sm">This tooltip contains formatted content with multiple paragraphs.</Text>
-                        <Text size="sm">You can include various elements inside tooltips.</Text>
-                    </div>
-                }
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<p>Hover for more info</p>}
+    content={
+      <div className="flex flex-col gap-xs">
+        <Text size="sm" className="font-bold">
+          Important Information
+        </Text>
+        <Text size="sm">This tooltip contains formatted content with multiple paragraphs.</Text>
+        <Text size="sm">You can include various elements inside tooltips.</Text>
+      </div>
+    }
+  />
+</Tooltip.Provider>
+); };
 
 export default WithFormattedContentExample;
 ` } } />
@@ -350,15 +349,15 @@ import { Tooltip, Icon } from "@webiny/admin-ui";
 import { ReactComponent as HelpIcon } from "@webiny/icons/help.svg";
 
 const WithHelpIconExample = () => {
-    return (
-        <Tooltip.Provider>
-            <Tooltip
-                trigger={<Icon icon={<HelpIcon />} label="Help" />}
-                content="Need help? Contact support at support@example.com"
-            />
-        </Tooltip.Provider>
-    );
-};
+return (
+
+<Tooltip.Provider>
+  <Tooltip
+    trigger={<Icon icon={<HelpIcon />} label="Help" />}
+    content="Need help? Contact support at support@example.com"
+  />
+</Tooltip.Provider>
+); };
 
 export default WithHelpIconExample;
 ` } } />

package/Tooltip/components/TooltipArrow.d.ts

@@ -3,7 +3,7 @@ import { Tooltip as TooltipPrimitive } from "radix-ui";
 import { type VariantProps } from "../../utils.js";
 declare const tooltipArrowVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TooltipArrowProps = TooltipPrimitive.TooltipArrowProps & VariantProps<typeof tooltipArrowVariants>;
 declare const TooltipArrow: ({ variant, className, ...props }: TooltipArrowProps) => React.JSX.Element;
 export { TooltipArrow, type TooltipArrowProps };

package/Tooltip/components/TooltipContent.d.ts

@@ -4,7 +4,7 @@ import { type VariantProps } from "../../utils.js";
 declare const tooltipContentVariants: (props?: ({
     variant?: "accent" | "subtle" | null | undefined;
     hiddenArrow?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TooltipContentProps = TooltipPrimitive.TooltipContentProps & VariantProps<typeof tooltipContentVariants>;
 declare const TooltipContent: ({ className, variant, hiddenArrow, ...props }: TooltipContentProps) => React.JSX.Element;
 export { TooltipContent, type TooltipContentProps };

package/Tree/components/Item.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from "../../utils.js";
 declare const itemVariants: (props?: ({
     active?: boolean | null | undefined;
     loading?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ItemProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof itemVariants>;
 declare const Item: (({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element) & {
     original: ({ children, className, active, loading, ...props }: ItemProps) => React.JSX.Element;

package/Tree/useTree.d.ts

@@ -2,7 +2,7 @@ import type { DropOptions as DndDropOptions, NodeModel } from "@minoru/react-dnd
 import type { TreeProps } from "./Tree.js";
 export declare const useTree: <TData = Record<string, any>>(props: TreeProps<TData>) => {
     vm: {
-        nodes: import("./domains/NodeFormatted.js").NodeFormatted<TData>[];
+        nodes: import("./index.js").NodeFormatted<TData>[];
         openNodeIds: string[];
         lockedOpenNodeIds: string[];
         loadingNodeIds: string[];

package/Widget/components/WidgetContent.d.ts

@@ -4,7 +4,7 @@ declare const widgetContentVariants: (props?: ({
     variant?: "accent" | "base" | "light" | null | undefined;
     elevation?: "sm" | "md" | "none" | "lg" | null | undefined;
     outline?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {
     className?: string;
     children: React.ReactNode;

package/exports/admin/ui.d.ts

@@ -1,3 +1,4 @@
+export { FormComponentDescription, FormComponentLabel, FormComponentNote, FormComponentErrorMessage } from "../../FormComponent/index.js";
 export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";

package/exports/admin/ui.js

@@ -1,3 +1,5 @@
+export { FormComponentDescription, FormComponentLabel, FormComponentNote, FormComponentErrorMessage } from "../../FormComponent/index.js";
+
 // Accordion
 export { Accordion } from "../../Accordion/index.js";
 

package/exports/admin/ui.js.map

@@ -1 +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":[]}
+{"version":3,"names":["FormComponentDescription","FormComponentLabel","FormComponentNote","FormComponentErrorMessage","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":["export {\n    FormComponentDescription,\n    FormComponentLabel,\n    FormComponentNote,\n    FormComponentErrorMessage\n} from \"~/FormComponent/index.js\";\n\n// 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,SACIA,wBAAwB,EACxBC,kBAAkB,EAClBC,iBAAiB,EACjBC,yBAAyB;;AAG7B;AACA,SAASC,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/index.d.ts

@@ -8,8 +8,10 @@ export * from "./Checkbox/index.js";
 export * from "./CheckboxGroup/index.js";
 export * from "./CodeEditor/index.js";
 export * from "./ColorPicker/index.js";
+export * from "./Calendar/index.js";
 export * from "./DataList/index.js";
 export * from "./DataTable/index.js";
+export * from "./DatePicker/index.js";
 export * from "./DelayedOnChange/index.js";
 export * from "./Dialog/index.js";
 export * from "./Drawer/index.js";
@@ -53,6 +55,8 @@ export * from "./Tag/index.js";
 export * from "./Tags/index.js";
 export * from "./Text/index.js";
 export * from "./Textarea/index.js";
+export * from "./Toggle/index.js";
+export * from "./ToggleGroup/index.js";
 export * from "./TimeAgo/index.js";
 export * from "./Toast/index.js";
 export * from "./Tooltip/index.js";

package/index.js

@@ -8,8 +8,10 @@ export * from "./Checkbox/index.js";
 export * from "./CheckboxGroup/index.js";
 export * from "./CodeEditor/index.js";
 export * from "./ColorPicker/index.js";
+export * from "./Calendar/index.js";
 export * from "./DataList/index.js";
 export * from "./DataTable/index.js";
+export * from "./DatePicker/index.js";
 export * from "./DelayedOnChange/index.js";
 export * from "./Dialog/index.js";
 export * from "./Drawer/index.js";
@@ -53,6 +55,8 @@ export * from "./Tag/index.js";
 export * from "./Tags/index.js";
 export * from "./Text/index.js";
 export * from "./Textarea/index.js";
+export * from "./Toggle/index.js";
+export * from "./ToggleGroup/index.js";
 export * from "./TimeAgo/index.js";
 export * from "./Toast/index.js";
 export * from "./Tooltip/index.js";