@a-type/ui 5.0.21 → 6.0.0

package/dist/esm/components/switch/Switch.js

@@ -1,25 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch as BaseSwitch } from '@base-ui/react/switch';
-import { withClassName } from '../../hooks/withClassName.js';
-const SwitchRoot = withClassName(BaseSwitch.Root, 'layer-components:unset layer-components:relative layer-components:h-25px layer-components:w-42px layer-components:flex layer-components:flex-shrink-0 layer-components:cursor-pointer layer-components:appearance-none layer-components:border-default layer-components:rounded-lg layer-components:p-3px layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-all layer-components:bg-gray-light', 'layer-components:data-[checked]:bg-main', 'layer-components:hover:[&:not(:disabled)]:ring-2 layer-components:hover:[&:not(:disabled)]:bg-lighten-2 layer-components:hover:[&:not(:disabled)]:ring-bg', 'layer-components:active:[&:not(:disabled)]:ring-4 layer-components:active:[&:not(:disabled)]:bg-darken-1', 'layer-components:focus:outline-none', 'layer-components:foc');
-const SwitchThumb = withClassName(BaseSwitch.Thumb, 'layer-components:block layer-components:aspect-1 layer-components:h-full layer-components:border-default layer-components:rounded-lg layer-components:shadow-sm layer-components:transition-transform layer-components:will-change-transform layer-components:bg-white', 'layer-components:data-[checked]:translate-x-1rem', 'layer-components:data-[checked]:before:absolute layer-components:data-[checked]:before:left-0 layer-components:data-[checked]:before:top-0 layer-components:data-[checked]:before:h-full layer-components:data-[checked]:before:w-full layer-components:data-[checked]:before:flex layer-components:data-[checked]:before:items-center layer-components:data-[checked]:before:justify-center layer-components:data-[checked]:before:text-xs layer-components:data-[checked]:before:text-main-ink layer-components:data-[checked]:before:content-["✓"]');
-export const Switch = Object.assign(function Switch(_a) {
-    var { ref } = _a, props = __rest(_a, ["ref"]);
-    return (_jsx(SwitchRoot, Object.assign({}, props, { ref: ref, children: _jsx(SwitchThumb, {}) })));
-}, {
-    Root: SwitchRoot,
-    Thumb: SwitchThumb,
-});
-//# sourceMappingURL=Switch.js.map

package/dist/esm/components/switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,UAAU,GAAG,aAAa,CAC/B,UAAU,CAAC,IAAI,EACf,uLAAuL,EACvL,yCAAyC,EACzC,yEAAyE,EACzE,iEAAiE,EACjE,qCAAqC,EACrC,sBAAsB,CACtB,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,UAAU,CAAC,KAAK,EAChB,kIAAkI,EAClI,oDAAoD,EACpD,mJAAmJ,CACnJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,EAKf;QALe,EACf,GAAG,OAIH,EAHG,KAAK,cAFO,OAGf,CADQ;IAIR,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}

package/dist/esm/components/switch/Switch.stories.d.ts

