npm - @a-type/ui - Versions diffs - 3.1.0 → 4.0.0-beta.1 - Mend

@a-type/ui 3.1.0 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (464) hide show

package/dist/cjs/components/icon/Icon.d.ts CHANGED Viewed

@@ -1,10 +1,14 @@
-import { HTMLAttributes } from 'react';
+import { UseRenderComponentProps } from '@base-ui/react/use-render';
 import { IconName } from './generated/iconNames.js';
-export interface IconProps extends HTMLAttributes<SVGSVGElement> {
+export interface IconProps extends UseRenderComponentProps<'svg', {
+    size: number;
+    name: IconName;
+    loading: boolean;
+}> {
     name: IconName;
     size?: number;
     loading?: boolean;
 }
-export declare const Icon: ({ ref, name, size, className, loading: loadingProp, ...rest }: IconProps & {
+export declare const Icon: ({ ref, name, size, className, loading: loadingProp, render, ...rest }: IconProps & {
     ref?: React.Ref<SVGSVGElement>;
 }) => import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/icon/Icon.js CHANGED Viewed

@@ -17,17 +17,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const use_render_1 = require("@base-ui/react/use-render");
 const clsx_1 = __importDefault(require("clsx"));
 const Spinner_js_1 = require("../spinner/Spinner.js");
 const IconLoadingContext_js_1 = require("./IconLoadingContext.js");
 const Icon = function Icon(_a) {
-    var { ref, name, size = 15, className, loading: loadingProp } = _a, rest = __rest(_a, ["ref", "name", "size", "className", "loading"]);
+    var { ref, name, size = 15, className, loading: loadingProp, render } = _a, rest = __rest(_a, ["ref", "name", "size", "className", "loading", "render"]);
     const loadingContext = (0, IconLoadingContext_js_1.useIconLoading)();
     const loading = loadingProp !== false && (loadingProp || loadingContext);
+    const slotted = (0, use_render_1.useRender)({
+        defaultTagName: 'svg',
+        ref,
+        props: Object.assign({ className: (0, clsx_1.default)('icon', 'flex-shrink-0 layer-components:fill-none', className), width: size, height: size, children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) }, rest),
+        state: {
+            size,
+            name,
+            loading,
+        },
+        render,
+    });
     if (loading) {
         return ((0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: size, className: (0, clsx_1.default)('icon inline-block flex-shrink-0', className) }));
     }
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0, clsx_1.default)('icon', 'flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) })));
+    return slotted;
 };
 exports.Icon = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/cjs/components/icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;~~AAE9B~~,sDAAgD;AAEhD,mEAAyD;~~AAQlD~~,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,~~EASjC~~;~~QATiC~~,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,EACT,OAAO,EAAE,WAAW,~~OAIpB~~,EAHG,IAAI,~~cAN0B,+CAOjC~~,CADO;IAIP,MAAM,cAAc,GAAG,IAAA,sCAAc,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,KAAK,KAAK,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;IAEzE,~~IAAI~~,OAAO,~~EAAE~~,~~CAAC;QACb~~,~~OAAO~~,~~CACN~~,~~uBAAC~~,~~oBAAO~~,~~IACP~~,~~IAAI~~,~~EAAE~~,~~IAAI~~,~~EACV,~~SAAS,EAAE,IAAA,cAAU,~~EAAC~~,~~iCAAiC~~,~~EAAE~~,~~SAAS~~,~~CAAC~~,~~GAClE~~,~~CACF~~,~~CAAC;IACH~~,~~CAAC;IAED~~,~~OAAO~~,~~CACN~~,~~8CACC~~,~~GAAG~~,EAAE,~~GAAG~~,~~EACR~~,~~SAAS~~,EAAE,~~IAAA~~,~~cAAU~~,~~EACpB~~,~~MAAM~~,~~EACN~~,~~0CAA0C~~,~~EAC1C~~,~~SAAS~~,~~CACT~~,~~EACD~~,KAAK,EAAE,IAAI,~~EACX~~,MAAM,EAAE,IAAI,~~IACR~~,IAAI,~~cAER~~,~~gCAAK,~~SAAS,EAAE,~~SAAS~~,~~IAAI~~,EAAE,~~GAAI~~,~~IAC9B~~,~~CACN~~,CAAC;~~AACH~~,CAAC,CAAC;~~AArCW~~,QAAA,IAAI,~~QAqCf~~"}
1	+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,0DAA+E;AAC/E,gDAA8B;AAC9B,sDAAgD;AAEhD,mEAAyD;AAYlD,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EAUjC;QAViC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,MAAM,OAIN,EAHG,IAAI,cAP0B,yDAQjC,CADO;IAIP,MAAM,cAAc,GAAG,IAAA,sCAAc,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,KAAK,KAAK,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,IAAA,sBAAS,EAAC;QACzB,cAAc,EAAE,KAAK;QACrB,GAAG;QACH,KAAK,kBACJ,SAAS,EAAE,IAAA,cAAU,EACpB,MAAM,EACN,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,gCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC1C,IAAI,CACP;QACD,KAAK,EAAE;YACN,IAAI;YACJ,IAAI;YACJ,OAAO;SACP;QACD,MAAM;KACN,CAAC,CAAC;IAEH,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,CACN,uBAAC,oBAAO,IACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAU,EAAC,iCAAiC,EAAE,SAAS,CAAC,GAClE,CACF,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AA9CW,QAAA,IAAI,QA8Cf"}

package/dist/cjs/components/icon/Icon.stories.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { StoryObj } from '@storybook/react';
+import { Icon } from './Icon.js';
+declare const meta: {
+    title: string;
+    component: ({ ref, name, size, className, loading: loadingProp, render, ...rest }: import("./Icon.js").IconProps & {
+        ref?: React.Ref<SVGSVGElement>;
+    }) => import("react/jsx-runtime.js").JSX.Element;
+    argTypes: {
+        name: {
+            control: {
+                type: "select";
+                options: readonly ["placeholder", "dots", "globe", "cart", "fridge", "book", "flag", "locate", "tag", "scan", "filter", "add_note", "drag_vertical", "note", "food", "magic", "convert", "offline", "profile", "add_person", "gift", "add_to_list", "check", "snowflake", "clock", "plus", "x", "refresh", "new_window", "warning", "upload", "download", "undo", "grabby", "copy", "maximize", "email", "link", "linkRemove", "camera", "calendar", "page", "gear", "lock", "lockOpen", "send", "pencil", "eye", "eyeClosed", "stopwatch", "zoomIn", "zoomOut", "picture", "arrowLeft", "arrowRight", "arrowUp", "arrowDown", "info", "cardsGrid", "cardsMixed", "cardsRows", "location", "waterDrop", "chevron", "refreshDisabled", "cloud", "cloudDisabled", "trash", "notAllowed", "connection", "connectionBreak", "connectionSplit", "search", "star", "bell", "bell-off", "home", "thermometer", "lightbulb", "next", "playPause", "pause", "previous", "skipStart", "skipEnd", "enterKey", "gamePiece", "share", "italic", "bold", "capitalization", "underline", "textAlignLeft", "textAlignRight", "textAlignCenter", "textJustify", "menu", "paragraph", "highlight", "pushLeft", "pushRight", "pushUp", "pushDown", "bulletList", "orderedList", "quote", "code", "newPage", "bug", "smile", "phone", "sun", "moon", "suitSpade", "suitClub", "suitDiamond", "suitHeart", "chat", "minus", "plus", "flame", "angles", "magnet", "boxSelect", "hand"];
+            };
+        };
+    };
+    args: {
+        name: "placeholder";
+    };
+    parameters: {
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Default: Story;
+export declare const All: Story;

package/dist/cjs/components/icon/Icon.stories.js ADDED Viewed

@@ -0,0 +1,34 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.All = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Icon_js_1 = require("./Icon.js");
+const iconNames_js_1 = require("./generated/iconNames.js");
+const meta = {
+    title: 'Components/Icon',
+    component: Icon_js_1.Icon,
+    argTypes: {
+        name: {
+            control: { type: 'select', options: iconNames_js_1.iconNames },
+        },
+    },
+    args: {
+        name: 'placeholder',
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    render(args) {
+        return (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, Object.assign({}, args));
+    },
+};
+exports.All = {
+    render() {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-6 gap-xs", children: iconNames_js_1.iconNames.map((name) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center p-4 border border-gray-light gap-2", children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: name, size: 25 }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-center", children: name })] }, name))) }));
+    },
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/cjs/components/icon/Icon.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAiC;AACjC,2DAAqD;AAErD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,wBAAS,EAAE;SAC/C;KACD;IACD,IAAI,EAAE;QACL,IAAI,EAAE,aAAa;KACnB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEW,QAAA,GAAG,GAAU;IACzB,MAAM;QACL,OAAO,CACN,gCAAK,SAAS,EAAC,yBAAyB,YACtC,wBAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,iCAEC,SAAS,EAAC,8EAA8E,aAExF,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,iCAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAQ,KAJ9C,IAAI,CAKJ,CACN,CAAC,GACG,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/imageUploader/ImageUploader.js CHANGED Viewed

@@ -176,7 +176,7 @@ function ImageUploaderFileButton(_a) {
             }
         };
     }, [inputId]);
-    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ emphasis: "ghost", size: "small", asChild: true, visuallyFocused: focused }, props, { children: (0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) }) })));
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ emphasis: "ghost", size: "small", render: (0, jsx_runtime_1.jsx)("label", { htmlFor: inputId }), nativeButton: false, visuallyFocused: focused }, props, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) })));
 }
 function ImageUploaderRemoveButton(_a) {
     var { className } = _a, rest = __rest(_a, ["className"]);

package/dist/cjs/components/imageUploader/ImageUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,8CA0HC;AAkED,~~0DA0CC~~;AAED,8DAgBC;AAED,oDAeC;AAED,gEAwBC;;~~AApUD~~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~~OAAO~~,~~QACP~~,~~eAAe~~,EAAE,OAAO,~~IACpB~~,KAAK,~~cAET~~,~~kCAAO~~,~~OAAO,~~EAAE,OAAO,~~YACrB~~,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACZ,6DACC,uBAAC,eAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,2CAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAQ,IACzC,CACH,~~GACM~~,~~IACA,~~CACT,CAAC;AACH,CAAC;AAED,SAAgB,yBAAyB,CAAC,EAAmC;QAAnC,EAAE,SAAS,OAAwB,EAAnB,IAAI,cAApB,aAAsB,CAAF;IAC7D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACjD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACN,uBAAC,iBAAM,kBACN,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,IAAA,WAAI,EACd,uJAAuJ,EACvJ,SAAS,CACT,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IACzB,IAAI,cAER,uBAAC,eAAI,IAAC,IAAI,EAAC,GAAG,GAAG,IACT,CACT,CAAC;AACH,CAAC;AAED,SAAgB,oBAAoB,CAAC,EAGC;QAHD,EACpC,SAAS,OAE4B,EADlC,IAAI,cAF6B,aAGpC,CADO;IAEP,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACvC,OAAO,KAAK,CAAC,CAAC,CAAC,CACd,8CACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAA,WAAI,EACd,wEAAwE,EACxE,SAAS,CACT,IACG,IAAI,EACP,CACF,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC;AAED,SAAgB,0BAA0B,CAAC,EAC1C,QAAQ,EACR,SAAS,GAIT;IACA,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAErD,IAAI,KAAK;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,8GAA8G,EAC9G;YACC,8BAA8B,EAAE,YAAY;SAC5C,EACD,SAAS,CACT,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAEY,QAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE;IACjE,IAAI,EAAE,iBAAiB;IACvB,UAAU,EAAE,uBAAuB;IACnC,YAAY,EAAE,yBAAyB;IACvC,OAAO,EAAE,oBAAoB;IAC7B,aAAa,EAAE,0BAA0B;CACzC,CAAC,CAAC"}
1	+ {"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export { Slot, Slottable, type SlotProps } from '@radix-ui/react-slot';
+export * from '@base-ui/react/use-render';
 export * from './actions/index.js';
 export * from './avatar/index.js';
 export * from './box/Box.js';

package/dist/cjs/components/index.js CHANGED Viewed

@@ -15,10 +15,7 @@ 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 });
-exports.Slottable = exports.Slot = void 0;
-var react_slot_1 = require("@radix-ui/react-slot");
-Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return react_slot_1.Slot; } });
-Object.defineProperty(exports, "Slottable", { enumerable: true, get: function () { return react_slot_1.Slottable; } });
+__exportStar(require("@base-ui/react/use-render"), exports);
 __exportStar(require("./actions/index.js"), exports);
 __exportStar(require("./avatar/index.js"), exports);
 __exportStar(require("./box/Box.js"), exports);

