@a-type/ui 4.1.8 → 5.0.0

package/dist/cjs/components/actions/ActionBar.stories.js

@@ -1,35 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnBackground = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_js_1 = require("../box/Box.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const ActionBar_js_1 = require("./ActionBar.js");
-const ActionButton_js_1 = require("./ActionButton.js");
-const meta = {
-    title: 'Components/ActionBar',
-    component: ActionBar_js_1.ActionBar,
-    argTypes: {},
-    args: {
-        children: [
-            (0, jsx_runtime_1.jsx)(ActionButton_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }, "1"),
-            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "pencil" }), "Edit"] }, "2"),
-            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { color: "accent", emphasis: "primary", children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "globe" }), "Publish"] }, "3"),
-            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
-            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 2"] }, "4"),
-            (0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { toggled: true, children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 3"] }, "5"),
-        ],
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {};
-exports.OnBackground = {
-    render: (args) => {
-        return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { color: "accent", surface: true, overflow: "hidden", children: (0, jsx_runtime_1.jsx)(ActionBar_js_1.ActionBar, Object.assign({}, args)) }));
-    },
-};
-//# sourceMappingURL=ActionBar.stories.js.map

package/dist/cjs/components/actions/ActionBar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,uBAAC,8BAAY,cACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,aACtD,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,OAAO,mBAC5B,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,uBAAC,YAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,QAAC,QAAQ,EAAC,QAAQ,YAC5C,uBAAC,wBAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/actions/ActionButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '../button/Button.js';
-export type ActionButtonProps = ButtonProps & {
-    visible?: boolean;
-};
-export declare function ActionButton({ children, className, visible, ...rest }: ActionButtonProps): import("react/jsx-runtime.js").JSX.Element | null;

package/dist/cjs/components/actions/ActionButton.js

@@ -1,49 +0,0 @@
-// @unocss-include
-"use strict";
-'use client';
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionButton = ActionButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-const Button_js_1 = require("../button/Button.js");
-const index_js_1 = require("../collapsible/index.js");
-function ActionButton(_a) {
-    var { children, className, visible = true } = _a, rest = __rest(_a, ["children", "className", "visible"]);
-    // this rather convoluted logic is meant to do:
-    // - when button goes invisible, wait for collapse and then
-    //   stop rendering
-    // - when button goes visible, render immediately and
-    //   set collapsible open next frame.
-    const [render, setRender] = (0, react_1.useState)(visible);
-    (0, react_1.useEffect)(() => {
-        if (!visible) {
-            const timeout = setTimeout(() => {
-                setRender(visible);
-            }, 300);
-            return () => clearTimeout(timeout);
-        }
-        else {
-            setRender(visible);
-        }
-    }, [visible]);
-    if (!render && !visible) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", disableIconMode: true, className: (0, clsx_1.default)('layer-variants:m-2 layer-variants:mx-1 layer-variants:font-normal', className) }, rest, { children: children })) }) }));
-}
-//# sourceMappingURL=ActionButton.js.map

package/dist/cjs/components/actions/ActionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,oCA4CC;;AArDD,gDAA8B;AAC9B,iCAA4C;AAC5C,mDAA0D;AAC1D,sDAA8E;AAM9E,SAAgB,YAAY,CAAC,EAKT;QALS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,OAEK,EADhB,IAAI,cAJqB,oCAK5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,0BAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,uBAAC,6BAAkB,uCAClB,uBAAC,kBAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,IAAA,cAAU,EACpB,uCAAuC,EACvC,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}

package/dist/cjs/components/actions/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ActionBar.js';
-export * from './ActionButton.js';

package/dist/cjs/components/actions/index.js

