@a-type/ui 0.1.2 → 0.1.3

package/dist/esm/components/actions/ActionBar.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface ActionBarProps {
+    children: ReactNode;
+    className?: string;
+    wrap?: boolean;
+}
+export declare function ActionBar({ children, className, wrap, ...rest }: ActionBarProps): JSX.Element;

package/dist/esm/components/actions/ActionBar.js

@@ -0,0 +1,19 @@
+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 { Suspense } from 'react';
+import classNames from 'classnames';
+export function ActionBar(_a) {
+    var { children, className, wrap } = _a, rest = __rest(_a, ["children", "className", "wrap"]);
+    return (_jsx(Suspense, Object.assign({ fallback: null }, { children: _jsx("div", Object.assign({ className: classNames('flex flex-row items-center justify-start w-full overflow-hidden relative h-[max-content] transition-[height] springy', '[&:empty]:height-0', 'after:(content-[""] absolute right-0 top-0 bottom-0 w-50px z-1 bg-gradient-to-l from-wash to-transparent] pointer-events-none)', className) }, rest, { children: _jsx("div", Object.assign({ className: classNames('flex flex-row items-center justify-start w-full overflow-y-hidden overflow-x-auto pr-80px relative h-full [&::-webkit-scrollbar]:display-none', wrap && 'flex-wrap') }, { children: children })) })) })));
+}
+//# sourceMappingURL=ActionBar.js.map

package/dist/esm/components/actions/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,UAAU,SAAS,CAAC,EAKT;QALS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,OAEY,EADb,IAAI,cAJkB,iCAKzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,kBAAC,QAAQ,EAAE,IAAI,gBACvB,4BACC,SAAS,EAAE,UAAU,CACpB,sHAAsH,EACtH,oBAAoB,EACpB,gIAAgI,EAChI,SAAS,CACT,IACG,IAAI,cAER,4BACC,SAAS,EAAE,UAAU,CACpB,+IAA+I,EAC/I,IAAI,IAAI,WAAW,CACnB,gBAEA,QAAQ,IACJ,IACD,IACI,CACX,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button/Button.js';
+export interface ActionButtonProps extends ButtonProps {
+    icon?: ReactNode;
+    visible?: boolean;
+}
+export declare const ActionButton: import("react").ForwardRefExoticComponent<ActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,42 @@
+'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;
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef, useEffect, useState } from 'react';
+import { Button } from '../button/Button.js';
+import { CollapsibleContent, CollapsibleRoot } from '../collapsible.js';
+export const ActionButton = forwardRef(function ActionButton(_a, ref) {
+    var { icon, children, className, visible = true } = _a, rest = __rest(_a, ["icon", "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] = useState(visible);
+    useEffect(() => {
+        if (!visible) {
+            const timeout = setTimeout(() => {
+                setRender(visible);
+            }, 300);
+            return () => clearTimeout(timeout);
+        }
+        else {
+            setRender(visible);
+        }
+    }, [visible]);
+    if (!render && !visible) {
+        return null;
+    }
+    return (_jsx(CollapsibleRoot, Object.assign({ open: !visible ? false : render }, { children: _jsx(CollapsibleContent, Object.assign({ "data-horizontal": true }, { children: _jsxs(Button, Object.assign({ ref: ref, size: "small", className: classNames('important:(border-gray7 font-normal whitespace-nowrap m-2 flex flex-row gap-2 items-center h-30px rounded-15px mx-1)', 'hover:bg-gray2', className) }, rest, { children: [icon, children] })) })) })));
+});
+//# sourceMappingURL=ActionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAa,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOxE,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACrC,SAAS,YAAY,CACpB,EAAsD,EACtD,GAAG;QADH,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,OAAW,EAAN,IAAI,cAApD,4CAAsD,CAAF;IAGpD,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;YACb,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;SACnC;aAAM;YACN,SAAS,CAAC,OAAO,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACxB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,KAAC,eAAe,kBAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,gBAC/C,KAAC,kBAAkB,yDAClB,MAAC,MAAM,kBACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,UAAU,CACpB,sHAAsH,EACtH,gBAAgB,EAChB,SAAS,CACT,IACG,IAAI,eAEP,IAAI,EACJ,QAAQ,KACD,IACW,IACJ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export * from './actions/index.js';

package/dist/esm/components/actions.js

@@ -0,0 +1,2 @@
+export * from './actions/index.js';
+//# sourceMappingURL=actions.js.map

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

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

package/dist/esm/components/button/Button.d.ts

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'accent';
+    size?: 'default' | 'small' | 'icon';
+    toggled?: boolean;
+    align?: 'start' | 'stretch' | 'end';
+    visuallyDisabled?: boolean;
+    loading?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/button/Button.js

@@ -0,0 +1,21 @@
+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 classNames from 'classnames';
+import { forwardRef } from 'react';
+import { Spinner } from '../spinner.js';
+import { getButtonClassName } from './classes.js';
+export const Button = forwardRef(function Button(_a, ref) {
+    var { className, color, size, toggled, align, visuallyDisabled, loading, children, disabled } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "align", "visuallyDisabled", "loading", "children", "disabled"]);
+    return (_jsxs("button", Object.assign({ ref: ref }, props, { disabled: disabled || loading, "data-disabled": visuallyDisabled, tabIndex: visuallyDisabled ? -1 : undefined, className: classNames(getButtonClassName({ color, size, toggled, align }), className) }, { children: [loading && _jsx(Spinner, { size: 16, className: "inline-block w-1em h-1em" }), children] })));
+});
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAwB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAiBlD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC/B,SAAS,MAAM,CACd,EAWC,EACD,GAAG;QAZH,EACC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,OAER,EADG,KAAK,cAVT,yGAWC,CADQ;IAIT,OAAO,CACN,gCACC,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,QAAQ,EAAE,QAAQ,IAAI,OAAO,mBACd,gBAAgB,EAC/B,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,UAAU,CACpB,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACnD,SAAS,CACT,iBAEA,OAAO,IAAI,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,QAAQ,KACD,CACT,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/esm/components/button/ConfirmedButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ButtonProps } from './Button.js';
+export interface ConfirmedButtonProps extends Omit<ButtonProps, 'onClick'> {
+    confirmText: string;
+    confirmTitle?: string;
+    confirmAction?: string;
+    cancelAction?: string;
+    onConfirm: () => void | Promise<any>;
+    skip?: boolean;
+}
+export declare function ConfirmedButton({ confirmText, confirmTitle, confirmAction, cancelAction, onConfirm, skip, ...rest }: ConfirmedButtonProps): JSX.Element;

