@once-ui-system/core 1.0.0

package/dist/components/Table.module.scss

@@ -0,0 +1,5 @@
+.hover {
+    &:hover {
+        background-color: var(--neutral-alpha-weak);
+    }
+}

package/dist/components/Tag.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import { Flex } from ".";
+import { IconName } from "../icons";
+interface TagProps extends React.ComponentProps<typeof Flex> {
+    variant?: "brand" | "accent" | "warning" | "success" | "danger" | "neutral" | "info" | "gradient";
+    size?: "s" | "m" | "l";
+    label?: string;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    children?: ReactNode;
+}
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tag };
+export type { TagProps };
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAc,MAAM,GAAG,CAAC;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;IAClG,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,GAAG,8FAsCR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,CAAC;AACf,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Tag.js

@@ -0,0 +1,31 @@
+"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.Tag = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const Tag_module_scss_1 = __importDefault(require("./Tag.module.scss"));
+const Tag = (0, react_1.forwardRef)((_a, ref) => {
+    var { variant = "neutral", size = "m", label = "", prefixIcon, suffixIcon, className, children } = _a, rest = __rest(_a, ["variant", "size", "label", "prefixIcon", "suffixIcon", "className", "children"]);
+    const paddingSize = size === "s" ? "2" : "4";
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ fitWidth: true, borderWidth: 1, borderStyle: "solid", vertical: "center", radius: "l", gap: "4", ref: ref, className: (0, classnames_1.default)(Tag_module_scss_1.default.tag, Tag_module_scss_1.default[variant], Tag_module_scss_1.default[size], className) }, rest, { children: [prefixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: "xs" }), (0, jsx_runtime_1.jsx)(_1.Flex, { style: { userSelect: "none" }, paddingX: paddingSize, vertical: "center", children: (0, jsx_runtime_1.jsx)(_1.Text, { as: "span", variant: "label-default-s", children: label || children }) }), suffixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: suffixIcon, size: "xs" })] })));
+});
+exports.Tag = Tag;
+Tag.displayName = "Tag";
+//# sourceMappingURL=Tag.js.map

package/dist/components/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/once-ui/components/Tag.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAqD;AACrD,4DAAoC;AAEpC,wBAAqC;AACrC,wEAAuC;AAYvC,MAAM,GAAG,GAAG,IAAA,kBAAU,EACpB,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,EAAE,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,OAET,EADI,IAAI,cART,iFASC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE7C,OAAO,CACL,wBAAC,OAAI,kBACH,QAAQ,QACR,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,GAAG,EACV,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,yBAAM,CAAC,GAAG,EAAE,yBAAM,CAAC,OAAO,CAAC,EAAE,yBAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IACvE,IAAI,eAEP,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,EACnD,uBAAC,OAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAC,QAAQ,YAC3E,uBAAC,OAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,iBAAiB,YACtC,KAAK,IAAI,QAAQ,GACb,GACF,EACN,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,KAC9C,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,kBAAG;AAFZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/components/Tag.module.scss

@@ -0,0 +1,65 @@
+.tag {
+    white-space: nowrap;
+    user-select: none;
+
+    &.brand {
+        border-color: var(--brand-border-strong);
+        background-color: var(--brand-background-strong);
+        color: var(--brand-on-background-medium);
+    }
+
+    &.accent {
+        border-color: var(--accent-border-strong);
+        background-color: var(--accent-background-strong);
+        color: var(--accent-on-background-medium);
+    }
+
+    &.neutral {
+        border-color: var(--neutral-border-medium);
+        background-color: var(--surface-background);
+        color: var(--neutral-on-background-medium);
+    }
+
+    &.warning {
+        border-color: var(--warning-border-strong);
+        background-color: var(--warning-background-strong);
+        color: var(--warning-on-background-medium);
+    }
+
+    &.danger {
+        border-color: var(--danger-border-strong);
+        background-color: var(--danger-background-strong);
+        color: var(--danger-on-background-medium);
+    }
+
+    &.success {
+        border-color: var(--success-border-strong);
+        background-color: var(--success-background-strong);
+        color: var(--success-on-background-medium);
+    }
+
+    &.info {
+        border-color: var(--info-border-strong);
+        background-color: var(--info-background-strong);
+        color: var(--info-on-background-medium);
+    }
+
+    &.gradient {
+        border-color: var(--brand-alpha-medium);
+        background-image: linear-gradient(45deg, var(--brand-background-strong), var(--accent-background-strong));
+        color: var(--brand-on-background-medium);
+        background-clip: padding-box;
+    }
+}
+
+.s {
+    padding: 0 var(--static-space-4);
+}
+
+.m {
+    padding: var(--static-space-2) var(--static-space-8);
+}
+
+.l {
+    padding: var(--static-space-4) var(--static-space-12);
+}

