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

package/dist/cjs/components/tooltip/Tooltip.js

@@ -1,38 +1,5 @@
 // @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;
-    };
-})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -50,23 +17,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = exports.TooltipProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const tooltip_1 = require("@base-ui/react/tooltip");
 const clsx_1 = __importDefault(require("clsx"));
 const GroupScale_js_1 = require("../../systems/GroupScale.js");
+const ArrowSvg_js_1 = require("../utility/ArrowSvg.js");
 function Content(_a) {
-    var { children, className, color = 'contrast' } = _a, props = __rest(_a, ["children", "className", "color"]);
-    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip', '[&[data-state=delayed-open]]:flex', '[&[data-state=instant-open]]:flex', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
-                    'layer-variants:bg-black layer-variants:color-white': color === 'contrast',
-                    'layer-variants:bg-white layer-variants:color-black': color === 'white' || color === 'neutral',
-                    'layer-variants:bg-attention-ink layer-variants:color-white': color === 'attention',
-                }, className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "layer-components:arrow" })] })) }) }));
+    var { children, className, color = 'contrast', render, side, sideOffset, align, alignOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["children", "className", "color", "render", "side", "sideOffset", "align", "alignOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Portal, { children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip.Popup, Object.assign({ render: render, className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-xs layer-components:px-sm layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:flex layer-components:transition', 'layer-components:data-[instant]:transition-none', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95', 'layer-components:transform-origin-[var(--transform-origin)]', {
+                        'layer-variants:bg-black layer-variants:color-white': color === 'contrast',
+                        'layer-variants:bg-white layer-variants:color-black layer-variants:border layer-variants:border-gray': color === 'white' || color === 'neutral',
+                        'layer-variants:bg-attention-ink layer-variants:color-white': color === 'attention',
+                    }, className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Arrow, { className: "layer-components:arrow", children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) })] })) }) }) }));
 }
-exports.TooltipProvider = TooltipPrimitive.Provider;
+exports.TooltipProvider = tooltip_1.Tooltip.Provider;
 exports.Tooltip = Object.assign(function Tooltip(_a) {
     var { ref, content, children, open, disabled, className, sideOffset = 12, side, color } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled", "className", "sideOffset", "side", "color"]);
-    return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, { color: color, side: side, sideOffset: sideOffset, className: className, children: content })] }));
+    return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({ ref: ref }, rest, { render: children }))), (0, jsx_runtime_1.jsx)(Content, { color: color, side: side, sideOffset: sideOffset, className: className, children: content })] }));
 }, {
-    Trigger: TooltipPrimitive.TooltipTrigger,
+    Trigger: tooltip_1.Tooltip.Trigger,
     Content,
+    createHandle: tooltip_1.Tooltip.createHandle,
 });
 //# sourceMappingURL=Tooltip.js.map

package/dist/cjs/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAA4D;AAC5D,gDAA8B;AAC9B,+DAA8D;AAO9D,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,UAAU,OAEoB,EADnC,KAAK,cAJQ,kCAKhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,uBAAC,+BAAe,cACf,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,+GAA+G,EAC/G,mCAAmC,EACnC,mCAAmC,EACnC,mFAAmF,EACnF,kEAAkE,EAClE;oBACC,uCAAuC,EAAE,KAAK,KAAK,UAAU;oBAC7D,uCAAuC,EACtC,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS;oBACzC,+CAA+C,EAC9C,KAAK,KAAK,WAAW;iBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,wBAAwB,GAAG,KACnC,GACV,GACO,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAa6C;QAb7C,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIwD,EAH1D,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oDAKgC;AAChC,gDAA8B;AAE9B,+DAA8D;AAC9D,wDAAkD;AAUlD,SAAS,OAAO,CAAC,EAkBK;QAlBL,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,MAAM,EACN,IAAI,EACJ,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,OAEO,EADlB,KAAK,cAjBQ,wOAkBhB,CADQ;IAER,OAAO,CACN,uBAAC,iBAAgB,CAAC,MAAM,cACvB,uBAAC,+BAAe,cACf,uBAAC,iBAAgB,CAAC,UAAU,IAC3B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,qBAAqB,EAC5C,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,YAE9B,wBAAC,iBAAgB,CAAC,KAAK,kBACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,cAAU,EACpB,gHAAgH,EAChH,iDAAiD,EACjD,6DAA6D,EAC7D,2DAA2D,EAC3D,6DAA6D,EAC7D;wBACC,uCAAuC,EAAE,KAAK,KAAK,UAAU;wBAC7D,0DAA0D,EACzD,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS;wBACzC,+CAA+C,EAC9C,KAAK,KAAK,WAAW;qBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,iBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,wBAAwB,YACzD,uBAAC,sBAAQ,KAAG,GACY,KACD,GACI,GACb,GACO,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,iBAAgB,CAAC,QAAQ,CAAC;AAW5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAahB;QAbgB,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIL,EAHG,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,wBAAC,iBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,iBAAgB,CAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,MAAM,EAAE,QAAQ,IAAI,CAClE,EACD,uBAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,iBAAgB,CAAC,OAAO;IACjC,OAAO;IACP,YAAY,EAAE,iBAAgB,CAAC,YAAY;CAC3C,CACD,CAAC"}

