@a-type/ui 0.1.2 → 0.1.4

package/dist/cjs/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/cjs/components/actions/ActionBar.js

@@ -0,0 +1,26 @@
+"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.ActionBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+function ActionBar(_a) {
+    var { children, className, wrap } = _a, rest = __rest(_a, ["children", "className", "wrap"]);
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: null }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('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: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('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 })) })) })));
+}
+exports.ActionBar = ActionBar;
+//# sourceMappingURL=ActionBar.js.map

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

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

package/dist/cjs/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/cjs/components/actions/ActionButton.js

@@ -0,0 +1,48 @@
+"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 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const Button_js_1 = require("../button/Button.js");
+const collapsible_js_1 = require("../collapsible.js");
+exports.ActionButton = (0, react_1.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] = (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)(collapsible_js_1.CollapsibleRoot, Object.assign({ open: !visible ? false : render }, { children: (0, jsx_runtime_1.jsx)(collapsible_js_1.CollapsibleContent, Object.assign({ "data-horizontal": true }, { children: (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({ ref: ref, size: "small", className: (0, classnames_1.default)('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/cjs/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,4DAAoC;AACpC,iCAA2E;AAC3E,mDAA0D;AAC1D,sDAAwE;AAO3D,QAAA,YAAY,GAAG,IAAA,kBAAU,EACrC,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,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,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,uBAAC,gCAAe,kBAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,gBAC/C,uBAAC,mCAAkB,yDAClB,wBAAC,kBAAM,kBACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,oBAAU,EACpB,sHAAsH,EACtH,gBAAgB,EAChB,SAAS,CACT,IACG,IAAI,eAEP,IAAI,EACJ,QAAQ,KACD,IACW,IACJ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}

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

@@ -0,0 +1,19 @@
+"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

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

package/dist/cjs/components/actions.js

@@ -0,0 +1,18 @@
+"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("./actions/index.js"), exports);
+//# sourceMappingURL=actions.js.map

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

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

package/dist/cjs/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/cjs/components/button/Button.js

@@ -0,0 +1,27 @@
+"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.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const spinner_js_1 = require("../spinner.js");
+const classes_js_1 = require("./classes.js");
+exports.Button = (0, react_1.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 ((0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: ref }, props, { disabled: disabled || loading, "data-disabled": visuallyDisabled, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, classnames_1.default)((0, classes_js_1.getButtonClassName)({ color, size, toggled, align }), className) }, { children: [loading && (0, jsx_runtime_1.jsx)(spinner_js_1.Spinner, { size: 16, className: "inline-block w-1em h-1em" }), children] })));
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAAyD;AACzD,8CAAwC;AACxC,6CAAkD;AAiBrC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC/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,kDACC,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,IAAA,oBAAU,EACpB,IAAA,+BAAkB,EAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EACnD,SAAS,CACT,iBAEA,OAAO,IAAI,uBAAC,oBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,QAAQ,KACD,CACT,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/cjs/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/cjs/components/button/ConfirmedButton.js

@@ -0,0 +1,40 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmedButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dialog_js_1 = require("../dialog.js");
+const typography_js_1 = require("../typography.js");
+const Button_js_1 = require("./Button.js");
+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] = (0, react_1.useState)(false);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const confirm = (0, react_1.useCallback)(async () => {
+        setLoading(true);
+        try {
+            await onConfirm();
+            setOpen(false);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [onConfirm]);
+    if (skip) {
+        return (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest));
+    }
+    return ((0, jsx_runtime_1.jsxs)(dialog_js_1.Dialog, Object.assign({ open: open, onOpenChange: setOpen }, { children: [(0, jsx_runtime_1.jsx)(dialog_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)) })), (0, jsx_runtime_1.jsxs)(dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(dialog_js_1.DialogTitle, { children: confirmTitle }), (0, jsx_runtime_1.jsx)(typography_js_1.P, { children: confirmText }), (0, jsx_runtime_1.jsxs)(dialog_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(dialog_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: cancelAction }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ loading: loading, onClick: confirm, color: "primary" }, { children: confirmAction }))] })] })] })));
+}
+exports.ConfirmedButton = ConfirmedButton;
+//# sourceMappingURL=ConfirmedButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA8C;AAC9C,4CAOsB;AACtB,oDAAqC;AACrC,2CAAkD;AAWlD,SAAgB,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,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,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,uBAAC,kBAAM,oBAAK,IAAI,EAAI,CAAC;KAC5B;IAED,OAAO,CACN,wBAAC,kBAAM,kBAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,iBACxC,uBAAC,yBAAa,kBAAC,OAAO,sBACrB,uBAAC,kBAAM,oBAAK,IAAI,EAAI,IACL,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,cAAE,YAAY,GAAe,EACzC,uBAAC,iBAAC,cAAE,WAAW,GAAK,EACpB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,kBAAC,OAAO,sBACnB,uBAAC,kBAAM,cAAE,YAAY,GAAU,IAClB,EACd,uBAAC,kBAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,gBACzD,aAAa,IACN,IACM,IACD,KACR,CACT,CAAC;AACH,CAAC;AA5CD,0CA4CC"}

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getButtonClassName = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+function getButtonClassName({ color, size, toggled, align, }) {
+    return (0, classnames_1.default)('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');
+}
+exports.getButtonClassName = getButtonClassName;
+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/cjs/components/button/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AAGpC,SAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,GAMN;IACC,OAAO,IAAA,oBAAU,EACf,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,CACjE,CAAC;AACJ,CAAC;AA5BD,gDA4BC;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,0MAA0M;IACnN,MAAM,EAAE,sNAAsN;IAC9N,OAAO,EAAE,oJAAoJ;IAC7J,KAAK,EAAE,sOAAsO;IAC7O,WAAW,EAAE,2NAA2N;IACxO,gBAAgB,EAAE,mKAAmK;CACtL,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;IACrE,IAAI,EAAE,yDAAyD;CAChE,CAAC;AAEF,MAAM,YAAY,GAAG,iCAAiC,CAAC;AAEvD,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CAChB,CAAC"}

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