package/dist/components/TagInput.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { InputProps } from ".";
+interface TagInputProps extends Omit<InputProps, "onChange" | "value"> {
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLInputElement>>;
+export { TagInput };
+export type { TagInputProps };
+//# sourceMappingURL=TagInput.d.ts.map

package/dist/components/TagInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/TagInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,EAAqB,UAAU,EAAE,MAAM,GAAG,CAAC;AAElD,UAAU,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACpE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,QAAQ,wFAsEb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/TagInput.js

@@ -0,0 +1,51 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const TagInput = (0, react_1.forwardRef)((_a, ref) => {
+    var { value, onChange, label, placeholder } = _a, inputProps = __rest(_a, ["value", "onChange", "label", "placeholder"]);
+    const [inputValue, setInputValue] = (0, react_1.useState)("");
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const handleInputChange = (e) => {
+        setInputValue(e.target.value);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === ",") {
+            e.preventDefault();
+            if (inputValue.trim()) {
+                onChange([...value, inputValue.trim()]);
+                setInputValue("");
+            }
+        }
+    };
+    const handleRemoveTag = (index) => {
+        const newValue = value.filter((_, i) => i !== index);
+        onChange(newValue);
+    };
+    const handleFocus = () => {
+        setIsFocused(true);
+    };
+    const handleBlur = (e) => {
+        setIsFocused(false);
+    };
+    return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({ ref: ref, label: label, placeholder: placeholder, value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "aria-haspopup": "listbox", "aria-expanded": isFocused }, inputProps, { children: value.length > 0 && ((0, jsx_runtime_1.jsx)(_1.Flex, { style: {
+                margin: "calc(-1 * var(--static-space-8)) var(--static-space-8)",
+            }, direction: "row", gap: "4", vertical: "center", wrap: true, paddingY: "16", children: value.map((tag, index) => ((0, jsx_runtime_1.jsx)(_1.Chip, { label: tag, onRemove: () => handleRemoveTag(index), "aria-label": `Remove tag ${tag}` }, index))) })) })));
+});
+exports.TagInput = TagInput;
+TagInput.displayName = "TagInput";
+//# sourceMappingURL=TagInput.js.map

package/dist/components/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sourceRoot":"","sources":["../../src/once-ui/components/TagInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAMe;AAEf,wBAAkD;AAOlD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,EAAsD,EAAE,GAAG,EAAE,EAAE;QAA/D,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,OAAiB,EAAZ,UAAU,cAApD,6CAAsD,CAAF;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,iBAAiB,GAAyC,CAAC,CAAC,EAAE,EAAE;QACpE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,aAAa,GAA2C,CAAC,CAAC,EAAE,EAAE;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACxC,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;QACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACrD,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAwC,GAAG,EAAE;QAC5D,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAwC,CAAC,CAAC,EAAE,EAAE;QAC5D,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,QAAK,kBACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,mBACJ,SAAS,mBACR,SAAS,IACpB,UAAU,cAEb,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,uBAAC,OAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,wDAAwD;aACjE,EACD,SAAS,EAAC,KAAK,EACf,GAAG,EAAC,GAAG,EACP,QAAQ,EAAC,QAAQ,EACjB,IAAI,QACJ,QAAQ,EAAC,IAAI,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,uBAAC,OAAI,IAEH,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,gBAC1B,cAAc,GAAG,EAAE,IAH1B,KAAK,CAIV,CACH,CAAC,GACG,CACR,IACK,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/components/Text.d.ts