package/dist/cjs/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;~~AAAA,~~mDAAuE~~;~~AAA9D~~,~~kGAAA,IAAI,OAAA;AAAE,uGAAA,SAAS,OAAA;AACxB,~~qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,yDAAuC;AACvC,iEAA+C;AAC/C,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,iEAA+C;AAC/C,+DAA6C;AAC7C,2DAAyC;AACzC,mDAAiC;AACjC,qEAAmD;AACnD,kDAAgC;AAChC,2DAAyC;AACzC,+EAA6D;AAC7D,mDAAiC;AACjC,qDAAmC;AACnC,mDAAiC;AACjC,iEAA+C;AAC/C,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,wDAAsC;AACtC,0DAAwC;AACxC,wDAAsC;AACtC,6DAA2C;AAC3C,oDAAkC;AAClC,2DAAyC;AACzC,oDAAkC;AAClC,qDAAmC;AACnC,oDAAkC;AAClC,iDAA+B;AAC/B,sDAAoC;AACpC,qDAAmC;AACnC,+DAA6C;AAC7C,qDAAmC;AACnC,wDAAsC;AACtC,qEAAmD;AACnD,uDAAqC;AACrC,sDAAoC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAA0C;AAC1C,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,oDAAkC;AAClC,oDAAkC;AAClC,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,yDAAuC;AACvC,iEAA+C;AAC/C,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,iEAA+C;AAC/C,+DAA6C;AAC7C,2DAAyC;AACzC,mDAAiC;AACjC,qEAAmD;AACnD,kDAAgC;AAChC,2DAAyC;AACzC,+EAA6D;AAC7D,mDAAiC;AACjC,qDAAmC;AACnC,mDAAiC;AACjC,iEAA+C;AAC/C,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,uDAAqC;AACrC,kDAAgC;AAChC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,wDAAsC;AACtC,0DAAwC;AACxC,wDAAsC;AACtC,6DAA2C;AAC3C,oDAAkC;AAClC,2DAAyC;AACzC,oDAAkC;AAClC,qDAAmC;AACnC,oDAAkC;AAClC,iDAA+B;AAC/B,sDAAoC;AACpC,qDAAmC;AACnC,+DAA6C;AAC7C,qDAAmC;AACnC,wDAAsC;AACtC,qEAAmD;AACnD,uDAAqC;AACrC,sDAAoC"}

