@a-type/ui 0.1.2 → 0.1.3

package/dist/cjs/components/textArea/TextArea.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
+const react_1 = require("react");
+const input_js_1 = require("../input.js");
+exports.TextArea = (0, react_1.forwardRef)(function TextArea(_a, ref) {
+    var { autoSize, className, rows, padBottomPixels = 0 } = _a, rest = __rest(_a, ["autoSize", "className", "rows", "padBottomPixels"]);
+    const innerRef = (0, react_1.useRef)(null);
+    const finalRef = (0, useMergedRef_js_1.default)(innerRef, ref);
+    (0, react_1.useLayoutEffect)(() => {
+        if (!autoSize)
+            return;
+        const element = innerRef.current;
+        let valueWasEmpty = false;
+        if (element) {
+            if (element.value !== '' ||
+                (!valueWasEmpty && element.value === '') ||
+                padBottomPixels) {
+                element.style.height = 'auto';
+                const baseHeight = element.scrollHeight;
+                element.style.height = baseHeight + padBottomPixels + 'px';
+            }
+            valueWasEmpty = element.value === '';
+        }
+    }, [autoSize, padBottomPixels, rest.value]);
+    return ((0, jsx_runtime_1.jsx)("textarea", Object.assign({ ref: finalRef, className: (0, classnames_1.default)(input_js_1.inputClassName, 'layer-components:([font-family:inherit] text-inherit overflow-hidden)', {
+            'layer-components:[resize:vertical]': !autoSize,
+        }, className), rows: autoSize ? 1 : rows }, rest)));
+});
+//# sourceMappingURL=TextArea.js.map

package/dist/cjs/components/textArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,4DAAoC;AACpC,kFAAuD;AACvD,iCAAuE;AACvE,0CAA6C;AAUhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EACjC,SAAS,QAAQ,CAChB,EAA2D,EAC3D,GAAG;QADH,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,GAAG,CAAC,OAAW,EAAN,IAAI,cAAzD,oDAA2D,CAAF;IAGzD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE7C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,IAAI,OAAO,EAAE;YACZ,IACC,OAAQ,CAAC,KAAK,KAAK,EAAE;gBACrB,CAAC,CAAC,aAAa,IAAI,OAAQ,CAAC,KAAK,KAAK,EAAE,CAAC;gBACzC,eAAe,EACd;gBACD,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC/B,MAAM,UAAU,GAAG,OAAQ,CAAC,YAAY,CAAC;gBACzC,OAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC;aAC5D;YACD,aAAa,GAAG,OAAQ,CAAC,KAAK,KAAK,EAAE,CAAC;SACtC;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACN,mDACC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAU,EACpB,yBAAc,EACd,uEAAuE,EACvE;YACC,oCAAoC,EAAE,CAAC,QAAQ;SAC/C,EACD,SAAS,CACT,EACD,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IACrB,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextArea.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/textArea.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./textArea/index.js"), exports);
+//# sourceMappingURL=textArea.js.map

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import * as ToggleGroup from '@radix-ui/react-toggle-group';
+export declare const ToggleGroupRoot: import("react").FunctionComponent<(ToggleGroup.ToggleGroupSingleProps | ToggleGroup.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ToggleGroupItem: import("react").FunctionComponent<ToggleGroup.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/toggleGroup/toggleGroup.js

@@ -0,0 +1,31 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
+const ToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroup.Root, 'inline-flex bg-gray1 rounded-lg gap-1');
+exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroup.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:(shadow-focus outline-off) [&[data-state=on]]:(bg-primary-light border-black)');
+//# sourceMappingURL=toggleGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAA4D;AAC5D,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,WAAW,CAAC,IAAI,EAChB,uCAAuC,CACvC,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,WAAW,CAAC,IAAI,EAChB,0MAA0M,CAC1M,CAAC"}

package/dist/cjs/components/toggleGroup.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./toggleGroup/toggleGroup.jsx"), exports);
+//# sourceMappingURL=toggleGroup.js.map

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

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

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

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export declare function Tooltip({ content, children, open, ...rest }: {
+    content: React.ReactNode;
+    open?: boolean;
+} & ComponentPropsWithoutRef<typeof TooltipPrimitive.TooltipTrigger>): JSX.Element;

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