package/dist/esm/components/button/ConfirmedButton.js

@@ -0,0 +1,36 @@
+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 { useCallback, useState } from 'react';
+import { Dialog, DialogActions, DialogClose, DialogContent, DialogTitle, DialogTrigger, } from '../dialog.js';
+import { P } from '../typography.js';
+import { Button } from './Button.js';
+export function ConfirmedButton(_a) {
+    var { confirmText, confirmTitle = 'Are you sure?', confirmAction = 'OK', cancelAction = 'Nevermind', onConfirm, skip } = _a, rest = __rest(_a, ["confirmText", "confirmTitle", "confirmAction", "cancelAction", "onConfirm", "skip"]);
+    const [open, setOpen] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const confirm = useCallback(async () => {
+        setLoading(true);
+        try {
+            await onConfirm();
+            setOpen(false);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [onConfirm]);
+    if (skip) {
+        return _jsx(Button, Object.assign({}, rest));
+    }
+    return (_jsxs(Dialog, Object.assign({ open: open, onOpenChange: setOpen }, { children: [_jsx(DialogTrigger, Object.assign({ asChild: true }, { children: _jsx(Button, Object.assign({}, rest)) })), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(DialogActions, { children: [_jsx(DialogClose, Object.assign({ asChild: true }, { children: _jsx(Button, { children: cancelAction }) })), _jsx(Button, Object.assign({ loading: loading, onClick: confirm, color: "primary" }, { children: confirmAction }))] })] })] })));
+}
+//# sourceMappingURL=ConfirmedButton.js.map

package/dist/esm/components/button/ConfirmedButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAWlD,MAAM,UAAU,eAAe,CAAC,EAQT;QARS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cAPwB,qFAQ/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI;YACH,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;SACf;gBAAS;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE;QACT,OAAO,KAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;KAC5B;IAED,OAAO,CACN,MAAC,MAAM,kBAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,iBACxC,KAAC,aAAa,kBAAC,OAAO,sBACrB,KAAC,MAAM,oBAAK,IAAI,EAAI,IACL,EAChB,MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,kBAAC,OAAO,sBACnB,KAAC,MAAM,cAAE,YAAY,GAAU,IAClB,EACd,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,gBACzD,aAAa,IACN,IACM,IACD,KACR,CACT,CAAC;AACH,CAAC"}