@@ -0,0 +1,20 @@
+"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("./Button.js"), exports);
+__exportStar(require("./ConfirmedButton.js"), exports);
+__exportStar(require("./classes.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,uDAAqC;AACrC,+CAA6B"}

package/dist/cjs/components/button.js

@@ -0,0 +1,18 @@
+"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("./button/index.js"), exports);
+//# sourceMappingURL=button.js.map

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

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

package/dist/cjs/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/cjs/components/checkbox/Checkbox.js

@@ -0,0 +1,57 @@
+"use strict";
+'use client';
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.Checkbox = exports.CheckboxIndicator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
+const react_1 = require("react");
+const react_icons_1 = require("@radix-ui/react-icons");
+const classnames_1 = __importDefault(require("classnames"));
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const CheckboxRoot = (0, withClassName_js_1.withClassName)(CheckboxPrimitive.Root, (0, classnames_1.default)('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)]'));
+function CheckboxIndicator(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, Object.assign({ className: (0, classnames_1.default)('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: 18, height: 18 }) })));
+}
+exports.CheckboxIndicator = CheckboxIndicator;
+exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(props, ref) {
+    return ((0, jsx_runtime_1.jsx)(CheckboxRoot, Object.assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/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,4EAA8D;AAC9D,iCAAmD;AACnD,uDAAkD;AAClD,4DAAoC;AACpC,mEAA6D;AAE7D,MAAM,YAAY,GAAG,IAAA,gCAAa,EACjC,iBAAiB,CAAC,IAAI,EACtB,IAAA,oBAAU,EACT,0GAA0G,EAC1G,2DAA2D,EAC3D,iFAAiF,EACjF,iFAAiF,CACjF,CACD,CAAC;AAEF,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,oBAAU,EACpB,8CAA8C,EAC9C,SAAS,CACT,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,uBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IACpB,CAC9B,CAAC;AACH,CAAC;AAhBD,8CAgBC;AAEY,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAGhC,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC7B,OAAO,CACN,uBAAC,YAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAChC,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,18 @@
+"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("./Checkbox.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/checkbox.js

@@ -0,0 +1,18 @@
+"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("./checkbox/index.js"), exports);
+//# sourceMappingURL=checkbox.js.map

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

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

package/dist/cjs/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/cjs/components/collapsible/Collapsible.js

@@ -0,0 +1,56 @@
+"use strict";
+'use client';
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
+exports.CollapsibleRoot = CollapsiblePrimitive.Root;
+const CollapsibleContentBase = (0, withClassName_js_1.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?
+exports.CollapsibleContent = (0, react_1.forwardRef)(function CollapsibleContent(_a, ref) {
+    var { horizontal, both } = _a, props = __rest(_a, ["horizontal", "both"]);
+    return ((0, jsx_runtime_1.jsx)(CollapsibleContentBase, Object.assign({ "data-horizontal": horizontal, "data-both": both }, props, { ref: ref })));
+});
+exports.CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+const CollapsibleSimple = (_a) => {
+    var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
+    return ((0, jsx_runtime_1.jsx)(exports.CollapsibleRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.CollapsibleContent, Object.assign({ horizontal: horizontal, both: both }, { children: children })) })));
+};
+exports.CollapsibleSimple = CollapsibleSimple;
+//# sourceMappingURL=Collapsible.js.map

package/dist/cjs/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,iCAAmC;AACnC,mEAA6D;AAC7D,kFAAoE;AAEvD,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,OAAO,EAC5B,kCAAkC,EAClC,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AAC/C,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAM1C,SAAS,kBAAkB,CAAC,EAA8B,EAAE,GAAG;QAAnC,EAAE,UAAU,EAAE,IAAI,OAAY,EAAP,KAAK,cAA5B,sBAA8B,CAAF;IACzD,OAAO,CACN,uBAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AACU,QAAA,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAExD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,kBAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,gBACpD,QAAQ,IACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B"}

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

@@ -0,0 +1,18 @@
+"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("./Collapsible.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/collapsible.js

@@ -0,0 +1,18 @@
+"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("./collapsible/index.js"), exports);
+//# sourceMappingURL=collapsible.js.map

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

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