package/dist/cjs/components/input/Input.d.ts CHANGED Viewed

@@ -2,11 +2,10 @@ import { ComponentPropsWithRef } from 'react';
 export declare const inputClassName: string;
 export interface InputProps extends ComponentPropsWithRef<'input'> {
     autoSelect?: boolean;
-    asChild?: boolean;
     /** Shuffle between random placeholders */
     placeholders?: string[];
     placeholdersIntervalMs?: number;
     onValueChange?: (value: string) => void;
     sizeVariant?: 'default' | 'small';
 }
-export declare const Input: ({ className, autoSelect, onFocus, onChange, onValueChange, asChild, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: InputProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Input: ({ className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: InputProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/input/Input.js CHANGED Viewed

@@ -17,13 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.inputClassName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slot_1 = require("@radix-ui/react-slot");
+const input_1 = require("@base-ui/react/input");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
-exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:rounded-lg layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-width-thin layer-components:border-gray-dark layer-components:shadow-sm-inset layer-components:transition-shadow', 'layer-components:focus:outline-none layer-components:focus:bg-lighten-3 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-4', 'layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark layer-components:disabled:shadow-none', 'layer-components:md:min-w-120px', 'layer-variants:[&[data-size="small"]]:px-md layer-variants:[&[data-size="small"]]:py-xs layer-variants:[&[data-size="small"]]:text-sm layer-variants:[&[data-size="small"]]:rounded-md layer-variants:[&[data-size="small"]]:min-w-40px');
+exports.inputClassName = (0, clsx_1.default)('layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:rounded-lg layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-width-thin layer-components:border-gray-dark layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow', 'layer-components:focus:outline-none layer-components:focus:bg-lighten-3 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-4', 'layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark layer-components:disabled:shadow-none', 'layer-components:md:min-w-120px', 'layer-variants:[&[data-size="small"]]:px-md layer-variants:[&[data-size="small"]]:py-xs layer-variants:[&[data-size="small"]]:text-sm layer-variants:[&[data-size="small"]]:rounded-md layer-variants:[&[data-size="small"]]:min-w-40px');
 const Input = function Input(_a) {
-    var { className, autoSelect, onFocus, onChange, onValueChange, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000, sizeVariant } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs", "sizeVariant"]);
+    var { className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs = 5000, sizeVariant } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "placeholders", "placeholder", "placeholdersIntervalMs", "sizeVariant"]);
     const handleFocus = (0, react_1.useCallback)((ev) => {
         if (autoSelect) {
             ev.target.select();
@@ -35,8 +35,7 @@ const Input = function Input(_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(ev);
     }, [onChange, onValueChange]);
     const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    const Component = asChild ? react_slot_1.Slot : 'input';
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ onFocus: handleFocus, onChange: handleChange, className: (0, clsx_1.default)(exports.inputClassName, className), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, "data-size": sizeVariant !== null && sizeVariant !== void 0 ? sizeVariant : 'default' }, props)));
+    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({ onFocus: handleFocus, onChange: handleChange, className: (0, clsx_1.default)(exports.inputClassName, className), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, "data-size": sizeVariant !== null && sizeVariant !== void 0 ? sizeVariant : 'default' }, props)));
 };
 exports.Input = Input;
 //# sourceMappingURL=Input.js.map