@@ -0,0 +1,56 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const classnames_1 = __importDefault(require("classnames"));
+function Content(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, classnames_1.default)('relative rounded-lg py-2 px-3 border-default text-sm leading-tight color-inherit bg-white shadow-sm select-none display-none z-tooltip sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', '[&[data-state=delayed-open][data-side=top]]:animate-fade-in-up', '[&[data-state=delayed-open][data-side=right]]:animate-fade-in-right', '[&[data-state=delayed-open][data-side=bottom]]:animate-fade-in-down', '[&[data-state=delayed-open][data-side=left]]:animate-fade-in-left', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-white stroke-black stroke-1" })] })) }));
+}
+// Exports
+exports.TooltipProvider = TooltipPrimitive.Provider;
+function Tooltip(_a) {
+    var { content, children, open } = _a, rest = __rest(_a, ["content", "children", "open"]);
+    return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, Object.assign({ open: open }, { children: [(0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true }, rest, { children: children })), (0, jsx_runtime_1.jsx)(Content, Object.assign({ sideOffset: 15 }, { children: content }))] })));
+}
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGb,0EAA4D;AAC5D,4DAAoC;AAEpC,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,oBAAU,EACpB,2JAA2J,EAC3J,8CAA8C,EAC9C,8CAA8C,EAC9C,gEAAgE,EAChE,qEAAqE,EACrE,qEAAqE,EACrE,mEAAmE,EACnE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,kCAAkC,GAAG,KAC7C,GACF,CAC1B,CAAC;AACH,CAAC;AAED,UAAU;AACG,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAEzD,SAAgB,OAAO,CAAC,EAOvB;QAPuB,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,OAIJ,EAHG,IAAI,cAJgB,+BAKvB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAChC,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,UAAK,IAAI,cAC/C,QAAQ,IACwB,EAClC,uBAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC;AAhBD,0BAgBC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Tooltip.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/tooltip.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./tooltip/index.js"), exports);
+//# sourceMappingURL=tooltip.js.map

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./typography.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const H1: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}>;
+export declare const H2: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}>;
+export declare const H3: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}>;
+export declare const H4: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}>;
+export declare const H5: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}>;
+export declare const P: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof import("react").HTMLAttributes<HTMLParagraphElement>> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}>;

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

@@ -0,0 +1,12 @@
+"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 = 'my-0';
+exports.H1 = (0, withClassName_js_1.withClassName)('h1', baseHeadingClass, 'font-title text-2xl font-bold');
+exports.H2 = (0, withClassName_js_1.withClassName)('h2', baseHeadingClass, 'text-lg font-title font-bold color-gray9');
+exports.H3 = (0, withClassName_js_1.withClassName)('h3', baseHeadingClass, 'font-title text-md');
+exports.H4 = (0, withClassName_js_1.withClassName)('h4', baseHeadingClass);
+exports.H5 = (0, withClassName_js_1.withClassName)('h5', baseHeadingClass);
+exports.P = (0, withClassName_js_1.withClassName)('p', 'my-0 leading-normal');
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/components/typography/typography.tsx"],"names":[],"mappings":";;;AAAA,mEAA6D;AAE7D,MAAM,gBAAgB,GAAG,MAAM,CAAC;AACnB,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,+BAA+B,CAC/B,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAC9B,IAAI,EACJ,gBAAgB,EAChB,0CAA0C,CAC1C,CAAC;AACW,QAAA,EAAE,GAAG,IAAA,gCAAa,EAAC,IAAI,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;AACjE,QAAA,EAAE,GAAG,IAAA,gCAAa,EAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAC3C,QAAA,EAAE,GAAG,IAAA,gCAAa,EAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AAE3C,QAAA,CAAC,GAAG,IAAA,gCAAa,EAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/cjs/components/typography.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./typography/index.js"), exports);
+//# sourceMappingURL=typography.js.map

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

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

package/dist/cjs/hooks/index.js