@@ -0,0 +1,9 @@
+import { ElementType, ComponentPropsWithoutRef } from "react";
+import { TextProps, CommonProps, SpacingProps } from "../interfaces";
+type TypeProps<T extends ElementType> = TextProps<T> & CommonProps & SpacingProps & ComponentPropsWithoutRef<T>;
+declare const Text: {
+    <T extends ElementType = "span">({ as, variant, size, weight, onBackground, onSolid, align, wrap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, className, truncate, ...props }: TypeProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Text };
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Text.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGrE,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,GAClD,WAAW,GACX,YAAY,GACZ,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE9B,QAAA,MAAM,IAAI;KAAI,CAAC,SAAS,WAAW,6RA4BhC,SAAS,CAAC,CAAC,CAAC;;CAsEd,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Text.js

@@ -0,0 +1,54 @@
+"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.Text = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Text = (_a) => {
+    var { as, variant, size, weight, onBackground, onSolid, align, wrap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, className, truncate } = _a, props = __rest(_a, ["as", "variant", "size", "weight", "onBackground", "onSolid", "align", "wrap", "padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "paddingX", "paddingY", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom", "marginX", "marginY", "children", "style", "className", "truncate"]);
+    const Component = as || "span";
+    if (variant && (size || weight)) {
+        console.warn("When 'variant' is set, 'size' and 'weight' are ignored.");
+    }
+    if (onBackground && onSolid) {
+        console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
+    }
+    const getVariantClasses = (variant) => {
+        const [fontType, weight, size] = variant.split("-");
+        return [`font-${fontType}`, `font-${weight}`, `font-${size}`];
+    };
+    const sizeClass = size ? `font-${size}` : "";
+    const weightClass = weight ? `font-${weight}` : "";
+    const classes = variant ? getVariantClasses(variant) : [sizeClass, weightClass];
+    let colorClass = "";
+    if (onBackground) {
+        const [scheme, weight] = onBackground.split("-");
+        colorClass = `${scheme}-on-background-${weight}`;
+    }
+    else if (onSolid) {
+        const [scheme, weight] = onSolid.split("-");
+        colorClass = `${scheme}-on-solid-${weight}`;
+    }
+    const generateClassName = (prefix, token) => {
+        return token ? `${prefix}-${token}` : undefined;
+    };
+    const combinedClasses = (0, classnames_1.default)(...classes, colorClass, className, generateClassName("p", padding), generateClassName("pl", paddingLeft), generateClassName("pr", paddingRight), generateClassName("pt", paddingTop), generateClassName("pb", paddingBottom), generateClassName("px", paddingX), generateClassName("py", paddingY), generateClassName("m", margin), generateClassName("ml", marginLeft), generateClassName("mr", marginRight), generateClassName("mt", marginTop), generateClassName("mb", marginBottom), generateClassName("mx", marginX), generateClassName("my", marginY), truncate && "truncate");
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: combinedClasses, style: Object.assign({ textAlign: align, textWrap: wrap }, style) }, props, { children: children })));
+};
+exports.Text = Text;
+Text.displayName = "Text";
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

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

package/dist/components/Textarea.d.ts

@@ -0,0 +1,20 @@
+import React, { TextareaHTMLAttributes, ReactNode } from "react";
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    id: string;
+    label?: string;
+    placeholder?: string;
+    lines?: number | "auto";
+    error?: boolean;
+    errorMessage?: ReactNode;
+    description?: ReactNode;
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    className?: string;
+    hasPrefix?: ReactNode;
+    hasSuffix?: ReactNode;
+    resize?: "horizontal" | "vertical" | "both" | "none";
+    validate?: (value: ReactNode) => ReactNode | null;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+export type { TextareaProps };
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;CACnD;AAED,QAAA,MAAM,QAAQ,2FAwMb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Textarea.js

