@a-type/ui 4.1.8 → 5.0.1

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

@@ -1,21 +0,0 @@
-import { TooltipPopupProps, TooltipPositionerProps, Tooltip as TooltipPrimitive, TooltipTriggerProps } from '@base-ui/react/tooltip';
-import { ReactElement, ReactNode } from 'react';
-export type * from '@base-ui/react/tooltip';
-export interface TooltipContentProps extends TooltipPopupProps, Omit<TooltipPositionerProps, 'className' | 'style' | 'render'> {
-    color?: 'contrast' | 'white' | 'neutral' | 'attention';
-}
-declare function Content({ children, className, color, render, side, sideOffset, align, alignOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: TooltipContentProps): import("react/jsx-runtime.js").JSX.Element;
-export declare const TooltipProvider: import("react").FC<import("@base-ui/react/tooltip/index.js").TooltipProviderProps>;
-export interface TooltipProps extends Omit<TooltipTriggerProps, 'content' | 'children'>, Pick<TooltipContentProps, 'side' | 'sideOffset' | 'color'> {
-    content: ReactNode;
-    children?: ReactElement;
-    open?: boolean;
-    disabled?: boolean;
-}
-export declare const Tooltip: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: TooltipProps & {
-    ref?: React.Ref<HTMLButtonElement>;
-}) => import("react/jsx-runtime.js").JSX.Element) & {
-    Trigger: TooltipPrimitive.Trigger;
-    Content: typeof Content;
-    createHandle: typeof TooltipPrimitive.createHandle;
-};

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

@@ -1,41 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.TooltipProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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', 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:flex layer-components:select-none layer-components:rounded-sm layer-components:px-sm layer-components:py-xs layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:transition', 'layer-components:data-[instant]:transition-none', 'layer-components:start-end:scale-95 layer-components:start-end:opacity-0', 'layer-components:transform-origin-[var(--transform-origin)]', {
-                        'layer-variants:color-white layer-variants:bg-black': color === 'contrast',
-                        'layer-variants:border layer-variants:color-black layer-variants:bg-white layer-variants:border-gray': color === 'white' || color === 'neutral',
-                        'layer-variants:color-white layer-variants:bg-attention-ink': 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 = 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)(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: tooltip_1.Tooltip.Trigger,
-    Content,
-    createHandle: tooltip_1.Tooltip.createHandle,
-});
-//# sourceMappingURL=Tooltip.js.map

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