@@ -1,20 +0,0 @@
-// @unocss-include
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ActionBar.js"), exports);
-__exportStar(require("./ActionButton.js"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/actions/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,oDAAkC"}

package/dist/cjs/components/autocomplete/Autocomplete.d.ts

@@ -1,117 +0,0 @@
-import { Autocomplete as BaseAutocomplete, AutocompleteGroupProps as BaseAutocompleteGroupProps, AutocompleteItemProps as BaseAutocompleteItemProps, AutocompleteListProps as BaseAutocompleteListProps, AutocompletePopupProps as BaseAutocompletePopupProps, AutocompletePositionerProps as BaseAutocompletePositionerProps, AutocompleteRootProps as BaseAutocompleteRootProps } from '@base-ui/react/autocomplete';
-import { ButtonProps } from '@base-ui/react/button';
-import { ComboboxIconProps as BaseAutocompleteIconProps, ComboboxRowProps as BaseAutocompleteRowProps } from '@base-ui/react/combobox';
-import { ReactNode } from 'react';
-import { PaletteName } from '../../uno/index.js';
-import { ChipProps } from '../chip/Chip.js';
-import { ComboboxInputProps } from '../combobox/Combobox.js';
-export interface AutocompleteInputProps extends ComboboxInputProps {
-    ref?: React.Ref<HTMLInputElement>;
-    icon?: ReactNode;
-    disableCaret?: boolean;
-    disableClear?: boolean;
-    children?: ReactNode;
-}
-export declare const AutocompleteIcon: import("react").FunctionComponent<BaseAutocompleteIconProps>;
-export interface AutocompletePopoupProps extends BaseAutocompletePopupProps {
-    positioner?: BaseAutocompletePositionerProps;
-    ref?: React.Ref<HTMLDivElement>;
-    arrow?: boolean;
-}
-export interface AutocompleteItemProps extends BaseAutocompleteItemProps {
-    ref?: React.Ref<HTMLDivElement>;
-    color?: PaletteName;
-}
-export interface AutocompleteGroupItemProps extends Omit<BaseAutocompleteItemProps, 'render'> {
-    ref?: React.Ref<HTMLDivElement>;
-    replace?: BaseAutocompleteItemProps['render'];
-    render?: ChipProps['render'];
-}
-declare function AutocompleteGroupItem({ className, replace, render, ...props }: AutocompleteGroupItemProps): import("react/jsx-runtime.js").JSX.Element;
-export type AutocompleteClearProps = ButtonProps & {
-    ref?: React.Ref<HTMLButtonElement>;
-    children?: ReactNode;
-};
-export declare const AutocompleteClear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime.js").JSX.Element;
-declare function createAutocomplete<TItem>(): ((props: Omit<BaseAutocompleteRootProps<TItem>, "items"> & {
-    items?: readonly TItem[];
-}) => import("react/jsx-runtime.js").JSX.Element) & {
-    List: (props: Omit<BaseAutocompleteListProps, "children"> & {
-        children?: ReactNode | ((item: TItem, index: number) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Item: ({ className, color, ...props }: AutocompleteItemProps) => import("react/jsx-runtime.js").JSX.Element;
-    useFilter: (options?: import("@base-ui/react/autocomplete/index.js").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete/index.js").AutocompleteFilter;
-    Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
-    Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
-    Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
-    Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
-        ref?: React.Ref<HTMLDivElement>;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    GroupLabel: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupList: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
-    Row: import("react").FC<BaseAutocompleteRowProps>;
-    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Clear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime.js").JSX.Element;
-    Positioner: import("react").ForwardRefExoticComponent<BaseAutocompletePositionerProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/autocomplete/index.js").AutocompletePortalProps & import("react").RefAttributes<HTMLDivElement>>;
-    Popup: import("react").FunctionComponent<BaseAutocompletePopupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Backdrop: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-    ListItem: ({ className, color, ...props }: AutocompleteItemProps) => import("react/jsx-runtime.js").JSX.Element;
-    GroupItem: typeof AutocompleteGroupItem;
-    Unstyled: typeof BaseAutocomplete;
-};
-declare function createAutocompleteGrouped<TItemGroup extends {
-    items: readonly any[];
-}>(): ((props: Omit<BaseAutocompleteRootProps<TItemGroup["items"][number]>, "items"> & {
-    items: TItemGroup[];
-}) => import("react/jsx-runtime.js").JSX.Element) & {
-    Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
-    Item: typeof AutocompleteGroupItem;
-    Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
-    List: (props: Omit<BaseAutocompleteListProps, "children"> & {
-        children?: ReactNode | ((group: TItemGroup, groupIndex: number) => ReactNode);
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
-        ref?: React.Ref<HTMLDivElement>;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    GroupLabel: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupList: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
-    Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
-    Row: import("react").FC<BaseAutocompleteRowProps>;
-    useFilter: (options?: import("@base-ui/react/autocomplete/index.js").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete/index.js").AutocompleteFilter;
-    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Clear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime.js").JSX.Element;
-    Positioner: import("react").ForwardRefExoticComponent<BaseAutocompletePositionerProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/autocomplete/index.js").AutocompletePortalProps & import("react").RefAttributes<HTMLDivElement>>;
-    Popup: import("react").FunctionComponent<BaseAutocompletePopupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Backdrop: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-    ListItem: ({ className, color, ...props }: AutocompleteItemProps) => import("react/jsx-runtime.js").JSX.Element;
-    GroupItem: typeof AutocompleteGroupItem;
-    Unstyled: typeof BaseAutocomplete;
-};
-export declare const Autocomplete: ((props: BaseAutocompleteRootProps<any>) => import("react/jsx-runtime.js").JSX.Element) & {
-    useFilter: (options?: import("@base-ui/react/autocomplete/index.js").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete/index.js").AutocompleteFilter;
-    Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
-    Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
-    Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
-    List: import("react").FunctionComponent<BaseAutocompleteListProps & import("react").RefAttributes<HTMLDivElement>>;
-    Item: ({ className, color, ...props }: AutocompleteItemProps) => import("react/jsx-runtime.js").JSX.Element;
-    Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
-        ref?: React.Ref<HTMLDivElement>;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    GroupLabel: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    GroupList: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
-    Row: import("react").FC<BaseAutocompleteRowProps>;
-    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Clear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime.js").JSX.Element;
-    Positioner: import("react").ForwardRefExoticComponent<BaseAutocompletePositionerProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/autocomplete/index.js").AutocompletePortalProps & import("react").RefAttributes<HTMLDivElement>>;
-    Popup: import("react").FunctionComponent<BaseAutocompletePopupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Backdrop: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
-    ListItem: ({ className, color, ...props }: AutocompleteItemProps) => import("react/jsx-runtime.js").JSX.Element;
-    GroupItem: typeof AutocompleteGroupItem;
-    Unstyled: typeof BaseAutocomplete;
-    create: typeof createAutocomplete;
-    createGrouped: typeof createAutocompleteGrouped;
-};
-export {};

package/dist/cjs/components/autocomplete/Autocomplete.js

@@ -1,114 +0,0 @@
-// @unocss-include
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = exports.AutocompleteClear = exports.AutocompleteIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const autocomplete_1 = require("@base-ui/react/autocomplete");
-const clsx_1 = __importDefault(require("clsx"));
-const hooks_js_1 = require("../../hooks.js");
-const Button_js_1 = require("../button/Button.js");
-const Chip_js_1 = require("../chip/Chip.js");
-const Combobox_js_1 = require("../combobox/Combobox.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const menus_js_1 = require("../primitives/menus.js");
-const ArrowSvg_js_1 = require("../utility/ArrowSvg.js");
-const SlotDiv_js_1 = require("../utility/SlotDiv.js");
-const AutocompleteRoot = (props) => {
-    return ((0, jsx_runtime_1.jsx)(Combobox_js_1.ComboboxValueContext.Provider, { value: props.value || null, children: (0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Root, Object.assign({}, props)) }));
-};
-const AutocompleteInput = (_a) => {
-    var { disableCaret, icon, children, disableClear } = _a, outerProps = __rest(_a, ["disableCaret", "icon", "children", "disableClear"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Input, Object.assign({ render: (props, state) => ((0, jsx_runtime_1.jsx)(Combobox_js_1.ComboboxComposedInput, Object.assign({}, props, { open: state.open, disableCaret: disableCaret, disableClear: disableClear, icon: icon, children: children }))) }, outerProps)));
-};
-exports.AutocompleteIcon = (0, hooks_js_1.withClassName)((_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Icon, Object.assign({}, props, { className: (0, clsx_1.default)(Combobox_js_1.comboboxIconClassName, className), children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "chevron" }) })));
-});
-const AutocompletePopup = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Popup, Combobox_js_1.comboboxPopupClassName);
-const AutocompleteBackdrop = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Backdrop, Combobox_js_1.comboboxBackdropClassName);
-const AutocompleteArrow = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Arrow, Object.assign({}, props, { className: (0, clsx_1.default)(menus_js_1.arrowClassName, className), children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) })));
-};
-const AutocompleteContent = (_a) => {
-    var { positioner, arrow, children } = _a, props = __rest(_a, ["positioner", "arrow", "children"]);
-    return ((0, jsx_runtime_1.jsxs)(autocomplete_1.Autocomplete.Portal, { children: [(0, jsx_runtime_1.jsx)(AutocompleteBackdrop, {}), (0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Positioner, Object.assign({ sideOffset: 8 }, positioner, { children: (0, jsx_runtime_1.jsxs)(AutocompletePopup, Object.assign({}, props, { children: [arrow && (0, jsx_runtime_1.jsx)(AutocompleteArrow, {}), children] })) }))] }));
-};
-const AutocompleteList = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.List, Combobox_js_1.comboboxListClassName);
-const AutocompleteEmpty = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Empty, Combobox_js_1.comboboxEmptyClassName);
-const AutocompleteItem = (_a) => {
-    var { className, color = 'gray' } = _a, props = __rest(_a, ["className", "color"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Item, Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, menus_js_1.itemClassName, className) }, props)));
-};
-const AutocompleteGroup = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Group, Object.assign({}, props, { className: (0, clsx_1.default)(Combobox_js_1.comboboxGroupClassName, className) })));
-};
-const AutocompleteGroupItemList = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, Combobox_js_1.comboboxGroupItemListClassName);
-const AutocompleteGroupLabel = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.GroupLabel, Combobox_js_1.comboboxGroupLabelClassName);
-const AutocompleteRow = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Row, Combobox_js_1.comboboxRowClassName);
-const AutocompleteSeparator = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Separator, menus_js_1.separatorClassName);
-function AutocompleteGroupItem(_a) {
-    var { className, replace, render } = _a, props = __rest(_a, ["className", "replace", "render"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Item, Object.assign({ render: replace !== null && replace !== void 0 ? replace : (0, jsx_runtime_1.jsx)(Button_js_1.Button, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { render: render }) }) }, props, { className: (0, clsx_1.default)(Combobox_js_1.comboboxGroupItemClassName, className) })));
-}
-const AutocompleteClear = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Clear, Object.assign({ render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) })));
-};
-exports.AutocompleteClear = AutocompleteClear;
-const baseSubComponents = {
-    useFilter: autocomplete_1.Autocomplete.useFilter,
-    Input: AutocompleteInput,
-    Content: AutocompleteContent,
-    Empty: AutocompleteEmpty,
-    List: AutocompleteList,
-    Item: AutocompleteItem,
-    Group: AutocompleteGroup,
-    GroupLabel: AutocompleteGroupLabel,
-    GroupList: AutocompleteGroupItemList,
-    Row: AutocompleteRow,
-    Separator: AutocompleteSeparator,
-    Clear: exports.AutocompleteClear,
-    Positioner: autocomplete_1.Autocomplete.Positioner,
-    Portal: autocomplete_1.Autocomplete.Portal,
-    Popup: AutocompletePopup,
-    Backdrop: AutocompleteBackdrop,
-    ListItem: AutocompleteItem,
-    GroupItem: AutocompleteGroupItem,
-    Unstyled: autocomplete_1.Autocomplete,
-};
-function createAutocomplete() {
-    function TypedRoot(props) {
-        return (0, jsx_runtime_1.jsx)(AutocompleteRoot, Object.assign({}, props));
-    }
-    function TypedList(props) {
-        return (0, jsx_runtime_1.jsx)(AutocompleteList, Object.assign({}, props));
-    }
-    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { List: TypedList, Item: AutocompleteItem }));
-}
-function createAutocompleteGrouped() {
-    function TypedRoot(props) {
-        return (0, jsx_runtime_1.jsx)(AutocompleteRoot, Object.assign({}, props));
-    }
-    function TypedList(props) {
-        return (0, jsx_runtime_1.jsx)(AutocompleteList, Object.assign({}, props));
-    }
-    return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { Content: AutocompleteContent, Item: AutocompleteGroupItem, Input: AutocompleteInput, List: TypedList, Group: AutocompleteGroup, GroupLabel: AutocompleteGroupLabel, GroupList: AutocompleteGroupItemList, Empty: AutocompleteEmpty, Row: AutocompleteRow }));
-}
-exports.Autocomplete = Object.assign(AutocompleteRoot, Object.assign({ create: createAutocomplete, createGrouped: createAutocompleteGrouped }, baseSubComponents));
-//# sourceMappingURL=Autocomplete.js.map