@@ -0,0 +1,142 @@
+"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 () {
+    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)
+        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 react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
+const useDebounce_1 = require("../hooks/useDebounce");
+const Textarea = (0, react_1.forwardRef)((_a, ref) => {
+    var { id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, resize = "vertical", validate, children, onFocus, onBlur, onChange, style } = _a, props = __rest(_a, ["id", "label", "placeholder", "lines", "error", "errorMessage", "description", "radius", "className", "hasPrefix", "hasSuffix", "resize", "validate", "children", "onFocus", "onBlur", "onChange", "style"]);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [isFilled, setIsFilled] = (0, react_1.useState)(!!props.value);
+    const [validationError, setValidationError] = (0, react_1.useState)(null);
+    const [height, setHeight] = (0, react_1.useState)(undefined);
+    const textareaRef = react_1.default.useRef(null);
+    const debouncedValue = (0, useDebounce_1.useDebounce)(props.value, 1000);
+    const adjustHeight = () => {
+        if (textareaRef.current) {
+            textareaRef.current.style.height = "auto";
+            textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`; // Set to scroll height
+        }
+    };
+    const handleChange = (event) => {
+        if (lines === "auto") {
+            adjustHeight();
+        }
+        if (onChange)
+            onChange(event);
+    };
+    const handleFocus = (event) => {
+        setIsFocused(true);
+        if (onFocus)
+            onFocus(event);
+    };
+    const handleBlur = (event) => {
+        setIsFocused(false);
+        setIsFilled(!!event.target.value);
+        if (onBlur)
+            onBlur(event);
+    };
+    const validateInput = (0, react_1.useCallback)(() => {
+        if (!debouncedValue) {
+            setValidationError(null);
+            return;
+        }
+        if (validate) {
+            const error = validate(debouncedValue);
+            if (error) {
+                setValidationError(error);
+            }
+            else {
+                setValidationError(errorMessage || null);
+            }
+        }
+        else {
+            setValidationError(null);
+        }
+    }, [debouncedValue, validate, errorMessage]);
+    (0, react_1.useEffect)(() => {
+        validateInput();
+    }, [debouncedValue, validateInput]);
+    (0, react_1.useEffect)(() => {
+        if (lines === "auto") {
+            adjustHeight();
+        }
+    }, [props.value, lines]);
+    const displayError = validationError || errorMessage;
+    const textareaClassNames = (0, classnames_1.default)(Input_module_scss_1.default.input, Input_module_scss_1.default.textarea, "font-body", "font-default", "font-m", {
+        [Input_module_scss_1.default.filled]: isFilled,
+        [Input_module_scss_1.default.focused]: isFocused,
+        [Input_module_scss_1.default.withPrefix]: hasPrefix,
+        [Input_module_scss_1.default.withSuffix]: hasSuffix,
+        [Input_module_scss_1.default.placeholder]: placeholder,
+        [Input_module_scss_1.default.hasChildren]: children,
+    });
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, { direction: "column", gap: "8", fillWidth: true, fitHeight: true, className: (0, classnames_1.default)(className, {
+            [Input_module_scss_1.default.error]: displayError && debouncedValue !== "",
+        }), children: [(0, jsx_runtime_1.jsxs)(_1.Flex, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: "neutral-medium", background: "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: (0, classnames_1.default)(Input_module_scss_1.default.base, lines !== "auto" && resize !== "none" && Input_module_scss_1.default.textareaBase, radius === "none" ? "radius-none" : radius ? `radius-l-${radius}` : "radius-l"), children: [hasPrefix && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingLeft: "12", className: Input_module_scss_1.default.prefix, children: hasPrefix })), (0, jsx_runtime_1.jsxs)(_1.Flex, { fillWidth: true, direction: "column", children: [(0, jsx_runtime_1.jsx)("textarea", Object.assign({}, props, { ref: (node) => {
+                                    if (typeof ref === "function") {
+                                        ref(node);
+                                    }
+                                    else if (ref) {
+                                        ref.current = node;
+                                    }
+                                    // @ts-ignore
+                                    textareaRef.current = node;
+                                }, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames, "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: Object.assign(Object.assign({}, style), { resize: lines === "auto" ? "none" : resize, height: height ? `${height}rem` : "auto" }), onChange: handleChange })), !placeholder && ((0, jsx_runtime_1.jsx)(_1.Text, { as: "label", variant: "label-default-m", htmlFor: id, className: (0, classnames_1.default)(Input_module_scss_1.default.label, Input_module_scss_1.default.textareaLabel, {
+                                    [Input_module_scss_1.default.floating]: isFocused || isFilled,
+                                }), children: label })), children] }), hasSuffix && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingRight: "12", className: Input_module_scss_1.default.suffix, children: hasSuffix }))] }), displayError && errorMessage !== false && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "16", children: (0, jsx_runtime_1.jsx)(_1.Text, { as: "span", id: `${id}-error`, variant: "body-default-s", onBackground: "danger-weak", children: displayError }) })), description && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "16", children: (0, jsx_runtime_1.jsx)(_1.Text, { as: "span", id: `${id}-description`, variant: "body-default-s", onBackground: "neutral-weak", children: description }) }))] }));
+});
+exports.Textarea = Textarea;
+Textarea.displayName = "Textarea";
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

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

package/dist/components/ThemeSwitcher.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const ThemeSwitcher: React.ForwardRefExoticComponent<Omit<Omit<import("./Row").RowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ThemeSwitcher };
+//# sourceMappingURL=ThemeSwitcher.d.ts.map

package/dist/components/ThemeSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,aAAa,iKA6BjB,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ThemeSwitcher.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSwitcher = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const contexts_1 = require("../contexts");
+const ThemeSwitcher = (0, react_1.forwardRef)((flex, ref) => {
+    const { theme, setTheme } = (0, contexts_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(_1.Row, Object.assign({ "data-border": "rounded", ref: ref, gap: "2", border: "neutral-alpha-weak", radius: "full" }, flex, { children: [(0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "computer", variant: theme === "system" ? "primary" : "tertiary", onClick: () => setTheme("system") }), (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "dark", variant: theme === "dark" ? "primary" : "tertiary", onClick: () => setTheme("dark") }), (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "light", variant: theme === "light" ? "primary" : "tertiary", onClick: () => setTheme("light") })] })));
+});
+exports.ThemeSwitcher = ThemeSwitcher;
+ThemeSwitcher.displayName = "ThemeSwitcher";
+//# sourceMappingURL=ThemeSwitcher.js.map

package/dist/components/ThemeSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/once-ui/components/ThemeSwitcher.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAA0C;AAC1C,wBAAoC;AACpC,0CAAuC;AAEvC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAmD,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAEvC,OAAO,CACL,wBAAC,MAAG,iCACU,SAAS,EACrB,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,oBAAoB,EAC3B,MAAM,EAAC,MAAM,IACT,IAAI,eAER,uBAAC,aAAU,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GACjC,EACF,uBAAC,aAAU,IACT,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAClD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC/B,EACF,uBAAC,aAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EACnD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,GAChC,KACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,sCAAa;AADtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/TiltFx.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Flex } from ".";
+interface TiltFxProps extends React.ComponentProps<typeof Flex> {
+    children: React.ReactNode;
+}
+declare const TiltFx: React.FC<TiltFxProps>;
+export { TiltFx };
+//# sourceMappingURL=TiltFx.d.ts.map

package/dist/components/TiltFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiltFx.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/TiltFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/TiltFx.js

@@ -0,0 +1,67 @@
+"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.TiltFx = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TiltFx_module_scss_1 = __importDefault(require("./TiltFx.module.scss"));
+const _1 = require(".");
+const TiltFx = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const ref = (0, react_1.useRef)(null);
+    let lastCall = 0;
+    let resetTimeout;
+    const handleMouseMove = (e) => {
+        if ("ontouchstart" in window)
+            return;
+        clearTimeout(resetTimeout);
+        const now = Date.now();
+        if (now - lastCall < 16)
+            return;
+        lastCall = now;
+        const element = ref.current;
+        if (!element)
+            return;
+        const rect = element.getBoundingClientRect();
+        const offsetX = e.clientX - rect.left;
+        const offsetY = e.clientY - rect.top;
+        const centerX = rect.width / 2;
+        const centerY = rect.height / 2;
+        const deltaX = (offsetX - centerX) / centerX;
+        const deltaY = (offsetY - centerY) / centerY;
+        const rotateX = -deltaY * 2;
+        const rotateY = -deltaX * 2;
+        window.requestAnimationFrame(() => {
+            element.style.transform = `perspective(1000px) translate3d(0, 0, 30px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
+        });
+    };
+    const handleMouseLeave = () => {
+        if ("ontouchstart" in window)
+            return;
+        const element = ref.current;
+        if (element) {
+            resetTimeout = setTimeout(() => {
+                element.style.transform =
+                    "perspective(1000px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg)";
+            }, 100);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ ref: ref, overflow: "hidden", className: TiltFx_module_scss_1.default.tiltFx, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave }, rest, { children: children })));
+};
+exports.TiltFx = TiltFx;
+TiltFx.displayName = "TiltFx";
+//# sourceMappingURL=TiltFx.js.map

