@once-ui-system/core 1.0.0

package/dist/components/Toast.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const classnames_1 = __importDefault(require("classnames"));
+const Toast_module_scss_1 = __importDefault(require("./Toast.module.scss"));
+const iconMap = {
+    success: "check",
+    danger: "danger",
+};
+const Toast = (0, react_1.forwardRef)(({ variant, className, icon = true, onClose, action, children }, ref) => {
+    const [visible, setVisible] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        const timer = setTimeout(() => setVisible(false), 6000);
+        return () => clearTimeout(timer);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!visible && onClose) {
+            onClose();
+        }
+    }, [visible, onClose]);
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, { ref: ref, fillWidth: true, background: "surface", radius: "l", paddingY: "12", paddingX: "20", border: "neutral-medium", role: "alert", "aria-live": "assertive", className: (0, classnames_1.default)(className, Toast_module_scss_1.default.toast, Toast_module_scss_1.default[variant], {
+            [Toast_module_scss_1.default.visible]: visible,
+            [Toast_module_scss_1.default.hidden]: !visible,
+        }), children: (0, jsx_runtime_1.jsxs)(_1.Flex, { fillWidth: true, vertical: "center", gap: "8", children: [icon && (0, jsx_runtime_1.jsx)(_1.Icon, { size: "s", onBackground: `${variant}-medium`, name: iconMap[variant] }), (0, jsx_runtime_1.jsx)(_1.Row, { fillWidth: true, textVariant: "body-default-s", children: children }), action && action, onClose && ((0, jsx_runtime_1.jsx)(_1.IconButton, { variant: "ghost", icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", onClick: () => setVisible(false) }))] }) }));
+});
+exports.Toast = Toast;
+Toast.displayName = "Toast";
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/once-ui/components/Toast.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAA+D;AAC/D,wBAAgD;AAChD,4DAAoC;AACpC,4EAAyC;AAYzC,MAAM,OAAO,GAAiD;IAC5D,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uBAAC,OAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,2BAAM,CAAC,KAAK,EAAE,2BAAM,CAAC,OAAO,CAAC,EAAE;YAC9D,CAAC,2BAAM,CAAC,OAAO,CAAC,EAAE,OAAO;YACzB,CAAC,2BAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO;SAC1B,CAAC,YAEF,wBAAC,OAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACtC,IAAI,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,EAAE,GAAG,OAAO,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,GAAI,EACrF,uBAAC,MAAG,IAAC,SAAS,QAAC,WAAW,EAAC,gBAAgB,YACxC,QAAQ,GACL,EACL,MAAM,IAAI,MAAM,EAChB,OAAO,IAAI,CACV,uBAAC,aAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAChC,CACH,IACI,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/Toast.module.scss

@@ -0,0 +1,11 @@
+.toast {
+    transition: opacity 0.3s, transform 0.3s;
+}
+
+.visible {
+    opacity: 1;
+}
+
+.hidden {
+    opacity: 0;
+}

package/dist/components/Toaster.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ToasterProps {
+    toasts: {
+        id: string;
+        variant: "success" | "danger";
+        message: React.ReactNode;
+        action?: React.ReactNode;
+    }[];
+    removeToast: (id: string) => void;
+}
+declare const Toaster: React.FC<ToasterProps>;
+export { Toaster };
+//# sourceMappingURL=Toaster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,YAAY;IACpB,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1B,EAAE,CAAC;IACJ,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6CnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Toaster.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toaster = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const _1 = require(".");
+const Toaster_module_scss_1 = __importDefault(require("./Toaster.module.scss"));
+const Toaster = ({ toasts, removeToast }) => {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    if (!mounted)
+        return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(_1.Flex, { zIndex: 10, fillWidth: true, direction: "column", maxWidth: 32, position: "fixed", className: Toaster_module_scss_1.default.toastContainer, children: toasts.map((toast, index, array) => ((0, jsx_runtime_1.jsx)(_1.Flex, { padding: "4", fillWidth: true, position: "absolute", className: Toaster_module_scss_1.default.toastWrapper, style: {
+                transformOrigin: "bottom center",
+                transform: `scale(${1 - (array.length - 1 - index) * 0.05}) translateY(${1 - (array.length - 1 - index) * 10}%)`,
+                opacity: array.length - 1 - index === 0 ? 1 : 0.9,
+            }, children: (0, jsx_runtime_1.jsx)(_1.Toast, { className: Toaster_module_scss_1.default.toastAnimation, variant: toast.variant, onClose: () => removeToast(toast.id), action: toast.action, children: toast.message }) }, toast.id))) }), document.body);
+};
+exports.Toaster = Toaster;
+Toaster.displayName = "Toaster";
+//# sourceMappingURL=Toaster.js.map

package/dist/components/Toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/once-ui/components/Toaster.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAAmD;AACnD,yCAAyC;AACzC,wBAAgC;AAChC,gFAA2C;AAY3C,MAAM,OAAO,GAA2B,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,IAAA,wBAAY,EACjB,uBAAC,OAAI,IACH,MAAM,EAAE,EAAE,EACV,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,6BAAM,CAAC,cAAc,YAE/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,uBAAC,OAAI,IACH,OAAO,EAAC,GAAG,EACX,SAAS,QACT,QAAQ,EAAC,UAAU,EAEnB,SAAS,EAAE,6BAAM,CAAC,YAAY,EAC9B,KAAK,EAAE;gBACL,eAAe,EAAE,eAAe;gBAChC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI;gBAChH,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;aAClD,YAED,uBAAC,QAAK,IACJ,SAAS,EAAE,6BAAM,CAAC,cAAc,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,OAAO,GACR,IAfH,KAAK,CAAC,EAAE,CAgBR,CACR,CAAC,GACG,EACP,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AAGO,0BAAO;AADhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/Toaster.module.scss

@@ -0,0 +1,25 @@
+.toastContainer {
+    bottom: var(--responsive-space-l);
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.toastWrapper {
+    bottom: 0;
+    transition: transform 0.3s, opacity 0.3s;
+}
+
+.toastAnimation {
+    animation: fadeIn 0.3s ease-out forwards;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(4rem);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}

package/dist/components/ToggleButton.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    label?: ReactNode;
+    selected?: boolean;
+    variant?: "ghost" | "outline";
+    size?: "s" | "m" | "l";
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    horizontal?: "start" | "center" | "end" | "space-between";
+    fillWidth?: boolean;
+    weight?: "default" | "strong";
+    truncate?: boolean;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: ReactNode;
+    href?: string;
+}
+export type ToggleButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const ToggleButton: React.ForwardRefExoticComponent<CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLElement>>;
+export { ToggleButton };
+//# sourceMappingURL=ToggleButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/ToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5F,QAAA,MAAM,YAAY,iIAmEjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ToggleButton.js

@@ -0,0 +1,38 @@
+"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.ToggleButton = 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 ToggleButton_module_scss_1 = __importDefault(require("./ToggleButton.module.scss"));
+const ToggleButton = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, selected = false, variant = "ghost", size = "m", radius, horizontal = "center", fillWidth = false, weight = "default", truncate = false, prefixIcon, suffixIcon, className, style, children, href } = _a, props = __rest(_a, ["label", "selected", "variant", "size", "radius", "horizontal", "fillWidth", "weight", "truncate", "prefixIcon", "suffixIcon", "className", "style", "children", "href"]);
+    return ((0, jsx_runtime_1.jsxs)(_1.ElementType, Object.assign({ ref: ref, href: href, className: (0, classnames_1.default)(ToggleButton_module_scss_1.default.button, ToggleButton_module_scss_1.default[variant], ToggleButton_module_scss_1.default[size], selected && ToggleButton_module_scss_1.default.selected, radius === "none"
+            ? "radius-none"
+            : radius
+                ? `radius-${size}-${radius}`
+                : `radius-${size}`, "text-decoration-none", "button", "cursor-interactive", {
+            ["fill-width"]: fillWidth,
+            ["fit-width"]: !fillWidth,
+            ["justify-" + horizontal]: horizontal,
+        }, className), style: style }, props, { children: [prefixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: size === "l" ? "s" : "xs" }), (label || children) && ((0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: fillWidth, horizontal: horizontal, padding: size === "s" ? "2" : "4", textWeight: weight, textSize: size === "l" ? "m" : "s", className: "font-label", position: "static", children: label || children })), suffixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: suffixIcon, size: size === "l" ? "s" : "xs" })] })));
+});
+exports.ToggleButton = ToggleButton;
+ToggleButton.displayName = "ToggleButton";
+//# sourceMappingURL=ToggleButton.js.map

