@g4rcez/components 4.1.3 → 5.0.1

package/dist/skeleton-CBYEq3lM.js

@@ -0,0 +1,26 @@
+import { t as e } from "./dom-Bn4wY_Zx.js";
+import { t } from "./polymorph-BLXhrn9n.js";
+import { t as n } from "./use-translations-DTLfPE3_.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/display/skeleton.tsx
+var i = /* @__PURE__ */ r("div", {
+	role: "status",
+	"aria-busy": "true",
+	"aria-label": "Loading content",
+	className: "h-skeleton-cell-h w-10/12 animate-pulse rounded-skeleton-radius bg-muted"
+}), a = (i) => {
+	let a = n();
+	return /* @__PURE__ */ r(t, {
+		...i,
+		role: "status",
+		"aria-busy": "true",
+		"aria-label": a.skeletonLoading,
+		as: i.as || "span",
+		className: e("block h-skeleton-height w-skeleton-width animate-pulse rounded-skeleton-radius bg-muted", i.className)
+	});
+};
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=skeleton-CBYEq3lM.js.map

package/dist/skeleton-CBYEq3lM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-CBYEq3lM.js","names":[],"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\n        role=\"status\"\n        aria-busy=\"true\"\n        aria-label=\"Loading content\"\n        className=\"h-skeleton-cell-h w-10/12 animate-pulse rounded-skeleton-radius bg-muted\"\n    />\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-skeleton-height w-skeleton-width animate-pulse rounded-skeleton-radius 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-skeleton-list-gap\", props.className)}>\n            {items.current}\n        </ul>\n    );\n};\n"],"mappings":";;;;;;AAKA,IAAa,IACT,kBAAC,OAAD;CACI,MAAK;CACL,aAAU;CACV,cAAW;CACX,WAAU;AACb,CAAA,GAGQ,KAAY,MAA2E;CAChG,IAAM,IAAI,EAAgB;CAC1B,OACI,kBAAC,GAAD;EACI,GAAI;EACJ,MAAK;EACL,aAAU;EACV,cAAY,EAAE;EACd,IAAI,EAAM,MAAM;EAChB,WAAW,EAAI,2FAA2F,EAAM,SAAS;CAC5H,CAAA;AAET"}

package/dist/slot-pC8kH9De.js