package/dist/cjs/components/autocomplete/Autocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/autocomplete/Autocomplete.stories.d.ts

@@ -1,52 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-interface Args {
-    arrow?: boolean;
-    autoHighlight?: boolean;
-    keepHighlight?: boolean;
-    highlightItemOnHover?: boolean;
-}
-declare const meta: {
-    title: string;
-    argTypes: {
-        arrow: {
-            control: "boolean";
-            description: string;
-            defaultValue: boolean;
-        };
-        autoHighlight: {
-            control: "boolean";
-            description: string;
-            defaultValue: boolean;
-        };
-        keepHighlight: {
-            control: "boolean";
-            description: string;
-            defaultValue: boolean;
-        };
-        highlightItemOnHover: {
-            control: "boolean";
-            description: string;
-            defaultValue: boolean;
-        };
-    };
-    args: {
-        arrow: false;
-        autoHighlight: false;
-        keepHighlight: false;
-        highlightItemOnHover: true;
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<Args>;
-export interface Item {
-    id: string;
-    label: string;
-}
-export declare const Default: Story;
-export declare const Grouped: Story;
-export declare const NotPopover: Story;

package/dist/cjs/components/autocomplete/Autocomplete.stories.js

@@ -1,94 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotPopover = exports.Grouped = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Box_js_1 = require("../box/Box.js");
-const Button_js_1 = require("../button/Button.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const Autocomplete_js_1 = require("./Autocomplete.js");
-const meta = {
-    title: 'Components/Autocomplete',
-    argTypes: {
-        arrow: {
-            control: 'boolean',
-            description: 'Whether to show the arrow on the autocomplete popup.',
-            defaultValue: false,
-        },
-        autoHighlight: {
-            control: 'boolean',
-            description: 'If true, the first item will be automatically highlighted when the list opens.',
-            defaultValue: false,
-        },
-        keepHighlight: {
-            control: 'boolean',
-            description: 'If true, the highlighted item will be kept when the list is reopened.',
-            defaultValue: false,
-        },
-        highlightItemOnHover: {
-            control: 'boolean',
-            description: 'If true, items will be highlighted when hovered with the mouse.',
-            defaultValue: false,
-        },
-    },
-    args: {
-        arrow: false,
-        autoHighlight: false,
-        keepHighlight: false,
-        highlightItemOnHover: true,
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-const items = [
-    { id: 'apple', label: 'Apple' },
-    { id: 'banana', label: 'Banana' },
-    { id: 'cherry', label: 'Cherry' },
-    { id: 'date', label: 'Date' },
-    { id: 'elderberry', label: 'Elderberry' },
-    { id: 'fig', label: 'Fig' },
-    { id: 'grape', label: 'Grape' },
-    { id: 'honeydew', label: 'Honeydew' },
-];
-const ExampleAutocomplete = Autocomplete_js_1.Autocomplete.create();
-exports.Default = {
-    render({ arrow, autoHighlight, keepHighlight, highlightItemOnHover }) {
-        const [value, setValue] = (0, react_1.useState)(undefined);
-        return ((0, jsx_runtime_1.jsxs)(ExampleAutocomplete, { value: value, onValueChange: setValue, items: items, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: [(0, jsx_runtime_1.jsx)(ExampleAutocomplete.Input, { icon: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "food" }), className: "w-[200px]" }), (0, jsx_runtime_1.jsxs)(ExampleAutocomplete.Content, { arrow: arrow, children: [(0, jsx_runtime_1.jsx)(ExampleAutocomplete.List, { children: (item) => ((0, jsx_runtime_1.jsx)(ExampleAutocomplete.Item, { value: item.id, children: item.label }, item.id)) }), (0, jsx_runtime_1.jsx)(ExampleAutocomplete.Empty, { children: "No results found." })] })] }));
-    },
-};
-const groupedItems = [
-    {
-        category: 'Fruits',
-        items: [
-            { id: 'apple', label: 'Apple' },
-            { id: 'banana', label: 'Banana' },
-            { id: 'cherry', label: 'Cherry' },
-        ],
-    },
-    {
-        category: 'Berries',
-        items: [
-            { id: 'strawberry', label: 'Strawberry' },
-            { id: 'blueberry', label: 'Blueberry' },
-            { id: 'raspberry', label: 'Raspberry' },
-        ],
-    },
-];
-const GroupedAutocomplete = Autocomplete_js_1.Autocomplete.createGrouped();
-exports.Grouped = {
-    render({ arrow, autoHighlight, keepHighlight, highlightItemOnHover }) {
-        const [value, setValue] = (0, react_1.useState)(undefined);
-        return ((0, jsx_runtime_1.jsxs)(GroupedAutocomplete, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.Input, {}), (0, jsx_runtime_1.jsxs)(GroupedAutocomplete.Content, { arrow: arrow, children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.List, { children: (group) => ((0, jsx_runtime_1.jsxs)(GroupedAutocomplete.Group, { children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupLabel, { children: group.category }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupList, { children: group.items.map((item) => ((0, jsx_runtime_1.jsx)(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.Empty, { children: "No results found." }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.Separator, {}), (0, jsx_runtime_1.jsx)("div", { className: "p-sm text-xs color-gray-dark", children: "Select your favorite fruit or berry." })] })] }));
-    },
-};
-exports.NotPopover = {
-    render({ autoHighlight, keepHighlight, highlightItemOnHover }) {
-        const [value, setValue] = (0, react_1.useState)(undefined);
-        return ((0, jsx_runtime_1.jsx)(GroupedAutocomplete, { value: value, onValueChange: setValue, items: groupedItems, autoHighlight: autoHighlight, keepHighlight: keepHighlight, highlightItemOnHover: highlightItemOnHover, children: (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { border: true, p: true, surface: "white", col: true, children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.Input, { disableCaret: true, className: "w-full", disableClear: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", emphasis: "primary", className: "aspect-1 h-full", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }) }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.List, { children: (group) => ((0, jsx_runtime_1.jsxs)(GroupedAutocomplete.Group, { children: [(0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupLabel, { children: group.category }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.GroupList, { children: group.items.map((item) => ((0, jsx_runtime_1.jsx)(GroupedAutocomplete.Item, { value: item.id, children: item.label }, item.id))) })] }, group.category)) }), (0, jsx_runtime_1.jsx)(GroupedAutocomplete.Empty, { children: "No results found." })] }) }));
-    },
-};
-//# sourceMappingURL=Autocomplete.stories.js.map

package/dist/cjs/components/autocomplete/Autocomplete.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.stories.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/avatar/Avatar.d.ts

@@ -1,12 +0,0 @@
-import { AvatarRootProps as BaseAvatarProps } from '@base-ui/react/avatar';
-import { CSSProperties, HTMLProps } from 'react';
-export interface AvatarProps extends BaseAvatarProps {
-    className?: string;
-    popIn?: boolean;
-    style?: CSSProperties;
-    imageSrc?: string | null;
-    name?: string;
-    crossOrigin?: HTMLProps<HTMLImageElement>['crossOrigin'];
-    size?: string | number;
-}
-export declare function Avatar({ className, popIn, imageSrc, name, crossOrigin, style, size, ...rest }: AvatarProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/avatar/Avatar.js

@@ -1,29 +0,0 @@
-// @unocss-include
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = Avatar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const avatar_1 = require("@base-ui/react/avatar");
-const clsx_1 = __importDefault(require("clsx"));
-const index_js_1 = require("../icon/index.js");
-function Avatar(_a) {
-    var { className, popIn = false, imageSrc, name, crossOrigin, style, size } = _a, rest = __rest(_a, ["className", "popIn", "imageSrc", "name", "crossOrigin", "style", "size"]);
-    const empty = !name && !imageSrc;
-    return ((0, jsx_runtime_1.jsxs)(avatar_1.Avatar.Root, Object.assign({ "data-pop": popIn, className: (0, clsx_1.default)('layer-components:relative layer-components:aspect-1 layer-components:w-24px layer-components:flex layer-components:flex-shrink-0 layer-components:select-none layer-components:items-center layer-components:justify-center layer-components:overflow-hidden layer-components:border-default layer-components:rounded-lg layer-components:bg-white', popIn &&
-            'layer-variants:animate-pop-in-from-half layer-variants:animate-duration-200 layer-variants:animate-ease-springy', empty && 'layer-components:border-dashed layer-components:bg-gray-light', className), style: size ? Object.assign({ width: size, height: size }, style) : style }, rest, { children: [imageSrc && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Image, { className: "h-full w-full object-cover", referrerPolicy: "no-referrer", src: imageSrc, alt: `${name !== null && name !== void 0 ? name : 'user'}'s profile picture`, crossOrigin: crossOrigin })), name && ((0, jsx_runtime_1.jsx)(avatar_1.Avatar.Fallback, { className: "text-size-[calc(0.5px*var(--avatar-size,24px))]", style: { '--avatar-size': size }, children: name.charAt(0).toUpperCase() })), empty && (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "profile" })] })));
-}
-//# sourceMappingURL=Avatar.js.map

package/dist/cjs/components/avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,wBA4CC;;AA9DD,kDAG+B;AAC/B,gDAA8B;AAE9B,+CAAwC;AAYxC,SAAgB,MAAM,CAAC,EAST;QATS,EACtB,SAAS,EACT,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,OAES,EADV,IAAI,cARe,0EAStB,CADO;IAEP,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjC,OAAO,CACN,wBAAC,eAAU,CAAC,IAAI,8BACL,KAAK,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,gDAAgD,EACzD,SAAS,CACT,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,iBAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,EAAG,CAAC,CAAC,KAAK,IACzD,IAAI,eAEP,QAAQ,IAAI,CACZ,uBAAC,eAAU,CAAC,KAAK,IAChB,SAAS,EAAC,4BAA4B,EACtC,cAAc,EAAC,aAAa,EAC5B,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,oBAAoB,EAC1C,WAAW,EAAE,WAAW,GACvB,CACF,EACA,IAAI,IAAI,CACR,uBAAC,eAAU,CAAC,QAAQ,IACnB,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAS,YAEtC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GACR,CACtB,EACA,KAAK,IAAI,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAChB,CAClB,CAAC;AACH,CAAC"}

package/dist/cjs/components/avatar/Avatar.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Avatar } from './Avatar.js';
-declare const meta: {
-    title: string;
-    component: typeof Avatar;
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof Avatar>;
-export declare const Default: Story;
-export declare const WithImage: Story;
-export declare const WithName: Story;
-export declare const FailedImage: Story;
-export declare const Empty: Story;