@g4rcez/components 4.0.1 → 4.1.1

package/dist/polymorph-B5n9fs_K.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorph-B5n9fs_K.js","sources":["../src/components/core/polymorph.tsx"],"sourcesContent":["import type React from \"react\";\nimport { forwardRef } from \"react\";\n\ntype PropsOf<T extends React.ElementType> = React.ComponentPropsWithoutRef<T>;\n\nexport type PolymorphicProps<Props, T extends React.ElementType> = Props & {\n    as?: T;\n} & Omit<PropsOf<T>, keyof Props | \"as\" | \"ref\"> & {\n        ref?: React.ComponentProps<T>[\"ref\"];\n    };\n\nexport const Polymorph = forwardRef(function InnerPolymorph<P extends React.ElementType = \"div\">(props: PropsOf<P>, ref: any) {\n    const Element = props.as || \"span\";\n    return <Element ref={ref} {...props} as={undefined} />;\n});\n"],"names":["Polymorph","forwardRef","props","ref","Element"],"mappings":";;AAWO,MAAMA,IAAYC,EAAW,SAA6DC,GAAmBC,GAAU;AAC1H,QAAMC,IAAUF,EAAM,MAAM;AAC5B,2BAAQE,GAAA,EAAQ,KAAAD,GAAW,GAAGD,GAAO,IAAI,QAAW;AACxD,CAAC;"}
+{"version":3,"file":"polymorph-B5n9fs_K.js","sources":["../src/components/core/polymorph.tsx"],"sourcesContent":["import type React from \"react\";\nimport { forwardRef } from \"react\";\n\ntype PropsOf<T extends React.ElementType> = React.ComponentPropsWithoutRef<T>;\n\nexport type PolymorphicProps<Props, T extends React.ElementType> = Props & {\n    as?: T;\n} & Omit<PropsOf<T>, keyof Props | \"as\" | \"ref\"> & {\n        ref?: React.ComponentProps<T>[\"ref\"];\n    };\n\nexport const Polymorph = forwardRef(function InnerPolymorph<P extends React.ElementType = \"div\">(props: PropsOf<P>, ref: React.ForwardedRef<P>) {\n    const Element = props.as || \"span\";\n    return <Element ref={ref} {...props} as={undefined} />;\n});\n"],"names":["Polymorph","forwardRef","props","ref","Element"],"mappings":";;AAWO,MAAMA,IAAYC,EAAW,SAA6DC,GAAmBC,GAA4B;AAC5I,QAAMC,IAAUF,EAAM,MAAM;AAC5B,2BAAQE,GAAA,EAAQ,KAAAD,GAAW,GAAGD,GAAO,IAAI,QAAW;AACxD,CAAC;"}