package/dist/components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/once-ui/components/ToggleButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAqD;AACrD,4DAAoC;AACpC,wBAA4C;AAC5C,0FAAgD;AAgChD,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CACE,EAiBC,EACD,GAAG,EACH,EAAE;QAnBF,EACE,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,OAEL,EADI,KAAK,cAhBV,yKAiBC,CADS;IAIV,OAAO,CACL,wBAAC,cAAW,kBACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAU,EACnB,kCAAM,CAAC,MAAM,EACb,kCAAM,CAAC,OAAO,CAAC,EACf,kCAAM,CAAC,IAAI,CAAC,EACZ,QAAQ,IAAI,kCAAM,CAAC,QAAQ,EAC3B,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,UAAU,IAAI,IAAI,MAAM,EAAE;gBAC5B,CAAC,CAAC,UAAU,IAAI,EAAE,EACtB,sBAAsB,EACtB,QAAQ,EACR,oBAAoB,EACpB;YACE,CAAC,YAAY,CAAC,EAAE,SAAS;YACzB,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS;YACzB,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,UAAU;SACtC,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,eAER,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,EACzE,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,uBAAC,OAAI,IACH,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACjC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAClC,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAC,QAAQ,YAEhB,KAAK,IAAI,QAAQ,GACb,CACR,EACA,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAI,KAC9D,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/ToggleButton.module.scss

