@workokay/atom 0.2.17 → 0.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +26 -138
- package/dist/index.js.map +1 -1
- package/dist/types/components/badge/Badge.d.ts +10 -0
- package/dist/types/components/badge/Badge.d.ts.map +1 -0
- package/dist/types/components/badge/badgeVariants.d.ts +7 -0
- package/dist/types/components/badge/badgeVariants.d.ts.map +1 -0
- package/dist/types/components/badge/index.d.ts +5 -0
- package/dist/types/components/badge/index.d.ts.map +1 -0
- package/dist/types/components/button/Button.d.ts +16 -0
- package/dist/types/components/button/Button.d.ts.map +1 -0
- package/dist/types/components/button/index.d.ts +2 -0
- package/dist/types/components/button/index.d.ts.map +1 -0
- package/dist/types/components/form/Input.d.ts +19 -0
- package/dist/types/components/form/Input.d.ts.map +1 -0
- package/dist/types/components/form/index.d.ts +2 -0
- package/dist/types/components/form/index.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +2 -0
- package/dist/types/hooks/index.d.ts.map +1 -0
- package/dist/types/hooks/useTheme.d.ts +2 -0
- package/dist/types/hooks/useTheme.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/lib/cn.d.ts +3 -0
- package/dist/types/lib/cn.d.ts.map +1 -0
- package/dist/types/runtime/styles.d.ts +2 -0
- package/dist/types/runtime/styles.d.ts.map +1 -0
- package/package.json +8 -8
- package/dist/atom.css +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/vite.svg +0 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { VariantProps } from "class-variance-authority";
|
|
3
|
+
import { badgeVariants, type BadgeTone, type BadgeVariant } from "./badgeVariants";
|
|
4
|
+
export type BadgeProps = React.ComponentPropsWithoutRef<"span"> & VariantProps<typeof badgeVariants> & {
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
variant?: BadgeVariant;
|
|
7
|
+
tone?: BadgeTone;
|
|
8
|
+
};
|
|
9
|
+
export declare function Badge({ className, variant, tone, asChild, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAC7D,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEJ,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAUZ"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type BadgeVariant = "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral" | "accent";
|
|
2
|
+
export type BadgeTone = "low" | "medium" | "high";
|
|
3
|
+
export declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "primary" | "success" | "danger" | "warning" | "info" | "secondary" | "neutral" | "accent" | null | undefined;
|
|
5
|
+
tone?: "low" | "medium" | "high" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
//# sourceMappingURL=badgeVariants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa;;;8EAgEzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type ButtonVariant = "primary" | "ghost" | "success" | "danger" | "warning" | "info" | "icon" | "iconGhost" | "iconSquare" | "iconSquareGhost" | "secondary";
|
|
3
|
+
export type ButtonSize = "sm" | "md" | "lg";
|
|
4
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
|
+
/** Render as child element via Radix Slot (e.g. <a>, <Link>) */
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
/** Enable/disable ripple ink (true by default) */
|
|
8
|
+
ripple?: boolean;
|
|
9
|
+
/** Optional toggle state hint for styling */
|
|
10
|
+
"data-pressed"?: "on" | "off" | boolean;
|
|
11
|
+
variant?: ButtonVariant;
|
|
12
|
+
size?: ButtonSize;
|
|
13
|
+
fullWidth?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsF/B,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,WAAW,GACX,YAAY,GACZ,iBAAiB,GACjB,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC;IAGxC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,uFAyFlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
declare const inputVariants: (props?: ({
|
|
4
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
tone?: "success" | "default" | "invalid" | null | undefined;
|
|
6
|
+
hasLeft?: boolean | null | undefined;
|
|
7
|
+
hasRight?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
10
|
+
leftIcon?: React.ReactNode;
|
|
11
|
+
rightIcon?: React.ReactNode;
|
|
12
|
+
hint?: string;
|
|
13
|
+
errorText?: string;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
id?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;;;8EA8BlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,KAAK,qFA2HjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,kBAAkB,CAAC;AAG1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/lib/cn.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/runtime/styles.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workokay/atom",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.19",
|
|
4
4
|
"main": "./dist/index.cjs",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
|
-
"types": "./dist/index.d.ts",
|
|
6
|
+
"types": "./dist/types/index.d.ts",
|
|
7
7
|
"style": "./dist/atom.css",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
|
-
"types": "./dist/index.d.ts",
|
|
10
|
+
"types": "./dist/types/index.d.ts",
|
|
11
11
|
"import": "./dist/index.js",
|
|
12
12
|
"require": "./dist/index.cjs"
|
|
13
13
|
},
|
|
14
|
-
"./
|
|
14
|
+
"./atom.css": "./dist/atom.css"
|
|
15
15
|
},
|
|
16
16
|
"files": [
|
|
17
17
|
"dist"
|
|
18
18
|
],
|
|
19
19
|
"sideEffects": [
|
|
20
|
-
"*.css"
|
|
20
|
+
"*.css",
|
|
21
|
+
"dist/atom.css"
|
|
21
22
|
],
|
|
22
23
|
"peerDependencies": {
|
|
23
24
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -47,8 +48,6 @@
|
|
|
47
48
|
"@radix-ui/react-tooltip": "^1.2.8"
|
|
48
49
|
},
|
|
49
50
|
"devDependencies": {
|
|
50
|
-
"react": "^19.2.0",
|
|
51
|
-
"react-dom": "^19.2.0",
|
|
52
51
|
"@chromatic-com/storybook": "^4.1.1",
|
|
53
52
|
"@eslint/js": "^9.33.0",
|
|
54
53
|
"@storybook/addon-a11y": "^9.1.3",
|
|
@@ -82,6 +81,8 @@
|
|
|
82
81
|
"playwright": "^1.55.0",
|
|
83
82
|
"postcss": "^8.5.6",
|
|
84
83
|
"prettier": "^3.6.2",
|
|
84
|
+
"react": "^19.2.0",
|
|
85
|
+
"react-dom": "^19.2.0",
|
|
85
86
|
"storybook": "^9.1.3",
|
|
86
87
|
"tailwind-merge": "^3.3.1",
|
|
87
88
|
"tailwindcss": "^4.1.16",
|
|
@@ -90,7 +91,6 @@
|
|
|
90
91
|
"typescript": "~5.8.3",
|
|
91
92
|
"typescript-eslint": "^8.39.1",
|
|
92
93
|
"vite": "^7.1.2",
|
|
93
|
-
"vite-plugin-dts": "^4.5.4",
|
|
94
94
|
"vitest": "^3.2.4"
|
|
95
95
|
}
|
|
96
96
|
}
|
package/dist/atom.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:where(.atom-theme){--atom-button-bg: var(--atom-primary);--atom-button-bg-hover: var(--atom-primary);--atom-button-fg: var(--atom-primary-contrast);--atom-ring-color: #1E88E5;--atom-ring-offset: var(--atom-bg);--tw-ring-color: var(--atom-ring-color);--tw-ring-offset-color: var(--atom-ring-offset)}:where(.atom-theme)[data-theme=light]{--atom-primary-50: #E0F2F1;--atom-primary-100: #B2DFDB;--atom-primary-200: #80CBC4;--atom-primary-300: #4DB6AC;--atom-primary-400: #26A69A;--atom-primary-500: #009688;--atom-primary-600: #00897B;--atom-primary-700: #00796B;--atom-primary-800: #00695C;--atom-primary-900: #004D40;--atom-primary: var(--atom-primary-700);--atom-primary-contrast: #FFFFFF;--atom-accent: var(--atom-primary-400);--atom-accent-contrast: #0B0F0E;--atom-neutral: rgb(84, 110, 115);--atom-accent-custom: oklch(.558 .288 302.321);--atom-info-custom: oklch(.546 .245 262.881);--atom-status-validated: rgb(102, 191, 165);--atom-status-verified: rgb(46, 153, 149);--atom-text: #626468;--atom-text-muted: #616161;--atom-text-inverse: #FFFFFF;--atom-bg: #F9FAFB;--atom-surface: #FFFFFF;--atom-surface-alt: #F5F5F5;--atom-border: #E0E0E0;--atom-border-strong: #BDBDBD;--atom-success: #43A047;--atom-warning: #FB8C00;--atom-error: #E53935;--atom-info: #1E88E5;--atom-font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--atom-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--atom-text-xs: 12px;--atom-text-sm: 13px;--atom-text-md: 14px;--atom-text-lg: 16px;--atom-text-xl: 18px;--atom-line-height: 1.5;--atom-font-weight-normal: 400;--atom-font-weight-medium: 500;--atom-font-weight-bold: 700;--atom-space-1: 4px;--atom-space-2: 8px;--atom-space-3: 12px;--atom-space-4: 16px;--atom-space-6: 24px;--atom-spacing-1: 4px;--atom-spacing-2: 8px;--atom-spacing-3: 12px;--atom-spacing-4: 16px;--atom-spacing-6: 24px;--atom-radius-1: 4px;--atom-radius-2: 8px;--atom-radius-round: 9999px;--atom-focus-ring: var(--atom-primary-400);--atom-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--atom-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--atom-shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--atom-link: #1E88E5;--atom-link-hover: #1565C0;--atom-selection: rgba(0, 121, 107, .18);--atom-muted: rgba(33, 33, 33, .04);--atom-chart-1: #00796B;--atom-chart-2: #1E88E5;--atom-chart-3: #43A047;--atom-chart-4: #FB8C00;--atom-chart-5: #8E24AA;--atom-chart-6: #F4511E;--atom-chart-7: #6D4C41;--atom-chart-8: #3949AB;--atom-chart-9: #00ACC1;--atom-chart-10: #7CB342;--atom-button-bg: var(--atom-primary);--atom-button-bg-hover: var(--atom-primary-800);--atom-button-fg: var(--atom-primary-contrast);--atom-button-ghost-bg: transparent;--atom-button-ghost-hover-bg: color-mix(in srgb, var(--atom-primary) 10%, white);--atom-button-ghost-fg: var(--atom-primary);--atom-button-success-bg: var(--atom-success);--atom-button-success-bg-hover: color-mix(in srgb, var(--atom-success) 92%, black);--atom-button-success-fg: var(--atom-primary-contrast);--atom-button-warning-bg: var(--atom-warning);--atom-button-warning-bg-hover: color-mix(in srgb, var(--atom-warning) 92%, black);--atom-button-warning-fg: var(--atom-primary-contrast);--atom-button-danger-bg: var(--atom-error);--atom-button-danger-bg-hover: color-mix(in srgb, var(--atom-error) 92%, black);--atom-button-danger-fg: var(--atom-primary-contrast);--atom-button-info-bg: var(--atom-info);--atom-button-info-bg-hover: color-mix(in srgb, var(--atom-info) 92%, black);--atom-button-info-fg: var(--atom-primary-contrast);--atom-card-bg: var(--atom-surface);--atom-card-fg: var(--atom-text);--atom-card-border: var(--atom-border);--atom-input-bg: var(--atom-bg);--atom-input-fg: var(--atom-text);--atom-input-border: var(--atom-border);--atom-input-focus: var(--atom-focus-ring);--atom-ring-color: var(--atom-primary-400);--atom-ring-offset: var(--atom-bg);--tw-ring-color: var(--atom-ring-color);--tw-ring-offset-color: var(--atom-ring-offset);--atom-ripple-color-solid: var(--atom-button-fg);--atom-ripple-color-ghost: var(--atom-primary);--atom-ripple-opacity: .22}:where(.atom-theme)[data-theme=dark]{--atom-primary-50: #E0F2F1;--atom-primary-100: #B2DFDB;--atom-primary-200: #80CBC4;--atom-primary-300: #4DB6AC;--atom-primary-400: #26A69A;--atom-primary-500: #009688;--atom-primary-600: #00897B;--atom-primary-700: #00796B;--atom-primary-800: #00695C;--atom-primary-900: #004D40;--atom-primary: var(--atom-primary-400);--atom-primary-contrast: #0B0F0E;--atom-accent: var(--atom-primary-300);--atom-accent-contrast: #0B0F0E;--atom-neutral: rgb(84, 110, 115);--atom-accent-custom: oklch(.558 .288 302.321);--atom-info-custom: oklch(.546 .245 262.881);--atom-status-validated: rgb(102, 191, 165);--atom-status-verified: rgb(46, 153, 149);--atom-text: #E0E0E0;--atom-text-muted: #BDBDBD;--atom-text-inverse: #0F0F0F;--atom-bg: #121212;--atom-surface: #1A1A1A;--atom-surface-alt: #222222;--atom-border: #2C2C2C;--atom-border-strong: #3A3A3A;--atom-success: #43A047;--atom-warning: #FB8C00;--atom-error: #E53935;--atom-info: #1E88E5;--atom-font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--atom-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--atom-text-xs: 12px;--atom-text-sm: 13px;--atom-text-md: 14px;--atom-text-lg: 16px;--atom-text-xl: 18px;--atom-line-height: 1.5;--atom-font-weight-normal: 400;--atom-font-weight-medium: 500;--atom-font-weight-bold: 700;--atom-space-1: 4px;--atom-space-2: 8px;--atom-space-3: 12px;--atom-space-4: 16px;--atom-space-6: 24px;--atom-spacing-1: 4px;--atom-spacing-2: 8px;--atom-spacing-3: 12px;--atom-spacing-4: 16px;--atom-spacing-6: 24px;--atom-radius-1: 4px;--atom-radius-2: 8px;--atom-radius-round: 9999px;--atom-focus-ring: var(--atom-primary-400);--atom-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--atom-shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--atom-shadow-lg: 0 12px 24px rgba(0, 0, 0, .55);--atom-link: #90CAF9;--atom-link-hover: #64B5F6;--atom-selection: rgba(38, 166, 154, .26);--atom-muted: rgba(255, 255, 255, .06);--atom-chart-1: #26A69A;--atom-chart-2: #64B5F6;--atom-chart-3: #81C784;--atom-chart-4: #FFB74D;--atom-chart-5: #BA68C8;--atom-chart-6: #FF7043;--atom-chart-7: #8D6E63;--atom-chart-8: #7986CB;--atom-chart-9: #4DD0E1;--atom-chart-10: #AED581;--atom-button-bg: var(--atom-primary);--atom-button-bg-hover: color-mix(in srgb, var(--atom-primary) 92%, black);--atom-button-fg: var(--atom-primary-contrast);--atom-button-ghost-bg: transparent;--atom-button-ghost-hover-bg: color-mix(in srgb, var(--atom-primary) 18%, black);--atom-button-ghost-fg: var(--atom-primary);--atom-card-bg: var(--atom-surface);--atom-card-fg: var(--atom-text);--atom-card-border: var(--atom-border);--atom-input-bg: #161616;--atom-input-fg: var(--atom-text);--atom-input-border: var(--atom-border);--atom-input-focus: var(--atom-focus-ring);--atom-ring-color: var(--atom-primary-400);--atom-ring-offset: var(--atom-bg);--atom-ripple-color-solid: var(--atom-button-fg);--atom-ripple-color-ghost: var(--atom-primary);--atom-ripple-opacity: .24}:where(.atom-theme)[data-theme=cyan-light]{--atom-primary-50: #E0F7FA;--atom-primary-100: #B2EBF2;--atom-primary-200: #80DEEA;--atom-primary-300: #4DD0E1;--atom-primary-400: #26C6DA;--atom-primary-500: #00BCD4;--atom-primary-600: #00A8CC;--atom-primary-700: #0097A7;--atom-primary-800: #00838F;--atom-primary-900: #006064;--atom-primary: var(--atom-primary-600);--atom-primary-contrast: #061316;--atom-accent: var(--atom-primary-400);--atom-accent-contrast: #061316;--atom-neutral: rgb(84, 110, 115);--atom-accent-custom: oklch(.558 .288 302.321);--atom-info-custom: oklch(.546 .245 262.881);--atom-status-validated: rgb(102, 191, 165);--atom-status-verified: rgb(46, 153, 149);--atom-text: #212121;--atom-text-muted: #616161;--atom-text-inverse: #FFFFFF;--atom-bg: #F9FAFB;--atom-surface: #FFFFFF;--atom-surface-alt: #F5F5F5;--atom-border: #E0E0E0;--atom-border-strong: #BDBDBD;--atom-success: #43A047;--atom-warning: #FB8C00;--atom-error: #E53935;--atom-info: #1E88E5;--atom-font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--atom-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--atom-text-xs: 12px;--atom-text-sm: 13px;--atom-text-md: 14px;--atom-text-lg: 16px;--atom-text-xl: 18px;--atom-line-height: 1.5;--atom-font-weight-normal: 400;--atom-font-weight-medium: 500;--atom-font-weight-bold: 700;--atom-space-1: 4px;--atom-space-2: 8px;--atom-space-3: 12px;--atom-space-4: 16px;--atom-space-6: 24px;--atom-spacing-1: 4px;--atom-spacing-2: 8px;--atom-spacing-3: 12px;--atom-spacing-4: 16px;--atom-spacing-6: 24px;--atom-radius-1: 4px;--atom-radius-2: 8px;--atom-radius-round: 9999px;--atom-focus-ring: var(--atom-primary-400);--atom-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--atom-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--atom-shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--atom-link: #1E88E5;--atom-link-hover: #1565C0;--atom-selection: rgba(0, 168, 204, .18);--atom-muted: rgba(33, 33, 33, .04);--atom-chart-1: #00A8CC;--atom-chart-2: #3949AB;--atom-chart-3: #43A047;--atom-chart-4: #FB8C00;--atom-chart-5: #8E24AA;--atom-chart-6: #F4511E;--atom-chart-7: #6D4C41;--atom-chart-8: #1E88E5;--atom-chart-9: #00796B;--atom-chart-10: #7CB342;--atom-button-bg: var(--atom-primary);--atom-button-bg-hover: color-mix(in srgb, var(--atom-primary) 90%, black);--atom-button-fg: var(--atom-primary-contrast);--atom-button-ghost-bg: transparent;--atom-button-ghost-hover-bg: color-mix(in srgb, var(--atom-primary) 10%, white);--atom-button-ghost-fg: var(--atom-primary);--atom-card-bg: var(--atom-surface);--atom-card-fg: var(--atom-text);--atom-card-border: var(--atom-border);--atom-input-bg: var(--atom-bg);--atom-input-fg: var(--atom-text);--atom-input-border: var(--atom-border);--atom-input-focus: var(--atom-focus-ring);--atom-ring-color: var(--atom-primary-400);--atom-ring-offset: var(--atom-bg)}:where(.atom-theme)[data-theme=cyan-dark]{--atom-primary-50: #E0F7FA;--atom-primary-100: #B2EBF2;--atom-primary-200: #80DEEA;--atom-primary-300: #4DD0E1;--atom-primary-400: #26C6DA;--atom-primary-500: #00BCD4;--atom-primary-600: #00A8CC;--atom-primary-700: #0097A7;--atom-primary-800: #00838F;--atom-primary-900: #006064;--atom-primary: var(--atom-primary-400);--atom-primary-contrast: #061316;--atom-accent: var(--atom-primary-300);--atom-accent-contrast: #061316;--atom-neutral: rgb(84, 110, 115);--atom-accent-custom: oklch(.558 .288 302.321);--atom-info-custom: oklch(.546 .245 262.881);--atom-status-validated: rgb(102, 191, 165);--atom-status-verified: rgb(46, 153, 149);--atom-text: #E0E0E0;--atom-text-muted: #BDBDBD;--atom-text-inverse: #0F0F0F;--atom-bg: #121212;--atom-surface: #1A1A1A;--atom-surface-alt: #222222;--atom-border: #2C2C2C;--atom-border-strong: #3A3A3A;--atom-success: #43A047;--atom-warning: #FB8C00;--atom-error: #E53935;--atom-info: #1E88E5;--atom-font-sans: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--atom-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--atom-text-xs: 12px;--atom-text-sm: 13px;--atom-text-md: 14px;--atom-text-lg: 16px;--atom-text-xl: 18px;--atom-line-height: 1.5;--atom-font-weight-normal: 400;--atom-font-weight-medium: 500;--atom-font-weight-bold: 700;--atom-space-1: 4px;--atom-space-2: 8px;--atom-space-3: 12px;--atom-space-4: 16px;--atom-space-6: 24px;--atom-spacing-1: 4px;--atom-spacing-2: 8px;--atom-spacing-3: 12px;--atom-spacing-4: 16px;--atom-spacing-6: 24px;--atom-radius-1: 4px;--atom-radius-2: 8px;--atom-radius-round: 9999px;--atom-focus-ring: var(--atom-primary-400);--atom-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--atom-shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--atom-shadow-lg: 0 12px 24px rgba(0, 0, 0, .55);--atom-link: #90CAF9;--atom-link-hover: #64B5F6;--atom-selection: rgba(38, 198, 218, .26);--atom-muted: rgba(255, 255, 255, .06);--atom-chart-1: #26C6DA;--atom-chart-2: #64B5F6;--atom-chart-3: #81C784;--atom-chart-4: #FFB74D;--atom-chart-5: #BA68C8;--atom-chart-6: #FF7043;--atom-chart-7: #8D6E63;--atom-chart-8: #7986CB;--atom-chart-9: #4DD0E1;--atom-chart-10: #AED581;--atom-button-bg: var(--atom-primary);--atom-button-bg-hover: color-mix(in srgb, var(--atom-primary) 92%, black);--atom-button-fg: var(--atom-primary-contrast);--atom-button-ghost-bg: transparent;--atom-button-ghost-hover-bg: color-mix(in srgb, var(--atom-primary) 18%, black);--atom-button-ghost-fg: var(--atom-primary);--atom-card-bg: var(--atom-surface);--atom-card-fg: var(--atom-text);--atom-card-border: var(--atom-border);--atom-input-bg: #161616;--atom-input-fg: var(--atom-text);--atom-input-border: var(--atom-border);--atom-input-focus: var(--atom-focus-ring);--atom-ring-color: var(--atom-primary-400);--atom-ring-offset: var(--atom-bg)}:where(.atom-theme){--atom-badge-low-bg-mix: 10%;--atom-badge-low-border-mix: 22%;--atom-badge-med-bg-mix: 18%;--atom-badge-med-border-mix: 32%;--atom-badge-high-border-mix: 88%;--atom-badge-surface: var(--atom-surface, #fff);--atom-badge-primary-fg-low: var(--atom-primary);--atom-badge-primary-bg-low: color-mix(in srgb, var(--atom-primary) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-primary-border-low: color-mix(in srgb, var(--atom-primary) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-primary-fg-medium: var(--atom-primary);--atom-badge-primary-bg-medium: color-mix(in srgb, var(--atom-primary) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-primary-border-medium: color-mix(in srgb, var(--atom-primary) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-primary-fg-high: var(--atom-primary-contrast);--atom-badge-primary-bg-high: var(--atom-primary);--atom-badge-primary-border-high: color-mix(in srgb, var(--atom-primary) var(--atom-badge-high-border-mix), black);--atom-badge-secondary-fg-low: var(--atom-text);--atom-badge-secondary-bg-low: var(--atom-surface-alt);--atom-badge-secondary-border-low: var(--atom-border);--atom-badge-secondary-fg-medium: var(--atom-text);--atom-badge-secondary-bg-medium: color-mix(in srgb, var(--atom-border) 35%, var(--atom-badge-surface));--atom-badge-secondary-border-medium: var(--atom-border-strong);--atom-badge-secondary-fg-high: var(--atom-text);--atom-badge-secondary-bg-high: color-mix(in srgb, var(--atom-border-strong) 55%, var(--atom-badge-surface));--atom-badge-secondary-border-high: var(--atom-border-strong);--atom-badge-success-fg-low: var(--atom-success);--atom-badge-success-bg-low: color-mix(in srgb, var(--atom-success) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-success-border-low: color-mix(in srgb, var(--atom-success) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-success-fg-medium: var(--atom-success);--atom-badge-success-bg-medium: color-mix(in srgb, var(--atom-success) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-success-border-medium: color-mix(in srgb, var(--atom-success) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-success-fg-high: var(--atom-primary-contrast);--atom-badge-success-bg-high: var(--atom-success);--atom-badge-success-border-high: color-mix(in srgb, var(--atom-success) var(--atom-badge-high-border-mix), black);--atom-badge-warning-fg-low: var(--atom-warning);--atom-badge-warning-bg-low: color-mix(in srgb, var(--atom-warning) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-warning-border-low: color-mix(in srgb, var(--atom-warning) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-warning-fg-medium: var(--atom-warning);--atom-badge-warning-bg-medium: color-mix(in srgb, var(--atom-warning) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-warning-border-medium: color-mix(in srgb, var(--atom-warning) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-warning-fg-high: var(--atom-primary-contrast);--atom-badge-warning-bg-high: var(--atom-warning);--atom-badge-warning-border-high: color-mix(in srgb, var(--atom-warning) var(--atom-badge-high-border-mix), black);--atom-badge-danger-fg-low: var(--atom-error);--atom-badge-danger-bg-low: color-mix(in srgb, var(--atom-error) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-danger-border-low: color-mix(in srgb, var(--atom-error) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-danger-fg-medium: var(--atom-error);--atom-badge-danger-bg-medium: color-mix(in srgb, var(--atom-error) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-danger-border-medium: color-mix(in srgb, var(--atom-error) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-danger-fg-high: var(--atom-primary-contrast);--atom-badge-danger-bg-high: var(--atom-error);--atom-badge-danger-border-high: color-mix(in srgb, var(--atom-error) var(--atom-badge-high-border-mix), black);--atom-badge-info-fg-low: var(--atom-info);--atom-badge-info-bg-low: color-mix(in srgb, var(--atom-info) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-info-border-low: color-mix(in srgb, var(--atom-info) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-info-fg-medium: var(--atom-info);--atom-badge-info-bg-medium: color-mix(in srgb, var(--atom-info) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-info-border-medium: color-mix(in srgb, var(--atom-info) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-info-fg-high: var(--atom-primary-contrast);--atom-badge-info-bg-high: var(--atom-info);--atom-badge-info-border-high: color-mix(in srgb, var(--atom-info) var(--atom-badge-high-border-mix), black);--atom-badge-neutral-fg-low: var(--atom-neutral);--atom-badge-neutral-bg-low: color-mix(in srgb, var(--atom-neutral) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-neutral-border-low: color-mix(in srgb, var(--atom-neutral) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-neutral-fg-medium: var(--atom-neutral);--atom-badge-neutral-bg-medium: color-mix(in srgb, var(--atom-neutral) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-neutral-border-medium: color-mix(in srgb, var(--atom-neutral) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-neutral-fg-high: white;--atom-badge-neutral-bg-high: var(--atom-neutral);--atom-badge-neutral-border-high: color-mix(in srgb, var(--atom-neutral) var(--atom-badge-high-border-mix), black);--atom-badge-accent-fg-low: var(--atom-accent);--atom-badge-accent-bg-low: color-mix(in srgb, var(--atom-accent) var(--atom-badge-low-bg-mix), var(--atom-badge-surface));--atom-badge-accent-border-low: color-mix(in srgb, var(--atom-accent) var(--atom-badge-low-border-mix), var(--atom-badge-surface));--atom-badge-accent-fg-medium: var(--atom-accent);--atom-badge-accent-bg-medium: color-mix(in srgb, var(--atom-accent) var(--atom-badge-med-bg-mix), var(--atom-badge-surface));--atom-badge-accent-border-medium: color-mix(in srgb, var(--atom-accent) var(--atom-badge-med-border-mix), var(--atom-badge-surface));--atom-badge-accent-fg-high: var(--atom-accent-contrast, #0b0f0e);--atom-badge-accent-bg-high: var(--atom-accent);--atom-badge-accent-border-high: color-mix(in srgb, var(--atom-accent) var(--atom-badge-high-border-mix), black)}:where(.atom-theme) .bg-\[var\(--atom-button-bg\)\]{background-color:var(--atom-button-bg)}:where(.atom-theme) .text-\[var\(--atom-button-fg\)\]{color:var(--atom-button-fg)}:where(.atom-theme) .hover\:bg-\[var\(--atom-button-bg-hover\)\]:hover{background-color:var(--atom-button-bg-hover)}:where(.atom-theme) .bg-\[var\(--atom-button-ghost-bg\)\]{background-color:var(--atom-button-ghost-bg)}:where(.atom-theme) .text-\[var\(--atom-button-ghost-fg\)\]{color:var(--atom-button-ghost-fg)}:where(.atom-theme) .hover\:bg-\[var\(--atom-button-ghost-hover-bg\)\]:hover{background-color:var(--atom-button-ghost-hover-bg)}:where(.atom-theme) .bg-\[var\(--atom-button-success-bg\)\]{background-color:var(--atom-button-success-bg)}:where(.atom-theme) .text-\[var\(--atom-button-success-fg\)\]{color:var(--atom-button-success-fg)}:where(.atom-theme) .hover\:bg-\[var\(--atom-button-success-bg-hover\)\]:hover{background-color:var(--atom-button-success-bg-hover)}:where(.atom-theme) .bg-\[var\(--atom-button-warning-bg\)\]{background-color:var(--atom-button-warning-bg)}:where(.atom-theme) .text-\[var\(--atom-button-warning-fg\)\]{color:var(--atom-button-warning-fg)}:where(.atom-theme) .hover\:bg-\[var\(--atom-button-warning-bg-hover\)\]:hover{background-color:var(--atom-button-warning-bg-hover)}:where(.atom-theme) .bg-\[var\(--atom-button-danger-bg\)\]{background-color:var(--atom-button-danger-bg)}:where(.atom-theme) .text-\[var\(--atom-button-danger-fg\)\]{color:var(--atom-button-danger-fg)}:where(.atom-theme) .hover\:bg-\[var\(--atom-button-danger-bg-hover\)\]:hover{background-color:var(--atom-button-danger-bg-hover)}:where(.atom-theme) .bg-\[var\(--atom-button-info-bg\)\]{background-color:var(--atom-button-info-bg)}:where(.atom-theme) .text-\[var\(--atom-button-info-fg\)\]{color:var(--atom-button-info-fg)}:where(.atom-theme) .hover\:bg-\[var\(--atom-button-info-bg-hover\)\]:hover{background-color:var(--atom-button-info-bg-hover)}:where(.atom-theme) .border-\[var\(--atom-border\)\]{border-color:var(--atom-border)}:where(.atom-theme) .text-\[var\(--atom-primary\)\]{color:var(--atom-primary)}:where(.atom-theme) .bg-\[var\(--atom-badge-primary-bg-low\)\]{background-color:var(--atom-badge-primary-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-primary-fg-low\)\]{color:var(--atom-badge-primary-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-primary-border-low\)\]{border-color:var(--atom-badge-primary-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-primary-bg-medium\)\]{background-color:var(--atom-badge-primary-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-primary-fg-medium\)\]{color:var(--atom-badge-primary-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-primary-border-medium\)\]{border-color:var(--atom-badge-primary-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-primary-bg-high\)\]{background-color:var(--atom-badge-primary-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-primary-fg-high\)\]{color:var(--atom-badge-primary-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-primary-border-high\)\]{border-color:var(--atom-badge-primary-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-secondary-bg-low\)\]{background-color:var(--atom-badge-secondary-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-secondary-fg-low\)\]{color:var(--atom-badge-secondary-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-secondary-border-low\)\]{border-color:var(--atom-badge-secondary-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-secondary-bg-medium\)\]{background-color:var(--atom-badge-secondary-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-secondary-fg-medium\)\]{color:var(--atom-badge-secondary-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-secondary-border-medium\)\]{border-color:var(--atom-badge-secondary-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-secondary-bg-high\)\]{background-color:var(--atom-badge-secondary-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-secondary-fg-high\)\]{color:var(--atom-badge-secondary-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-secondary-border-high\)\]{border-color:var(--atom-badge-secondary-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-success-bg-low\)\]{background-color:var(--atom-badge-success-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-success-fg-low\)\]{color:var(--atom-badge-success-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-success-border-low\)\]{border-color:var(--atom-badge-success-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-success-bg-medium\)\]{background-color:var(--atom-badge-success-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-success-fg-medium\)\]{color:var(--atom-badge-success-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-success-border-medium\)\]{border-color:var(--atom-badge-success-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-success-bg-high\)\]{background-color:var(--atom-badge-success-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-success-fg-high\)\]{color:var(--atom-badge-success-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-success-border-high\)\]{border-color:var(--atom-badge-success-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-warning-bg-low\)\]{background-color:var(--atom-badge-warning-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-warning-fg-low\)\]{color:var(--atom-badge-warning-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-warning-border-low\)\]{border-color:var(--atom-badge-warning-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-warning-bg-medium\)\]{background-color:var(--atom-badge-warning-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-warning-fg-medium\)\]{color:var(--atom-badge-warning-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-warning-border-medium\)\]{border-color:var(--atom-badge-warning-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-warning-bg-high\)\]{background-color:var(--atom-badge-warning-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-warning-fg-high\)\]{color:var(--atom-badge-warning-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-warning-border-high\)\]{border-color:var(--atom-badge-warning-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-danger-bg-low\)\]{background-color:var(--atom-badge-danger-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-danger-fg-low\)\]{color:var(--atom-badge-danger-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-danger-border-low\)\]{border-color:var(--atom-badge-danger-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-danger-bg-medium\)\]{background-color:var(--atom-badge-danger-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-danger-fg-medium\)\]{color:var(--atom-badge-danger-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-danger-border-medium\)\]{border-color:var(--atom-badge-danger-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-danger-bg-high\)\]{background-color:var(--atom-badge-danger-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-danger-fg-high\)\]{color:var(--atom-badge-danger-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-danger-border-high\)\]{border-color:var(--atom-badge-danger-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-info-bg-low\)\]{background-color:var(--atom-badge-info-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-info-fg-low\)\]{color:var(--atom-badge-info-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-info-border-low\)\]{border-color:var(--atom-badge-info-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-info-bg-medium\)\]{background-color:var(--atom-badge-info-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-info-fg-medium\)\]{color:var(--atom-badge-info-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-info-border-medium\)\]{border-color:var(--atom-badge-info-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-info-bg-high\)\]{background-color:var(--atom-badge-info-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-info-fg-high\)\]{color:var(--atom-badge-info-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-info-border-high\)\]{border-color:var(--atom-badge-info-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-neutral-bg-low\)\]{background-color:var(--atom-badge-neutral-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-neutral-fg-low\)\]{color:var(--atom-badge-neutral-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-neutral-border-low\)\]{border-color:var(--atom-badge-neutral-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-neutral-bg-medium\)\]{background-color:var(--atom-badge-neutral-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-neutral-fg-medium\)\]{color:var(--atom-badge-neutral-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-neutral-border-medium\)\]{border-color:var(--atom-badge-neutral-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-neutral-bg-high\)\]{background-color:var(--atom-badge-neutral-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-neutral-fg-high\)\]{color:var(--atom-badge-neutral-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-neutral-border-high\)\]{border-color:var(--atom-badge-neutral-border-high)}:where(.atom-theme) .bg-\[var\(--atom-badge-accent-bg-low\)\]{background-color:var(--atom-badge-accent-bg-low)}:where(.atom-theme) .text-\[var\(--atom-badge-accent-fg-low\)\]{color:var(--atom-badge-accent-fg-low)}:where(.atom-theme) .border-\[var\(--atom-badge-accent-border-low\)\]{border-color:var(--atom-badge-accent-border-low)}:where(.atom-theme) .bg-\[var\(--atom-badge-accent-bg-medium\)\]{background-color:var(--atom-badge-accent-bg-medium)}:where(.atom-theme) .text-\[var\(--atom-badge-accent-fg-medium\)\]{color:var(--atom-badge-accent-fg-medium)}:where(.atom-theme) .border-\[var\(--atom-badge-accent-border-medium\)\]{border-color:var(--atom-badge-accent-border-medium)}:where(.atom-theme) .bg-\[var\(--atom-badge-accent-bg-high\)\]{background-color:var(--atom-badge-accent-bg-high)}:where(.atom-theme) .text-\[var\(--atom-badge-accent-fg-high\)\]{color:var(--atom-badge-accent-fg-high)}:where(.atom-theme) .border-\[var\(--atom-badge-accent-border-high\)\]{border-color:var(--atom-badge-accent-border-high)}:where(.atom-theme) .atom-ripple{position:absolute;border-radius:9999px;transform:scale(0);pointer-events:none;opacity:var(--atom-ripple-opacity, .22);animation:atom-ripple .46s ease-out forwards;mix-blend-mode:normal}@keyframes atom-ripple{to{transform:scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){:where(.atom-theme) .atom-ripple{animation-duration:1ms}}:where(.atom-theme){color:var(--atom-text);font-family:var(--atom-font-sans);font-size:var(--atom-text-md);background:var(--atom-bg)}:where(.atom-theme) button,:where(.atom-theme) input,:where(.atom-theme) select,:where(.atom-theme) textarea{font:inherit;color:inherit;background:transparent;border:1px solid var(--atom-border);border-radius:var(--atom-radius-1)}:where(.atom-theme) .atom-surface{background:var(--atom-surface);border:1px solid var(--atom-border);border-radius:var(--atom-radius-2);box-shadow:var(--atom-shadow-1)}
|
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {}
|
package/dist/vite.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|