@@ -1,27 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Switch } from './Switch.js';
-declare const meta: {
-    title: string;
-    component: (({ ref, ...props }: import("@base-ui/react/switch").SwitchRootProps & {
-        ref?: React.Ref<HTMLButtonElement>;
-    }) => import("react/jsx-runtime").JSX.Element) & {
-        Root: import("react").FunctionComponent<import("@base-ui/react/switch").SwitchRootProps & import("react").RefAttributes<HTMLElement>>;
-        Thumb: import("react").FunctionComponent<import("@base-ui/react/switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
-    };
-    argTypes: {
-        checked: {
-            control: "boolean";
-        };
-        disabled: {
-            control: "boolean";
-        };
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Switch>;
-export declare const Default: Story;

package/dist/esm/components/switch/Switch.stories.js

@@ -1,21 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch } from './Switch.js';
-const meta = {
-    title: 'Components/Switch',
-    component: Switch,
-    argTypes: {
-        checked: { control: 'boolean' },
-        disabled: { control: 'boolean' },
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    render(args) {
-        return _jsx(Switch, Object.assign({}, args));
-    },
-};
-//# sourceMappingURL=Switch.stories.js.map

package/dist/esm/components/switch/Switch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACT,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAChC;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,KAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;IAC7B,CAAC;CACD,CAAC"}

package/dist/esm/components/switch/index.js

@@ -1,3 +0,0 @@
-// @unocss-include
-export * from './Switch.js';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/switch/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/tabs/tabs.d.ts

@@ -1,19 +0,0 @@
-import { TabsListProps, Tabs as TabsPrimitive, TabsTabProps } from '@base-ui/react/tabs';
-export declare const TabsRoot: import("react").FunctionComponent<import("@base-ui/react/tabs").TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabsTrigger: import("react").FunctionComponent<TabsTabProps & import("react").RefAttributes<Element>>;
-export declare const TabsIndicator: import("react").FunctionComponent<import("@base-ui/react/tabs").TabsIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-export interface TabsTriggerProps extends Omit<TabsTabProps, 'color'> {
-}
-export declare const TabsContent: import("react").FunctionComponent<import("@base-ui/react/tabs").TabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const TabsList: ({ children, className, color, ...props }: TabsListProps & {
-    color?: "gray" | "primary";
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Tabs: import("react").FunctionComponent<import("@base-ui/react/tabs").TabsRootProps & import("react").RefAttributes<HTMLDivElement>> & {
-    List: ({ children, className, color, ...props }: TabsListProps & {
-        color?: "gray" | "primary";
-    }) => import("react/jsx-runtime").JSX.Element;
-    Trigger: import("react").FunctionComponent<TabsTabProps & import("react").RefAttributes<Element>>;
-    Content: import("react").FunctionComponent<import("@base-ui/react/tabs").TabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Indicator: import("react").FunctionComponent<import("@base-ui/react/tabs").TabsIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-    Unstyled: typeof TabsPrimitive;
-};

package/dist/esm/components/tabs/tabs.js

@@ -1,37 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs as TabsPrimitive, } from '@base-ui/react/tabs';
-import clsx from 'clsx';
-import { withClassName } from '../../hooks/withClassName.js';
-import { Icon } from '../icon/Icon.js';
-import { ScrollArea } from '../scrollArea/ScrollArea.js';
-export const TabsRoot = withClassName(TabsPrimitive.Root, '');
-const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:relative layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2');
-export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:relative layer-components:z-1 layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:px-lg layer-components:py-xs', 'layer-components:cursor-pointer layer-components:select-none layer-components:transition-all', 'layer-components:text-center layer-components:text-nowrap layer-components:text-md layer-components:font-semibold layer-components:font-inherit layer-components:color-gray-ink', 'layer-components:min-h-touch layer-components:min-w-100px layer-components:flex-shrink-0', 'layer-components:border layer-components:rounded-lg layer-components:bg-transparent layer-components:border-transparent', 'layer-components:hover:[&[data-state=inactive]]:ring-4 layer-components:hover:[&[data-state=inactive]]:bg-gray-light layer-components:hover:[&[data-state=inactive]]:bg-darken-1 layer-components:hover:[&[data-state=inactive]]:ring-bg', 'layer-components:focus-visible:border layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:border-black', 'foc', 'data-[active]:cursor-default');
-export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:[transition-property:transform,width,color] layer-components:absolute layer-components:block layer-components:rounded-lg layer-components:duration-300 layer-components:ease-out layer-components:bg-main-light layer-components:b-gray-dark', 'layer-components:left-0 layer-components:top-1/2 layer-components:z-0 layer-components:h-full layer-components:w-[--active-tab-width] layer-components:translate-x-[calc(var(--active-tab-left,0px)+var(--scroll-area-overflow-x-start,0px))] layer-components:-translate-y-1/2', 'layer-components:b-1 layer-components:b-gray-dark');
-export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus-visible:outline-none layer-components:focus:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-gray');
-const MoreLeftIndicator = () => (_jsx(Icon, { name: "chevron", className: clsx('layer-components:pointer-events-none layer-components:absolute layer-components:left-xs layer-components:top-1/2 layer-components:z-10 layer-components:h-4 layer-components:w-4 layer-components:rotate-90 layer-components:text-gray-dark/50 layer-components:-translate-y-1/2', 'layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:opacity-[calc(round(min(1,calc(var(--scroll-area-overflow-x-start,0px)/10px))))]') }));
-const MoreRightIndicator = () => (_jsx(Icon, { name: "chevron", className: clsx('layer-components:pointer-events-none layer-components:absolute layer-components:right-xs layer-components:top-1/2 layer-components:z-10 layer-components:h-4 layer-components:w-4 layer-components:text-gray-dark/50 layer-components:-translate-y-1/2 layer-components:-rotate-90', 'layer-components:[--scroll-area-overflow-x-end:inherit] layer-components:opacity-[calc(round(min(1,calc(var(--scroll-area-overflow-x-end,0)/10px))))]') }));
-export const TabsList = (_a) => {
-    var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
-    return (_jsx(ScrollArea.Root, { className: clsx(`palette-${color}`, 'layer-components:border-thin layer-components:rounded-xl layer-components:border-solid layer-components:border-fg', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:max-w-full layer-components:w-max-content layer-components:overflow-clip', className), children: _jsxs(ScrollArea.Viewport, { direction: "horizontal", children: [_jsxs(StyledTabsList, Object.assign({}, props, { children: [children, _jsx(TabsIndicator, {})] })), _jsx(ScrollArea.ViewportFades, {}), _jsx(MoreLeftIndicator, {}), _jsx(MoreRightIndicator, {}), _jsx(ScrollArea.Scrollbar, { orientation: "horizontal" })] }) }));
-};
-export const Tabs = Object.assign(TabsRoot, {
-    List: TabsList,
-    Trigger: TabsTrigger,
-    Content: TabsContent,
-    Indicator: TabsIndicator,
-    Unstyled: TabsPrimitive,
-});
-//# sourceMappingURL=tabs.js.map

package/dist/esm/components/tabs/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,kEAAkE,EAClE,KAAK,EACL,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,0IAA0I,EAC1I,6KAA6K,EAC7K,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,wIAAwI,CACxI,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC/B,KAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,CACd,2HAA2H,EAC3H,8IAA8I,CAC9I,GACA,CACF,CAAC;AACF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,CACd,6HAA6H,EAC7H,wIAAwI,CACxI,GACA,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,KAAC,UAAU,CAAC,IAAI,IACf,SAAS,EAAE,IAAI,CACd,WAAW,KAAK,EAAE,EAClB,kEAAkE,EAClE,uCAAuC,EACvC,2DAA2D,EAE3D,SAAS,CACT,YAED,MAAC,UAAU,CAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,aAC1C,MAAC,cAAc,oBAAK,KAAK,eACvB,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,EACjB,KAAC,UAAU,CAAC,aAAa,KAAG,EAC5B,KAAC,iBAAiB,KAAG,EACrB,KAAC,kBAAkB,KAAG,EACtB,KAAC,UAAU,CAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,IAC5B,GACL,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,aAAa;CACvB,CAAC,CAAC"}

package/dist/esm/components/tabs/tabs.stories.d.ts

@@ -1,19 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    argTypes: {
-        color: {
-            control: "select";
-            options: string[];
-        };
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<Meta>;
-export declare const Default: Story;
-export declare const WithManyTabs: Story;

package/dist/esm/components/tabs/tabs.stories.js

@@ -1,30 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { TabsContent, TabsList, TabsRoot, TabsTrigger } from './tabs.js';
-const meta = {
-    title: 'Components/Tabs',
-    argTypes: {
-        color: {
-            control: 'select',
-            options: ['gray', 'primary'],
-        },
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        const [value, setValue] = useState('tab1');
-        return (_jsxs(TabsRoot, { value: value, onValueChange: setValue, children: [_jsxs(TabsList, { color: args.color, children: [_jsx(TabsTrigger, { value: "tab1", children: "Tab 1" }), _jsx(TabsTrigger, { value: "tab2", children: "Tab 2 (long)" }), _jsx(TabsTrigger, { value: "tab3", children: "Tab 3" })] }), _jsx(TabsContent, { value: "tab1", children: _jsx("div", { children: "Tab 1 content" }) }), _jsx(TabsContent, { value: "tab2", children: _jsx("div", { children: "Tab 2 content" }) }), _jsx(TabsContent, { value: "tab3", children: _jsx("div", { children: "Tab 3 content" }) })] }));
-    },
-};
-export const WithManyTabs = {
-    render: (args) => {
-        const [value, setValue] = useState('tab1');
-        return (_jsxs(TabsRoot, { value: value, onValueChange: setValue, children: [_jsx(TabsList, { color: args.color, children: Array.from({ length: 20 }).map((_, i) => (_jsxs(TabsTrigger, { value: `tab${i + 1}`, children: ["Tab ", i + 1] }, i))) }), Array.from({ length: 20 }).map((_, i) => (_jsx(TabsContent, { value: `tab${i + 1}`, children: _jsxs("div", { children: ["Tab ", i + 1, " content"] }) }, i)))] }));
-    },
-};
-//# sourceMappingURL=tabs.stories.js.map

package/dist/esm/components/tabs/tabs.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEzE,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;SAC5B;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC9C,MAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,aAC1B,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,sBAAoB,EAC7C,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,6BAA2B,EACpD,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,sBAAoB,IACnC,EACX,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACxB,0CAAwB,GACX,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACxB,0CAAwB,GACX,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACxB,0CAAwB,GACX,IACJ,CACX,CAAC;IACH,CAAC;CACe,CAAC;AAElB,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC9C,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,YACzB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,MAAC,WAAW,IAAS,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,qBACnC,CAAC,GAAG,CAAC,KADO,CAAC,CAEL,CACd,CAAC,GACQ,EACV,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,KAAC,WAAW,IAAS,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,YACxC,kCAAU,CAAC,GAAG,CAAC,gBAAe,IADb,CAAC,CAEL,CACd,CAAC,IACQ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}

package/dist/esm/components/textArea/TextArea.d.ts

@@ -1,20 +0,0 @@
-import { InputProps } from '../input/Input.js';
-export interface TextAreaProps extends InputProps {
-    className?: string;
-    autoSize?: boolean;
-    autoSelect?: boolean;
-    padBottomPixels?: number;
-    placeholders?: string[];
-    placeholdersIntervalMs?: number;
-    rows?: number;
-}
-declare function TextAreaInput({ ref, autoSize, padBottomPixels, onValueChange, className, rows, ...rest }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
-export declare const TextArea: (({ className, ...rest }: TextAreaProps & {
-    ref?: React.Ref<any>;
-}) => import("react/jsx-runtime").JSX.Element) & {
-    Border: import("react").FunctionComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-        ref?: import("react").Ref<HTMLDivElement>;
-    }>;
-    Input: typeof TextAreaInput;
-};
-export {};

package/dist/esm/components/textArea/TextArea.js

@@ -1,59 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames, { clsx } from 'clsx';
-import { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { withClassName } from '../../hooks.js';
-import useMergedRef from '../../hooks/useMergedRef.js';
-import { Input } from '../input/Input.js';
-function TextAreaInput(_a) {
-    var _b;
-    var { ref, autoSize = true, padBottomPixels = 0, onValueChange, className, rows } = _a, rest = __rest(_a, ["ref", "autoSize", "padBottomPixels", "onValueChange", "className", "rows"]);
-    const innerRef = useRef(null);
-    const finalRef = useMergedRef(innerRef, ref);
-    const [innerValue, setInnerValue] = useState('');
-    const finalValue = (_b = rest.value) !== null && _b !== void 0 ? _b : innerValue;
-    // TODO: can layout effect be avoided? useEffect shows a flash of the wrong size
-    useLayoutEffect(() => {
-        if (!autoSize)
-            return;
-        const element = innerRef.current;
-        if (element) {
-            if (element.value !== '' || padBottomPixels) {
-                element.style.height = 'auto';
-                const baseHeight = element.scrollHeight;
-                element.style.height = baseHeight + padBottomPixels + 'px';
-            }
-        }
-    }, [autoSize, padBottomPixels, finalValue]);
-    const handleValueChange = useCallback((value, eventDetails) => {
-        setInnerValue(value);
-        if (onValueChange) {
-            onValueChange(value, eventDetails);
-        }
-    }, [onValueChange]);
-    return (_jsx(Input.Input, Object.assign({ render: _jsx("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: classNames('layer-composed:[font-family:inherit] layer-composed:overflow-hidden layer-composed:color-inherit', 'layer-composed:py-md', {
-            'layer-variants:[resize:vertical]': !autoSize,
-            'layer-variants:resize-none': autoSize,
-        }, className), onValueChange: handleValueChange }, rest)));
-}
-const TextAreaBorder = withClassName(Input.Border, clsx('layer-composed:rounded-lg'));
-const TextAreaDefault = function TextArea(_a) {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (_jsx(TextAreaBorder, { className: className, children: _jsx(TextAreaInput, Object.assign({}, rest)) }));
-};
-export const TextArea = Object.assign(TextAreaDefault, {
-    Border: TextAreaBorder,
-    Input: TextAreaInput,
-});
-//# sourceMappingURL=TextArea.js.map

package/dist/esm/components/textArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAc,MAAM,mBAAmB,CAAC;AAetD,SAAS,aAAa,CAAC,EAQP;;QARO,EACtB,GAAG,EACH,QAAQ,GAAG,IAAI,EACf,eAAe,GAAG,CAAC,EACnB,aAAa,EACb,SAAS,EACT,IAAI,OAEW,EADZ,IAAI,cAPe,4EAQtB,CADO;IAEP,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,UAAU,CAAC;IAE5C,gFAAgF;IAChF,eAAe,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,OAAO,CAAC,KAAK,KAAK,EAAE,IAAI,eAAe,EAAE,CAAC;gBAC7C,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC;gBACxC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;YAC5D,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,iBAAiB,GAAG,WAAW,CACpC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,aAAa,EAAE,CAAC;YACnB,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EACD,CAAC,aAAa,CAAC,CACf,CAAC;IAEF,OAAO,CACN,KAAC,KAAK,CAAC,KAAK,kBACX,MAAM,EAAE,mBAAU,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAI,EAC/C,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CACpB,sEAAsE,EACtE,sBAAsB,EACtB;YACC,kCAAkC,EAAE,CAAC,QAAQ;YAC7C,4BAA4B,EAAE,QAAQ;SACtC,EACD,SAAS,CACT,EACD,aAAa,EAAE,iBAAiB,IAC5B,IAAI,EACP,CACF,CAAC;AACH,CAAC;AAED,MAAM,cAAc,GAAG,aAAa,CACnC,KAAK,CAAC,MAAM,EACZ,IAAI,CAAC,2BAA2B,CAAC,CACjC,CAAC;AAEF,MAAM,eAAe,GAAG,SAAS,QAAQ,CAAC,EAKzC;QALyC,EACzC,SAAS,OAIT,EAHG,IAAI,cAFkC,aAGzC,CADO;IAIP,OAAO,CACN,KAAC,cAAc,IAAC,SAAS,EAAE,SAAS,YACnC,KAAC,aAAa,oBAAK,IAAI,EAAI,GACX,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,MAAM,EAAE,cAAc;IACtB,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC"}

package/dist/esm/components/textArea/TextArea.stories.d.ts

@@ -1,25 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { TextArea } from './TextArea.js';
-declare const meta: {
-    title: string;
-    component: (({ className, ...rest }: import("./TextArea.js").TextAreaProps & {
-        ref?: React.Ref<any>;
-    }) => import("react/jsx-runtime").JSX.Element) & {
-        Border: import("react").FunctionComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-            ref?: import("react").Ref<HTMLDivElement>;
-        }>;
-        Input: ({ ref, autoSize, padBottomPixels, onValueChange, className, rows, ...rest }: import("./TextArea.js").TextAreaProps) => import("react/jsx-runtime").JSX.Element;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof TextArea>;
-export declare const Default: Story;
-export declare const Tall: Story;
-export declare const Controlled: Story;
-export declare const ControlledFromOnChange: Story;

package/dist/esm/components/textArea/TextArea.stories.js

@@ -1,39 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { TextArea } from './TextArea.js';
-const meta = {
-    title: 'Components/TextArea',
-    component: TextArea,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        autoSize: true,
-    },
-};
-export const Tall = {
-    args: {
-        value: 'This is a tall text area\nit has a lot\n of content!\nas in, quite a bit\nI think',
-        autoSize: true,
-    },
-};
-export const Controlled = {
-    render() {
-        const [value, setValue] = useState('Initial value');
-        return _jsx(TextArea, { value: value, onValueChange: setValue, autoSize: true });
-    },
-};
-export const ControlledFromOnChange = {
-    render() {
-        const [value, setValue] = useState('Initial value');
-        return (_jsx(TextArea, { value: value, onChange: (ev) => {
-                setValue(ev.target.value);
-            }, autoSize: true }));
-    },
-};
-//# sourceMappingURL=TextArea.stories.js.map

package/dist/esm/components/textArea/TextArea.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC+B,CAAC;AAElC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,KAAK,EACJ,mFAAmF;QACpF,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,SAAG,CAAC;IACrE,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC5C,MAAM;QACL,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;QACpD,OAAO,CACN,KAAC,QAAQ,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gBAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EACD,QAAQ,SACP,CACF,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/components/textArea/index.js

@@ -1,3 +0,0 @@
-// @unocss-include
-export * from './TextArea.js';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/textArea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/textArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/components/toasts/toasts.d.ts

@@ -1,40 +0,0 @@
-import { Toast, ToastManagerAddOptions, ToastManagerPromiseOptions } from '@base-ui/react/toast';
-import { ReactNode } from 'react';
-import { ButtonProps } from '../button/index.js';
-export declare const manager: import("@base-ui/react/toast").ToastManager;
-export declare const DefaultToastProvider: ({ children, ...rest }: {
-    children?: React.ReactNode;
-    timeout?: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
-export interface CustomToastData {
-    actions?: {
-        label: ReactNode;
-        onClick: () => void;
-        emphasis?: ButtonProps['emphasis'];
-        color?: ButtonProps['color'];
-    }[];
-    loading?: boolean;
-}
-export interface ToastOptions extends ToastManagerAddOptions<CustomToastData> {
-    /** @deprecated - use timeout */
-    duration?: number;
-}
-declare function baseToast(messageOrOptions: string | ToastOptions, maybeOptions?: ToastOptions): string;
-export declare const toast: typeof baseToast & {
-    success(messageOrOptions: string | ToastOptions, maybeOptions?: ToastOptions): string;
-    error(messageOrOptions: string | ToastOptions, maybeOptions?: ToastOptions): string;
-    promise: <T>(promise: Promise<T>, options: ToastManagerPromiseOptions<T, CustomToastData>) => Promise<T>;
-    loading: (messageOrOptions: string | ToastOptions, maybeOptions?: ToastOptions) => {
-        id: string;
-        complete: (messageOrOptions: string | ToastOptions, maybeOptions?: ToastOptions) => void;
-    };
-    update: (id: string, messageOrOptions: string | ToastOptions, maybeOptions?: ToastOptions) => void;
-    close: (id: string) => void;
-    /**
-     * @deprecated use `toast.close` instead
-     */
-    dismiss: (id: string) => void;
-};
-export type * from '@base-ui/react/toast';
-export { Toast };

package/dist/esm/components/toasts/toasts.js

@@ -1,116 +0,0 @@
-// @unocss-include
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast, } from '@base-ui/react/toast';
-import clsx from 'clsx';
-import { useResolvedColorMode } from '../../colorMode.js';
-import { Button } from '../button/index.js';
-import { Icon } from '../icon/Icon.js';
-import { Spinner } from '../spinner/Spinner.js';
-export const manager = Toast.createToastManager();
-export const DefaultToastProvider = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
-    return (_jsx(Toast.Provider, Object.assign({ toastManager: manager }, rest, { children: children })));
-};
-export function Toaster() {
-    return (_jsx(Toast.Portal, { children: _jsx(Toast.Viewport, { className: "pointer-events-none overflow-clip", children: _jsx(ToastList, {}) }) }));
-}
-function ToastList() {
-    const { toasts: untypedToasts } = Toast.useToastManager();
-    const mode = useResolvedColorMode();
-    const toasts = untypedToasts;
-    return toasts.map((toast) => {
-        var _a, _b;
-        return (_jsx(Toast.Root, { toast: toast, swipeDirection: ['up', 'right', 'left'], className: clsx(
-            // variable setup
-            '[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))]', '[--height:var(--toast-frontmost-height,var(--toast-height))] [--shrink:calc(1-var(--scale))]', '[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]', 
-            // basic positioning
-            'fixed left-0 left-auto top-xs z-[calc(100000-var(--toast-index))] mr-0 w-full origin-top', 'h-[--height]', 'flex flex-col items-center gap-xs', 
-            // other properties
-            'pointer-events-none select-none', 
-            // animation and interaction
-            'translate-x-[--toast-swipe-movement-x] translate-y-[calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height)))] scale-[var(--scale)]', '[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]', 
-            // ::after
-            'after:absolute after:left-0 after:top-full after:h-[calc(var(--gap)+1px)] after:w-full after:content-empty', 
-            // starting style
-            'data-[starting-style]:-translate-y-150%', 
-            // limited
-            'data-[limited]:opacity-0', 
-            //expanded
-            'data-[expanded]:h-[--toast-height] data-[expanded]:translate-x-[--toast-swipe-movement-x] data-[expanded]:translate-y-[--offset-y] data-[expanded]:scale-100', 
-            // ending styles
-            'data-[ending-style]:opacity-0', 
-            // natural or close button
-            '[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:scale-90 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:opacity-50 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:-translate-y-150%', 
-            // swiping down
-            'data-[ending-style]:data-[swipe-direction=down]:translate-y-[calc(var(--toast-swipe-movement-y)+150%)]', 'data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:translate-y-[calc(var(--toast-swipe-movement-y)+150%)]', 
-            // swiping left
-            'data-[ending-style]:data-[swipe-direction=left]:translate-x-[calc(var(--toast-swipe-movement-x)-150%)] data-[ending-style]:data-[swipe-direction=left]:translate-y-[var(--offset-y)]', 'data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:translate-x-[calc(var(--toast-swipe-movement-x)-150%)] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:translate-y-[var(--offset-y)]', 
-            // swiping right
-            'data-[ending-style]:data-[swipe-direction=right]:translate-x-[calc(var(--toast-swipe-movement-x)+150%)] data-[ending-style]:data-[swipe-direction=right]:translate-y-[var(--offset-y)]', 'data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:translate-x-[calc(var(--toast-swipe-movement-x)+150%)] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:translate-y-[var(--offset-y)]', 
-            // swiping up
-            'data-[ending-style]:data-[swipe-direction=up]:translate-y-[calc(var(--toast-swipe-movement-y)-150%)]', 'data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:translate-y-[calc(var(--toast-swipe-movement-y)-150%)]', 
-            // themeing
-            {
-                'palette-success': toast.type === 'success',
-                'palette-attention': toast.type === 'error',
-                'palette-info': toast.type === 'blank',
-            }, mode === 'dark' ? 'override-light' : 'override-dark'), children: _jsxs(Toast.Content, { className: "pointer-events-auto max-w-sm flex flex-col gap-2px [&[data-behind]:not([data-expanded])]:pointer-events-none", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:b-1 layer-components:rounded-md layer-components:b-solid layer-components:py-sm layer-components:pl-md layer-components:pr-sm layer-components:shadow-md layer-components:color-black layer-components:bg-main-wash layer-components:b-black', 'layer-components:flex layer-components:flex-row layer-components:gap-sm', '[[data-behind]:not([data-expanded])_&]:max-h-[--height] [[data-behind]:not([data-expanded])_&]:bg-darken-2'), children: _jsxs("div", { className: clsx('flex flex-row items-center gap-xs', '[transition-duration:250ms] transition-opacity [[data-behind]:not([data-expanded])_&]:opacity-0 [[data-expanded]_&]:opacity-100'), children: [_jsxs("div", { className: "flex flex-col gap-xs", children: [_jsx(Toast.Title, { className: "m-0 text-sm font-bold leading-tight" }), _jsxs("div", { className: "flex gap-sm", children: [((_a = toast.data) === null || _a === void 0 ? void 0 : _a.loading) ? (_jsx(Spinner, { size: 15, className: "relative top-2px" })) : toast.type === 'success' ? (_jsx(Icon, { name: "check", color: "success", className: "relative top-2px" })) : toast.type === 'error' ? (_jsx(Icon, { name: "warning", color: "attention", className: "relative top-2px" })) : null, _jsx(Toast.Description, { className: "m-0 text-sm" })] })] }), _jsx(Toast.Close, { className: "mb-auto [[data-behind]:not([data-expanded])_&]:invisible", "aria-label": "Close", render: _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "x" }) }) })] }) }), ((_b = toast.data) === null || _b === void 0 ? void 0 : _b.actions) && (_jsx("div", { className: "ml-auto flex items-center gap-xxs transition-opacity [[data-behind]:not([data-expanded])_&]:opacity-0", children: toast.data.actions.toReversed().map((action, index) => (_jsx(Toast.Action, { className: "text-xs", onClick: action.onClick, render: _jsx(Button, { size: "small", emphasis: action.emphasis, color: action.color }), children: action.label }, index))) }))] }) }, toast.id));
-    });
-}
-function toOptions(messageOrOptions, maybeOptions) {
-    var _a, _b, _c;
-    const description = typeof messageOrOptions === 'string' ? messageOrOptions : undefined;
-    const options = typeof messageOrOptions === 'string' ? maybeOptions : messageOrOptions;
-    const extraOptions = typeof messageOrOptions === 'string' && maybeOptions ? maybeOptions : {};
-    const finalOptions = Object.assign(Object.assign({ description, timeout: (_c = (_b = (_a = options === null || options === void 0 ? void 0 : options.duration) !== null && _a !== void 0 ? _a : extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.duration) !== null && _b !== void 0 ? _b : options === null || options === void 0 ? void 0 : options.timeout) !== null && _c !== void 0 ? _c : extraOptions === null || extraOptions === void 0 ? void 0 : extraOptions.timeout }, options), extraOptions);
-    return finalOptions;
-}
-function baseToast(messageOrOptions, maybeOptions) {
-    const finalOptions = toOptions(messageOrOptions, maybeOptions);
-    return manager.add(finalOptions);
-}
-export const toast = Object.assign(baseToast, {
-    success(messageOrOptions, maybeOptions) {
-        return baseToast(messageOrOptions, Object.assign({ type: 'success' }, maybeOptions));
-    },
-    error(messageOrOptions, maybeOptions) {
-        return baseToast(messageOrOptions, Object.assign({ type: 'error' }, maybeOptions));
-    },
-    promise: function (promise, options) {
-        return manager.promise(promise, options);
-    },
-    loading: function (messageOrOptions, maybeOptions) {
-        const id = baseToast(messageOrOptions, Object.assign({ timeout: 0, data: { loading: true } }, maybeOptions));
-        return {
-            id,
-            complete: (messageOrOptions, maybeOptions) => {
-                manager.update(id, toOptions(messageOrOptions, Object.assign(Object.assign({}, maybeOptions), { data: { loading: false } })));
-            },
-        };
-    },
-    update: function (id, messageOrOptions, maybeOptions) {
-        return manager.update(id, toOptions(messageOrOptions, maybeOptions));
-    },
-    close: function (id) {
-        return manager.close(id);
-    },
-    /**
-     * @deprecated use `toast.close` instead
-     */
-    dismiss: function (id) {
-        return manager.close(id);
-    },
-});
-export { Toast };
-//# sourceMappingURL=toasts.js.map

package/dist/esm/components/toasts/toasts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toasts.js","sourceRoot":"","sources":["../../../../src/components/toasts/toasts.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,GAIL,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAMpC,EAAE,EAAE;QANgC,EACpC,QAAQ,OAKR,EAJG,IAAI,cAF6B,YAGpC,CADO;IAKP,OAAO,CACN,KAAC,KAAK,CAAC,QAAQ,kBAAC,YAAY,EAAE,OAAO,IAAM,IAAI,cAC7C,QAAQ,IACO,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,OAAO;IACtB,OAAO,CACN,KAAC,KAAK,CAAC,MAAM,cACZ,KAAC,KAAK,CAAC,QAAQ,IAAC,SAAS,EAAC,mCAAmC,YAC5D,KAAC,SAAS,KAAG,GACG,GACH,CACf,CAAC;AACH,CAAC;AAED,SAAS,SAAS;IACjB,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1D,MAAM,IAAI,GAAG,oBAAoB,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,aAAoD,CAAC;IAEpE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;QAAC,OAAA,CAC5B,KAAC,KAAK,CAAC,IAAI,IAEV,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,EACvC,SAAS,EAAE,IAAI;YACd,iBAAiB;YACjB,oFAAoF,EACpF,8FAA8F,EAC9F,4GAA4G;YAC5G,oBAAoB;YACpB,0FAA0F,EAC1F,cAAc,EACd,mCAAmC;YACnC,mBAAmB;YACnB,iCAAiC;YACjC,4BAA4B;YAC5B,8KAA8K,EAC9K,mFAAmF;YACnF,UAAU;YACV,gFAAgF;YAChF,iBAAiB;YACjB,2CAA2C;YAC3C,UAAU;YACV,0BAA0B;YAC1B,UAAU;YACV,gHAAgH;YAChH,gBAAgB;YAChB,iCAAiC;YACjC,0BAA0B;YAC1B,gHAAgH;YAChH,eAAe;YACf,0GAA0G,EAC1G,0HAA0H;YAC1H,eAAe;YACf,wIAAwI,EACxI,wJAAwJ;YACxJ,gBAAgB;YAChB,yIAAyI,EACzI,yJAAyJ;YACzJ,aAAa;YACb,wGAAwG,EACxG,wHAAwH;YACxH,WAAW;YACX;gBACC,iBAAiB,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS;gBAC3C,mBAAmB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;gBAC3C,cAAc,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;aACtC,EACD,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CACpD,YAED,MAAC,KAAK,CAAC,OAAO,IAAC,SAAS,EAAC,8GAA8G,aACtI,cACC,SAAS,EAAE,IAAI,CACd,iHAAiH,EACjH,yCAAyC,EACzC,uEAAuE,CACvE,YAED,eACC,SAAS,EAAE,IAAI,CACd,mCAAmC,EACnC,qIAAqI,CACrI,aAED,eAAK,SAAS,EAAC,sBAAsB,aACpC,KAAC,KAAK,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,EAC/D,eAAK,SAAS,EAAC,aAAa,aAC1B,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,EAAC,CAAC,CAAC,CACtB,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,kBAAkB,GAAG,CAClD,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9B,KAAC,IAAI,IACJ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,kBAAkB,GAC3B,CACF,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAC5B,KAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,kBAAkB,GAC3B,CACF,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,KAAK,CAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,IACxC,IACD,EACN,KAAC,KAAK,CAAC,KAAK,IACX,SAAS,EAAC,4DAA4D,gBAC3D,OAAO,EAClB,MAAM,EACL,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,YACpC,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,GAET,IACG,GACD,EACL,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,OAAO,KAAI,CACvB,cAAK,SAAS,EAAC,yGAAyG,YACtH,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/D,KAAC,KAAK,CAAC,MAAM,IAEZ,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,MAAM,EACL,KAAC,MAAM,IACN,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,GAClB,YAGF,MAAM,CAAC,KAAK,IAXR,KAAK,CAYI,CACf,CAAC,GACG,CACN,IACc,IApHX,KAAK,CAAC,EAAE,CAqHD,CACb,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC;AAiBD,SAAS,SAAS,CACjB,gBAAuC,EACvC,YAA2B;;IAE3B,MAAM,WAAW,GAChB,OAAO,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,MAAM,OAAO,GACZ,OAAO,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACxE,MAAM,YAAY,GACjB,OAAO,gBAAgB,KAAK,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1E,MAAM,YAAY,iCACjB,WAAW,EACX,OAAO,EACN,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCACjB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,mCACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAChB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,IACnB,OAAO,GACP,YAAY,CACf,CAAC;IACF,OAAO,YAAY,CAAC;AACrB,CAAC;AAED,SAAS,SAAS,CACjB,gBAAuC,EACvC,YAA2B;IAE3B,MAAM,YAAY,GAAG,SAAS,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAC/D,OAAO,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IAC7C,OAAO,CACN,gBAAuC,EACvC,YAA2B;QAE3B,OAAO,SAAS,CAAC,gBAAgB,kBAChC,IAAI,EAAE,SAAS,IACZ,YAAY,EACd,CAAC;IACJ,CAAC;IACD,KAAK,CAAC,gBAAuC,EAAE,YAA2B;QACzE,OAAO,SAAS,CAAC,gBAAgB,kBAChC,IAAI,EAAE,OAAO,IACV,YAAY,EACd,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,UACR,OAAmB,EACnB,OAAuD;QAEvD,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,EAAE,UACR,gBAAuC,EACvC,YAA2B;QAE3B,MAAM,EAAE,GAAG,SAAS,CAAC,gBAAgB,kBACpC,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IACpB,YAAY,EACd,CAAC;QAEH,OAAO;YACN,EAAE;YACF,QAAQ,EAAE,CACT,gBAAuC,EACvC,YAA2B,EAC1B,EAAE;gBACH,OAAO,CAAC,MAAM,CACb,EAAE,EACF,SAAS,CAAC,gBAAgB,kCACtB,YAAY,KACf,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IACvB,CACF,CAAC;YACH,CAAC;SACD,CAAC;IACH,CAAC;IACD,MAAM,EAAE,UACP,EAAU,EACV,gBAAuC,EACvC,YAA2B;QAE3B,OAAO,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IACtE,CAAC;IACD,KAAK,EAAE,UAAU,EAAU;QAC1B,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD;;OAEG;IACH,OAAO,EAAE,UAAU,EAAU;QAC5B,OAAO,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC;CACD,CAAC,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/toasts/toasts.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;