@@ -0,0 +1,56 @@
+.button {
+    display: flex;
+    align-items: center;
+    gap: var(--static-space-8);
+    border-width: 1px;
+    border-style: solid;
+    background: var(--static-transparent);
+    color: var(--neutral-on-background-strong);
+    transition: var(--transition-micro-medium);
+	user-select: none;
+    white-space: nowrap;
+  
+    &:hover, &:focus {
+        background: var(--neutral-alpha-weak);
+        border-color: var(--neutral-alpha-weak);
+    }
+  
+    &.selected {
+        background-color: var(--neutral-alpha-medium);
+        border-color: var(--neutral-alpha-weak);
+    }
+
+    &:disabled {
+        background: var(--neutral-alpha-weak);
+        color: var(--neutral-on-background-medium);
+		border: none;
+		pointer-events: none;
+		cursor: not-allowed;
+    }
+}
+
+.s {
+    height: var(--static-space-24);
+    min-height: var(--static-space-24);
+    padding: var(--static-space-2) var(--static-space-8);
+}
+
+.m {
+    height: var(--static-space-32);
+    min-height: var(--static-space-32);
+    padding: var(--static-space-4) var(--static-space-12);
+}
+  
+.l {
+    height: var(--static-space-40);
+    min-height: var(--static-space-40);
+    padding: var(--static-space-8) var(--static-space-16);
+}
+
+.ghost {
+    border-color: var(--static-transparent);
+}
+
+.outline {
+    border-color: var(--neutral-alpha-weak);
+}

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { Flex } from ".";
+import { IconName } from "../icons";
+interface TooltipProps extends React.ComponentProps<typeof Flex> {
+    label: ReactNode;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip };
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAQ,MAAM,GAAG,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,OAAO,kGAoCZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Tooltip.js

