@a-type/ui 2.6.2 → 2.7.0

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

@@ -1,6 +1,9 @@
 import { ButtonHTMLAttributes, Ref } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'default' | 'ghost' | 'destructive' | 'ghostDestructive' | 'ghostAccent' | 'accent' | 'contrast' | 'unstyled';
+    /**
+     * icon and icon-small are deprecated.
+     */
     size?: 'default' | 'small' | 'icon' | 'icon-small';
     toggled?: boolean;
     toggleMode?: 'color-and-indicator' | 'color' | 'indicator' | 'state-only';
@@ -11,4 +14,14 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     visuallyFocused?: boolean;
     ref?: Ref<HTMLButtonElement>;
 }
-export declare function Button({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
+    value: boolean;
+}>;
+export declare const ButtonIcon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const Button: typeof ButtonRoot & {
+    ToggleIndicator: import("react").NamedExoticComponent<{
+        value: boolean;
+    }>;
+    Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+};

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

@@ -15,18 +15,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = Button;
+exports.Button = exports.ButtonIcon = exports.ButtonToggleIndicator = void 0;
+exports.ButtonRoot = ButtonRoot;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_slot_1 = require("@radix-ui/react-slot");
 const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
+const react_1 = require("motion/react");
+const react_2 = require("react");
+const hooks_js_1 = require("../../hooks.js");
+const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
+const IconLoadingContext_js_1 = require("../icon/IconLoadingContext.js");
 const index_js_1 = require("../icon/index.js");
 const index_js_2 = require("../spinner/index.js");
 const classes_js_1 = require("./classes.js");
-function Button(_a) {
+function ButtonRoot(_a) {
     var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "ref"]);
     const Comp = asChild ? react_slot_1.Slot : 'button';
-    const buttonProps = Object.assign(Object.assign({ ref: ref }, props), { disabled: disabled || loading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, clsx_1.default)((0, classes_js_1.getButtonClassName)({
+    const isFormSubmitting = false;
+    const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
+    const isLoading = loading || isSubmitLoading;
+    const finalRef = (0, useMergedRef_js_1.default)(useAnnotateWithChildParts(), ref);
+    const buttonProps = Object.assign(Object.assign({ ref: finalRef }, props), { disabled: disabled || isLoading, 'data-disabled': visuallyDisabled, 'data-focus': visuallyFocused, 'data-size': size, 'data-loading': isLoading, tabIndex: visuallyDisabled ? -1 : undefined, className: (0, clsx_1.default)((0, classes_js_1.getButtonClassName)({
             color,
             size,
             toggleable: toggled !== undefined &&
@@ -37,17 +46,84 @@ function Button(_a) {
     if (toggled !== undefined) {
         buttonProps['aria-pressed'] = !!toggled;
     }
+    // for asChild, no need to do the rest of this stuff.
     if (asChild) {
         // avoid rendering loading spinner with asChild
         return (0, jsx_runtime_1.jsx)(Comp, Object.assign({}, buttonProps, { children: children }));
     }
-    return ((0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { children: [loading && (0, jsx_runtime_1.jsx)(index_js_2.Spinner, { size: 16, className: "inline-block w-1em h-1em" }), toggled !== undefined &&
-                (toggleMode === 'indicator' ||
-                    toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(ToggleIndicator, { value: toggled })), children] })));
+    // wrap and inspect children
+    let hasLabel = false;
+    let hasIcon = false;
+    const wrappedChildren = react_2.Children.toArray(children).map((child, index) => {
+        if (child && typeof child === 'object' && 'type' in child) {
+            const isIcon = child.type === index_js_1.Icon || child.type;
+            if (isIcon) {
+                hasIcon = true;
+                return child; // return icon as is
+            }
+        }
+        hasLabel = true; // mark that we have a label
+        if ((!!child && typeof child === 'string') || typeof child === 'number') {
+            return ((0, jsx_runtime_1.jsx)("span", { "data-auto-wrapped-label": true, className: "flex", children: child }, `text-${index}`));
+        }
+        return child;
+    });
+    return ((0, jsx_runtime_1.jsx)(IconLoadingContext_js_1.IconLoadingProvider, { value: isLoading, children: (0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { "data-has-icon": String(hasIcon || isLoading), "data-has-label": String(hasLabel), children: [(0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: isLoading && !hasIcon && ((0, jsx_runtime_1.jsx)(react_1.motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: "flex-shrink-0 inline-block overflow-hidden my-auto flex", children: (0, jsx_runtime_1.jsx)(index_js_2.Spinner, { size: 15, className: "inline-block w-1em h-1em" }) }, "spinner")) }), toggled !== undefined &&
+                    (toggleMode === 'indicator' ||
+                        toggleMode === 'color-and-indicator') && ((0, jsx_runtime_1.jsx)(exports.ButtonToggleIndicator, { value: toggled })), wrappedChildren] })) }));
 }
-const ToggleIndicator = (0, react_1.memo)(function ToggleIndicator({ value, }) {
+exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ value, }) {
     return ((0, jsx_runtime_1.jsx)(index_js_1.Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
             width: value ? '15px' : 0,
         } }));
 });
+// allows custom icons to trigger icon button behavior
+exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0 inline-block');
+exports.Button = Object.assign(ButtonRoot, {
+    ToggleIndicator: exports.ButtonToggleIndicator,
+    Icon: exports.ButtonIcon,
+});
+function useAnnotateWithChildParts() {
+    const mutationObserver = (0, react_2.useState)(() => {
+        if (typeof window === 'undefined')
+            return null;
+        return new MutationObserver((entries) => {
+            applyPartAttributes(entries[0].target);
+        });
+    })[0];
+    const ref = (0, react_2.useCallback)((node) => {
+        if (node && mutationObserver) {
+            mutationObserver.disconnect();
+            mutationObserver.observe(node, { childList: true, subtree: true });
+            applyPartAttributes(node);
+        }
+        else if (mutationObserver) {
+            mutationObserver.disconnect();
+        }
+    }, [mutationObserver]);
+    return ref;
+}
+function applyPartAttributes(button) {
+    // each child node that's not an icon counts as a label
+    const registry = {
+        icon: 0,
+        label: 0,
+    };
+    button.childNodes.forEach((child) => {
+        if (!(child instanceof HTMLElement || child instanceof SVGElement))
+            return;
+        if (child.style.display === 'none' || child.style.width === '0')
+            return; // skip hidden elements
+        if ((child instanceof HTMLElement || child instanceof SVGElement) &&
+            child.classList.contains('icon')) {
+            registry.icon++;
+        }
+        else {
+            registry.label++;
+        }
+    });
+    button.setAttribute('data-has-icon', String(registry.icon > 0));
+    button.setAttribute('data-has-label', String(registry.label > 0));
+    button.setAttribute('data-icon-count', String(registry.icon));
+}
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA6BA,wBA0DC;;AAvFD,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAAwD;AACxD,+CAAwC;AACxC,kDAA8C;AAC9C,6CAAkD;AAwBlD,SAAgB,MAAM,CAAC,EAeT;QAfS,EACtB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,qBAAqB,EAClC,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,OAEU,EADV,KAAK,cAdc,4JAetB,CADQ;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,WAAW,iCAChB,GAAG,EAAE,GAAG,IACL,KAAK,KACR,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,eAAe,EAAE,gBAAgB,EACjC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,IAAA,cAAU,EACpB,IAAA,+BAAkB,EAAC;YAClB,KAAK;YACL,IAAI;YACJ,UAAU,EACT,OAAO,KAAK,SAAS;gBACrB,CAAC,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,qBAAqB,CAAC;YACjE,KAAK;SACL,CAAC,EACF,SAAS,CACT,GACD,CAAC;IACF,4BAA4B;IAC5B,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;IACzC,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACb,+CAA+C;QAC/C,OAAO,uBAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;IACjD,CAAC;IAED,OAAO,CACN,wBAAC,IAAI,oBAAK,WAAW,eACnB,OAAO,IAAI,uBAAC,kBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,OAAO,KAAK,SAAS;gBACrB,CAAC,UAAU,KAAK,WAAW;oBAC1B,UAAU,KAAK,qBAAqB,CAAC,IAAI,CACzC,uBAAC,eAAe,IAAC,KAAK,EAAE,OAAO,GAAI,CACnC,EACD,QAAQ,KACH,CACP,CAAC;AACH,CAAC;AAED,MAAM,eAAe,GAAG,IAAA,YAAI,EAAC,SAAS,eAAe,CAAC,EACrD,KAAK,GAGL;IACA,OAAO,CACN,uBAAC,eAAI,yBAEJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;YACN,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACzB,GACA,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/button/Button.stories.d.ts

@@ -2,7 +2,12 @@ import type { StoryObj } from '@storybook/react';
 import { Button } from './Button.js';
 declare const meta: {
     title: string;
-    component: typeof Button;
+    component: typeof import("./Button.js").ButtonRoot & {
+        ToggleIndicator: import("react").NamedExoticComponent<{
+            value: boolean;
+        }>;
+        Icon: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    };
     argTypes: {};
     parameters: {
         controls: {
@@ -11,11 +16,19 @@ declare const meta: {
     };
     args: {
         children: string;
+        loading: false;
+        color: "default";
+        size: "default";
+        visuallyDisabled: false;
+        disabled: false;
+        visuallyFocused: false;
     };
 };
 export default meta;
 type Story = StoryObj<typeof Button>;
 export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const IconOnly: Story;
 export declare const Toggled: Story;
 export declare const Alignment: Story;
 export declare const ConfirmedButtonDemo: Story;

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

@@ -1,9 +1,10 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.Default = void 0;
+exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.IconOnly = exports.WithIcon = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const Box_js_1 = require("../box/Box.js");
 const index_js_1 = require("../icon/index.js");
 const Button_js_1 = require("./Button.js");
 const ConfirmedButton_js_1 = require("./ConfirmedButton.js");
@@ -16,10 +17,30 @@ const meta = {
     },
     args: {
         children: 'Button',
+        loading: false,
+        color: 'default',
+        size: 'default',
+        visuallyDisabled: false,
+        disabled: false,
+        visuallyFocused: false,
     },
 };
 exports.default = meta;
-exports.Default = {};
+exports.Default = {
+    render: (args) => {
+        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args)), (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({}, args, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small" }))] }));
+    },
+};
+exports.WithIcon = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), "Iconic"] })),
+    },
+};
+exports.IconOnly = {
+    args: {
+        children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }),
+    },
+};
 exports.Toggled = {
     render: (args) => {
         const [on, setOn] = (0, react_1.useState)(false);
@@ -28,13 +49,13 @@ exports.Toggled = {
     },
 };
 exports.Alignment = {
-    render() {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "icon-small", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { size: "icon", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) })] })] }));
+    render(args) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small" }, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small" }, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] })] }));
     },
 };
 exports.ConfirmedButtonDemo = {
-    render() {
-        return ((0, jsx_runtime_1.jsx)(ConfirmedButton_js_1.ConfirmedButton, { confirmText: "Are you sure?", confirmTitle: "Confirm", onConfirm: () => console.log('confirmed'), children: "Confirm" }));
+    render(args) {
+        return ((0, jsx_runtime_1.jsx)(ConfirmedButton_js_1.ConfirmedButton, Object.assign({ confirmText: "Are you sure?", confirmTitle: "Confirm", onConfirm: () => console.log('confirmed') }, args, { children: "Confirm" })));
     },
 };
 //# sourceMappingURL=Button.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,+CAAwC;AACxC,2CAAqC;AACrC,6DAAuD;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,uBAAC,kBAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,MAAM;QACL,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,EACpC,uBAAC,kBAAM,IAAC,IAAI,EAAC,YAAY,YACxB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,EACN,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,IAAC,IAAI,EAAC,MAAM,YAClB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACnB,IACJ,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACzC,MAAM;QACL,OAAO,CACN,uBAAC,oCAAe,IACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,wBAGxB,CAClB,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,0CAAoC;AACpC,+CAAwC;AACxC,2CAAqC;AACrC,6DAAuD;AAEvD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,gBAAgB,EAAE,KAAK;QACvB,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,KAAK;KACtB;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,uBAAC,kBAAM,oBAAK,IAAI,EAAI,EACpB,wBAAC,kBAAM,oBAAK,IAAI,IAAE,KAAK,EAAC,SAAS,aAChC,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EAC1B,IAAI,CAAC,QAAQ,KACN,EACT,uBAAC,kBAAM,oBAAK,IAAI,IAAE,IAAI,EAAC,OAAO,IAAG,IAC5B,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,cAEzB,CACH;KACD;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,QAAQ,EAAE,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG;KACrC;CACD,CAAC;AAEW,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,uBAAC,kBAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,IAAK,IAAI,0BAEpB,EACT,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,IAAK,IAAI,cAC5B,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IACnB,IACJ,EACN,iCAAK,SAAS,EAAC,oBAAoB,aAClC,uBAAC,kBAAM,oBAAK,IAAI,0BAAiB,EACjC,uBAAC,kBAAM,oBAAK,IAAI,cACf,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IACnB,IACJ,IACD,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACzC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,uBAAC,oCAAe,kBACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,IACrC,IAAI,2BAGS,CAClB,CAAC;IACH,CAAC;CACD,CAAC"}

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

@@ -1,5 +1,5 @@
-import type { ButtonProps } from './Button.jsx';
-export declare function getButtonClassName({ color, size, toggleable, align, }: {
+import { type ButtonProps } from './Button.jsx';
+export declare function getButtonClassName({ color, size: rawSize, toggleable, align, }: {
     color?: ButtonProps['color'];
     size?: ButtonProps['size'];
     toggleable?: boolean;

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

@@ -7,8 +7,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonColorClasses = void 0;
 exports.getButtonClassName = getButtonClassName;
 const clsx_1 = __importDefault(require("clsx"));
-function getButtonClassName({ color, size, toggleable, align, }) {
-    return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align], 
+const sizeMap = {
+    default: 'default',
+    small: 'small',
+    icon: 'default',
+    'icon-small': 'small',
+};
+function getButtonClassName({ color, size: rawSize, toggleable, align, }) {
+    const size = sizeMap[rawSize !== null && rawSize !== void 0 ? rawSize : 'default'];
+    return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align], 
     // compound variants
     color === 'ghost' &&
         toggleable &&
@@ -17,7 +24,7 @@ function getButtonClassName({ color, size, toggleable, align, }) {
 const colors = {
     primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary)] layer-variants:[&.btn-color-primary]:shadow-sm layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-primary-dark`,
     accent: `layer-variants:[&.btn-color-accent]:[--bg-neutral:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:shadow-sm layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-accent-dark`,
-    default: `layer-variants:[&.btn-color-default]:[--bg-neutral:var(--color-white)] layer-variants:[&.btn-color-default]:[--bg:var(--color-gray-light)] layer-variants:[&.btn-color-default]:shadow-sm layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-gray-dark`,
+    default: `layer-variants:[&.btn-color-default]:[--bg-neutral:var(--color-white)] layer-variants:[&.btn-color-default]:[--bg:var(--color-gray)] layer-variants:[&.btn-color-default]:shadow-sm layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-gray-dark layer-variants:[&.btn-color-default]:focus-visible:bg-lighten-1 layer-variants:[&.btn-color-default]:hover:bg-lighten-1`,
     ghost: `layer-variants:[&.btn-color-ghost]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghost]:[--bg:oklch(from_var(--color-gray)_l_c_h/50%)] layer-variants:[&.btn-color-ghost]:color-dark-blend`,
     destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention)] layer-variants:[&.btn-color-destructive]:shadow-sm layer-variants:[&.btn-color-destructive]:border-attention-dark layer-variants:[&.btn-color-destructive]:color-black`,
     ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghostDestructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:color-attention-dark layer-variants:[&.btn-color-ghostDestructive]:hover:color-black layer-variants:[&.btn-color-ghostDestructive]:focus-visible:color-black`,
@@ -27,10 +34,8 @@ const colors = {
 };
 exports.buttonColorClasses = colors;
 const sizes = {
-    default: '',
-    small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-md',
-    icon: 'layer-variants:[&.size-icon]:p-2.35 layer-variants:[&.size-icon]:text-sm layer-variants:[&.size-icon]:rounded-lg',
-    'icon-small': 'layer-variants:[&.size-icon-small]:p-2 layer-variants:[&.size-icon-small]:text-xs layer-variants:[&.size-icon-small]:rounded-lg layer-variants:[&.size-icon-small]:-m-y-0.5',
+    default: 'layer-variants:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-variants:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-variants:[&[data-has-icon=true][data-has-label=false]]:rounded-lg',
+    small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-md layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:p-2 layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:text-xs layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:rounded-lg layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:-m-y-0.5',
 };
 const toggledClass = 'layer-variants:bg-transparent layer-variants:aria-pressed:bg-[var(--bg)] layer-variants:hover:(filter-brightness-[1.1])';
 const aligns = {

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

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAGA,gDA+BC;AAlCD,gDAA8B;AAG9B,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,KAAK,GAML;IACA,OAAO,IAAA,cAAU,EAChB,iWAAiW,EACjW,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,4FAA4F,EAC5F,iGAAiG,EACjG,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,gJAAgJ;IACzJ,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,sHAAsH;IACnI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,ySAAyS;CACnT,CAAC;AACW,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;IACrE,IAAI,EAAE,0DAA0D;IAChE,YAAY,EACX,sEAAsE;CACvE,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAUA,gDAiCC;AA3CD,gDAAwB;AAGxB,MAAM,OAAO,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,OAAO;CACyB,CAAC;AAEhD,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EAAE,OAAO,EACb,UAAU,EACV,KAAK,GAML;IACA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,CAAC;IAE3C,OAAO,IAAA,cAAI,EACV,kWAAkW,EAClW,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,4FAA4F,EAC5F,iGAAiG,EACjG,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,wLAAwL;IACjM,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,sHAAsH;IACnI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,ySAAyS;CACnT,CAAC;AACW,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EACN,0FAA0F;IAC3F,KAAK,EACJ,wKAAwK;CACzK,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}

package/dist/cjs/components/camera/Camera.js

@@ -160,14 +160,14 @@ const CameraDeviceSelector = (props) => {
     if (!devices.length || devices.length === 1)
         return null;
     if (devices.length === 2) {
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", className: "absolute bottom-2 left-2 color-white", onClick: swapCamera, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }));
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", className: "absolute bottom-2 left-2 color-white", onClick: swapCamera, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)(index_js_3.Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [(0, jsx_runtime_1.jsx)(index_js_3.Select.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", className: "absolute bottom-2 left-2 color-white", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }) }), (0, jsx_runtime_1.jsx)(index_js_3.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(index_js_3.SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
+    return ((0, jsx_runtime_1.jsxs)(index_js_3.Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [(0, jsx_runtime_1.jsx)(index_js_3.Select.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", className: "absolute bottom-2 left-2 color-white", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) }) }), (0, jsx_runtime_1.jsx)(index_js_3.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(index_js_3.SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
 };
 exports.CameraDeviceSelector = CameraDeviceSelector;
 const CameraFullscreenButton = (props) => {
     const { setFullscreen, fullscreen } = (0, react_1.useContext)(CameraContext);
-    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({}, props, { size: "icon", color: "ghost", className: "absolute top-2 right-2 color-white", onClick: () => setFullscreen(!fullscreen), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({}, props, { color: "ghost", className: "absolute top-2 right-2 color-white", onClick: () => setFullscreen(!fullscreen), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
 };
 exports.CameraFullscreenButton = CameraFullscreenButton;
 const CameraBase = (props) => {

package/dist/cjs/components/camera/Camera.js.map

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

package/dist/cjs/components/card/Card.d.ts

@@ -24,8 +24,8 @@ export declare const CardFooter: import("react").FunctionComponent<import("react
 export declare const CardActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const CardMenu: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const cardGridColumns: {
-    default: (size: number) => 1 | 2 | 3;
-    small: (size: number) => 1 | 2 | 3 | 4;
+    default: (size: number) => 2 | 1 | 3;
+    small: (size: number) => 2 | 1 | 4 | 3;
 };
 export declare const CardGrid: ({ children, className, columns, gap, }: MasonryProps) => import("react/jsx-runtime.js").JSX.Element;
 export declare const Card: import("react").FunctionComponent<import("../box/Box.js").BoxProps> & {

package/dist/cjs/components/card/Card.stories.js

@@ -18,19 +18,19 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)("div", { className: "row items-stretch", children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "min-h-20vh", children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardImage, { asChild: true, children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), (0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => alert('clicked'), children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] }), (0, jsx_runtime_1.jsxs)(Card_js_1.CardFooter, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon-small", color: "primary", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardMenu, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon-small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "dots" }) }) })] })] })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => alert('clicked'), children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title which is very long and would normally wrap" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { unstyled: true, children: "Styling optional" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon-small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] }))] })),
+    render: (args) => ((0, jsx_runtime_1.jsxs)("div", { className: "row items-stretch", children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "min-h-20vh", children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardImage, { asChild: true, children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), (0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => alert('clicked'), children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] }), (0, jsx_runtime_1.jsxs)(Card_js_1.CardFooter, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", color: "primary", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardMenu, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "dots" }) }) })] })] })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => alert('clicked'), children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title which is very long and would normally wrap" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { unstyled: true, children: "Styling optional" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] }))] })),
 };
 exports.Compact = {
-    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { compact: true, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon-small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { compact: true, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
 };
 exports.NonInteractive = {
-    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
 };
 exports.AsChild = {
-    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { asChild: true, children: (0, jsx_runtime_1.jsxs)("a", { href: "#here", children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { asChild: true, children: (0, jsx_runtime_1.jsxs)("a", { href: "#here", children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
 };
 exports.AsChildNonInteractive = {
-    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { asChild: true, nonInteractive: true, children: (0, jsx_runtime_1.jsxs)("button", { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { asChild: true, nonInteractive: true, children: (0, jsx_runtime_1.jsxs)("button", { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
 };
 exports.Grid = {
     render: () => {
@@ -54,11 +54,11 @@ function GridCard({ size, remove, resize, }) {
     return ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { style: { height: size }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { children: (0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: size }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", onClick: remove, children: "Delete" }), resize && ((0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", onClick: resize, children: "Resize" }))] }) })] }));
 }
 exports.VisuallyFocused = {
-    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { visuallyFocused: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { visuallyFocused: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })),
 };
 exports.CardsInBox = {
     render() {
-        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { container: true, p: true, gap: true, children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "icon", color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })] }));
+        return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { container: true, p: true, gap: true, children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", children: "Button" }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) })] }) })] })] }));
     },
 };
 //# sourceMappingURL=Card.stories.js.map

package/dist/cjs/components/card/Card.stories.js.map

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

package/dist/cjs/components/datePicker/DatePicker.js

@@ -34,10 +34,10 @@ function DatePicker(_a) {
         month: 'long',
         year: 'numeric',
     });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('flex flex-col items-center justify-center w-[calc(var(--day-size,32px)*7)]', className) }, rest, { children: [(0, jsx_runtime_1.jsxs)(MonthRow, { children: [(0, jsx_runtime_1.jsx)(MonthButton, { size: "icon", color: "ghost", onClick: () => setDisplay((cur) => ({
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('flex flex-col items-center justify-center w-[calc(var(--day-size,32px)*7)]', className) }, rest, { children: [(0, jsx_runtime_1.jsxs)(MonthRow, { children: [(0, jsx_runtime_1.jsx)(MonthButton, { color: "ghost", onClick: () => setDisplay((cur) => ({
                             month: cur.month - 1,
                             year: cur.year,
-                        })), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) }), (0, jsx_runtime_1.jsx)(MonthLabel, { children: monthLabel }), (0, jsx_runtime_1.jsx)(MonthButton, { size: "icon", color: "ghost", onClick: () => setDisplay((cur) => ({
+                        })), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) }), (0, jsx_runtime_1.jsx)(MonthLabel, { children: monthLabel }), (0, jsx_runtime_1.jsx)(MonthButton, { color: "ghost", onClick: () => setDisplay((cur) => ({
                             month: cur.month + 1,
                             year: cur.year,
                         })), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowRight" }) })] }), (0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, { displayMonth: month, displayYear: year, value: value, onChange: onChange, onDisplayChange: setDisplay, children: (0, jsx_runtime_1.jsxs)(CalendarGrid, { children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, { children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) })] }) })] })));
@@ -76,10 +76,10 @@ function DateRangePicker({ value, onChange, className, }) {
             year: newYear,
         });
     }, [month, year]);
-    return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, { displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: (0, clsx_1.default)('flex justify-center', className), children: (0, jsx_runtime_1.jsxs)(RangeLayout, { children: [(0, jsx_runtime_1.jsx)(MonthButton, { size: "icon", color: "ghost", className: "[grid-area:prevMonth]", onClick: () => setDisplay((cur) => ({
+    return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, { displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: (0, clsx_1.default)('flex justify-center', className), children: (0, jsx_runtime_1.jsxs)(RangeLayout, { children: [(0, jsx_runtime_1.jsx)(MonthButton, { color: "ghost", className: "[grid-area:prevMonth]", onClick: () => setDisplay((cur) => ({
                         month: cur.month - 1,
                         year: cur.year,
-                    })), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) }), (0, jsx_runtime_1.jsx)(MonthLabel, { className: "[grid-area:leftMonth]", children: monthLabel }), (0, jsx_runtime_1.jsx)(MonthLabel, { className: "[grid-area:rightMonth] !hidden !sm:block", children: nextMonthLabel }), (0, jsx_runtime_1.jsx)(MonthButton, { size: "icon", color: "ghost", className: "[grid-area:nextMonth]", onClick: () => setDisplay((cur) => ({
+                    })), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowLeft" }) }), (0, jsx_runtime_1.jsx)(MonthLabel, { className: "[grid-area:leftMonth]", children: monthLabel }), (0, jsx_runtime_1.jsx)(MonthLabel, { className: "[grid-area:rightMonth] !hidden !sm:block", children: nextMonthLabel }), (0, jsx_runtime_1.jsx)(MonthButton, { color: "ghost", className: "[grid-area:nextMonth]", onClick: () => setDisplay((cur) => ({
                         month: cur.month + 1,
                         year: cur.year,
                     })), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "arrowRight" }) }), (0, jsx_runtime_1.jsxs)(CalendarGrid, { className: "[grid-area:leftGrid]", children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, { children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) })] }), (0, jsx_runtime_1.jsxs)(CalendarGrid, { className: "[grid-area:rightGrid] !hidden !sm:grid", children: [(0, jsx_runtime_1.jsx)(DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, { monthOffset: 1, children: (value) => (0, jsx_runtime_1.jsx)(CalendarDay, { value: value }, value.key) })] })] }) }));

package/dist/cjs/components/datePicker/DatePicker.js.map

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