package/dist/cjs/components/tooltip/Tooltip.stories.d.ts

@@ -1,24 +1,6 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Tooltip } from './Tooltip.js';
-declare const meta: {
-    title: string;
-    component: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: import("./Tooltip.js").TooltipProps & {
-        ref?: React.Ref<HTMLButtonElement>;
-    } & Pick<import("./Tooltip.js").TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime.js").JSX.Element) & {
-        Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-        Content: ({ children, className, color, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime.js").JSX.Element;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-    args: {
-        content: string;
-        color: "contrast";
-    };
-};
+declare const meta: Meta;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;
 export declare const Default: Story;

package/dist/cjs/components/tooltip/Tooltip.stories.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Customized = exports.Color = exports.Disabled = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Box_js_1 = require("../box/Box.js");
+const index_js_1 = require("../button/index.js");
 const Tooltip_js_1 = require("./Tooltip.js");
 const meta = {
     title: 'Components/Tooltip',
     component: Tooltip_js_1.Tooltip,
-    argTypes: {},
+    argTypes: {
+        color: {
+            control: 'select',
+            options: ['contrast', 'white', 'neutral', 'attention'],
+        },
+    },
     parameters: {
         controls: { expanded: true },
     },
@@ -19,18 +25,21 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
+    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({ open: true }, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Hover me" }) }))),
 };
 exports.Disabled = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { disabled: true, children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
+    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Hover me" }) }))),
+    args: {
+        disabled: true,
+    },
 };
 exports.Color = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
+    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({ open: true }, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Hover me" }) }))),
     args: {
         color: 'white',
     },
 };
 exports.Customized = {
-    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({ className: "bg-attention" }, args, { content: (0, jsx_runtime_1.jsx)(Box_js_1.Box, { d: "col", p: true, children: "Some content" }), children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
+    render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({ className: "bg-attention", open: true }, args, { content: (0, jsx_runtime_1.jsx)(Box_js_1.Box, { d: "col", p: true, children: "Some content" }), children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Hover me" }) }))),
 };
 //# sourceMappingURL=Tooltip.stories.js.map

package/dist/cjs/components/tooltip/Tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,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;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,UAAU;KACjB;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,IAAE,QAAQ,kBAC1B,0DAAyB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,KAAK,GAAU;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;IACD,IAAI,EAAE;QACL,KAAK,EAAE,OAAO;KACd;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,kBACP,SAAS,EAAC,cAAc,IACpB,IAAI,IACR,OAAO,EACN,uBAAC,YAAG,IAAC,CAAC,EAAC,KAAK,EAAC,CAAC,mCAER,YAGP,0DAAyB,IAChB,CACV;CACD,CAAC"}
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,iDAA4C;AAC5C,6CAAuC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC;SACtD;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,UAAU;KACjB;CACD,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,kBAAC,IAAI,UAAK,IAAI,cACrB,uBAAC,iBAAM,2BAAkB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,uBAAC,iBAAM,2BAAkB,IAChB,CACV;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEW,QAAA,KAAK,GAAU;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,kBAAC,IAAI,UAAK,IAAI,cACrB,uBAAC,iBAAM,2BAAkB,IAChB,CACV;IACD,IAAI,EAAE;QACL,KAAK,EAAE,OAAO;KACd;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,kBACP,SAAS,EAAC,cAAc,EACxB,IAAI,UACA,IAAI,IACR,OAAO,EACN,uBAAC,YAAG,IAAC,CAAC,EAAC,KAAK,EAAC,CAAC,mCAER,YAGP,uBAAC,iBAAM,2BAAkB,IAChB,CACV;CACD,CAAC"}

package/dist/cjs/components/utility/ArrowSvg.d.ts

@@ -0,0 +1 @@
+export declare function ArrowSvg(props: React.ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/utility/ArrowSvg.js

@@ -0,0 +1,9 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowSvg = ArrowSvg;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ArrowSvg(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "10", height: "5", viewBox: "0 0 30 10", preserveAspectRatio: "none", style: { display: 'block', width: '100%', height: '100%' } }, props, { children: [(0, jsx_runtime_1.jsx)("polygon", { points: "0,0 30,0 15,10", stroke: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M0,0 L15,10 L30,0", fill: "none", stroke: "inherit" })] })));
+}
+//# sourceMappingURL=ArrowSvg.js.map

package/dist/cjs/components/utility/ArrowSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowSvg.js","sourceRoot":"","sources":["../../../../src/components/utility/ArrowSvg.tsx"],"names":[],"mappings":";;AAAA,4BAcC;;AAdD,SAAgB,QAAQ,CAAC,KAAkC;IAC1D,OAAO,CACN,+CACC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,MAAM,EAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IACtD,KAAK,eAET,oCAAS,MAAM,EAAC,gBAAgB,EAAC,MAAM,EAAC,MAAM,GAAW,EACzD,iCAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,GAAG,KACtD,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from 'react';
 export interface HideWhileKeyboardOpenProps extends HTMLAttributes<HTMLDivElement> {
-    asChild?: boolean;
 }
-export declare const HideWhileKeyboardOpen: ({ ref, asChild, className, ...rest }: HideWhileKeyboardOpenProps & {
+export declare const HideWhileKeyboardOpen: ({ ref, className, ...rest }: HideWhileKeyboardOpenProps & {
     ref?: React.Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/utility/HideWhileKeyboardOpen.js

@@ -17,14 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HideWhileKeyboardOpen = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slot_1 = require("@radix-ui/react-slot");
 const clsx_1 = __importDefault(require("clsx"));
 const hooks_js_1 = require("../../hooks.js");
+const SlotDiv_js_1 = require("./SlotDiv.js");
 const HideWhileKeyboardOpen = function HideWhileKeyboardOpen(_a) {
-    var { ref, asChild, className } = _a, rest = __rest(_a, ["ref", "asChild", "className"]);
+    var { ref, className } = _a, rest = __rest(_a, ["ref", "className"]);
     const isKeyboardOpen = (0, hooks_js_1.useIsKeyboardOpen)();
-    const Comp = asChild ? react_slot_1.Slot : 'div';
-    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(isKeyboardOpen && 'layer-responsive:hidden', className) }, rest)));
+    return ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ ref: ref, className: (0, clsx_1.default)(isKeyboardOpen && 'layer-responsive:hidden', className) }, rest)));
 };
 exports.HideWhileKeyboardOpen = HideWhileKeyboardOpen;
 //# sourceMappingURL=HideWhileKeyboardOpen.js.map

package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map

@@ -1 +1 @@
-{"version":3,"file":"HideWhileKeyboardOpen.js","sourceRoot":"","sources":["../../../../src/components/utility/HideWhileKeyboardOpen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAAwB;AAExB,6CAAmD;AAO5C,MAAM,qBAAqB,GAAG,SAAS,qBAAqB,CAAC,EAOnE;QAPmE,EACnE,GAAG,EACH,OAAO,EACP,SAAS,OAIT,EAHG,IAAI,cAJ4D,+BAKnE,CADO;IAIP,MAAM,cAAc,GAAG,IAAA,4BAAiB,GAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,cAAc,IAAI,yBAAyB,EAAE,SAAS,CAAC,IACnE,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,qBAAqB,yBAmBhC"}
+{"version":3,"file":"HideWhileKeyboardOpen.js","sourceRoot":"","sources":["../../../../src/components/utility/HideWhileKeyboardOpen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAwB;AAExB,6CAAmD;AACnD,6CAAuC;AAKhC,MAAM,qBAAqB,GAAG,SAAS,qBAAqB,CAAC,EAMnE;QANmE,EACnE,GAAG,EACH,SAAS,OAIT,EAHG,IAAI,cAH4D,oBAInE,CADO;IAIP,MAAM,cAAc,GAAG,IAAA,4BAAiB,GAAE,CAAC;IAE3C,OAAO,CACN,uBAAC,oBAAO,kBACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,cAAc,IAAI,yBAAyB,EAAE,SAAS,CAAC,IACnE,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC"}

package/dist/cjs/components/utility/SlotDiv.d.ts

@@ -1,5 +1,4 @@
-import { HTMLProps } from 'react';
-export interface SlotDivProps extends HTMLProps<HTMLDivElement> {
-    asChild?: boolean;
+import { UseRenderComponentProps } from '@base-ui/react/use-render';
+export interface SlotDivProps extends UseRenderComponentProps<'div'> {
 }
-export declare const SlotDiv: ({ ref, asChild, ...rest }: SlotDivProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlotDiv: ({ ref, render, ...rest }: SlotDivProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/cjs/components/utility/SlotDiv.js

@@ -13,14 +13,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SlotDiv = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_slot_1 = require("@radix-ui/react-slot");
+const use_render_1 = require("@base-ui/react/use-render");
 const SlotDiv = function SlotDiv(_a) {
-    var { ref, asChild } = _a, rest = __rest(_a, ["ref", "asChild"]);
-    if (asChild) {
-        return (0, jsx_runtime_1.jsx)(react_slot_1.Slot, Object.assign({ ref: ref }, rest));
-    }
-    return (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, rest));
+    var { ref, render } = _a, rest = __rest(_a, ["ref", "render"]);
+    const result = (0, use_render_1.useRender)({
+        defaultTagName: 'div',
+        props: rest,
+        ref,
+        render,
+    });
+    return result;
 };
 exports.SlotDiv = SlotDiv;
 //# sourceMappingURL=SlotDiv.js.map

package/dist/cjs/components/utility/SlotDiv.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlotDiv.js","sourceRoot":"","sources":["../../../../src/components/utility/SlotDiv.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,qDAA4C;AAMrC,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAIzB;QAJyB,EACvC,GAAG,EACH,OAAO,OAEO,EADX,IAAI,cAHgC,kBAIvC,CADO;IAEP,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,uBAAC,iBAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;IACrC,CAAC;IACD,OAAO,8CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,EAAI,CAAC;AACpC,CAAC,CAAC;AATW,QAAA,OAAO,WASlB"}
+{"version":3,"file":"SlotDiv.js","sourceRoot":"","sources":["../../../../src/components/utility/SlotDiv.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0DAA+E;AAGxE,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAIzB;QAJyB,EACvC,GAAG,EACH,MAAM,OAEQ,EADX,IAAI,cAHgC,iBAIvC,CADO;IAEP,MAAM,MAAM,GAAG,IAAA,sBAAS,EAAC;QACxB,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,IAAI;QACX,GAAG;QACH,MAAM;KACN,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAZW,QAAA,OAAO,WAYlB"}

package/dist/cjs/hooks/useTitleBarColor.stories.js

@@ -16,7 +16,7 @@ const meta = {
 exports.default = meta;
 exports.Default = {
     render() {
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Provider, { children: (0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, border: true, surface: true, className: "overflow-hidden aspect-[9/16]", children: [(0, jsx_runtime_1.jsx)(MockTitleBar, {}), (0, jsx_runtime_1.jsx)(index_js_1.Box, { p: "md", children: (0, jsx_runtime_1.jsx)("p", { children: "This is a mock title bar that changes its background color based on the meta tag in the document head." }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Override" }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Title, { children: "Overriding color" }), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Description, { children: "The title bar color is overridden while this dialog is open." }), (0, jsx_runtime_1.jsx)(Overrider, {}), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Actions, { children: (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Close, {}) })] })] })] }) }));
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Provider, { children: (0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, border: true, surface: true, className: "overflow-hidden aspect-[9/16]", children: [(0, jsx_runtime_1.jsx)(MockTitleBar, {}), (0, jsx_runtime_1.jsx)(index_js_1.Box, { p: "md", children: (0, jsx_runtime_1.jsx)("p", { children: "This is a mock title bar that changes its background color based on the meta tag in the document head." }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Override" }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Title, { children: "Overriding color" }), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Description, { children: "The title bar color is overridden while this dialog is open." }), (0, jsx_runtime_1.jsx)(Overrider, {}), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Actions, { children: (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Close, {}) })] })] })] }) }));
     },
 };
 function MockTitleBar() {

package/dist/cjs/hooks/useTitleBarColor.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTitleBarColor.stories.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,qDAA6E;AAC7E,+DAA4E;AAE5E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACuC,CAAC;AAE1C,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,CACN,uBAAC,mBAAQ,cACR,wBAAC,cAAG,IAAC,GAAG,QAAC,MAAM,QAAC,OAAO,QAAC,SAAS,EAAC,+BAA+B,aAChE,uBAAC,YAAY,KAAG,EAChB,uBAAC,cAAG,IAAC,CAAC,EAAC,IAAI,YACV,mJAGI,GACC,EACN,wBAAC,iBAAM,eACN,uBAAC,iBAAM,CAAC,OAAO,IAAC,OAAO,kBACtB,uBAAC,iBAAM,2BAAkB,GACT,EACjB,wBAAC,iBAAM,CAAC,OAAO,eACd,uBAAC,iBAAM,CAAC,KAAK,mCAAgC,EAC7C,uBAAC,iBAAM,CAAC,WAAW,+EAEE,EACrB,uBAAC,SAAS,KAAG,EACb,uBAAC,iBAAM,CAAC,OAAO,cACd,uBAAC,iBAAM,CAAC,KAAK,KAAG,GACA,IACD,IACT,IACJ,GACI,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,YAAY;IACpB,mCAAmC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;;QACvC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACxE,OAAO,cAAc;YACpB,CAAC,CAAC,MAAA,cAAc,CAAC,YAAY,CAAC,SAAS,CAAC,mCAAI,SAAS;YACrD,CAAC,CAAC,SAAS,CAAC;IACd,CAAC,CAAC,CAAC;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACxE,IAAI,CAAC,cAAc;YAAE,OAAO;QAE5B,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAC1C,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACxD,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACpB,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE;YAChC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,SAAS,CAAC;SAC5B,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAE7C,OAAO,CACN,wBAAC,cAAG,IACH,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EACd,CAAC,EAAC,IAAI,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,aAEjC,0CAAM,IAAI,GAAO,EACjB,uBAAC,cAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,YACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GAChB,IACD,CACN,CAAC;AACH,CAAC;AAED,SAAS,SAAS;IACjB,IAAA,uCAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,IAAI,CAAC;AACb,CAAC"}
+{"version":3,"file":"useTitleBarColor.stories.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,qDAA6E;AAC7E,+DAA4E;AAE5E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACuC,CAAC;AAE1C,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,CACN,uBAAC,mBAAQ,cACR,wBAAC,cAAG,IAAC,GAAG,QAAC,MAAM,QAAC,OAAO,QAAC,SAAS,EAAC,+BAA+B,aAChE,uBAAC,YAAY,KAAG,EAChB,uBAAC,cAAG,IAAC,CAAC,EAAC,IAAI,YACV,mJAGI,GACC,EACN,wBAAC,iBAAM,eACN,uBAAC,iBAAM,CAAC,OAAO,IAAC,MAAM,EAAE,uBAAC,iBAAM,KAAG,yBAA2B,EAC7D,wBAAC,iBAAM,CAAC,OAAO,eACd,uBAAC,iBAAM,CAAC,KAAK,mCAAgC,EAC7C,uBAAC,iBAAM,CAAC,WAAW,+EAEE,EACrB,uBAAC,SAAS,KAAG,EACb,uBAAC,iBAAM,CAAC,OAAO,cACd,uBAAC,iBAAM,CAAC,KAAK,KAAG,GACA,IACD,IACT,IACJ,GACI,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEF,SAAS,YAAY;IACpB,mCAAmC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;;QACvC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACxE,OAAO,cAAc;YACpB,CAAC,CAAC,MAAA,cAAc,CAAC,YAAY,CAAC,SAAS,CAAC,mCAAI,SAAS;YACrD,CAAC,CAAC,SAAS,CAAC;IACd,CAAC,CAAC,CAAC;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;QACxE,IAAI,CAAC,cAAc;YAAE,OAAO;QAE5B,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAC1C,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YACxD,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACpB,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,cAAc,EAAE;YAChC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,SAAS,CAAC;SAC5B,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC;IAE7C,OAAO,CACN,wBAAC,cAAG,IACH,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,QAAQ,EACd,CAAC,EAAC,IAAI,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,aAEjC,0CAAM,IAAI,GAAO,EACjB,uBAAC,cAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,YACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GAChB,IACD,CACN,CAAC;AACH,CAAC;AAED,SAAS,SAAS;IACjB,IAAA,uCAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,IAAI,CAAC;AACb,CAAC"}

package/dist/cjs/hooks/useVisualViewportOffset.js

@@ -95,21 +95,42 @@ function useReactToViewportChanges(cb, disable) {
         const update = () => {
             stableCb(viewport);
         };
-        let prevTimeout;
-        const debouncedUpdate = () => {
-            if (prevTimeout) {
-                clearTimeout(prevTimeout);
+        const WAIT = 50;
+        let timeoutId;
+        let lastInvoke = 0;
+        // call immediately once
+        update();
+        lastInvoke = Date.now();
+        const throttledUpdate = () => {
+            const now = Date.now();
+            const remaining = WAIT - (now - lastInvoke);
+            if (remaining <= 0) {
+                if (timeoutId) {
+                    clearTimeout(timeoutId);
+                    timeoutId = undefined;
+                }
+                lastInvoke = now;
+                update();
+            }
+            else if (!timeoutId) {
+                timeoutId = window.setTimeout(() => {
+                    timeoutId = undefined;
+                    lastInvoke = Date.now();
+                    update();
+                }, remaining);
             }
-            prevTimeout = window.setTimeout(update, 50);
         };
-        update();
-        window.addEventListener('scroll', debouncedUpdate, { passive: true });
+        window.addEventListener('scroll', throttledUpdate, { passive: true });
         viewport.addEventListener('resize', update);
-        viewport.addEventListener('scroll', debouncedUpdate, { passive: true });
+        viewport.addEventListener('scroll', throttledUpdate, { passive: true });
         return () => {
-            window.removeEventListener('scroll', debouncedUpdate);
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                timeoutId = undefined;
+            }
+            window.removeEventListener('scroll', throttledUpdate);
             viewport.removeEventListener('resize', update);
-            viewport.removeEventListener('scroll', debouncedUpdate);
+            viewport.removeEventListener('scroll', throttledUpdate);
         };
     }, [stableCb, disable]);
 }

package/dist/cjs/hooks/useVisualViewportOffset.js.map

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

package/dist/cjs/hooks/withClassName.d.ts

@@ -1,3 +1,3 @@
-import classNames from 'clsx';
+import clsx from 'clsx';
 import { ComponentPropsWithRef, ComponentType, ElementType, FunctionComponent } from 'react';
-export declare function withClassName<T extends ComponentType<any> | ElementType<any>>(Component: T, ...cs: Parameters<typeof classNames>): FunctionComponent<ComponentPropsWithRef<T>>;
+export declare function withClassName<T extends ComponentType<any> | ElementType<any>>(Component: T, ...cs: Parameters<typeof clsx>): FunctionComponent<ComponentPropsWithRef<T>>;

package/dist/cjs/hooks/withClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"withClassName.js","sourceRoot":"","sources":["../../../src/hooks/withClassName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,sCASC;;AAjBD,gDAA8B;AAQ9B,SAAgB,aAAa,CAC5B,SAAY,EACZ,GAAG,EAAiC;IAEpC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;QACrC,OAAO,uBAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,cAAU,EAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC;IACtE,CAAC,CAAC;IACF,OAAO,aAAoB,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"withClassName.js","sourceRoot":"","sources":["../../../src/hooks/withClassName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,sCASC;;AAjBD,gDAAwB;AAQxB,SAAgB,aAAa,CAC5B,SAAY,EACZ,GAAG,EAA2B;IAE9B,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;QACrC,OAAO,uBAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC;IAChE,CAAC,CAAC;IACF,OAAO,aAAoB,CAAC;AAC7B,CAAC"}

package/dist/cjs/themes.stories.js

@@ -31,10 +31,10 @@ exports.default = meta;
 function DemoUI({ className }) {
     const nextWeek = new Date();
     nextWeek.setDate(nextWeek.getDate() + 7);
-    return ((0, jsx_runtime_1.jsxs)(index_js_5.PageRoot, { className: (0, clsx_1.default)('flex-1', className), children: [(0, jsx_runtime_1.jsx)(index_js_5.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('grid gap-2 grid-cols-2'), children: [(0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "primary", children: "Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "contrast", children: "Contrast" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "attention", emphasis: "primary", children: "Destructive" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "ghost", children: "Ghost Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "primary", children: "Destructive Small" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, items: "start", children: [(0, jsx_runtime_1.jsx)(index_js_6.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(index_js_7.TextArea, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "row", gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(index_js_5.Checkbox, { defaultChecked: true }), (0, jsx_runtime_1.jsx)("span", { children: "Checkbox" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ToggleGroup, { type: "single", defaultValue: "1", children: [(0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "1", children: "Toggle 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { layout: "start safe-center", d: "col", gap: true, p: true, className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Heading 1" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Heading 2" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Heading 3" }), (0, jsx_runtime_1.jsx)(index_js_5.H4, { children: "Heading 4" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", gap: true, children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { compact: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] })] }), (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, { defaultValue: "tab1", children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab1", children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionBar, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "Hello"] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "World"] }), (0, jsx_runtime_1.jsx)(index_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)(index_js_5.AvatarList, { count: 3, children: [(0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 0, name: "John Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 1, name: "Jane Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 2, name: "John Smith" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_5.Tooltip, { content: "Hello World", children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Hover or right click" }) }) }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 3" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Trigger, { asChild: true, className: "m-auto", children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Dropdown" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Separator, {}), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 6" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Item, { children: ["With icon", (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "flag" }) })] })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Select, { value: "1", children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Trigger, {}), (0, jsx_runtime_1.jsxs)(index_js_5.Select.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "1", children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "2", children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "3", children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "4", children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "5", children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "6", children: "Item 6" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "7", children: "Item 7" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "8", children: "Item 8" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "9", children: "Item 9" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "10", children: "Item 10" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Click" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Title, { children: "Hello there" }), (0, jsx_runtime_1.jsx)(index_js_5.Dialog.Description, { children: "Im a dialog" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Close, { children: "Close" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Action" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_5.DateRangePicker, { className: "grid-col-span-2", value: {
+    return ((0, jsx_runtime_1.jsxs)(index_js_5.PageRoot, { className: (0, clsx_1.default)('flex-1', className), children: [(0, jsx_runtime_1.jsx)(index_js_5.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('grid gap-2 grid-cols-2'), children: [(0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "primary", children: "Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "contrast", children: "Contrast" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "attention", emphasis: "primary", children: "Destructive" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "ghost", children: "Ghost Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "primary", children: "Destructive Small" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, items: "start", children: [(0, jsx_runtime_1.jsx)(index_js_6.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(index_js_7.TextArea, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "row", gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(index_js_5.Checkbox, { defaultChecked: true }), (0, jsx_runtime_1.jsx)("span", { children: "Checkbox" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ToggleGroup, { defaultValue: ['1'], children: [(0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "1", children: "Toggle 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { layout: "start safe-center", d: "col", gap: true, p: true, className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Heading 1" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Heading 2" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Heading 3" }), (0, jsx_runtime_1.jsx)(index_js_5.H4, { children: "Heading 4" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", gap: true, children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { compact: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] })] }), (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, { defaultValue: "tab1", children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab1", children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionBar, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "Hello"] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "World"] }), (0, jsx_runtime_1.jsx)(index_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)(index_js_5.AvatarList, { count: 3, children: [(0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 0, name: "John Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 1, name: "Jane Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 2, name: "John Smith" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_5.Tooltip, { content: "Hello World" }), children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Hover or right click" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 3" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_2.Button, {}), className: "m-auto", children: "Dropdown" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Separator, {}), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 6" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Item, { children: ["With icon", (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "flag" }) })] })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Select, { value: "1", itemToStringLabel: (i) => `Item ${i}`, children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Trigger, {}), (0, jsx_runtime_1.jsxs)(index_js_5.Select.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "1", children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "2", children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "3", children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "4", children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "5", children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "6", children: "Item 6" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "7", children: "Item 7" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "8", children: "Item 8" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "9", children: "Item 9" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "10", children: "Item 10" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_2.Button, {}), children: "Click" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Title, { children: "Hello there" }), (0, jsx_runtime_1.jsx)(index_js_5.Dialog.Description, { children: "Im a dialog" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Close, { children: "Close" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Action" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_5.DateRangePicker, { className: "grid-col-span-2", value: {
                                 start: new Date(),
                                 end: nextWeek,
-                            }, onChange: () => { } }), (0, jsx_runtime_1.jsx)(index_js_5.Progress, { value: 50, className: "m-auto" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "primary", p: true, gap: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)("div", { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "accent", p: true, d: "col", className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 }), "Accent surface"] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: true, p: true, d: "col", children: "Default surface" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "attention", p: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Attention surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Attention surface" }), "Attention surface", (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { children: (0, jsx_runtime_1.jsx)(index_js_5.Note, { children: "Note note" }) }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { justify: "start", items: "start", children: (0, jsx_runtime_1.jsxs)(index_js_5.HorizontalList, { openDirection: "down", children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "One" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Two" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Three" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Four" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Five" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Six" })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.ImageUploader, { className: "h-200px", value: null, onChange: () => { } })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_5.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "gray", children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] })] }) })] }));
+                            }, onChange: () => { } }), (0, jsx_runtime_1.jsx)(index_js_5.Progress, { value: 50, className: "m-auto" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "primary", p: true, gap: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)("div", { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "accent", p: true, d: "col", className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 }), "Accent surface"] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: true, p: true, d: "col", children: "Default surface" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "attention", p: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Attention surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Attention surface" }), "Attention surface", (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { children: (0, jsx_runtime_1.jsx)(index_js_5.Note, { children: "Note note" }) }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { justify: "start", items: "start", children: (0, jsx_runtime_1.jsxs)(index_js_5.HorizontalList, { openDirection: "down", children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "One" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Two" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Three" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Four" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Five" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Six" })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.ImageUploader, { className: "h-200px", value: null, onChange: () => { } })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_5.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { name: "book" }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "gray", children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { render: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { render: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] })] }) })] }));
 }
 exports.Default = {
     render() {

package/dist/cjs/themes.stories.js.map

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

package/dist/cjs/uno/preflights/globals.js

@@ -29,31 +29,35 @@ const globalPreflight = (config) => (0, _util_js_1.preflight)({
 	--arrow-size: 1rem;
 }
 
-html, body {
-	margin: 0;
-	padding: 0;
-	font-family: var(--font-default);
-	font-size: 16px;
-	min-height: 100%;
-	--webkit-font-smoothing: antialiased;
-}
-
-body {
-	overflow: overlay;
-}
-
-#main {
-	isolation: isolate;
-}
-
-a {
-	color: inherit;
-	text-decoration: none;
-}
-
-* {
-	box-sizing: border-box;
-	-webkit-tap-highlight-color: transparent;
+@layer preflightBase {
+	html, body {
+		margin: 0;
+		padding: 0;
+		font-family: var(--font-default);
+		font-size: 16px;
+		min-height: 100%;
+		--webkit-font-smoothing: antialiased;
+	}
+
+	body {
+		overflow: overlay;
+	}
+
+	#main {
+		isolation: isolate;
+	}
+
+	a {
+		color: inherit;
+		text-decoration: none;
+	}
+
+	* {
+		box-sizing: border-box;
+		-webkit-tap-highlight-color: transparent;
+		border-style: solid;
+		border-width: 0;
+	}
 }
 
 @property --v-shadow-y-mult {

package/dist/cjs/uno/preflights/globals.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAMhC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,IAAA,oBAAS,EAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;GAUd,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;EAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EA;CACC,CAAC,CAAC;AArGS,QAAA,eAAe,mBAqGxB"}
+{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAMhC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,IAAA,oBAAS,EAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;GAUd,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;EAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFA;CACC,CAAC,CAAC;AAzGS,QAAA,eAAe,mBAyGxB"}