@@ -0,0 +1,96 @@
+import * as e from "react";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/core/slot.tsx
+var r = Symbol.for("react.lazy");
+function i(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function a(...e) {
+	return (t) => {
+		let n = !1, r = e.map((e) => {
+			let r = i(e, t);
+			return !n && typeof r == "function" && (n = !0), r;
+		});
+		if (n) return () => {
+			for (let t = 0; t < r.length; t++) {
+				let n = r[t];
+				typeof n == "function" ? n() : i(e[t], null);
+			}
+		};
+	};
+}
+var o = e.use;
+function s(e) {
+	return typeof e == "object" && !!e && "then" in e;
+}
+function c(e) {
+	return typeof e == "object" && !!e && "$$typeof" in e && e.$$typeof === r && "_payload" in e && s(e._payload);
+}
+function l(t) {
+	let r = d(t), i = e.forwardRef((t, i) => {
+		let { children: a, ...s } = t;
+		c(a) && typeof o == "function" && (a = o(a._payload));
+		let l = e.Children.toArray(a), u = l.find(m);
+		if (u) {
+			let t = u.props.children, a = l.map((n) => n === u ? e.Children.count(t) > 1 ? e.Children.only(null) : e.isValidElement(t) ? t.props.children : null : n);
+			return /* @__PURE__ */ n(r, {
+				...s,
+				ref: i,
+				children: e.isValidElement(t) ? e.cloneElement(t, void 0, a) : null
+			});
+		}
+		return /* @__PURE__ */ n(r, {
+			...s,
+			ref: i,
+			children: a
+		});
+	});
+	return i.displayName = `${t}.Slot`, i;
+}
+var u = l("Slot");
+function d(t) {
+	let n = e.forwardRef((t, n) => {
+		let { children: r, ...i } = t;
+		if (c(r) && typeof o == "function" && (r = o(r._payload)), e.isValidElement(r)) {
+			let t = g(r), o = h(i, r.props);
+			return r.type !== e.Fragment && (o.ref = n ? a(n, t) : t), e.cloneElement(r, o);
+		}
+		return e.Children.count(r) > 1 ? e.Children.only(null) : null;
+	});
+	return n.displayName = `${t}.SlotClone`, n;
+}
+var f = Symbol("radix.slottable");
+function p(e) {
+	let r = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+	return r.displayName = `${e}.Slottable`, r.__radixId = f, r;
+}
+p("Slottable");
+function m(t) {
+	return e.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === f;
+}
+function h(e, t) {
+	let n = { ...t };
+	for (let r in t) {
+		let i = e[r], a = t[r];
+		/^on[A-Z]/.test(r) ? i && a ? n[r] = (...e) => {
+			let t = a(...e);
+			return i(...e), t;
+		} : i && (n[r] = i) : r === "style" ? n[r] = {
+			...i,
+			...a
+		} : r === "className" && (n[r] = [i, a].filter(Boolean).join(" "));
+	}
+	return {
+		...e,
+		...n
+	};
+}
+function g(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=slot-pC8kH9De.js.map

package/dist/slot-pC8kH9De.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-pC8kH9De.js","names":[],"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"],"mappings":"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"}

package/dist/styles/common.d.ts

@@ -1,8 +1,6 @@
 import { DesignTokens, ZIndex } from "./theme.types";
 export declare const rounded: {
-    readonly button: "0.55rem";
     readonly pill: "2rem";
-    readonly card: "0.75rem";
     readonly full: "9999px";
 };
 export declare const spacing: DesignTokens["spacing"];

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,YAAY,CAAC,SAAS,CAalC,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,YAAY,CAAC,SAAS,CAMlC,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAQX,CAAC"}

package/dist/styles/common.js

@@ -2,9 +2,7 @@
 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",
 };
 exports.spacing = {
@@ -13,13 +11,6 @@ exports.spacing = {
     lg: "1.125rem",
     sm: "0.75rem",
     dialog: "20rem",
-    "field-height": "1.5rem",
-    "field-label": "0.875rem",
-    "input-height": "2.5rem",
-    "input-x": "0.5rem",
-    "input-y": "0.25rem",
-    "input-inline": "0.25rem",
-    "input-gap": "0.3rem",
 };
 exports.zIndex = {
     wizard: "50",

package/dist/styles/components.d.ts

@@ -0,0 +1,3 @@
+import { ComponentTokens } from "./theme.types";
+export declare const components: ComponentTokens;
+//# sourceMappingURL=components.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/styles/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,UAAU,EAAE,eA4YxB,CAAC"}

package/dist/styles/components.js

@@ -0,0 +1,400 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = void 0;
+exports.components = {
+    card: {
+        radius: "1rem",
+        "padding-x": "1.5rem",
+        "padding-y": "0.75rem",
+        gap: "1rem",
+        "title-pb": "0.5rem",
+        "title-mb": "0.5rem",
+        "stats-icon-col-w": "5rem",
+        "stats-icon-col-p": "1rem",
+        "stats-content-gap": "0.5rem",
+        "stats-content-py": "0.5rem",
+        "title-text": "2.25rem",
+    },
+    button: {
+        radius: "0.55rem",
+        height: "2.5rem",
+        "padding-x": "1rem",
+        "padding-y": "0.5rem",
+        gap: "0.375rem",
+        "height-big": "3rem",
+        "padding-x-big": "1.5rem",
+        "padding-y-big": "1rem",
+        "height-small": "2rem",
+        "padding-x-small": "1rem",
+        "padding-y-small": "0.5rem",
+        "height-min": "1.75rem",
+        "padding-x-min": "0.75rem",
+        "padding-y-min": "0.25rem",
+        "height-tiny": "1.5rem",
+        "padding-x-tiny": "0.5rem",
+        "padding-y-tiny": "0.25rem",
+        "padding-icon": "0.25rem",
+        "radius-rough": "0.125rem",
+        "radius-squared": "0px",
+    },
+    alert: {
+        radius: "0.5rem",
+        p: "1rem",
+        gap: "0.5rem",
+        "close-top": "0.75rem",
+        "close-right": "0.75rem",
+    },
+    modal: {
+        radius: "0.5rem",
+        "padding-x": "2rem",
+        "padding-y": "1rem",
+        gap: "1rem",
+        "title-pb": "0.5rem",
+        "body-py": "0.25rem",
+        "footer-pt": "1rem",
+        "footer-gap": "0.5rem",
+        "sheet-pt": "1.5rem",
+        "sheet-pb": "1rem",
+        "close-p": "0.25rem",
+        "close-top": "0.25rem",
+        "close-right": "1rem",
+        "confirm-py": "0.5rem",
+        "sheet-handle-h": "0.75rem",
+        "sheet-handle-py": "0.5rem",
+        "sheet-pill-h": "0.5rem",
+        "sheet-pill-w": "25%",
+        "sheet-pill-radius": "0.5rem",
+        "drawer-resizer-h": "2.5rem",
+        "drawer-resizer-w": "0.5rem",
+        "resizer-radius": "0.5rem",
+        "overlay-pt": "2.5rem",
+        "overlay-p": "2.5rem",
+        "dialog-max-w-mobile": "90%",
+        "sheet-max-h-svh": "calc(100svh - 5%)",
+        "sheet-max-h-lvh": "calc(100lvh - 10%)",
+        "sheet-max-h-vh": "calc(100vh - 15%)",
+        "title-text": "1.875rem",
+        "overlay-h": "100dvh",
+    },
+    dropdown: {
+        radius: "0.5rem",
+        p: "1rem",
+        "header-mb": "0.5rem",
+        "max-h": "24rem",
+    },
+    tooltip: {
+        radius: "0.5rem",
+        p: "0.75rem",
+    },
+    menu: {
+        radius: "0.5rem",
+        "item-p": "0.625rem",
+        "max-h": "20rem",
+    },
+    stats: {
+        radius: "1rem",
+        p: "1.5rem",
+        gap: "1rem",
+        "icon-size": "2.5rem",
+        "icon-p": "2rem",
+        "inner-gap": "0.25rem",
+        "footer-px": "1.5rem",
+        "footer-py": "0.5rem",
+        "value-text": "2.25rem",
+    },
+    notification: {
+        radius: "0.75rem",
+        p: "1rem",
+        gap: "0.75rem",
+        "inner-gap": "0.25rem",
+        "close-p": "0.375rem",
+        "close-radius": "0.5rem",
+        "list-gap": "0.75rem",
+        "badge-px": "0.75rem",
+        "badge-py": "0.25rem",
+        "list-top": "1.5rem",
+        "list-max-w": "380px",
+        "badge-text": "0.625rem",
+    },
+    command: {
+        radius: "0.5rem",
+        "item-p": "0.5rem",
+        "item-gap": "0.5rem",
+        "row-h": "2.5rem",
+        "header-h": "3rem",
+        "footer-h": "2rem",
+        "footer-p": "0.5rem",
+        "list-max-h": "24rem",
+        "list-gap": "0.25rem",
+        "list-my": "0.5rem",
+        "group-px": "0.5rem",
+        "group-pt": "0.5rem",
+        "group-pb": "0.25rem",
+        "icon-size": "2.5rem",
+        "input-px": "0.5rem",
+        "input-py": "0.5rem",
+        "list-px": "0.5rem",
+    },
+    tag: {
+        radius: "2rem",
+        gap: "0.375rem",
+        height: "2rem",
+        "padding-x": "1rem",
+        "padding-y": "0.5rem",
+        "height-big": "3rem",
+        "padding-x-big": "1.5rem",
+        "padding-y-big": "1rem",
+        "height-small": "1.5rem",
+        "padding-x-small": "0.75rem",
+        "padding-y-small": "0.5rem",
+        "height-tiny": "1.25rem",
+        "padding-x-tiny": "0.5rem",
+        "padding-y-tiny": "0.25rem",
+        "padding-icon": "0.25rem",
+        "indicator-size": "0.5rem",
+    },
+    calendar: {
+        "cell-p": "0.25rem",
+        "day-size": "2.25rem",
+        "nav-p": "0.375rem",
+        "weekday-py": "0.5rem",
+        "table-mt": "0.5rem",
+        "datetime-my": "1rem",
+        "footer-mt": "0.5rem",
+        "header-radius": "0.25rem",
+        "nav-gap": "0.125rem",
+        "nav-py": "0.25rem",
+        "year-w": "4rem",
+        "icon-size": "1rem",
+        "weekday-text": "0.75rem",
+        "cell-text": "0.75rem",
+    },
+    table: {
+        radius: "0.5rem",
+        "row-gap": "0.25rem",
+        "row-pb": "1rem",
+        "cell-px": "0.5rem",
+        "loading-h": "3.5rem",
+        "empty-h": "12rem",
+        "groups-gap": "1rem",
+        "metadata-mb": "0.25rem",
+        "metadata-gap-x": "1rem",
+        "metadata-gap-y": "0.25rem",
+        "ops-py": "0.5rem",
+        "ops-gap": "1rem",
+        "filter-gap": "1rem",
+        "pill-radius": "0.75rem",
+        "pill-px": "1rem",
+        "pill-py": "0.125rem",
+        "pag-p": "0.75rem",
+        "pag-gap": "1rem",
+        "pag-items-gap": "0.5rem",
+        "pag-item-px": "0.75rem",
+        "pag-item-py": "0.25rem",
+        "loading-bar-h": "0.5rem",
+        "loading-bar-radius": "0.25rem",
+        "filter-dot-size": "0.75rem",
+        "filter-dot-mr": "0.5rem",
+        "filter-row-gap": "0.75rem",
+        "filter-inline-gap": "1rem",
+        "filter-inline-py": "0.5rem",
+        "filter-list-mt": "1rem",
+        "cell-border": "1px",
+        "divider-w": "1px",
+        "groups-mt": "1rem",
+        "groups-my": "1rem",
+        "metadata-min-w": "1ch",
+        "inline-gap-tight": "0.25rem",
+        "cell-padding": "0.75rem",
+    },
+    skeleton: {
+        radius: "0.25rem",
+        height: "2rem",
+        width: "8rem",
+        "cell-h": "1.5rem",
+        "list-gap": "1.5rem",
+    },
+    typography: {
+        xs: "0.75rem",
+        sm: "0.875rem",
+        base: "1rem",
+        lg: "1.125rem",
+        xl: "1.25rem",
+        "2xl": "1.5rem",
+        "3xl": "1.875rem",
+        "4xl": "2.25rem",
+        "5xl": "3rem",
+    },
+    input: {
+        radius: "0.375rem",
+        height: "2.5rem",
+        "padding-x": "0.5rem",
+        "padding-y": "0.25rem",
+        gap: "0.5rem",
+        text: "1rem",
+        "label-text": "0.875rem",
+        "hint-text": "0.75rem",
+        "label-mb": "0.25rem",
+        "hint-mt": "0.3rem",
+        inline: "0.25rem",
+        "slot-gap": "0.5rem",
+        "slot-pl": "0.5rem",
+        "slot-pr": "0.5rem",
+    },
+    checkbox: {
+        size: "1rem",
+        radius: "0.25rem",
+        gap: "0.5rem",
+        "hint-text": "0.75rem",
+    },
+    radiobox: {
+        size: "1rem",
+        gap: "0.5rem",
+    },
+    switch: {
+        "track-h": "1.5rem",
+        "track-w": "2.75rem",
+        "thumb-size": "1.25rem",
+        gap: "0.75rem",
+        "label-text": "0.875rem",
+        "hint-text": "0.75rem",
+        "hint-mt": "0.25rem",
+    },
+    slider: {
+        "control-h": "1.25rem",
+        "track-h": "0.5rem",
+        "thumb-size": "1.25rem",
+    },
+    "file-upload": {
+        p: "1.5rem",
+        radius: "0.5rem",
+        gap: "1rem",
+        "thumb-size": "4rem",
+        "text-name": "1.125rem",
+        "text-size": "0.875rem",
+        "delete-py": "1rem",
+        "inner-gap": "0.5rem",
+        "thumb-my": "1rem",
+        "thumb-gap": "0.25rem",
+    },
+    progress: {
+        "track-h": "1.5rem",
+        radius: "100%",
+    },
+    spinner: {
+        size: "3rem",
+        border: "0.25rem",
+        "container-p": "3rem",
+    },
+    empty: {
+        gap: "1rem",
+        px: "2rem",
+        py: "3rem",
+    },
+    list: {
+        radius: "1rem",
+        "card-p": "1.5rem",
+        "card-py": "1rem",
+        "card-pb": "2rem",
+        "card-gap": "1rem",
+        "close-p": "0.25rem",
+        "header-gap": "0.5rem",
+        "item-py": "0.5rem",
+        "item-gap": "1rem",
+        "avatar-px": "0.25rem",
+        "body-py": "0.25rem",
+        "title-text": "1.5rem",
+    },
+    timeline: {
+        "item-pb": "3rem",
+        "connector-left": "1.5rem",
+        "connector-top": "2rem",
+        "connector-w": "0.125rem",
+        "icon-size": "3rem",
+        "icon-p": "0.5rem",
+        "right-gap": "1.5rem",
+        "right-px": "1rem",
+    },
+    step: {
+        size: "2.5rem",
+        "icon-size": "1.5rem",
+        "label-px": "0.5rem",
+        gap: "1rem",
+        "connector-h": "2px",
+    },
+    tabs: {
+        "header-mb": "0.5rem",
+        "item-px": "2.5rem",
+        "item-py": "1rem",
+        "divider-h": "1px",
+    },
+    shortcut: {
+        gap: "0.25rem",
+        text: "0.875rem",
+    },
+    toolbar: {
+        bottom: "1rem",
+        radius: "0.5rem",
+        p: "1rem",
+    },
+    wizard: {
+        w: "20rem",
+        gap: "0.75rem",
+        radius: "0.5rem",
+        p: "1rem",
+        "footer-pt": "0.5rem",
+        "actions-gap": "0.5rem",
+        "counter-right": "0.5rem",
+        "counter-top": "0.5rem",
+        "label-text": "0.75rem",
+    },
+    info: {
+        gap: "0.25rem",
+        "label-text": "0.875rem",
+        "value-text": "1rem",
+        "secondary-text": "1.125rem",
+    },
+    "page-calendar": {
+        gap: "1rem",
+        "header-gap": "1rem",
+        "date-gap": "0.75rem",
+        "badge-size": "3rem",
+        "badge-radius": "0.5rem",
+        "title-text": "1.25rem",
+        "week-label-text": "0.75rem",
+        "nav-gap": "0.5rem",
+        "nav-btn-gap": "0.25rem",
+        "today-radius": "0.375rem",
+        "today-px": "0.75rem",
+        "today-py": "0.375rem",
+        "today-text": "0.875rem",
+        "view-switch-radius": "0.375rem",
+        "filter-gap": "0.375rem",
+        "filter-text": "0.75rem",
+        "dot-size": "0.25rem",
+        "dot-bottom": "0.125rem",
+        "day-header-gap": "0.75rem",
+        "day-header-px": "1rem",
+        "day-header-py": "0.5rem",
+        "day-badge-size": "2rem",
+        "gutter-w": "60px",
+        "side-px": "1rem",
+        "detail-gap": "0.5rem",
+        "detail-p": "0.75rem",
+        "weekday-py": "0.5rem",
+        "weekday-text": "0.75rem",
+        "cell-min-h": "8rem",
+        "cell-gap": "0.25rem",
+        "cell-p": "0.5rem",
+        "month-badge-size": "1.5rem",
+        "month-badge-text": "0.75rem",
+        "overflow-text": "1.125rem",
+        "week-badge-size": "1.5rem",
+        "week-badge-text": "0.875rem",
+        "hour-text": "0.625rem",
+        "pill-radius": "0.25rem",
+        "pill-text": "0.75rem",
+        "cell-gap-tight": "0.125rem",
+        "nav-mr": "0.25rem",
+    },
+};

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,YAqNxB,CAAC"}
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/styles/dark.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,UAAU,EAAE,YAsNxB,CAAC"}

package/dist/styles/dark.js

@@ -2,15 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DARK_THEME = void 0;
 const common_1 = require("./common");
+const components_1 = require("./components");
 exports.DARK_THEME = {
     name: "dark",
     zIndex: common_1.zIndex,
     rounded: common_1.rounded,
     spacing: common_1.spacing,
+    components: components_1.components,
     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)",
-        "shadow-card": "0px 1px 1px 1px hsla(210, 25%, 20%,  0.1)",
+        "shadow-card": "0px 1px 1px 1px transparent",
         "shadow-table": "0px 1px 1px 1px hsla(210, 25%, 20%,  0.1)",
     },
     colors: {
@@ -114,7 +116,7 @@ exports.DARK_THEME = {
                 bg: "hsla(38, 92%, 50%)",
             },
             info: {
-                text: "hsla(0, 0%, 100%)",
+                text: "hsla(240, 10%, 4%)",
                 bg: "hsla(199, 89%, 48%)",
             },
             success: {
@@ -123,7 +125,7 @@ exports.DARK_THEME = {
             },
             danger: {
                 text: "hsla(0, 0%, 100%)",
-                bg: "hsla(0, 84%, 60%)",
+                bg: "hsla(0, 72%, 42%)",
             },
             muted: {
                 text: "hsla(240, 5%, 96%)",