package/dist/components/TiltFx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/once-ui/components/TiltFx.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAsC;AACtC,8EAA0C;AAC1C,wBAAyB;AAMzB,MAAM,MAAM,GAA0B,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACxD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,YAA4B,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,QAAQ,GAAG,EAAE;YAAE,OAAO;QAChC,QAAQ,GAAG,GAAG,CAAC;QAEf,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAE7C,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5B,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAE5B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,uDAAuD,OAAO,gBAAgB,OAAO,MAAM,CAAC;QACxH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,sEAAsE,CAAC;YAC3E,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,OAAI,kBACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,4BAAM,CAAC,MAAM,EACxB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,IAC1B,IAAI,cAEP,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEO,wBAAM;AACf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/TiltFx.module.scss

@@ -0,0 +1,11 @@
+.tiltFx {
+    transition: transform 0.3s ease-out;
+}
+
+@media (hover: hover) {
+    .tiltFx {
+        perspective: 1000px;
+        transform-style: preserve-3d;
+        will-change: transform;
+    }
+}

package/dist/components/Toast.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ToastProps {
+    className?: string;
+    variant: "success" | "danger";
+    icon?: boolean;
+    onClose?: () => void;
+    action?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export { Toast };
+//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAOD,QAAA,MAAM,KAAK,mFAmDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}