package/dist/preset/plugin.tailwind.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.tailwind.d.ts","sourceRoot":"","sources":["../../plugin.tailwind.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,MAAM;;;cAIoB,CAAC;;;CAiBhC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"plugin.tailwind.d.ts","sourceRoot":"","sources":["../../plugin.tailwind.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,MAAM;;;cAIO,CAAC;;;CAsBnB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/preset/plugin.tailwind.js

@@ -1,27 +1,29 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { withOptions } from "tailwindcss/plugin";
-var css = String.raw;
-var plugin = withOptions(function () {
-    return function (_a) {
-        var addVariant = _a.addVariant;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_1 = require("tailwindcss/plugin");
+const css = String.raw;
+const plugin = (0, plugin_1.withOptions)(() => {
+    return function ({ addVariant }) {
         addVariant("hocus", ["&:hover", "&:focus"]);
         addVariant("link", ["&:hover", "&:active"]);
-        addVariant("group-assert", [css(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
-        addVariant("group-checkbox-checked", [css(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"], [":merge(&:has(.form-checkbox[type=\"checkbox\"]:checked))"])))]);
+        addVariant("group-assert", [css `:merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &`]);
+        addVariant("group-checkbox-checked", [css `:merge(&:has(.form-checkbox[type="checkbox"]:checked))`]);
         addVariant("group-error", [
-            css(templateObject_3 || (templateObject_3 = __makeTemplateObject([":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"], [":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"]))),
-            css(templateObject_4 || (templateObject_4 = __makeTemplateObject([":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"], [":merge(.group[data-error=true]:has(.input[data-initialized=true])) &"]))),
-            css(templateObject_5 || (templateObject_5 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input) &"]))),
-            css(templateObject_6 || (templateObject_6 = __makeTemplateObject([":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"], [":merge(.group[data-error=true][data-interactive=true]):has(.input[data-initialized=true]) &"]))),
+            css `:merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &`,
+            css `
+                    :merge(.group[data-error=true]: has(.input[data-initialized=true])) &;
+                `,
+            css `
+                    :merge(.group[data-error=true][data-interactive=true]): has(.input) &;
+                `,
+            css `
+                    :merge(.group[data-error=true][data-interactive=true]): has(.input[data-initialized=true]) &;
+                `,
         ]);
     };
-}, function () {
+}, () => {
     return {
         theme: {},
     };
 });
-export default plugin;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+exports.default = plugin;

package/dist/preset/preset.tailwind.js

@@ -1,29 +1,28 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-import forms from "@tailwindcss/forms";
-import { createDesignTokens, parsers } from "./src/styles/design-tokens";
-import { defaultLightTheme as theme } from "./src/styles/theme";
-import customPlugins from "./plugin.tailwind";
-var COLORS = createDesignTokens(theme.colors, parsers.formatWithVar("hsla"));
-var spacing = createDesignTokens(theme.spacing, parsers.cssVariable);
-var shadows = createDesignTokens(theme.shadow, parsers.cssVariable);
-var config = {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.customPlugins = exports.config = exports.theme = exports.parsers = exports.createDesignTokens = void 0;
+const forms_1 = __importDefault(require("@tailwindcss/forms"));
+const design_tokens_1 = require("./src/styles/design-tokens");
+Object.defineProperty(exports, "createDesignTokens", { enumerable: true, get: function () { return design_tokens_1.createDesignTokens; } });
+Object.defineProperty(exports, "parsers", { enumerable: true, get: function () { return design_tokens_1.parsers; } });
+const theme_1 = require("./src/styles/theme");
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return theme_1.defaultLightTheme; } });
+const plugin_tailwind_1 = __importDefault(require("./plugin.tailwind"));
+exports.customPlugins = plugin_tailwind_1.default;
+const COLORS = (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.colors, design_tokens_1.parsers.formatWithVar("hsla"));
+const spacing = (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.spacing, design_tokens_1.parsers.cssVariable);
+const shadows = (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.shadow, design_tokens_1.parsers.cssVariable);
+const config = {
     theme: {
         extend: {
             transitionTimingFunction: {
                 DEFAULT: "cubic-bezier(0,0,.58,1)",
                 normal: "cubic-bezier(.25,.1,.25,1)",
             },
-            spacing: spacing,
+            spacing,
             fill: COLORS,
             colors: COLORS,
             width: spacing,
@@ -35,8 +34,8 @@ var config = {
             placeholderColor: COLORS,
             transitionDuration: { DEFAULT: "375ms" },
             minWidth: { xs: "20rem", screen: "100vh" },
-            borderColors: __assign(__assign({}, COLORS), { DEFAULT: COLORS.card.border }),
-            borderRadius: createDesignTokens(theme.rounded, parsers.cssVariable),
+            borderColors: { ...COLORS, DEFAULT: COLORS.card.border },
+            borderRadius: (0, design_tokens_1.createDesignTokens)(theme_1.defaultLightTheme.rounded, design_tokens_1.parsers.cssVariable),
             zIndex: {
                 wizard: "var(--z-wizard)",
                 navbar: "var(--z-navbar)",
@@ -46,9 +45,9 @@ var config = {
                 calendar: "var(--z-calendar)",
                 floating: "var(--z-floating)",
             },
-        }
+        },
     },
-    plugins: [forms({ strategy: "class" }), customPlugins],
+    plugins: [(0, forms_1.default)({ strategy: "class" }), plugin_tailwind_1.default],
 };
-export { createDesignTokens, parsers, theme, config, customPlugins };
-export default config;
+exports.config = config;
+exports.default = config;

package/dist/preset/src/styles/common.js

@@ -1,10 +1,13 @@
-export var rounded = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zIndex = exports.spacing = exports.rounded = void 0;
+exports.rounded = {
     button: "0.55rem",
     pill: "2rem",
     card: "0.75rem",
     full: "9999px",
 };
-export var spacing = {
+exports.spacing = {
     base: "1rem",
     hairline: "0.0625rem",
     lg: "1.125rem",
@@ -18,7 +21,7 @@ export var spacing = {
     "input-inline": "0.25rem",
     "input-gap": "0.3rem",
 };
-export var zIndex = {
+exports.zIndex = {
     wizard: "50",
     normal: "1",
     navbar: "22",

package/dist/preset/src/styles/dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAoNxB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAqNxB,CAAC"}

package/dist/preset/src/styles/dark.js

@@ -1,9 +1,12 @@
-import { rounded, spacing, zIndex } from "./common";
-export var DARK_THEME = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DARK_THEME = void 0;
+const common_1 = require("./common");
+exports.DARK_THEME = {
     name: "dark",
-    zIndex: zIndex,
-    rounded: rounded,
-    spacing: spacing,
+    zIndex: common_1.zIndex,
+    rounded: common_1.rounded,
+    spacing: common_1.spacing,
     shadow: {
         "shadow-notification": "1px 2px 2px 2px hsla(210, 15%, 20%,  0.15)",
         "shadow-floating": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
@@ -68,6 +71,7 @@ export var DARK_THEME = {
             foreground: "hsla(240, 10%, 4%)",
             notification: "hsla(142, 71%, 45%)",
         },
+        ring: "hsla(201,49%,65%)",
         input: {
             border: "hsla(240, 4%, 16%)",
             placeholder: "hsla(240, 5%, 65%)",

package/dist/preset/src/styles/design-tokens.js

@@ -1,98 +1,77 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-export var parsers = {
-    hex: function (v) { return v; },
-    raw: function (v) { return v; },
-    hsl: function (v) { return "hsl(".concat(v, ")"); },
-    rgb: function (v) { return "rgb(".concat(v, ")"); },
-    z: function (_, __, k) { return "var(--z-".concat(k, ")"); },
-    hsla: function (v) { return "hsla(".concat(v, ")"); },
-    rgba: function (v) { return "rgba(".concat(v, ")"); },
-    cssVariable: function (_, __, k) { return "var(--".concat(k, ")"); },
-    formatWithVar: function (format) { return function (_, __, v) { return "".concat(format, "(var(--").concat(v, "), <alpha-value>)"); }; },
-};
-export var reduceTokens = function (colors, parse, prefix, append) {
-    if (prefix === void 0) { prefix = ""; }
-    if (append === void 0) { append = ""; }
-    return Object.entries(colors).reduce(function (acc, _a) {
-        var key = _a[0], value = _a[1];
-        var combine = append === "" ? "".concat(prefix).concat(key) : "".concat(append, "-").concat(key);
-        if (typeof value === "string") {
-            var k = append === "" ? "".concat(prefix).concat(key) : key;
-            return acc.concat(parse(value, k, combine));
-        }
-        return acc.concat(reduceTokens(value, parse, prefix, combine));
-    }, []);
-};
-export var createDesignTokens = function (colors, parse, prefix, append) {
-    if (prefix === void 0) { prefix = ""; }
-    if (append === void 0) { append = ""; }
-    return Object.entries(colors).reduce(function (acc, _a) {
-        var _b, _c;
-        var key = _a[0], value = _a[1];
-        var combine = append === "" ? "".concat(prefix).concat(key) : "".concat(append, "-").concat(key);
-        if (typeof value === "string") {
-            var k = append === "" ? "".concat(prefix).concat(key) : key;
-            return __assign(__assign({}, acc), (_b = {}, _b[k] = parse(value, key, combine), _b));
-        }
-        return __assign(__assign({}, acc), (_c = {}, _c[key] = createDesignTokens(value, parse, prefix, combine), _c));
-    }, {});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTokenStyles = exports.createCssProperties = exports.createTheme = exports.createStyles = exports.createDesignTokens = exports.reduceTokens = exports.parsers = void 0;
+exports.parsers = {
+    hex: (v) => v,
+    raw: (v) => v,
+    hsl: (v) => `hsl(${v})`,
+    rgb: (v) => `rgb(${v})`,
+    z: (_, __, k) => `var(--z-${k})`,
+    hsla: (v) => `hsla(${v})`,
+    rgba: (v) => `rgba(${v})`,
+    cssVariable: (_, __, k) => `var(--${k})`,
+    formatWithVar: (format) => (_, __, v) => `${format}(var(--${v}), <alpha-value>)`,
 };
-var modifiers = {
-    default: function (variables) { return ":root { ".concat(variables, " }"); },
-    dark: function (variables) { return "html.dark {".concat(variables, "}"); },
+const reduceTokens = (colors, parse, prefix = "", append = "") => Object.entries(colors).reduce((acc, [key, value]) => {
+    const combine = append === "" ? `${prefix}${key}` : `${append}-${key}`;
+    if (typeof value === "string") {
+        const k = append === "" ? `${prefix}${key}` : key;
+        return acc.concat(parse(value, k, combine));
+    }
+    return acc.concat((0, exports.reduceTokens)(value, parse, prefix, combine));
+}, []);
+exports.reduceTokens = reduceTokens;
+const createDesignTokens = (colors, parse, prefix = "", append = "") => Object.entries(colors).reduce((acc, [key, value]) => {
+    const combine = append === "" ? `${prefix}${key}` : `${append}-${key}`;
+    if (typeof value === "string") {
+        const k = append === "" ? `${prefix}${key}` : key;
+        return { ...acc, [k]: parse(value, key, combine) };
+    }
+    return {
+        ...acc,
+        [key]: (0, exports.createDesignTokens)(value, parse, prefix, combine),
+    };
+}, {});
+exports.createDesignTokens = createDesignTokens;
+const modifiers = {
+    default: (variables) => `:root { ${variables} }`,
+    dark: (variables) => `html.dark {${variables}}`,
 };
-var createStyleContent = function (tokens, modifiers) {
-    var v = modifiers.value || (function (_, s) { return s; });
-    var content = tokens.map(function (token) { return "".concat(token.key, ": ").concat(v(token.key, token.value)); }).join(";");
+const createStyleContent = (tokens, modifiers) => {
+    const v = modifiers.value || ((_, s) => s);
+    const content = tokens.map((token) => `${token.key}: ${v(token.key, token.value)}`).join(";");
     return modifiers.result(content);
 };
-export var createStyles = {
-    default: function (tokens) { return createStyleContent(tokens, { result: modifiers.default }); },
-    dark: function (tokens) { return createStyleContent(tokens, { result: modifiers.dark }); },
+exports.createStyles = {
+    default: (tokens) => createStyleContent(tokens, { result: modifiers.default }),
+    dark: (tokens) => createStyleContent(tokens, { result: modifiers.dark }),
 };
-var fn = function (p) {
-    return function (value, _, key) {
-        var r = { key: "--".concat(key), value: "".concat(value) };
-        return p ? p(r) : r;
-    };
+const fn = (p) => (value, _, key) => {
+    const r = { key: `--${key}`, value: `${value}` };
+    return p ? p(r) : r;
 };
-var zIndexParser = function (t) { return ({ key: t.key.replace(/^--/, "--z-"), value: t.value }); };
-var createTokens = function (theme, map) {
-    var _a;
-    var colors = reduceTokens(theme.colors, fn(map === null || map === void 0 ? void 0 : map.colors));
-    var spacing = reduceTokens(theme.spacing, fn(map === null || map === void 0 ? void 0 : map.spacing));
-    var rounded = reduceTokens(theme.rounded, fn(map === null || map === void 0 ? void 0 : map.rounded));
-    var shadow = reduceTokens(theme.shadow, fn(map === null || map === void 0 ? void 0 : map.rounded));
-    var zIndex = reduceTokens(theme.zIndex, fn((_a = map === null || map === void 0 ? void 0 : map.zIndex) !== null && _a !== void 0 ? _a : zIndexParser));
-    var customTokens = theme.custom ? reduceTokens(theme.custom, fn(map === null || map === void 0 ? void 0 : map.customTokens)) : [];
+const zIndexParser = (t) => ({ key: t.key.replace(/^--/, "--z-"), value: t.value });
+const createTokens = (theme, map) => {
+    const colors = (0, exports.reduceTokens)(theme.colors, fn(map?.colors));
+    const spacing = (0, exports.reduceTokens)(theme.spacing, fn(map?.spacing));
+    const rounded = (0, exports.reduceTokens)(theme.rounded, fn(map?.rounded));
+    const shadow = (0, exports.reduceTokens)(theme.shadow, fn(map?.rounded));
+    const zIndex = (0, exports.reduceTokens)(theme.zIndex, fn(map?.zIndex ?? zIndexParser));
+    const customTokens = theme.custom ? (0, exports.reduceTokens)(theme.custom, fn(map?.customTokens)) : [];
     return colors.concat(spacing, rounded, customTokens, zIndex, shadow);
 };
-export var createTheme = function (theme, name) {
-    return createStyleContent(createTokens(theme), {
-        result: function (variables) { return "html".concat(name ? ".".concat(name) : "", " {").concat(variables, "}"); },
-        value: function (_, v) { return v.replace("hsla(", "").replace(")", ""); },
-    });
-};
-export var createCssProperties = function (theme, map) {
-    var tokens = createTokens(theme, map);
-    return tokens.reduce(function (acc, el) {
-        var _a;
-        return (__assign(__assign({}, acc), (_a = {}, _a[el.key] = el.value, _a)));
-    }, {});
-};
-export var createTokenStyles = function (theme, map) {
-    return createStyleContent(createTokens(theme, map), {
-        result: function (variables) { return "html".concat((map === null || map === void 0 ? void 0 : map.name) ? ".".concat(map.name) : "", " {").concat(variables, "}"); },
-        value: function (_, v) { return v; },
-    });
+const createTheme = (theme, name) => createStyleContent(createTokens(theme), {
+    result: (variables) => `html${name ? `.${name}` : ""} {${variables}}`,
+    value: (_, v) => v.replace("hsla(", "").replace(")", ""),
+});
+exports.createTheme = createTheme;
+const createCssProperties = (theme, map) => {
+    const tokens = createTokens(theme, map);
+    return tokens.reduce((acc, el) => ({ ...acc, [el.key]: el.value }), {});
 };
+exports.createCssProperties = createCssProperties;
+const createTokenStyles = (theme, map) => createStyleContent(createTokens(theme, map), {
+    result: (variables) => `html${map?.name ? `.${map.name}` : ""} {${variables}}`,
+    value: (_, v) => v,
+});
+exports.createTokenStyles = createTokenStyles;

package/dist/preset/src/styles/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../src/styles/light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAoNzB,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../../../src/styles/light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAqNzB,CAAC"}

package/dist/preset/src/styles/light.js

@@ -1,7 +1,10 @@
-import { rounded, spacing, zIndex } from "./common";
-export var LIGHT_THEME = {
-    rounded: rounded,
-    spacing: spacing,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIGHT_THEME = void 0;
+const common_1 = require("./common");
+exports.LIGHT_THEME = {
+    rounded: common_1.rounded,
+    spacing: common_1.spacing,
     name: "light",
     shadow: {
         "shadow-notification": "1px 2px 2px 2px hsla(210, 25%, 40%, 0.15)",
@@ -9,7 +12,7 @@ export var LIGHT_THEME = {
         "shadow-card": "0px 1px 2px 1px hsla(210, 25%, 20%, 0.1)",
         "shadow-table": "0px 1px 1px 1px hsla(210, 0%, 0%,  0.1)",
     },
-    zIndex: zIndex,
+    zIndex: common_1.zIndex,
     colors: {
         foreground: "hsla(221, 15%, 23%)",
         background: "hsla(0, 0%, 100%)",
@@ -68,6 +71,7 @@ export var LIGHT_THEME = {
             foreground: "hsla(0, 0%, 100%)",
             notification: "hsla(142, 71%, 45%)",
         },
+        ring: "hsla(201,49%,40%)",
         input: {
             border: "hsla(240, 6%, 90%)",
             placeholder: "hsla(240, 4%, 46%)",

package/dist/preset/src/styles/theme.js

@@ -1,4 +1,7 @@
-import { DARK_THEME } from "./dark";
-import { LIGHT_THEME } from "./light";
-export var defaultDarkTheme = DARK_THEME;
-export var defaultLightTheme = LIGHT_THEME;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultLightTheme = exports.defaultDarkTheme = void 0;
+const dark_1 = require("./dark");
+const light_1 = require("./light");
+exports.defaultDarkTheme = dark_1.DARK_THEME;
+exports.defaultLightTheme = light_1.LIGHT_THEME;

package/dist/preset/src/styles/theme.types.d.ts

@@ -90,6 +90,7 @@ export type DesignTokens = {
             bg: string;
             border: string;
         }>;
+        ring?: string;
         input: {
             border: string;
             placeholder: string;
@@ -106,7 +107,7 @@ export type Token = {
 };
 export type DesignTokensParser = ((value: string, key: string, combine: string) => string) | ((format: string) => (value: string, key: string, combine: string) => string);
 export type DesignTokensBuilder = (value: string, key: string, combine: string) => Token;
-type Fn = (...a: any[]) => any;
+type Fn = (...a: never[]) => unknown;
 export type DeepParse<T extends GeneralTokens, F extends Fn> = {
     [K in keyof T]: T[K] extends GeneralTokens ? DeepParse<T[K], F> : ReturnType<Fn>;
 };

package/dist/preset/src/styles/theme.types.d.ts.map

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

package/dist/preset/src/styles/theme.types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/skeleton-BjJobYYf.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import "react";
+import { u as t } from "./use-translations-DSltA7H_.js";
+import { c as o } from "./dom-CyQHY7ID.js";
+import { P as r } from "./polymorph-B5n9fs_K.js";
+const c = /* @__PURE__ */ s("div", { role: "status", "aria-busy": "true", "aria-label": "Loading content", className: "h-6 w-10/12 animate-pulse rounded bg-muted" }), d = (a) => {
+  const e = t();
+  return /* @__PURE__ */ s(
+    r,
+    {
+      ...a,
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": e.skeletonLoading,
+      as: a.as || "span",
+      className: o("block h-8 w-32 animate-pulse rounded bg-muted", a.className)
+    }
+  );
+};
+export {
+  c as S,
+  d as a
+};
+//# sourceMappingURL=skeleton-BjJobYYf.js.map

package/dist/skeleton-BjJobYYf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-BjJobYYf.js","sources":["../src/components/display/skeleton.tsx"],"sourcesContent":["import React, { CSSProperties, useRef, type ElementType } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { css } from \"../../lib/dom\";\nimport { Polymorph } from \"../core/polymorph\";\n\nexport const SkeletonCell = (\n    <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading content\" className=\"h-6 w-10/12 animate-pulse rounded bg-muted\" />\n);\n\nexport const Skeleton = (props: { className?: string; as?: ElementType; style?: CSSProperties }) => {\n    const t = useTranslations();\n    return (\n        <Polymorph\n            {...props}\n            role=\"status\"\n            aria-busy=\"true\"\n            aria-label={t.skeletonLoading}\n            as={props.as || \"span\"}\n            className={css(\"block h-8 w-32 animate-pulse rounded bg-muted\", props.className)}\n        />\n    );\n};\n\nexport const SkeletonList = (props: { className?: string; rows: number }) => {\n    const t = useTranslations();\n    const items = useRef(\n        Array.from({ length: props.rows }).map((_, i) => {\n            const rand = Math.max(100, Math.random() * 99);\n            return <Skeleton key={`skeleton-${rand}-${i}`} style={{ width: `${rand}%` }} as=\"li\" />;\n        })\n    );\n    return (\n        <ul role=\"status\" aria-busy=\"true\" aria-label={t.skeletonLoading} className={css(\"flex flex-col gap-6\", props.className)}>\n            {items.current}\n        </ul>\n    );\n};\n"],"names":["SkeletonCell","jsx","Skeleton","props","t","useTranslations","Polymorph","css"],"mappings":";;;;;AAKO,MAAMA,IACT,gBAAAC,EAAC,OAAA,EAAI,MAAK,UAAS,aAAU,QAAO,cAAW,mBAAkB,WAAU,6CAAA,CAA6C,GAG/GC,IAAW,CAACC,MAA2E;AAChG,QAAMC,IAAIC,EAAA;AACV,SACI,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYC,EAAE;AAAA,MACd,IAAID,EAAM,MAAM;AAAA,MAChB,WAAWI,EAAI,iDAAiDJ,EAAM,SAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;"}

package/dist/slot-CRyweuj0.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot-CRyweuj0.js","sources":["../src/components/core/slot.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nconst REACT_LAZY_TYPE = Symbol.for(\"react.lazy\");\n\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n    if (typeof ref === \"function\") {\n        return ref(value);\n    } else if (ref !== null && ref !== undefined) {\n        ref.current = value;\n    }\n}\n\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n    return (node) => {\n        let hasCleanup = false;\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node);\n            if (!hasCleanup && typeof cleanup == \"function\") {\n                hasCleanup = true;\n            }\n            return cleanup;\n        });\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i];\n                    if (typeof cleanup == \"function\") {\n                        cleanup();\n                    } else {\n                        setRef(refs[i], null);\n                    }\n                }\n            };\n        }\n    };\n}\n\ninterface LazyReactElement extends React.ReactElement {\n    $$typeof: typeof REACT_LAZY_TYPE;\n    _payload: PromiseLike<Exclude<React.ReactNode, PromiseLike<any>>>;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/\n\nexport type Usable<T> = PromiseLike<T> | React.Context<T>;\n\nconst use: typeof React.use | undefined = (React as any)[\" use \".trim().toString()];\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n    children?: React.ReactNode;\n}\n\nfunction isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n    return typeof value === \"object\" && value !== null && \"then\" in value;\n}\n\nfunction isLazyComponent(element: React.ReactNode): element is LazyReactElement {\n    return (\n        element != null &&\n        typeof element === \"object\" &&\n        \"$$typeof\" in element &&\n        element.$$typeof === REACT_LAZY_TYPE &&\n        \"_payload\" in element &&\n        isPromiseLike(element._payload)\n    );\n}\n\nexport function createSlot(ownerName: string) {\n    const SlotClone = createSlotClone(ownerName);\n    const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n        const childrenArray = React.Children.toArray(children);\n        const slottable = childrenArray.find(isSlottable);\n\n        if (slottable) {\n            // the new element to render is the one passed as a child of `Slottable`\n            const newElement = slottable.props.children;\n\n            const newChildren = childrenArray.map((child) => {\n                if (child === slottable) {\n                    // because the new element will be the one rendered, we are only interested\n                    // in grabbing its children (`newElement.props.children`)\n                    if (React.Children.count(newElement) > 1) return React.Children.only(null);\n                    return React.isValidElement(newElement) ? (newElement.props as { children: React.ReactNode }).children : null;\n                } else {\n                    return child;\n                }\n            });\n\n            return (\n                <SlotClone {...slotProps} ref={forwardedRef}>\n                    {React.isValidElement(newElement) ? React.cloneElement(newElement, undefined, newChildren) : null}\n                </SlotClone>\n            );\n        }\n\n        return (\n            <SlotClone {...slotProps} ref={forwardedRef}>\n                {children}\n            </SlotClone>\n        );\n    });\n\n    Slot.displayName = `${ownerName}.Slot`;\n    return Slot;\n}\n\nexport const Slot = createSlot(\"Slot\");\n\ninterface SlotCloneProps {\n    children: React.ReactNode;\n}\n\nfunction createSlotClone(ownerName: string) {\n    const SlotClone = React.forwardRef<any, SlotCloneProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n\n        if (React.isValidElement(children)) {\n            const childrenRef = getElementRef(children);\n            const props = mergeProps(slotProps, children.props as AnyProps);\n            // do not pass ref to React.Fragment for React 19 compatibility\n            if (children.type !== React.Fragment) {\n                props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n            }\n            return React.cloneElement(children, props);\n        }\n\n        return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n    });\n\n    SlotClone.displayName = `${ownerName}.SlotClone`;\n    return SlotClone;\n}\n\nconst SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n\ninterface SlottableProps {\n    children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n    __radixId: symbol;\n}\n\nexport function createSlottable(ownerName: string) {\n    const Slottable: SlottableComponent = ({ children }) => {\n        return <>{children}</>;\n    };\n    Slottable.displayName = `${ownerName}.Slottable`;\n    Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n    return Slottable;\n}\n\nconst Slottable = createSlottable(\"Slottable\");\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(child: React.ReactNode): child is React.ReactElement<SlottableProps, typeof Slottable> {\n    return (\n        React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER\n    );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n    const overrideProps = { ...childProps };\n    for (const propName in childProps) {\n        const slotPropValue = slotProps[propName];\n        const childPropValue = childProps[propName];\n\n        const isHandler = /^on[A-Z]/.test(propName);\n        if (isHandler) {\n            if (slotPropValue && childPropValue) {\n                overrideProps[propName] = (...args: unknown[]) => {\n                    const result = childPropValue(...args);\n                    slotPropValue(...args);\n                    return result;\n                };\n            } else if (slotPropValue) {\n                overrideProps[propName] = slotPropValue;\n            }\n        } else if (propName === \"style\") {\n            overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n        } else if (propName === \"className\") {\n            overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n        }\n    }\n\n    return { ...slotProps, ...overrideProps };\n}\n\nfunction getElementRef(element: React.ReactElement) {\n    let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n    let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element as any).ref;\n    }\n    getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n    mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element.props as { ref?: React.Ref<unknown> }).ref;\n    }\n    return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref;\n}\n"],"names":["REACT_LAZY_TYPE","setRef","ref","value","composeRefs","refs","node","hasCleanup","cleanups","cleanup","i","use","React","isPromiseLike","isLazyComponent","element","createSlot","ownerName","SlotClone","createSlotClone","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","childrenRef","getElementRef","mergeProps","SLOTTABLE_IDENTIFIER","childProps","overrideProps","propName","slotPropValue","childPropValue","args","result","getter","mayWarn"],"mappings":"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"}
+{"version":3,"file":"slot-CRyweuj0.js","sources":["../src/components/core/slot.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nconst REACT_LAZY_TYPE = Symbol.for(\"react.lazy\");\n\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n    if (typeof ref === \"function\") {\n        return ref(value);\n    } else if (ref !== null && ref !== undefined) {\n        ref.current = value;\n    }\n}\n\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n    return (node) => {\n        let hasCleanup = false;\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node);\n            if (!hasCleanup && typeof cleanup == \"function\") {\n                hasCleanup = true;\n            }\n            return cleanup;\n        });\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i];\n                    if (typeof cleanup == \"function\") {\n                        cleanup();\n                    } else {\n                        setRef(refs[i], null);\n                    }\n                }\n            };\n        }\n    };\n}\n\ninterface LazyReactElement extends React.ReactElement {\n    $$typeof: typeof REACT_LAZY_TYPE;\n    _payload: PromiseLike<Exclude<React.ReactNode, PromiseLike<unknown>>>;\n}\n\nexport type Usable<T> = PromiseLike<T> | React.Context<T>;\n\nconst use: typeof React.use | undefined = (React as unknown as Record<string, unknown>)[\" use \".trim().toString()] as typeof React.use | undefined;\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n    children?: React.ReactNode;\n}\n\nfunction isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n    return typeof value === \"object\" && value !== null && \"then\" in value;\n}\n\nfunction isLazyComponent(element: React.ReactNode): element is LazyReactElement {\n    return (\n        element != null &&\n        typeof element === \"object\" &&\n        \"$$typeof\" in element &&\n        element.$$typeof === REACT_LAZY_TYPE &&\n        \"_payload\" in element &&\n        isPromiseLike(element._payload)\n    );\n}\n\nexport function createSlot(ownerName: string) {\n    const SlotClone = createSlotClone(ownerName);\n    const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n        const childrenArray = React.Children.toArray(children);\n        const slottable = childrenArray.find(isSlottable);\n\n        if (slottable) {\n            // the new element to render is the one passed as a child of `Slottable`\n            const newElement = slottable.props.children;\n\n            const newChildren = childrenArray.map((child) => {\n                if (child === slottable) {\n                    // because the new element will be the one rendered, we are only interested\n                    // in grabbing its children (`newElement.props.children`)\n                    if (React.Children.count(newElement) > 1) return React.Children.only(null);\n                    return React.isValidElement(newElement) ? (newElement.props as { children: React.ReactNode }).children : null;\n                } else {\n                    return child;\n                }\n            });\n\n            return (\n                <SlotClone {...slotProps} ref={forwardedRef}>\n                    {React.isValidElement(newElement) ? React.cloneElement(newElement, undefined, newChildren) : null}\n                </SlotClone>\n            );\n        }\n\n        return (\n            <SlotClone {...slotProps} ref={forwardedRef}>\n                {children}\n            </SlotClone>\n        );\n    });\n\n    Slot.displayName = `${ownerName}.Slot`;\n    return Slot;\n}\n\nexport const Slot = createSlot(\"Slot\");\n\ninterface SlotCloneProps {\n    children: React.ReactNode;\n}\n\nfunction createSlotClone(ownerName: string) {\n    const SlotClone = React.forwardRef<HTMLElement, SlotCloneProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n\n        if (React.isValidElement(children)) {\n            const childrenRef = getElementRef(children);\n            const props = mergeProps(slotProps, children.props as AnyProps);\n            // do not pass ref to React.Fragment for React 19 compatibility\n            if (children.type !== React.Fragment) {\n                props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n            }\n            return React.cloneElement(children, props);\n        }\n\n        return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n    });\n\n    SlotClone.displayName = `${ownerName}.SlotClone`;\n    return SlotClone;\n}\n\nconst SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n\ninterface SlottableProps {\n    children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n    __radixId: symbol;\n}\n\nexport function createSlottable(ownerName: string) {\n    const Slottable: SlottableComponent = ({ children }) => {\n        return <>{children}</>;\n    };\n    Slottable.displayName = `${ownerName}.Slottable`;\n    Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n    return Slottable;\n}\n\nconst Slottable = createSlottable(\"Slottable\");\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(child: React.ReactNode): child is React.ReactElement<SlottableProps, typeof Slottable> {\n    return (\n        React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER\n    );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n    const overrideProps = { ...childProps };\n    for (const propName in childProps) {\n        const slotPropValue = slotProps[propName];\n        const childPropValue = childProps[propName];\n\n        const isHandler = /^on[A-Z]/.test(propName);\n        if (isHandler) {\n            if (slotPropValue && childPropValue) {\n                overrideProps[propName] = (...args: unknown[]) => {\n                    const result = childPropValue(...args);\n                    slotPropValue(...args);\n                    return result;\n                };\n            } else if (slotPropValue) {\n                overrideProps[propName] = slotPropValue;\n            }\n        } else if (propName === \"style\") {\n            overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n        } else if (propName === \"className\") {\n            overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n        }\n    }\n\n    return { ...slotProps, ...overrideProps };\n}\n\nfunction getElementRef(element: React.ReactElement) {\n    let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n    let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element as unknown as { ref?: React.Ref<unknown> }).ref;\n    }\n    getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n    mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element.props as { ref?: React.Ref<unknown> }).ref;\n    }\n    return (element.props as { ref?: React.Ref<unknown> }).ref || (element as unknown as { ref?: React.Ref<unknown> }).ref;\n}\n"],"names":["REACT_LAZY_TYPE","setRef","ref","value","composeRefs","refs","node","hasCleanup","cleanups","cleanup","i","use","React","isPromiseLike","isLazyComponent","element","createSlot","ownerName","SlotClone","createSlotClone","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","childrenRef","getElementRef","mergeProps","SLOTTABLE_IDENTIFIER","childProps","overrideProps","propName","slotPropValue","childPropValue","args","result","getter","mayWarn"],"mappings":"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"}

package/dist/styles/common.js

@@ -1,10 +1,13 @@
-export var rounded = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zIndex = exports.spacing = exports.rounded = void 0;
+exports.rounded = {
     button: "0.55rem",
     pill: "2rem",
     card: "0.75rem",
     full: "9999px",
 };
-export var spacing = {
+exports.spacing = {
     base: "1rem",
     hairline: "0.0625rem",
     lg: "1.125rem",
@@ -18,7 +21,7 @@ export var spacing = {
     "input-inline": "0.25rem",
     "input-gap": "0.3rem",
 };
-export var zIndex = {
+exports.zIndex = {
     wizard: "50",
     normal: "1",
     navbar: "22",

package/dist/styles/dark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAoNxB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/styles/dark.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAqNxB,CAAC"}

package/dist/styles/dark.js

@@ -1,9 +1,12 @@
-import { rounded, spacing, zIndex } from "./common";
-export var DARK_THEME = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DARK_THEME = void 0;
+const common_1 = require("./common");
+exports.DARK_THEME = {
     name: "dark",
-    zIndex: zIndex,
-    rounded: rounded,
-    spacing: spacing,
+    zIndex: common_1.zIndex,
+    rounded: common_1.rounded,
+    spacing: common_1.spacing,
     shadow: {
         "shadow-notification": "1px 2px 2px 2px hsla(210, 15%, 20%,  0.15)",
         "shadow-floating": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
@@ -68,6 +71,7 @@ export var DARK_THEME = {
             foreground: "hsla(240, 10%, 4%)",
             notification: "hsla(142, 71%, 45%)",
         },
+        ring: "hsla(201,49%,65%)",
         input: {
             border: "hsla(240, 4%, 16%)",
             placeholder: "hsla(240, 5%, 65%)",