@@ -0,0 +1,29 @@
+"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.Tooltip = 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 Tooltip = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, prefixIcon, suffixIcon, className, style } = _a, flex = __rest(_a, ["label", "prefixIcon", "suffixIcon", "className", "style"]);
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ hide: "m", ref: ref, style: Object.assign({ whiteSpace: "nowrap", userSelect: "none" }, style), vertical: "center", gap: "4", zIndex: 1, background: "surface", paddingY: "4", paddingX: "8", radius: "s", border: "neutral-medium", role: "tooltip", className: (0, classnames_1.default)(className) }, flex, { children: [prefixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: "xs" }), (0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "2", vertical: "center", textVariant: "body-default-xs", onBackground: "neutral-strong", children: label }), suffixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: suffixIcon, size: "xs" })] })));
+});
+exports.Tooltip = Tooltip;
+Tooltip.displayName = "Tooltip";
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/once-ui/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAqD;AACrD,4DAAoC;AAEpC,wBAA+B;AAW/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EACxB,CAAC,EAA4D,EAAE,GAAG,EAAE,EAAE;QAArE,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA1D,2DAA4D,CAAF;IACzD,OAAO,CACL,wBAAC,OAAI,kBACH,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,kBACH,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,MAAM,IACf,KAAK,GAEV,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,EACP,MAAM,EAAE,CAAC,EACT,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,CAAC,IAC5B,IAAI,eAEP,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,EACnD,uBAAC,OAAI,IACH,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAC,gBAAgB,YAE5B,KAAK,GACD,EACN,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,IAAI,GAAG,KAC9C,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/User.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { TagProps, AvatarProps } from ".";
+interface UserProps {
+    name?: string;
+    children?: React.ReactNode;
+    subline?: React.ReactNode;
+    tag?: string;
+    tagProps?: TagProps;
+    loading?: boolean;
+    avatarProps?: AvatarProps;
+    className?: string;
+}
+declare const User: React.ForwardRefExoticComponent<UserProps & React.RefAttributes<HTMLDivElement>>;
+export { User };
+export type { UserProps };
+//# sourceMappingURL=User.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/User.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAA6B,QAAQ,EAAU,WAAW,EAAE,MAAM,GAAG,CAAC;AAE7E,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAmDT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/User.js

@@ -0,0 +1,30 @@
+"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.User = 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 User = (0, react_1.forwardRef)(({ name, children, subline, tagProps = {}, loading = false, avatarProps = {}, className }, ref) => {
+    const { src, value, empty } = avatarProps, restAvatarProps = __rest(avatarProps, ["src", "value", "empty"]);
+    const isEmpty = empty || (!src && !value);
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, { ref: ref, vertical: "center", gap: "8", className: (0, classnames_1.default)(className), children: [(0, jsx_runtime_1.jsx)(_1.Avatar, Object.assign({ size: "m", src: src, value: value, empty: isEmpty, loading: loading }, restAvatarProps)), children, name && ((0, jsx_runtime_1.jsxs)(_1.Flex, { direction: "column", paddingLeft: "4", paddingRight: "12", children: [loading ? ((0, jsx_runtime_1.jsx)(_1.Flex, { minWidth: 6, paddingY: "4", children: (0, jsx_runtime_1.jsx)(_1.Skeleton, { width: "xl", height: "m", shape: "line", "aria-label": "Loading name" }) })) : ((0, jsx_runtime_1.jsxs)(_1.Flex, { gap: "8", vertical: "center", children: [(0, jsx_runtime_1.jsx)(_1.Text, { variant: "heading-strong-xs", onBackground: "neutral-strong", children: name }), tagProps.label && ((0, jsx_runtime_1.jsx)(_1.Tag, Object.assign({ size: "s" }, tagProps, { children: tagProps.label })))] })), loading ? ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingY: "2", children: (0, jsx_runtime_1.jsx)(_1.Skeleton, { width: "l", height: "xs", shape: "line", "aria-label": "Loading subline" }) })) : ((0, jsx_runtime_1.jsx)(_1.Text, { wrap: "nowrap", variant: "body-default-xs", onBackground: "neutral-weak", children: subline }))] }))] }));
+});
+exports.User = User;
+User.displayName = "User";
+//# sourceMappingURL=User.js.map