@@ -0,0 +1,24 @@
+"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("./useMergedRef.js"), exports);
+__exportStar(require("./useSize.js"), exports);
+__exportStar(require("./useStableCallback.js"), exports);
+__exportStar(require("./useToggle.js"), exports);
+__exportStar(require("./useVisualViewportOffset.js"), exports);
+__exportStar(require("./useOnUnmount.js"), exports);
+__exportStar(require("./withClassName.jsx"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,+CAA6B;AAC7B,yDAAuC;AACvC,iDAA+B;AAC/B,+DAA6C;AAC7C,oDAAkC;AAClC,sDAAoC"}

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function useMergedRef<T>(...refs: React.Ref<T>[]): React.RefCallback<T>;
+export default useMergedRef;

package/dist/cjs/hooks/useMergedRef.js

@@ -0,0 +1,39 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+function useMergedRef(...refs) {
+    return React.useCallback((element) => {
+        for (let i = 0; i < refs.length; i++) {
+            const ref = refs[i];
+            if (typeof ref === 'function')
+                ref(element);
+            else if (ref && typeof ref === 'object')
+                ref.current = element;
+        }
+    }, refs);
+}
+exports.default = useMergedRef;
+//# sourceMappingURL=useMergedRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../../src/hooks/useMergedRef.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,SAAS,YAAY,CAAI,GAAG,IAAoB;IAC/C,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,OAAU,EAAE,EAAE;QACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC;iBACvC,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ;gBACrC,GAAiC,CAAC,OAAO,GAAG,OAAO,CAAC;SACtD;IACF,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC;AAED,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,5 @@
+/**
+ * Calls a callback with an element when it is unmounted.
+ * @returns a ref to pass to the component
+ */
+export declare function useOnUnmount(callback: (el: HTMLElement) => void): (el: HTMLElement | null) => void;

package/dist/cjs/hooks/useOnUnmount.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnUnmount = void 0;
+const react_1 = require("react");
+const useStableCallback_js_1 = require("./useStableCallback.js");
+/**
+ * Calls a callback with an element when it is unmounted.
+ * @returns a ref to pass to the component
+ */
+function useOnUnmount(callback) {
+    const stableCallback = (0, useStableCallback_js_1.useStableCallback)(callback);
+    const ref = (0, react_1.useRef)(null);
+    return (0, react_1.useCallback)((el) => {
+        console.log(el);
+        if (ref.current && !el) {
+            stableCallback(ref.current);
+        }
+        ref.current = el;
+    }, []);
+}
+exports.useOnUnmount = useOnUnmount;
+//# sourceMappingURL=useOnUnmount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnUnmount.js","sourceRoot":"","sources":["../../../src/hooks/useOnUnmount.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,iEAA2D;AAE3D;;;GAGG;AACH,SAAgB,YAAY,CAAC,QAAmC;IAC/D,MAAM,cAAc,GAAG,IAAA,wCAAiB,EAAC,QAAQ,CAAC,CAAC;IAEnD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IAE7C,OAAO,IAAA,mBAAW,EAAC,CAAC,EAAsB,EAAE,EAAE;QAC7C,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAChB,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,EAAE,EAAE;YACvB,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC5B;QACD,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;AACR,CAAC;AAZD,oCAYC"}

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

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+interface ResizeObserverEntry {
+    target: Element;
+}
+type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void;
+export declare class ResizeObserver {
+    constructor(callback: ResizeObserverCallback);
+    observe(target: Element): void;
+    unobserve(target: Element): void;
+    disconnect(): void;
+}
+export declare function useSize<E extends HTMLElement>(callback: (payload: {
+    width: number;
+    height: number;
+}) => void): RefObject<E>;
+export declare function useSizeCssVars<E extends HTMLElement>(debounceMs?: number, applyToRef?: RefObject<HTMLElement>, propertyNames?: {
+    width: string;
+    height: string;
+}): RefObject<E>;
+export {};

package/dist/cjs/hooks/useSize.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSizeCssVars = exports.useSize = void 0;
+const utils_1 = require("@a-type/utils");
+const react_1 = require("react");
+const useStableCallback_js_1 = require("./useStableCallback.js");
+function useSize(callback) {
+    const ref = (0, react_1.useRef)(null);
+    const cb = (0, useStableCallback_js_1.useStableCallback)(callback);
+    (0, react_1.useLayoutEffect)(() => {
+        const target = ref.current;
+        if (!target) {
+            return () => {
+                //
+            };
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            entries.forEach((entry) => {
+                cb({
+                    width: entry.target.clientWidth,
+                    height: entry.target.clientHeight,
+                });
+            });
+        });
+        resizeObserver.observe(target);
+        return () => {
+            resizeObserver.unobserve(target);
+            resizeObserver.disconnect();
+        };
+    }, [ref, cb]);
+    return ref;
+}
+exports.useSize = useSize;
+function useSizeCssVars(debounceMs, applyToRef, propertyNames) {
+    const update = (0, react_1.useMemo)(() => {
+        const doupdate = ({ width, height }) => {
+            var _a, _b, _c, _d;
+            const usedRef = applyToRef || ref;
+            (_a = usedRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty((_b = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width) !== null && _b !== void 0 ? _b : '--width', width + 'px');
+            (_c = usedRef.current) === null || _c === void 0 ? void 0 : _c.style.setProperty((_d = propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height) !== null && _d !== void 0 ? _d : '--height', height + 'px');
+        };
+        if (debounceMs) {
+            return (0, utils_1.debounce)(doupdate, debounceMs);
+        }
+        else {
+            return doupdate;
+        }
+    }, [debounceMs, applyToRef, propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.width, propertyNames === null || propertyNames === void 0 ? void 0 : propertyNames.height]);
+    const ref = useSize(update);
+    return ref;
+}
+exports.useSizeCssVars = useSizeCssVars;
+//# sourceMappingURL=useSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.js","sourceRoot":"","sources":["../../../src/hooks/useSize.ts"],"names":[],"mappings":";;;AAAA,yCAAyC;AACzC,iCAAoE;AACpE,iEAA2D;AAY3D,SAAgB,OAAO,CACtB,QAA8D;IAE9D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAI,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAA,wCAAiB,EAAC,QAAQ,CAAC,CAAC;IACvC,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,MAAM,EAAE;YACZ,OAAO,GAAG,EAAE;gBACX,EAAE;YACH,CAAC,CAAC;SACF;QACD,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzB,EAAE,CAAC;oBACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;oBAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;iBACjC,CAAC,CAAC;YACJ,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC/B,OAAO,GAAG,EAAE;YACX,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACjC,cAAc,CAAC,UAAU,EAAE,CAAC;QAC7B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;IACd,OAAO,GAAG,CAAC;AACZ,CAAC;AA3BD,0BA2BC;AAED,SAAgB,cAAc,CAC7B,UAAmB,EACnB,UAAmC,EACnC,aAAiD;IAEjD,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqC,EAAE,EAAE;;YACzE,MAAM,OAAO,GAAG,UAAU,IAAI,GAAG,CAAC;YAClC,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,CAAC,WAAW,CACjC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,mCAAI,SAAS,EACjC,KAAK,GAAG,IAAI,CACZ,CAAC;YACF,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,CAAC,WAAW,CACjC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,mCAAI,UAAU,EACnC,MAAM,GAAG,IAAI,CACb,CAAC;QACH,CAAC,CAAC;QACF,IAAI,UAAU,EAAE;YACf,OAAO,IAAA,gBAAQ,EAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;SACtC;aAAM;YACN,OAAO,QAAQ,CAAC;SAChB;IACF,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,OAAO,CAAI,MAAM,CAAC,CAAC;IAC/B,OAAO,GAAG,CAAC;AACZ,CAAC;AAzBD,wCAyBC"}

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

@@ -0,0 +1 @@
+export declare function useStableCallback<Fn extends (...args: any[]) => any>(callback: Fn | undefined): (...args: any[]) => any;

package/dist/cjs/hooks/useStableCallback.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStableCallback = void 0;
+const react_1 = require("react");
+function useStableCallback(callback) {
+    const ref = (0, react_1.useRef)(callback);
+    (0, react_1.useMemo)(() => {
+        ref.current = callback;
+    }, [callback]);
+    return (0, react_1.useCallback)((...args) => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call(ref, ...args); }, []);
+}
+exports.useStableCallback = useStableCallback;
+//# sourceMappingURL=useStableCallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.js","sourceRoot":"","sources":["../../../src/hooks/useStableCallback.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AAEhE,SAAgB,iBAAiB,CAChC,QAAwB;IAExB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IAC7B,IAAA,eAAO,EAAC,GAAG,EAAE;QACZ,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,IAAA,mBAAW,EAAC,CAAC,GAAG,IAAW,EAAE,EAAE,WAAC,OAAA,MAAA,GAAG,CAAC,OAAO,oDAAG,GAAG,IAAI,CAAC,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;AACpE,CAAC;AARD,8CAQC"}

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

@@ -0,0 +1 @@
+export declare function useToggle(initialValue?: boolean): [boolean, () => void];

package/dist/cjs/hooks/useToggle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggle = void 0;
+const react_1 = require("react");
+function useToggle(initialValue = false) {
+    const [value, setValue] = (0, react_1.useState)(initialValue);
+    const toggle = (0, react_1.useCallback)(() => setValue((v) => !v), []);
+    return [value, toggle];
+}
+exports.useToggle = useToggle;
+//# sourceMappingURL=useToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../src/hooks/useToggle.tsx"],"names":[],"mappings":";;;AAAA,iCAA8C;AAE9C,SAAgB,SAAS,CACxB,eAAwB,KAAK;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AACxB,CAAC;AAND,8BAMC"}

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

@@ -0,0 +1,4 @@
+/**
+ * Applies bottom offset px as a CSS custom property to the document root.
+ */
+export declare function useVisualViewportOffset(): void;