package/dist/cjs/components/input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,~~qDAA4C~~;~~AAC5C~~,gDAA8B;AAC9B,iCAKe;AACf,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC~~,+LAA+L~~,~~EAC/L~~,sEAAsE,EACtE,kEAAkE,EAClE,0FAA0F,EAC1F,mCAAmC,EACnC,mFAAmF,CACnF,CAAC;~~AAYK~~,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,~~EAYvB~~;~~QAZuB~~,EACnC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,~~OAAO,EACP,~~YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,WAAW,OAEC,EADT,KAAK,~~cAX2B~~,~~sJAYnC~~,CADQ;IAER,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,~~MAAM,SAAS,GAAG,~~OAAO,~~CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,~~CACN,uBAAC,~~SAAS~~,~~kBACT~~,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,eAClC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,IAC/B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;~~AAhDW~~,QAAA,KAAK,~~SAgDhB~~"}
1	+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA4D;AAC5D,gDAA8B;AAC9B,iCAKe;AACf,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,sMAAsM,EACtM,sEAAsE,EACtE,kEAAkE,EAClE,0FAA0F,EAC1F,mCAAmC,EACnC,mFAAmF,CACnF,CAAC;AAWK,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAWvB;QAXuB,EACnC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,WAAW,OAEC,EADT,KAAK,cAV2B,2IAWnC,CADQ;IAER,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAW,kBACX,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,EAAE,SAAS,CAAC,EAChD,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,eAClC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,IAC/B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,KAAK,SA6ChB"}

package/dist/cjs/components/input/Input.stories.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Input } from './Input.js';
 declare const meta: {
     title: string;
-    component: ({ className, autoSelect, onFocus, onChange, onValueChange, asChild, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime.js").JSX.Element;
+    component: ({ className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime.js").JSX.Element;
     argTypes: {
         disabled: {
             control: "boolean";

package/dist/cjs/components/layouts/layouts.stories.js CHANGED Viewed

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WithVirtualKeyboard = exports.WithoutNav = exports.ManualWidth = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const Avatar_js_1 = require("../avatar/Avatar.js");
 const index_js_1 = require("../button/index.js");
 const Card_js_1 = require("../card/Card.js");
-const index_js_2 = require("../icon/index.js");
-const index_js_3 = require("../input/index.js");
-const index_js_4 = require("../navBar/index.js");
+const index_js_2 = require("../input/index.js");
+const index_js_3 = require("../navBar/index.js");
 const Switch_js_1 = require("../switch/Switch.js");
 const PageContent_js_1 = require("./PageContent.js");
 const PageNav_js_1 = require("./PageNav.js");
@@ -27,12 +27,12 @@ exports.Default = {
     render: () => {
         const [content, setContent] = (0, react_1.useState)(true);
         const toggleContent = () => setContent((prev) => !prev);
-        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: content, onCheckedChange: toggleContent }), content && ((0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] }));
+        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: content, onCheckedChange: toggleContent }), content && ((0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_3.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { name: "book" }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { render: (_, { size }) => ((0, jsx_runtime_1.jsx)(Avatar_js_1.Avatar, { name: "Grant Forrest", size: size })) }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemPip, {})] })] }) })] }));
     },
 };
 exports.ManualWidth = {
     render: () => {
-        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] }));
+        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_3.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { name: "book" }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { name: "book" }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemPip, {})] })] }) })] }));
     },
 };
 exports.WithoutNav = {
@@ -49,7 +49,7 @@ exports.WithVirtualKeyboard = {
                 document.body.style.removeProperty('--mock-virtual-keyboard-height');
             }
         }, [keyboard]);