package/dist/components/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/once-ui/components/User.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA0C;AAC1C,4DAAoC;AAEpC,wBAA6E;AAa7E,MAAM,IAAI,GAAG,IAAA,kBAAU,EACrB,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,EACxF,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAyB,WAAW,EAA/B,eAAe,UAAK,WAAW,EAAvD,yBAAyC,CAAc,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,wBAAC,OAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,CAAC,aACxE,uBAAC,SAAM,kBACL,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,IACZ,eAAe,EACnB,EACD,QAAQ,EACR,IAAI,IAAI,CACP,wBAAC,OAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,aACvD,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,OAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,YAC7B,uBAAC,WAAQ,IAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,gBAAY,cAAc,GAAG,GACpE,CACR,CAAC,CAAC,CAAC,CACF,wBAAC,OAAI,IAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,aAC7B,uBAAC,OAAI,IAAC,OAAO,EAAC,mBAAmB,EAAC,YAAY,EAAC,gBAAgB,YAC5D,IAAI,GACA,EACN,QAAQ,CAAC,KAAK,IAAI,CACjB,uBAAC,MAAG,kBAAC,IAAI,EAAC,GAAG,IAAK,QAAQ,cACvB,QAAQ,CAAC,KAAK,IACX,CACP,IACI,CACR,EACA,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,OAAI,IAAC,QAAQ,EAAC,GAAG,YAChB,uBAAC,WAAQ,IAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,gBAAY,iBAAiB,GAAG,GACvE,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,OAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACtE,OAAO,GACH,CACR,IACI,CACR,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/UserMenu.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { UserProps, DropdownWrapperProps } from ".";
+import { Placement } from "@floating-ui/react-dom";
+interface UserMenuProps extends UserProps, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
+    selected?: boolean;
+    placement?: Placement;
+    dropdown?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const UserMenu: React.FC<UserMenuProps>;
+export { UserMenu };
+//# sourceMappingURL=UserMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/UserMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA+B,SAAS,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAC;AAEjF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,UAAU,aACR,SAAQ,SAAS,EACf,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsCrC,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/UserMenu.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.UserMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const UserMenu_module_scss_1 = __importDefault(require("./UserMenu.module.scss"));
+const UserMenu = (_a) => {
+    var { selected = false, dropdown, minWidth, maxWidth, minHeight, placement, className, style } = _a, userProps = __rest(_a, ["selected", "dropdown", "minWidth", "maxWidth", "minHeight", "placement", "className", "style"]);
+    return ((0, jsx_runtime_1.jsx)(_1.DropdownWrapper, { minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, placement: placement, style: {
+            borderRadius: "var(--radius-full)",
+        }, trigger: (0, jsx_runtime_1.jsx)(_1.Flex, { tabIndex: 0, direction: "column", padding: "4", radius: "full", cursor: "interactive", border: selected ? "neutral-medium" : "transparent", background: selected ? "neutral-strong" : "transparent", className: (0, classnames_1.default)(className || "", selected ? UserMenu_module_scss_1.default.selected : "", UserMenu_module_scss_1.default.wrapper), style: style, children: (0, jsx_runtime_1.jsx)(_1.User, Object.assign({}, userProps)) }), dropdown: dropdown }));
+};
+exports.UserMenu = UserMenu;
+UserMenu.displayName = "UserMenu";
+//# sourceMappingURL=UserMenu.js.map