package/dist/esm/components/button/classes.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonProps } from './Button.jsx';
+export declare function getButtonClassName({ color, size, toggled, align, }: {
+    color?: ButtonProps['color'];
+    size?: ButtonProps['size'];
+    toggled?: boolean;
+    align?: ButtonProps['align'];
+}): string;

package/dist/esm/components/button/classes.js

@@ -0,0 +1,26 @@
+import classNames from 'classnames';
+export function getButtonClassName({ color, size, toggled, align, }) {
+    return classNames('layer-components:(px-4 py-3 bg-[var(--bg)] [--webkit-tap-highlight-color:transparent] [line-height:1] text-size-md font-sans border border-solid border-transparent rounded-lg cursor-pointer font-bold flex flex-row gap-1 items-center relative overflow-visible select-none all:transition duration-200 shadow-none whitespace-nowrap)', 'layer-components:hover:(bg-[var(--hover)] shadow-[0_0_0_6px_var(--hover)])', 'layer-components:focus:outline-off', 'layer-components:focus-visible:(outline-off shadow-[0_0_0_6px_var(--hover)])', 'layer-components:active:(shadow-[0_0_0_6px_var(--active)] bg-[var(--active)])', 'important:disabled:(opacity-50 cursor-default bg-[(--var-bg)] shadow-none)', 'important:[&[data-disabled=true]]:(opacity-50 cursor-default bg-[(--var-bg)] shadow-none)', colors[color !== null && color !== void 0 ? color : 'default'], `color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggled && toggledClass, align && aligns[align], 
+    // compound variants
+    color === 'ghost' && toggled && 'layer-variants:bg-primary-wash');
+}
+const colors = {
+    primary: `layer-variants:[&.color-primary]:([--bg:var(--color-primary-light)] [--hover:var(--color-primary)] [--active:var(--color-primary)] color-black border-black focus-visible:([--bg:var(--color-primary)]))`,
+    accent: `layer-variants:[&.color-accent]:([--bg:var(--color-accent-wash)] [--hover:var(--color-accent-light)] [--active:var(--color-accent-light)] color-black border-black focus-visible:([--bg:var(--color-accent-light)]))`,
+    default: `layer-variants:[&.color-default]:([--bg:var(--color-white)] [--hover:var(--color-gray-2)] [--active:var(--color-gray-3)] color-black border-black)`,
+    ghost: `layer-variants:[&.color-ghost]:([--bg:transparent] [--hover:var(--color-gray-blend)] [--active:var(--color-gray-dark-blend)] color-dark-blend hover:([--bg:var(--color-gray-blend)]) focus-visible:([--bg:var(--color-gray-blend)]))`,
+    destructive: `layer-variants:[&.color-destructive]:([--bg:var(--color-attention-light)] [--hover:var(--color-attention-light)] [--active:var(--color-attention-light)] border-black color-black hover:([--bg:var(--colors-attention)]))`,
+    ghostDestructive: `layer-variants:[&.color-ghostDestructive]:([--bg:transparent] [--hover:var(--color-attention-light)] [--active:var(-color-attention-light)] color-attention-dark)`,
+};
+const sizes = {
+    default: '',
+    small: 'layer-variants:[&.size-small]:(px-4 py-1 text-sm rounded-lg)',
+    icon: 'layer-variants:[&.size-icon]:(p-2 text-sm rounded-full)',
+};
+const toggledClass = 'hover:(filter-brightness-[1.1])';
+const aligns = {
+    start: 'self-start',
+    stretch: 'self-stretch',
+    end: 'self-end',
+};
+//# sourceMappingURL=classes.js.map

package/dist/esm/components/button/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,GAML;IACA,OAAO,UAAU,CAChB,2UAA2U,EAC3U,4EAA4E,EAC5E,oCAAoC,EACpC,8EAA8E,EAC9E,+EAA+E,EAC/E,4EAA4E,EAC5E,2FAA2F,EAC3F,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EAC7B,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,OAAO,IAAI,YAAY,EACvB,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO,IAAI,OAAO,IAAI,gCAAgC,CAChE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,0MAA0M;IACnN,MAAM,EAAE,sNAAsN;IAC9N,OAAO,EAAE,oJAAoJ;IAC7J,KAAK,EAAE,sOAAsO;IAC7O,WAAW,EAAE,2NAA2N;IACxO,gBAAgB,EAAE,mKAAmK;CACrL,CAAC;AAEF,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;IACrE,IAAI,EAAE,yDAAyD;CAC/D,CAAC;AAEF,MAAM,YAAY,GAAG,iCAAiC,CAAC;AAEvD,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}

package/dist/esm/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Button.js';
+export * from './ConfirmedButton.js';
+export * from './classes.js';

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

@@ -0,0 +1,4 @@
+export * from './Button.js';
+export * from './ConfirmedButton.js';
+export * from './classes.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export * from './button/index.js';

package/dist/esm/components/button.js

@@ -0,0 +1,2 @@
+export * from './button/index.js';
+//# sourceMappingURL=button.js.map

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

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

package/dist/esm/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+export declare function CheckboxIndicator({ children, className, ...props }: CheckboxPrimitive.CheckboxIndicatorProps): JSX.Element;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "value" | "form" | "slot" | "style" | "title" | "className" | "autoFocus" | "checked" | "disabled" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "type" | "asChild" | "required" | "onCheckedChange"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/checkbox/Checkbox.js

@@ -0,0 +1,27 @@
+'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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { forwardRef } from 'react';
+import { CheckIcon } from '@radix-ui/react-icons';
+import classNames from 'classnames';
+import { withClassName } from '../../hooks/withClassName.js';
+const CheckboxRoot = withClassName(CheckboxPrimitive.Root, classNames('layer-components:(w-28px h-28px flex-shrink-0 relative bg-white border-default transition rounded-[6px])', 'layer-components:focus-visible:(outline-off shadow-focus)', 'layer-components:[&[data-state=checked]]:(bg-primary-light border-primary-dark)', 'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]'));
+export function CheckboxIndicator(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx(CheckboxPrimitive.Indicator, Object.assign({ className: classNames('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(CheckIcon, { width: 18, height: 18 }) })));
+}
+export const Checkbox = forwardRef(function Checkbox(props, ref) {
+    return (_jsx(CheckboxRoot, Object.assign({ ref: ref }, props, { children: _jsx(CheckboxIndicator, {}) })));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,YAAY,GAAG,aAAa,CACjC,iBAAiB,CAAC,IAAI,EACtB,UAAU,CACT,0GAA0G,EAC1G,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,CACjF,CACD,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,UAAU,CACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAGhC,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC7B,OAAO,CACN,KAAC,YAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,KAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/esm/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox.js';

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

@@ -0,0 +1,2 @@
+export * from './Checkbox.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export * from './checkbox/index.js';

package/dist/esm/components/checkbox.js

@@ -0,0 +1,2 @@
+export * from './checkbox/index.js';
+//# sourceMappingURL=checkbox.js.map

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

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

package/dist/esm/components/collapsible/Collapsible.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & {
+    horizontal?: boolean | undefined;
+    both?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
+    horizontal?: boolean | undefined;
+    both?: boolean | undefined;
+}) => JSX.Element;

package/dist/esm/components/collapsible/Collapsible.js

@@ -0,0 +1,29 @@
+'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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { withClassName } from '../../hooks/withClassName.js';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export const CollapsibleRoot = CollapsiblePrimitive.Root;
+const CollapsibleContentBase = withClassName(CollapsiblePrimitive.Content, 'overflow-hidden animate-forwards', 'layer-components:[&[data-state=open]]:(animate-radix-collapsible-open-vertical animate-duration-300 animate-ease-springy) layer-components:[&[data-state=closed]]:(animate-radix-collapsible-close-vertical animate-duration-300 animate-ease-springy)', 'layer-variants:[&[data-horizontal][data-state=open]]:(animate-radix-collapsible-open-horizontal animate-duration-300 animate-ease-springy) layer-variants:[&[data-horizontal][data-state=closed]]:(animate-radix-collapsible-close-horizontal animate-duration-300 animate-ease-springy)', 'layer-variants:[&[data-both][data-state=open]]:(animate-radix-collapsible-open-both animate-duration-300 animate-ease-springy) layer-variants:[&[data-both][data-state=closed]]:(animate-radix-collapsible-close-both animate-duration-300 animate-ease-springy)');
+// specifically removing className... it's causing problems?
+export const CollapsibleContent = forwardRef(function CollapsibleContent(_a, ref) {
+    var { horizontal, both } = _a, props = __rest(_a, ["horizontal", "both"]);
+    return (_jsx(CollapsibleContentBase, Object.assign({ "data-horizontal": horizontal, "data-both": both }, props, { ref: ref })));
+});
+export const CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+export const CollapsibleSimple = (_a) => {
+    var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
+    return (_jsx(CollapsibleRoot, Object.assign({}, props, { children: _jsx(CollapsibleContent, Object.assign({ horizontal: horizontal, both: both }, { children: children })) })));
+};
+//# sourceMappingURL=Collapsible.js.map

package/dist/esm/components/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,aAAa,CAC3C,oBAAoB,CAAC,OAAO,EAC5B,kCAAkC,EAClC,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAM1C,SAAS,kBAAkB,CAAC,EAA8B,EAAE,GAAG;QAAnC,EAAE,UAAU,EAAE,IAAI,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IACzD,OAAO,CACN,KAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,KAAC,eAAe,oBAAK,KAAK,cACzB,KAAC,kBAAkB,kBAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,gBACpD,QAAQ,IACW,IACJ,CAClB,CAAA;CAAA,CAAC"}

package/dist/esm/components/collapsible/index.d.ts

@@ -0,0 +1 @@
+export * from './Collapsible.js';

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

@@ -0,0 +1,2 @@
+export * from './Collapsible.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export * from './collapsible/index.js';

package/dist/esm/components/collapsible.js

@@ -0,0 +1,2 @@
+export * from './collapsible/index.js';
+//# sourceMappingURL=collapsible.js.map

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

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

package/dist/esm/components/colorPicker/ColorPicker.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type ThemeName = 'lemon' | 'tomato' | 'leek' | 'blueberry' | 'eggplant';
+export interface ColorPickerProps {
+    value: ThemeName | null;
+    onChange: (value: ThemeName) => void;
+}
+export declare function ColorPicker({ value, onChange }: ColorPickerProps): JSX.Element;
+export declare function ColorSwatch({ value, children, }: {
+    value: ThemeName;
+    children?: ReactNode;
+}): JSX.Element;

package/dist/esm/components/colorPicker/ColorPicker.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../select/Select.jsx';
+import classNames from 'classnames';
+import { withClassName } from '../../hooks/withClassName.js';
+export function ColorPicker({ value, onChange }) {
+    const resolvedValue = [
+        'lemon',
+        'tomato',
+        'leek',
+        'blueberry',
+        'eggplant',
+    ].includes(value || '')
+        ? value
+        : 'lemon';
+    return (_jsxs(Select, Object.assign({ value: resolvedValue, onValueChange: onChange }, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, Object.assign({ className: "z-[calc(var(--z-dialog)+1)]" }, { children: [_jsxs(SelectItem, Object.assign({ value: "lemon" }, { children: [_jsx(ColorSwatch, { value: "lemon" }), _jsx(ItemLabel, { children: "Lemon" })] })), _jsxs(SelectItem, Object.assign({ value: "tomato" }, { children: [_jsx(ColorSwatch, { value: "tomato" }), _jsx(ItemLabel, { children: "Tomato" })] })), _jsxs(SelectItem, Object.assign({ value: "leek" }, { children: [_jsx(ColorSwatch, { value: "leek" }), _jsx(ItemLabel, { children: "Leek" })] })), _jsxs(SelectItem, Object.assign({ value: "blueberry" }, { children: [_jsx(ColorSwatch, { value: "blueberry" }), _jsx(ItemLabel, { children: "Blueberry" })] })), _jsxs(SelectItem, Object.assign({ value: "eggplant" }, { children: [_jsx(ColorSwatch, { value: "eggplant" }), _jsx(ItemLabel, { children: "Eggplant" })] }))] }))] })));
+}
+const ItemLabel = withClassName('span', 'display-none');
+export function ColorSwatch({ value, children, }) {
+    return (_jsx("div", Object.assign({ className: classNames('bg-primary w-16px h-16px rounded-sm', `theme-${value !== null && value !== void 0 ? value : 'lemon'}`) }, { children: children })));
+}
+//# sourceMappingURL=ColorPicker.js.map

package/dist/esm/components/colorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAoB;IAChE,MAAM,aAAa,GAAG;QACrB,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;KACV,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QACtB,CAAC,CAAE,KAAmB;QACtB,CAAC,CAAC,OAAO,CAAC;IAEX,OAAO,CACN,MAAC,MAAM,kBAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,iBACpD,KAAC,aAAa,cACb,KAAC,WAAW,KAAG,GACA,EAChB,MAAC,aAAa,kBAAC,SAAS,EAAC,6BAA6B,iBACrD,MAAC,UAAU,kBAAC,KAAK,EAAC,OAAO,iBACxB,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,wBAAkB,KAChB,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,QAAQ,iBACzB,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,KAAC,SAAS,yBAAmB,KACjB,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,MAAM,iBACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,KACf,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,WAAW,iBAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,4BAAsB,KACpB,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,UAAU,iBAC3B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,KAAC,SAAS,2BAAqB,KACnB,KACE,KACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,qCAAqC,EACrC,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC3B,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}

package/dist/esm/components/colorPicker/index.d.ts

@@ -0,0 +1 @@
+export * from './ColorPicker.js';

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

@@ -0,0 +1,2 @@
+export * from './ColorPicker.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export * from './colorPicker/index.js';

package/dist/esm/components/colorPicker.js

@@ -0,0 +1,2 @@
+export * from './colorPicker/index.js';
+//# sourceMappingURL=colorPicker.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as ContextMenu from '@radix-ui/react-context-menu';
+export declare const ContextMenuRoot: import("react").FC<ContextMenu.ContextMenuProps>;
+export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<Pick<ContextMenu.ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "key" | "children" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sticky" | "asChild" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onCloseAutoFocus" | "loop" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuArrow: import("react").FunctionComponent<ContextMenu.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ContextMenuItem: import("react").FunctionComponent<ContextMenu.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuTrigger: import("react").FunctionComponent<ContextMenu.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/contextMenu/contextMenu.js

@@ -0,0 +1,28 @@
+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 * as ContextMenu from '@radix-ui/react-context-menu';
+import { forwardRef } from 'react';
+import { withClassName } from '../../hooks/withClassName.js';
+import classNames from 'classnames';
+export const ContextMenuRoot = ContextMenu.Root;
+export const ContextMenuContent = forwardRef(function Content(_a, ref) {
+    var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
+    return (_jsx(ContextMenu.Portal, { children: _jsx(ContextMenu.Content, Object.assign({ className: classNames('min-w-120px bg-white rounded-md border-default overflow-hidden p-2 shadow-md z-menu', className), onClick: (ev) => {
+                ev.stopPropagation();
+                onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+            }, ref: ref }, props)) }));
+});
+export const ContextMenuArrow = withClassName(ContextMenu.Arrow, 'fill-white');
+export const ContextMenuItem = withClassName(ContextMenu.Item, 'flex items-center py-1 px-2 relative pl-25px select-none outline-none cursor-pointer', 'hover:bg-gray2 [&[data-highlighted=true]]:bg-gray2 [&[data-disabled=true]]:(opacity-50 cursor-default) disabled:(opacity-50 cursor-default)');
+export const ContextMenuTrigger = withClassName(ContextMenu.Trigger, '');
+//# sourceMappingURL=contextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,WAAW,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,SAAS,OAAO,CAAC,EAAgC,EAAE,GAAG;QAArC,EAAE,SAAS,EAAE,OAAO,OAAY,EAAP,KAAK,cAA9B,wBAAgC,CAAF;IAChD,OAAO,CACN,KAAC,WAAW,CAAC,MAAM,cAClB,KAAC,WAAW,CAAC,OAAO,kBACnB,SAAS,EAAE,UAAU,CACpB,qFAAqF,EACrF,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;YACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,EACR,GACkB,CACrB,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,WAAW,CAAC,IAAI,EAChB,sFAAsF,EACtF,6IAA6I,CAC7I,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export * from './contextMenu/contextMenu.js';

package/dist/esm/components/contextMenu.js

@@ -0,0 +1,2 @@
+export * from './contextMenu/contextMenu.js';
+//# sourceMappingURL=contextMenu.js.map

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

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