-        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsxs)(PageNowPlaying_js_1.PageNowPlaying, { keepAboveKeyboard: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" }), (0, jsx_runtime_1.jsx)(index_js_3.Input, {})] })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
+        return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsxs)(PageNowPlaying_js_1.PageNowPlaying, { keepAboveKeyboard: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" }), (0, jsx_runtime_1.jsx)(index_js_2.Input, {})] })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_3.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_3.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemIcon, { render: (0, jsx_runtime_1.jsx)(Avatar_js_1.Avatar, { name: "Grant Forrest" }) }) }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_3.NavBarItemPip, {})] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
     },
 };
 //# sourceMappingURL=layouts.stories.js.map

package/dist/cjs/components/layouts/layouts.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,iDAA4C;AAC5C,6CAAuC;AACvC~~,+CAAwC;AACxC~~,gDAA0C;AAC1C,iDAO4B;AAC5B,mDAA6C;AAC7C,qDAA+C;AAC/C,6CAAuC;AACvC,2DAAqD;AACrD,+CAAyC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,iBAAiB,aACpC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,uBAAC,kBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,GAAI,EAC3D,OAAO,IAAI,CACX,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,CACZ,EACD,uBAAC,kCAAc,8BAA6B,IAC/B,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,~~OAAO,kBACtB,uBAAC,eAAI,IAAC,~~IAAI,EAAC,MAAM,GAAG,~~GACJ~~,~~GACM,~~EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,EACb,wBAAC,qBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,aACpC,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,~~IAAC~~,~~OAAO~~,~~kBACtB~~,uBAAC,~~eAAI~~,IAAC,IAAI,EAAC,~~MAAM~~,~~GAAG~~,~~GACJ~~,~~GACM~~,EACxB,uBAAC,yBAAc,0BAAyB,EACxC,uBAAC,wBAAa,KAAG,IACL,IACD,GACJ,IACA,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,WAAW,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE;QACZ,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,iBAAiB,aACpC,wBAAC,4BAAW,IAAC,SAAS,EAAC,aAAa,aACnC,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,IACC,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,~~OAAO,kBACtB,uBAAC,eAAI,IAAC,~~IAAI,EAAC,MAAM,GAAG,~~GACJ~~,~~GACM,~~EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,EACb,wBAAC,qBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,aACpC,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,~~OAAO,kBACtB,uBAAC,eAAI,IAAC,~~IAAI,EAAC,MAAM,GAAG,~~GACJ~~,~~GACM,~~EACxB,uBAAC,yBAAc,0BAAyB,EACxC,uBAAC,wBAAa,KAAG,IACL,IACD,GACJ,IACA,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,uBAAC,sBAAQ,IAAC,SAAS,EAAC,eAAe,YAClC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,EACxD,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,IACP,EACN,uBAAC,kCAAc,8BAA6B,IAC/B,GACJ,CACX;CACD,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACzC,MAAM;QACL,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;YACd,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAC9B,gCAAgC,EAChC,OAAO,CACP,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC;YACtE,CAAC;QACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,eAAe,aAClC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,wBAAC,kCAAc,IAAC,iBAAiB,mBAChC,uBAAC,iBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEpC,EACT,uBAAC,gBAAK,KAAG,IACO,IACJ,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,~~OAAO~~,~~kBACtB~~,uBAAC,~~eAAI~~,IAAC,IAAI,EAAC,~~MAAM~~,GAAG,~~GACJ~~,~~GACM~~,EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,IACD,GACJ,EACV,gCAAK,SAAS,EAAC,2GAA2G,GAAG,IACnH,CACX,CAAC;IACH,CAAC;CACD,CAAC"}
1	+ {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/lightbox/Lightbox.d.ts CHANGED Viewed

@@ -1,25 +1,27 @@
-import * as Dialog from '@radix-ui/react-dialog';
-import { ReactNode } from 'react';
+import { Dialog, DialogCloseProps, DialogPopupProps } from '@base-ui/react/dialog';
+import { ReactElement, ReactNode } from 'react';
 export interface LightboxProps {
     children?: ReactNode;
 }
-export declare const LightboxRoot: import("react").FC<Dialog.DialogProps>;
-export declare const LightboxTrigger: import("react").FunctionComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const LightboxPortal: import("react").FC<Dialog.DialogPortalProps>;
+export declare const LightboxRoot: typeof Dialog.Root;
+export declare const LightboxTrigger: import("react").FunctionComponent<import("@base-ui/react/dialog/index.js").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
+export declare const LightboxPortal: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog/index.js").DialogPortalProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const LightboxTitle: () => import("react/jsx-runtime.js").JSX.Element;
-export declare const LightboxClose: (props: Dialog.DialogCloseProps) => import("react/jsx-runtime.js").JSX.Element;
-export declare const LightboxOverlay: import("react").FunctionComponent<Dialog.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const LightboxContentRoot: import("react").FunctionComponent<Dialog.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const LightboxContent: (props: Dialog.DialogContentProps) => import("react/jsx-runtime.js").JSX.Element;
-declare function LightboxDefault({ children }: LightboxProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const LightboxClose: (props: DialogCloseProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LightboxOverlay: import("react").FunctionComponent<import("@base-ui/react/dialog/index.js").DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const LightboxContentRoot: import("react").FunctionComponent<DialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const LightboxContent: (props: DialogPopupProps) => import("react/jsx-runtime.js").JSX.Element;
+declare function LightboxDefault({ children, }: Omit<LightboxProps, 'children'> & {
+    children?: ReactElement;
+}): import("react/jsx-runtime.js").JSX.Element;
 export declare const Lightbox: typeof LightboxDefault & {
-    Overlay: import("react").FunctionComponent<Dialog.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-    Content: (props: Dialog.DialogContentProps) => import("react/jsx-runtime.js").JSX.Element;
+    Overlay: import("react").FunctionComponent<import("@base-ui/react/dialog/index.js").DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: (props: DialogPopupProps) => import("react/jsx-runtime.js").JSX.Element;
     Image: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
-    Root: import("react").FC<Dialog.DialogProps>;
-    Trigger: import("react").FunctionComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Close: (props: Dialog.DialogCloseProps) => import("react/jsx-runtime.js").JSX.Element;
+    Root: typeof Dialog.Root;
+    Trigger: import("react").FunctionComponent<import("@base-ui/react/dialog/index.js").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
+    Close: (props: DialogCloseProps) => import("react/jsx-runtime.js").JSX.Element;
     Title: () => import("react/jsx-runtime.js").JSX.Element;
-    Portal: import("react").FC<Dialog.DialogPortalProps>;
+    Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog/index.js").DialogPortalProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export {};

package/dist/cjs/components/lightbox/Lightbox.js CHANGED Viewed

@@ -1,61 +1,28 @@
 // @unocss-include
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Lightbox = exports.LightboxContent = exports.LightboxContentRoot = exports.LightboxOverlay = exports.LightboxClose = exports.LightboxTitle = exports.LightboxPortal = exports.LightboxTrigger = exports.LightboxRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Dialog = __importStar(require("@radix-ui/react-dialog"));
+const dialog_1 = require("@base-ui/react/dialog");
 const hooks_js_1 = require("../../hooks.js");
 const Button_js_1 = require("../button/Button.js");
 const Icon_js_1 = require("../icon/Icon.js");
-exports.LightboxRoot = Dialog.Root;
-exports.LightboxTrigger = (0, hooks_js_1.withClassName)(Dialog.Trigger, 'layer-components:cursor-pointer', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring layer-components:focus-visible:ring-accent');
-exports.LightboxPortal = Dialog.Portal;
-const LightboxTitle = () => ((0, jsx_runtime_1.jsx)(Dialog.Title, { className: "sr-only", children: "Lightbox" }));
+exports.LightboxRoot = dialog_1.Dialog.Root;
+exports.LightboxTrigger = (0, hooks_js_1.withClassName)(dialog_1.Dialog.Trigger, 'layer-components:cursor-pointer', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring layer-components:focus-visible:ring-accent');
+exports.LightboxPortal = dialog_1.Dialog.Portal;
+const LightboxTitle = () => ((0, jsx_runtime_1.jsx)(dialog_1.Dialog.Title, { className: "sr-only", children: "Lightbox" }));
 exports.LightboxTitle = LightboxTitle;
-const LightboxClose = (props) => ((0, jsx_runtime_1.jsx)(Dialog.Close, Object.assign({}, props, { asChild: true, className: "absolute top-md right-md", children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { "aria-label": "Close", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) }) })));
+const LightboxClose = (props) => ((0, jsx_runtime_1.jsx)(dialog_1.Dialog.Close, Object.assign({}, props, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { "aria-label": "Close", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) }), className: "absolute top-md right-md" })));
 exports.LightboxClose = LightboxClose;
-exports.LightboxOverlay = (0, hooks_js_1.withClassName)(Dialog.Overlay, 'layer-components:fixed layer-components:inset-0 layer-components:bg-black/50 layer-components:backdrop-blur-sm layer-components:z-backdrop', 'transform-gpu !motion-reduce:animate-none', 'layer-components:[&[data-state=closed]]:animate-fade-out layer-components:animate-fade-in layer-components:animate-duration-200');
-exports.LightboxContentRoot = (0, hooks_js_1.withClassName)(Dialog.Content, 'layer-components:fixed layer-components:z-dialog layer-components:bg-none layer-components:border-none layer-components:p-lg layer-components:w-full layer-components:h-full layer-components:max-w-full layer-components:max-h-full layer-components:flex layer-components:items-center layer-components:justify-center', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-h-85vh', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out', '!pointer-events-none');
+exports.LightboxOverlay = (0, hooks_js_1.withClassName)(dialog_1.Dialog.Backdrop, 'layer-components:fixed layer-components:inset-0 layer-components:bg-black/50 layer-components:backdrop-blur-sm layer-components:z-backdrop', 'transform-gpu !motion-reduce:animate-none', 'layer-components:[&[data-state=closed]]:animate-fade-out layer-components:animate-fade-in layer-components:animate-duration-200');
+exports.LightboxContentRoot = (0, hooks_js_1.withClassName)(dialog_1.Dialog.Popup, 'layer-components:fixed layer-components:z-dialog layer-components:bg-none layer-components:border-none layer-components:p-lg layer-components:w-full layer-components:h-full layer-components:max-w-full layer-components:max-h-full layer-components:flex layer-components:items-center layer-components:justify-center', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-h-85vh', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out', '!pointer-events-none');
 const LightboxContent = (props) => {
     return ((0, jsx_runtime_1.jsxs)(exports.LightboxContentRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(exports.LightboxTitle, {}), (0, jsx_runtime_1.jsx)(exports.LightboxClose, { className: "pointer-events-auto" }), (0, jsx_runtime_1.jsx)(LightboxContentInner, { children: props.children })] })));
 };
 exports.LightboxContent = LightboxContent;
 const LightboxContentInner = (0, hooks_js_1.withClassName)('div', 'layer-components:max-w-full layer-components:max-h-full layer-components:overflow-hidden layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center', 'layer-components:pointer-events-none layer-components:[&>*]:pointer-events-auto');