package/dist/components/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.js","sourceRoot":"","sources":["../../src/once-ui/components/UserMenu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAGb,4DAAoC;AACpC,wBAAiF;AACjF,kFAA4C;AAa5C,MAAM,QAAQ,GAA4B,CAAC,EAU1C,EAAE,EAAE;QAVsC,EACzC,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,KAAK,OAEN,EADI,SAAS,cAT6B,gGAU1C,CADa;IAEZ,OAAO,CACL,uBAAC,kBAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,YAAY,EAAE,oBAAoB;SACnC,EACD,OAAO,EACL,uBAAC,OAAI,IACH,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,GAAG,EACX,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,aAAa,EACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACnD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EACvD,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,8BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,8BAAM,CAAC,OAAO,CAAC,EACvF,KAAK,EAAE,KAAK,YAEZ,uBAAC,OAAI,oBAAK,SAAS,EAAI,GAClB,EAET,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAGO,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/components/UserMenu.module.scss

@@ -0,0 +1,14 @@
+.wrapper {
+    border: 1px solid var(--static-transparent);
+    transition: var(--transition-micro-medium);
+
+    &:hover {
+        background-color: var(--neutral-alpha-weak);
+        border: 1px solid var(--neutral-alpha-medium);
+    }
+
+    &.selected:hover {
+        background-color: var(--neutral-background-strong);
+        border: 1px solid var(--neutral-border-strong);
+    }
+}

package/dist/components/index.d.ts

@@ -0,0 +1,82 @@
+export * from "./Accordion";
+export * from "./AccordionGroup";
+export * from "./Arrow";
+export * from "./AutoScroll";
+export * from "./Avatar";
+export * from "./AvatarGroup";
+export * from "./Badge";
+export * from "./Banner";
+export * from "./Background";
+export * from "./Button";
+export * from "./Carousel";
+export * from "./Card";
+export * from "./CursorCard";
+export * from "./Column";
+export * from "./Checkbox";
+export * from "./Chip";
+export * from "./ColorInput";
+export * from "./CompareImage";
+export * from "./DateInput";
+export * from "./DatePicker";
+export * from "./DateRangeInput";
+export * from "./DateRangePicker";
+export * from "./Dialog";
+export * from "./Dropdown";
+export * from "./DropdownWrapper";
+export * from "./ElementType";
+export * from "./Fade";
+export * from "./Feedback";
+export * from "./Flex";
+export * from "./FlipFx";
+export * from "./GlitchFx";
+export * from "./Grid";
+export * from "./Heading";
+export * from "./HoloFx";
+export * from "./Icon";
+export * from "./IconButton";
+export * from "./InfiniteScroll";
+export * from "./InlineCode";
+export * from "./Input";
+export * from "./InteractiveDetails";
+export * from "./Kbd";
+export * from "./LetterFx";
+export * from "./Line";
+export * from "./Logo";
+export * from "./LogoCloud";
+export * from "./Mask";
+export * from "./Media";
+export * from "./NavIcon";
+export * from "./NumberInput";
+export * from "./OgCard";
+export * from "./Option";
+export * from "./OTPInput";
+export * from "./Particle";
+export * from "./PasswordInput";
+export * from "./RadioButton";
+export * from "./RevealFx";
+export * from "./Row";
+export * from "./Scroller";
+export * from "./ScrollToTop";
+export * from "./SegmentedControl";
+export * from "./Select";
+export * from "./Skeleton";
+export * from "./SmartLink";
+export * from "./Spinner";
+export * from "./StatusIndicator";
+export * from "./StylePanel";
+export * from "./StyleOverlay";
+export * from "./Switch";
+export * from "./Table";
+export * from "./Tag";
+export * from "./TagInput";
+export * from "./Text";
+export * from "./Textarea";
+export * from "./TiltFx";
+export * from "./Toast";
+export * from "./Toaster";
+export * from "./ToggleButton";
+export * from "./Tooltip";
+export * from "./ThemeSwitcher";
+export * from "./User";
+export * from "./UserMenu";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}