@@ -1 +0,0 @@
-{"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,iDAAiD,EACjD,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,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Tooltip } from './Tooltip.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof Tooltip>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const Color: Story;
-export declare const Customized: Story;

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

@@ -1,45 +0,0 @@
-// @unocss-include
-"use strict";
-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: {
-        color: {
-            control: 'select',
-            options: ['contrast', 'white', 'neutral', 'attention'],
-        },
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-    args: {
-        content: 'hello world',
-        color: 'contrast',
-    },
-};
-exports.default = meta;
-exports.Default = {
-    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, { 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({ 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", 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 +0,0 @@
-{"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/tooltip/index.d.ts

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

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

@@ -1,19 +0,0 @@
-// @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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tooltip.js"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/typography/index.d.ts

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

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

@@ -1,19 +0,0 @@
-// @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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./typography.js"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/typography/typography.d.ts

@@ -1,6 +0,0 @@
-export declare const H1: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-export declare const H2: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-export declare const H3: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-export declare const H4: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-export declare const H5: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-export declare const P: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>;

package/dist/cjs/components/typography/typography.js

@@ -1,13 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.P = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
-const withClassName_js_1 = require("../../hooks/withClassName.js");
-const baseHeadingClass = 'layer-components:my-0';
-exports.H1 = (0, withClassName_js_1.withClassName)('h1', baseHeadingClass, 'layer-components:font-title layer-components:text-2xl layer-components:font-semibold layer-components:color-inherit layer-components:color-darken-1');
-exports.H2 = (0, withClassName_js_1.withClassName)('h2', baseHeadingClass, 'layer-components:text-lg layer-components:font-title layer-components:font-bold layer-components:color-inherit layer-components:color-lighten-1');
-exports.H3 = (0, withClassName_js_1.withClassName)('h3', baseHeadingClass, 'layer-components:font-title layer-components:text-md layer-components:font-500 layer-components:color-inherit layer-components:color-lighten-2');
-exports.H4 = (0, withClassName_js_1.withClassName)('h4', baseHeadingClass, 'layer-components:text-xs layer-components:uppercase layer-components:color-inherit layer-components:color-lighten-2');
-exports.H5 = (0, withClassName_js_1.withClassName)('h5', baseHeadingClass);
-exports.P = (0, withClassName_js_1.withClassName)('p', 'layer-components:my-0 layer-components:leading-normal');
-//# sourceMappingURL=typography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/components/typography/typography.tsx"],"names":[],"mappings":";;;AAAA,mEAA6D;AAE7D,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;AACpC,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,mFAAmF,CACnF,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,+EAA+E,CAC/E,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,8EAA8E,CAC9E,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,oEAAoE,CACpE,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAE3C,QAAA,CAAC,GAAG,IAAA,gCAAa,EAAC,GAAG,EAAE,wCAAwC,CAAC,CAAC"}

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

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

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

@@ -1,9 +0,0 @@
-// @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

@@ -1 +0,0 @@
-{"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,6 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface HideWhileKeyboardOpenProps extends HTMLAttributes<HTMLDivElement> {
-}
-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

@@ -1,29 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HideWhileKeyboardOpen = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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, className } = _a, rest = __rest(_a, ["ref", "className"]);
-    const isKeyboardOpen = (0, hooks_js_1.useIsKeyboardOpen)();
-    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 +0,0 @@
-{"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,4 +0,0 @@
-import { UseRenderComponentProps } from '@base-ui/react/use-render';
-export interface SlotDivProps extends UseRenderComponentProps<'div'> {
-}
-export declare const SlotDiv: ({ ref, render, ...rest }: SlotDivProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,28 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlotDiv = void 0;
-const use_render_1 = require("@base-ui/react/use-render");
-const SlotDiv = function SlotDiv(_a) {
-    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 +0,0 @@
-{"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/components/viewport/AutoPan.d.ts

@@ -1,42 +0,0 @@
-import { EventSubscriber } from '@a-type/utils';
-import { Vector2 as GestureVector2 } from '@use-gesture/react';
-import { Vector2 } from './types.js';
-import { ViewportState } from './ViewportState.js';
-/**
- * A class which encapsulates a looping behavior for auto-panning the
- * viewport when the user drags an surface or tool near the edge of the window.
- * A discrete, stateful class is needed because there are no cursor events
- * which fire continually when a user's pointer is idling in the "hot zone" -
- * i.e. we have to use an animation frame loop to continually apply the pan
- * if the user moves their cursor near the edge and then stops moving, because
- * even though the cursor has stopped, it's still in the pan zone.
- */
-export declare class AutoPan extends EventSubscriber<{
-    pan(data: {
-        autoPan: Vector2;
-        cursorPosition: Vector2 | null;
-    }): void;
-}> {
-    private viewport;
-    private cursorPosition;
-    private threshold;
-    private panSpeedMultiplier;
-    private rafHandle;
-    private delay;
-    private startedAt;
-    constructor(viewport: ViewportState);
-    /**
-     * begin the auto-pan update loop with an initial cursor position -
-     * should be called at the start of a drag
-     */
-    start: (cursorPosition: Vector2 | GestureVector2) => void;
-    /**
-     * sets a new cursor position to calculate from, use this whenever
-     * the cursor moves.
-     */
-    update: (cursorPosition: Vector2 | GestureVector2) => void;
-    /** cancels the update loop, should be called at the end of a drag */
-    stop: () => void;
-    private getAutoPan;
-    private loop;
-}

package/dist/cjs/components/viewport/AutoPan.js

@@ -1,121 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoPan = void 0;
-const utils_1 = require("@a-type/utils");
-const math_js_1 = require("./math.js");
-/**
- * A class which encapsulates a looping behavior for auto-panning the
- * viewport when the user drags an surface or tool near the edge of the window.
- * A discrete, stateful class is needed because there are no cursor events
- * which fire continually when a user's pointer is idling in the "hot zone" -
- * i.e. we have to use an animation frame loop to continually apply the pan
- * if the user moves their cursor near the edge and then stops moving, because
- * even though the cursor has stopped, it's still in the pan zone.
- */
-class AutoPan extends utils_1.EventSubscriber {
-    constructor(viewport) {
-        super();
-        this.viewport = viewport;
-        this.cursorPosition = null;
-        // percentage of window dimensions which will trigger auto-pan behavior
-        this.threshold = 0.15;
-        // slows down the pan speed
-        this.panSpeedMultiplier = 0.25;
-        this.delay = 500; // delay before starting the auto-pan loop
-        /**
-         * begin the auto-pan update loop with an initial cursor position -
-         * should be called at the start of a drag
-         */
-        this.start = (cursorPosition) => {
-            this.startedAt = performance.now();
-            if (Array.isArray(cursorPosition)) {
-                this.cursorPosition = { x: cursorPosition[0], y: cursorPosition[1] };
-            }
-            else {
-                this.cursorPosition = cursorPosition;
-            }
-            this.rafHandle = requestAnimationFrame(this.loop);
-        };
-        /**
-         * sets a new cursor position to calculate from, use this whenever
-         * the cursor moves.
-         */
-        this.update = (cursorPosition) => {
-            if (!this.cursorPosition) {
-                this.cursorPosition = { x: 0, y: 0 };
-            }
-            if (Array.isArray(cursorPosition)) {
-                this.cursorPosition.x = cursorPosition[0];
-                this.cursorPosition.y = cursorPosition[1];
-            }
-            else {
-                this.cursorPosition.x = cursorPosition.x;
-                this.cursorPosition.y = cursorPosition.y;
-            }
-        };
-        /** cancels the update loop, should be called at the end of a drag */
-        this.stop = () => {
-            if (this.rafHandle) {
-                cancelAnimationFrame(this.rafHandle);
-            }
-        };
-        this.getAutoPan = () => {
-            const cursorPosition = this.cursorPosition;
-            if (!cursorPosition) {
-                return { x: 0, y: 0 };
-            }
-            const windowLeft = this.viewport.rootOffset.x;
-            const windowTop = this.viewport.rootOffset.y;
-            const windowRight = windowLeft + this.viewport.rootSize.width;
-            const windowBottom = windowTop + this.viewport.rootSize.height;
-            // if cursor is outside the viewport, don't pan
-            if (cursorPosition.x < windowLeft ||
-                cursorPosition.x > windowRight ||
-                cursorPosition.y < windowTop ||
-                cursorPosition.y > windowBottom) {
-                return { x: 0, y: 0 };
-            }
-            const autoPan = { x: 0, y: 0 };
-            const horizontalThreshold = this.threshold * this.viewport.rootSize.width;
-            const verticalThreshold = this.threshold * this.viewport.rootSize.height;
-            if (cursorPosition.x < horizontalThreshold + windowLeft) {
-                // autopan is adaptive to how far 'deep' in the threshold the cursor is
-                autoPan.x = -(horizontalThreshold - (cursorPosition.x - windowLeft));
-            }
-            else if (windowRight - cursorPosition.x < horizontalThreshold) {
-                autoPan.x = horizontalThreshold - (windowRight - cursorPosition.x);
-            }
-            if (cursorPosition.y < verticalThreshold + windowTop) {
-                autoPan.y = -(verticalThreshold - (cursorPosition.y - windowTop));
-            }
-            else if (windowBottom - cursorPosition.y < verticalThreshold) {
-                autoPan.y = verticalThreshold - (windowBottom - cursorPosition.y);
-            }
-            return (0, math_js_1.multiplyVector)(autoPan, this.panSpeedMultiplier);
-        };
-        this.loop = () => {
-            if (!this.startedAt) {
-                // if we haven't started yet, don't do anything
-                return;
-            }
-            const now = performance.now();
-            if (now - this.startedAt < this.delay) {
-                // if we haven't waited long enough, don't do anything
-                this.rafHandle = requestAnimationFrame(this.loop);
-                return;
-            }
-            const autoPan = this.getAutoPan();
-            if ((0, math_js_1.vectorLength)(autoPan)) {
-                this.viewport.setPanRelative(autoPan, {
-                    origin: 'direct',
-                });
-                // emit an event to others
-                this.emit('pan', { autoPan, cursorPosition: this.cursorPosition });
-            }
-            this.rafHandle = requestAnimationFrame(this.loop);
-        };
-    }
-}
-exports.AutoPan = AutoPan;
-//# sourceMappingURL=AutoPan.js.map

package/dist/cjs/components/viewport/AutoPan.js.map

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

package/dist/cjs/components/viewport/Viewport.d.ts

@@ -1,31 +0,0 @@
-import { CSSProperties, ReactNode, RefObject } from 'react';
-import { BoxProps } from '../box/Box.js';
-import { ViewportGestureControlOptions } from './useViewportGestures.js';
-import { PositionOrPercentage, ViewportState } from './ViewportState.js';
-import { ViewportZoomControls } from './ViewportZoomControls.js';
-export interface ViewportProps {
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    defaultCenter?: PositionOrPercentage;
-    onZoomChange?: (zoom: number) => void;
-    onCenterChange?: (center: {
-        x: number;
-        y: number;
-    }) => void;
-    /** Get access to the viewport from outside this component */
-    viewportRef?: RefObject<ViewportState | null>;
-    minZoom?: 'fit' | number;
-    maxZoom?: number;
-    defaultZoom?: number;
-    panLimitBuffer?: number;
-    gestureOptions?: ViewportGestureControlOptions;
-}
-export declare function ViewportRoot({ children, className, style, defaultCenter, onZoomChange, onCenterChange, viewportRef, minZoom, maxZoom, defaultZoom, panLimitBuffer, gestureOptions, }: ViewportProps): import("react/jsx-runtime.js").JSX.Element;
-export declare function ViewportControlContent({ children, className, position, ...props }: BoxProps & {
-    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-}): import("react").ReactPortal | null;
-export declare const Viewport: typeof ViewportRoot & {
-    Control: typeof ViewportControlContent;
-    ZoomControls: typeof ViewportZoomControls;
-};

package/dist/cjs/components/viewport/Viewport.js

@@ -1,91 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Viewport = void 0;
-exports.ViewportRoot = ViewportRoot;
-exports.ViewportControlContent = ViewportControlContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const hooks_js_1 = require("../../hooks.js");
-const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
-const Box_js_1 = require("../box/Box.js");
-const useViewportGestures_js_1 = require("./useViewportGestures.js");
-const ViewportContent_js_1 = require("./ViewportContent.js");
-const ViewportContext_js_1 = require("./ViewportContext.js");
-const ViewportState_js_1 = require("./ViewportState.js");
-const ViewportZoomControls_js_1 = require("./ViewportZoomControls.js");
-function ViewportRoot({ children, className, style, defaultCenter, onZoomChange, onCenterChange, viewportRef, minZoom = 'fit', maxZoom = 3, defaultZoom = 0.5, panLimitBuffer = 100, gestureOptions, }) {
-    const viewport = (0, react_1.useState)(() => new ViewportState_js_1.ViewportState({
-        panLimitMode: 'viewport',
-        zoomLimits: {
-            min: minZoom,
-            max: maxZoom,
-        },
-        defaultZoom,
-        panLimitBuffer,
-        defaultCenter,
-    }))[0];
-    if (viewportRef) {
-        // If a viewportRef is provided, we use it to expose the viewport state
-        // This allows parent components to access the viewport state directly
-        viewportRef.current = viewport;
-    }
-    const innerRef = (0, react_1.useRef)(null);
-    const sizeRef = (0, hooks_js_1.useSizeCssVars)(300, undefined, {
-        width: '--root-width',
-        height: '--root-height',
-    });
-    const finalRef = (0, useMergedRef_js_1.default)(viewport.bindRoot, innerRef, sizeRef);
-    const gestureProps = (0, useViewportGestures_js_1.useViewportGestureControls)(viewport, innerRef, gestureOptions);
-    const keyboardProps = (0, useViewportGestures_js_1.useKeyboardControls)(viewport);
-    (0, react_1.useEffect)(() => {
-        window.viewport = viewport; // For debugging purposes
-    }, [viewport]);
-    const stableOnZoomChange = (0, hooks_js_1.useStableCallback)(onZoomChange);
-    const stableOnCenterChange = (0, hooks_js_1.useStableCallback)(onCenterChange);
-    (0, react_1.useEffect)(() => {
-        setTimeout(() => stableOnZoomChange(viewport.zoom), 0);
-        return viewport.subscribe('zoomChanged', stableOnZoomChange);
-    }, [viewport, stableOnZoomChange]);
-    (0, react_1.useEffect)(() => {
-        setTimeout(() => stableOnCenterChange(viewport.panPosition), 0);
-        return viewport.subscribe('centerChanged', stableOnCenterChange);
-    }, [viewport, stableOnCenterChange]);
-    const [controlsRoot, controlsRef] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsx)(ViewportContext_js_1.ViewportProvider, { value: viewport, children: (0, jsx_runtime_1.jsx)(ViewportControlContext.Provider, { value: controlsRoot, children: (0, jsx_runtime_1.jsx)(Box_js_1.Box, { className: (0, clsx_1.default)('min-h-32px min-w-32px', className), style: style, ref: controlsRef, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('contain-strict relative h-full w-full flex-1 touch-none select-none overflow-hidden', 'focus-visible:ring focus-visible:ring-accent', className) }, gestureProps, keyboardProps, { tabIndex: 0, ref: finalRef, children: (0, jsx_runtime_1.jsx)(ViewportContent_js_1.ViewportContent, { viewport: viewport, children: children }) })) }) }) }));
-}
-const ViewportControlContext = (0, react_1.createContext)(null);
-function ViewportControlContent(_a) {
-    var { children, className, position = 'top-right' } = _a, props = __rest(_a, ["children", "className", "position"]);
-    const el = (0, react_1.useContext)(ViewportControlContext);
-    if (el === null) {
-        return null;
-    }
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ className: (0, clsx_1.default)('layer-variants:absolute', {
-            'layer-components:left-sm layer-components:top-sm': position === 'top-left',
-            'layer-components:right-sm layer-components:top-sm': position === 'top-right',
-            'layer-components:bottom-sm layer-components:left-sm': position === 'bottom-left',
-            'layer-components:bottom-sm layer-components:right-sm': position === 'bottom-right',
-        }, className), surface: true, border: true, elevated: "md" }, props, { children: children })), el);
-}
-exports.Viewport = Object.assign(ViewportRoot, {
-    Control: ViewportControlContent,
-    ZoomControls: ViewportZoomControls_js_1.ViewportZoomControls,
-});
-//# sourceMappingURL=Viewport.js.map

package/dist/cjs/components/viewport/Viewport.js.map

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