-function LightboxDefault({ children }) {
-    return ((0, jsx_runtime_1.jsxs)(Dialog.Root, { children: [(0, jsx_runtime_1.jsx)(Dialog.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsxs)(Dialog.Portal, { children: [(0, jsx_runtime_1.jsx)(exports.LightboxOverlay, {}), (0, jsx_runtime_1.jsx)(exports.LightboxContent, { children: children })] })] }));
+function LightboxDefault({ children, }) {
+    return ((0, jsx_runtime_1.jsxs)(dialog_1.Dialog.Root, { children: [(0, jsx_runtime_1.jsx)(dialog_1.Dialog.Trigger, { render: children }), (0, jsx_runtime_1.jsxs)(dialog_1.Dialog.Portal, { children: [(0, jsx_runtime_1.jsx)(exports.LightboxOverlay, {}), (0, jsx_runtime_1.jsx)(exports.LightboxContent, { children: children })] })] }));
 }
 const LightboxImage = (0, hooks_js_1.withClassName)('img', 'max-w-full max-h-full min-h-80px min-w-80px object-contain');
 exports.Lightbox = Object.assign(LightboxDefault, {

package/dist/cjs/components/lightbox/Lightbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA~~,+DAAiD~~;~~AAEjD~~,6CAA+C;AAC/C,mDAA6C;AAC7C,6CAAuC;AAM1B,QAAA,YAAY,GAAG,~~MAAM~~,CAAC,IAAI,CAAC;AAC3B,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,~~MAAM~~,CAAC,OAAO,EACd,iCAAiC,EACjC,gEAAgE,CAChE,CAAC;AACW,QAAA,cAAc,GAAG,~~MAAM~~,CAAC,MAAM,CAAC;AACrC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAClC,uBAAC,~~MAAM~~,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,yBAAwB,CACzD,CAAC;AAFW,QAAA,aAAa,iBAExB;AACK,MAAM,aAAa,GAAG,CAAC,~~KAA8B~~,EAAE,EAAE,CAAC,~~CAChE~~,uBAAC,~~MAAM~~,CAAC,KAAK,~~oBAAK~~,KAAK,~~IAAE~~,~~OAAO~~,~~QAAC~~,~~SAAS,EAAC,0BAA0B,YACpE,~~uBAAC,kBAAM,kBAAY,OAAO,YACzB,uBAAC,cAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,~~IACK~~,~~CACf~~,CAAC;~~AANW~~,QAAA,aAAa,~~iBAMxB~~;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,~~MAAM~~,CAAC,~~OAAO~~,~~EACd~~,0EAA0E,EAC1E,2CAA2C,EAC3C,kHAAkH,CAClH,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,wBAAa,EAC/C,~~MAAM~~,CAAC,~~OAAO~~,~~EACd~~,iIAAiI,EACjI,2CAA2C,EAC3C,wEAAwE,EACxE,oCAAoC,EACpC,4DAA4D,EAC5D,sBAAsB,CACtB,CAAC;AACK,MAAM,eAAe,GAAG,CAAC,~~KAAgC~~,EAAE,EAAE;~~IACnE~~,OAAO,CACN,wBAAC,2BAAmB,oBAAK,KAAK,eAC7B,uBAAC,qBAAa,KAAG,EACjB,uBAAC,qBAAa,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACjD,uBAAC,oBAAoB,cAAE,KAAK,CAAC,QAAQ,GAAwB,KACxC,CACtB,CAAC;AACH,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B;AAEF,MAAM,oBAAoB,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,oGAAoG,EACpG,iFAAiF,CACjF,CAAC;AAEF,SAAS,eAAe,CAAC,~~EAAE~~,QAAQ,~~EAAiB~~;~~IACnD~~,OAAO,CACN,wBAAC,~~MAAM~~,CAAC,IAAI,eACX,uBAAC,~~MAAM~~,CAAC,OAAO,IAAC,~~OAAO~~,~~kBAAE~~,QAAQ,~~GAAkB~~,EACnD,wBAAC,~~MAAM~~,CAAC,MAAM,eACb,uBAAC,uBAAe,KAAG,EACnB,uBAAC,uBAAe,cAAE,QAAQ,GAAmB,IAC9B,IACH,CACd,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,IAAA,wBAAa,EAClC,KAAK,EACL,4DAA4D,CAC5D,CAAC;AAEW,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,OAAO,EAAE,uBAAe;IACxB,OAAO,EAAE,uBAAe;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,oBAAY;IAClB,OAAO,EAAE,uBAAe;IACxB,KAAK,EAAE,qBAAa;IACpB,KAAK,EAAE,qBAAa;IACpB,MAAM,EAAE,sBAAc;CACtB,CAAC,CAAC"}
1	+ {"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":";;;;AAAA,kDAI+B;AAE/B,6CAA+C;AAC/C,mDAA6C;AAC7C,6CAAuC;AAM1B,QAAA,YAAY,GAAG,eAAM,CAAC,IAAI,CAAC;AAC3B,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,eAAM,CAAC,OAAO,EACd,iCAAiC,EACjC,gEAAgE,CAChE,CAAC;AACW,QAAA,cAAc,GAAG,eAAM,CAAC,MAAM,CAAC;AACrC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAClC,uBAAC,eAAM,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,yBAAwB,CACzD,CAAC;AAFW,QAAA,aAAa,iBAExB;AACK,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACzD,uBAAC,eAAM,CAAC,KAAK,oBACR,KAAK,IACT,MAAM,EACL,uBAAC,kBAAM,kBAAY,OAAO,YACzB,uBAAC,cAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,EAEV,SAAS,EAAC,0BAA0B,IACnC,CACF,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEW,QAAA,eAAe,GAAG,IAAA,wBAAa,EAC3C,eAAM,CAAC,QAAQ,EACf,0EAA0E,EAC1E,2CAA2C,EAC3C,kHAAkH,CAClH,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,wBAAa,EAC/C,eAAM,CAAC,KAAK,EACZ,iIAAiI,EACjI,2CAA2C,EAC3C,wEAAwE,EACxE,oCAAoC,EACpC,4DAA4D,EAC5D,sBAAsB,CACtB,CAAC;AACK,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC1D,OAAO,CACN,wBAAC,2BAAmB,oBAAK,KAAK,eAC7B,uBAAC,qBAAa,KAAG,EACjB,uBAAC,qBAAa,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACjD,uBAAC,oBAAoB,cAAE,KAAK,CAAC,QAAQ,GAAwB,KACxC,CACtB,CAAC;AACH,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B;AAEF,MAAM,oBAAoB,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,oGAAoG,EACpG,iFAAiF,CACjF,CAAC;AAEF,SAAS,eAAe,CAAC,EACxB,QAAQ,GAGR;IACA,OAAO,CACN,wBAAC,eAAM,CAAC,IAAI,eACX,uBAAC,eAAM,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAmB,EACnD,wBAAC,eAAM,CAAC,MAAM,eACb,uBAAC,uBAAe,KAAG,EACnB,uBAAC,uBAAe,cAAE,QAAQ,GAAmB,IAC9B,IACH,CACd,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,IAAA,wBAAa,EAClC,KAAK,EACL,4DAA4D,CAC5D,CAAC;AAEW,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,OAAO,EAAE,uBAAe;IACxB,OAAO,EAAE,uBAAe;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,oBAAY;IAClB,OAAO,EAAE,uBAAe;IACxB,KAAK,EAAE,qBAAa;IACpB,KAAK,EAAE,qBAAa;IACpB,MAAM,EAAE,sBAAc;CACtB,CAAC,CAAC"}

package/dist/cjs/components/lightbox/Lightbox.stories.d.ts CHANGED Viewed

@@ -2,15 +2,17 @@ import type { StoryObj } from '@storybook/react';
 import { Lightbox } from './Lightbox.js';
 declare const meta: {
     title: string;
-    component: (({ children }: import("./Lightbox.js").LightboxProps) => import("react/jsx-runtime.js").JSX.Element) & {
-        Overlay: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
-        Content: (props: import("@radix-ui/react-dialog").DialogContentProps) => import("react/jsx-runtime.js").JSX.Element;
+    component: (({ children, }: Omit<import("./Lightbox.js").LightboxProps, "children"> & {
+        children?: import("react").ReactElement;
+    }) => import("react/jsx-runtime.js").JSX.Element) & {
+        Overlay: import("react").FunctionComponent<import("@base-ui/react/dialog/index.js").DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+        Content: (props: import("@base-ui/react/dialog/index.js").DialogPopupProps) => import("react/jsx-runtime.js").JSX.Element;
         Image: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
-        Root: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
-        Trigger: import("react").FunctionComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-        Close: (props: import("@radix-ui/react-dialog").DialogCloseProps) => import("react/jsx-runtime.js").JSX.Element;
+        Root: typeof import("@base-ui/react/dialog/index.parts.js").Root;
+        Trigger: import("react").FunctionComponent<import("@base-ui/react/dialog/index.js").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
+        Close: (props: import("@base-ui/react/dialog/index.js").DialogCloseProps) => import("react/jsx-runtime.js").JSX.Element;
         Title: () => import("react/jsx-runtime.js").JSX.Element;
-        Portal: import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>;
+        Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog/index.js").DialogPortalProps & import("react").RefAttributes<HTMLDivElement>>;
     };
     argTypes: {};
     parameters: {

package/dist/cjs/components/marquee/marquee.stories.js CHANGED Viewed

@@ -15,7 +15,7 @@ const meta = {
 exports.default = meta;
 exports.Default = {
     render(params) {
-        return ((0, jsx_runtime_1.jsxs)(marquee_js_1.Marquee, Object.assign({}, params, { children: [(0, jsx_runtime_1.jsx)(marquee_js_1.Marquee.Item, { children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), (0, jsx_runtime_1.jsx)(marquee_js_1.Marquee.Item, { className: "flex items-center justify-center bg-primary-wash color-primary-dark text-lg", children: "Hello, world" }), (0, jsx_runtime_1.jsx)(marquee_js_1.Marquee.Item, { asChild: true, children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) })] })));
+        return ((0, jsx_runtime_1.jsxs)(marquee_js_1.Marquee, Object.assign({}, params, { children: [(0, jsx_runtime_1.jsx)(marquee_js_1.Marquee.Item, { children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), (0, jsx_runtime_1.jsx)(marquee_js_1.Marquee.Item, { className: "flex items-center justify-center bg-primary-wash color-primary-dark text-lg", children: "Hello, world" }), (0, jsx_runtime_1.jsx)(marquee_js_1.Marquee.Item, { render: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) })] })));
     },
 };
 //# sourceMappingURL=marquee.stories.js.map

package/dist/cjs/components/marquee/marquee.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"marquee.stories.js","sourceRoot":"","sources":["../../../../src/components/marquee/marquee.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,MAAM;QACZ,OAAO,CACN,wBAAC,oBAAO,oBAAK,MAAM,eAClB,uBAAC,oBAAO,CAAC,IAAI,cACZ,gCAAK,GAAG,EAAC,mDAAmD,GAAG,GACjD,EACf,uBAAC,oBAAO,CAAC,IAAI,IAAC,SAAS,EAAC,6EAA6E,6BAEtF,EACf,uBAAC,oBAAO,CAAC,IAAI,~~IAAC~~,~~OAAO~~,~~kBACpB~~,gCAAK,GAAG,EAAC,mDAAmD,GAAG,~~GACjD~~,~~KACN~~,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
1	+ {"version":3,"file":"marquee.stories.js","sourceRoot":"","sources":["../../../../src/components/marquee/marquee.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,MAAM;QACZ,OAAO,CACN,wBAAC,oBAAO,oBAAK,MAAM,eAClB,uBAAC,oBAAO,CAAC,IAAI,cACZ,gCAAK,GAAG,EAAC,mDAAmD,GAAG,GACjD,EACf,uBAAC,oBAAO,CAAC,IAAI,IAAC,SAAS,EAAC,6EAA6E,6BAEtF,EACf,uBAAC,oBAAO,CAAC,IAAI,IACZ,MAAM,EACL,gCAAK,GAAG,EAAC,mDAAmD,GAAG,GAE/D,KACO,CACV,CAAC;IACH,CAAC;CACD,CAAC"}