@steveencues/starter-react-ui 1.0.4 → 1.0.6

package/dist/libs/domain/constants/theme-css-variable.const.d.ts

@@ -1,69 +1,38 @@
+import { ThemeColorToken } from '..';
 /**
- * @description Define los nombres de las variables CSS de la libreria.
+ * @description Define los nombres de las variables CSS de DaisyUI.
  * @author Steveen Cues
  * @version 1.0.0
  */
-export declare const ThemeCssVariable: {
-    readonly SURFACE_BACKGROUND: "--rui-surface-background";
-    readonly SURFACE_SURFACE: "--rui-surface-surface";
-    readonly SURFACE_SURFACE_ELEVATED: "--rui-surface-surface-elevated";
-    readonly SURFACE_SURFACE_HOVER: "--rui-surface-surface-hover";
-    readonly SURFACE_SURFACE_ACTIVE: "--rui-surface-surface-active";
-    readonly SURFACE_SURFACE_DISABLED: "--rui-surface-surface-disabled";
-    readonly TEXT_PRIMARY: "--rui-text-primary";
-    readonly TEXT_SECONDARY: "--rui-text-secondary";
-    readonly TEXT_MUTED: "--rui-text-muted";
-    readonly TEXT_DISABLED: "--rui-text-disabled";
-    readonly TEXT_INVERSE: "--rui-text-inverse";
-    readonly TEXT_LINK: "--rui-text-link";
-    readonly TEXT_LINK_HOVER: "--rui-text-link-hover";
-    readonly BRAND_PRIMARY: "--rui-brand-primary";
-    readonly BRAND_PRIMARY_HOVER: "--rui-brand-primary-hover";
-    readonly BRAND_PRIMARY_ACTIVE: "--rui-brand-primary-active";
-    readonly BRAND_PRIMARY_CONTRAST: "--rui-brand-primary-contrast";
-    readonly BRAND_SECONDARY: "--rui-brand-secondary";
-    readonly BRAND_SECONDARY_HOVER: "--rui-brand-secondary-hover";
-    readonly BRAND_SECONDARY_ACTIVE: "--rui-brand-secondary-active";
-    readonly BRAND_SECONDARY_CONTRAST: "--rui-brand-secondary-contrast";
-    readonly BRAND_ACCENT: "--rui-brand-accent";
-    readonly BRAND_ACCENT_HOVER: "--rui-brand-accent-hover";
-    readonly BRAND_ACCENT_CONTRAST: "--rui-brand-accent-contrast";
-    readonly STATE_SUCCESS: "--rui-state-success";
-    readonly STATE_SUCCESS_BACKGROUND: "--rui-state-success-background";
-    readonly STATE_WARNING: "--rui-state-warning";
-    readonly STATE_WARNING_BACKGROUND: "--rui-state-warning-background";
-    readonly STATE_ERROR: "--rui-state-error";
-    readonly STATE_ERROR_BACKGROUND: "--rui-state-error-background";
-    readonly STATE_INFO: "--rui-state-info";
-    readonly STATE_INFO_BACKGROUND: "--rui-state-info-background";
-    readonly BORDER_DEFAULT: "--rui-border-default";
-    readonly BORDER_SUBTLE: "--rui-border-subtle";
-    readonly BORDER_STRONG: "--rui-border-strong";
-    readonly BORDER_FOCUS: "--rui-border-focus";
-    readonly BORDER_HOVER: "--rui-border-hover";
-    readonly BORDER_ACTIVE: "--rui-border-active";
-    readonly BORDER_DISABLED: "--rui-border-disabled";
-    readonly SHADOW_COLOR: "--rui-shadow-color";
-    readonly SHADOW_SUBTLE: "--rui-shadow-subtle";
-    readonly SHADOW_SMALL: "--rui-shadow-small";
-    readonly SHADOW_MEDIUM: "--rui-shadow-medium";
-    readonly SHADOW_LARGE: "--rui-shadow-large";
-    readonly SHADOW_GLOW: "--rui-shadow-glow";
-    readonly EFFECTS_OVERLAY: "--rui-effects-overlay";
-    readonly EFFECTS_BACKDROP: "--rui-effects-backdrop";
-    readonly EFFECTS_BLUR: "--rui-effects-blur";
-    readonly EFFECTS_BLUR_STRONG: "--rui-effects-blur-strong";
-    readonly EFFECTS_GLASS_BACKGROUND: "--rui-effects-glass-background";
-    readonly EFFECTS_GLASS_BORDER: "--rui-effects-glass-border";
-    readonly TYPOGRAPHY_HEADING_PRIMARY: "--rui-typography-heading-primary";
-    readonly TYPOGRAPHY_HEADING_SECONDARY: "--rui-typography-heading-secondary";
-    readonly TYPOGRAPHY_HEADING_MUTED: "--rui-typography-heading-muted";
-    readonly TYPOGRAPHY_BODY_PRIMARY: "--rui-typography-body-primary";
-    readonly TYPOGRAPHY_BODY_SECONDARY: "--rui-typography-body-secondary";
-    readonly TYPOGRAPHY_BODY_MUTED: "--rui-typography-body-muted";
-    readonly TYPOGRAPHY_LABEL_PRIMARY: "--rui-typography-label-primary";
-    readonly TYPOGRAPHY_LABEL_SECONDARY: "--rui-typography-label-secondary";
-    readonly TYPOGRAPHY_LABEL_MUTED: "--rui-typography-label-muted";
-    readonly TYPOGRAPHY_BUTTON_PRIMARY: "--rui-typography-button-primary";
-    readonly TYPOGRAPHY_BUTTON_SECONDARY: "--rui-typography-button-secondary";
+export declare const CSS_THEME_TOKENS: {
+    readonly primary: "--color-primary";
+    readonly primaryContent: "--color-primary-content";
+    readonly secondary: "--color-secondary";
+    readonly secondaryContent: "--color-secondary-content";
+    readonly accent: "--color-accent";
+    readonly accentContent: "--color-accent-content";
+    readonly neutral: "--color-neutral";
+    readonly neutralContent: "--color-neutral-content";
+    readonly base100: "--color-base-100";
+    readonly base200: "--color-base-200";
+    readonly base300: "--color-base-300";
+    readonly baseContent: "--color-base-content";
+    readonly info: "--color-info";
+    readonly infoContent: "--color-info-content";
+    readonly success: "--color-success";
+    readonly successContent: "--color-success-content";
+    readonly warning: "--color-warning";
+    readonly warningContent: "--color-warning-content";
+    readonly error: "--color-error";
+    readonly errorContent: "--color-error-content";
 };
+/**
+ * @description Define la coleccion de claves y variables CSS de DaisyUI.
+ * Cada entrada relaciona una clave de color con su variable CSS.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export declare const CSS_THEME_TOKEN_ENTRIES: readonly [
+    ThemeColorToken,
+    (typeof CSS_THEME_TOKENS)[ThemeColorToken]
+][];

package/dist/libs/domain/interface/index.d.ts

@@ -1,4 +1,3 @@
 export * from './translation.interface';
-export * from './manifest';
-export * from './theme';
-export * from './manifest';
+export * from './theme-manifest.interface';
+export * from './theme.interface';

package/dist/libs/domain/interface/{manifest/theme-manifest.interface.d.ts → theme-manifest.interface.d.ts}

@@ -1,4 +1,4 @@
-import { ThemeCategory, ThemeColorScheme, ThemeName } from '../..';
+import { ThemeName } from '..';
 /**
  * @description Define las propiedades basicas de un manifiesto de tema.
  * @author Steveen Cues
@@ -10,8 +10,6 @@ export interface ThemeManifest {
     readonly description: string;
     readonly version: string;
     readonly author: string;
-    readonly category: ThemeCategory;
-    readonly colorScheme: ThemeColorScheme;
     readonly tags: readonly string[];
     readonly preview?: string;
     readonly homepage?: string;

package/dist/libs/domain/interface/theme.interface.d.ts

@@ -0,0 +1,41 @@
+import { DaisyUIThemeColors, ThemeManifest, ThemeName } from '../..';
+import { ReactNode } from 'react';
+/**
+ * @description Define una configuracion visual completa de un tema.
+ * @author Steveen Cues
+ * @version 2.0.0
+ */
+export interface AppTheme {
+    readonly manifest: ThemeManifest;
+    readonly name: ThemeName;
+}
+/**
+ * @description Define un tema completo personalizado por una aplicacion.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export interface CustomThemeDefinition extends AppTheme {
+    readonly daisyUI: DaisyUIThemeColors;
+}
+/**
+ * @description Define el contrato publico del contexto de temas.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export interface ThemeContextValue {
+    readonly theme: AppTheme;
+    readonly themeName: string;
+    readonly themes: readonly AppTheme[];
+    readonly setTheme: (name: string) => void;
+    readonly registerTheme: (theme: CustomThemeDefinition) => void;
+}
+/**
+ * @description Propiedades del proveedor de temas.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export interface ThemeProviderProps {
+    readonly themes: readonly AppTheme[];
+    readonly initialTheme: string;
+    readonly children: ReactNode;
+}

package/dist/libs/domain/types/index.d.ts

@@ -1,2 +1,2 @@
 export * from './translation.types';
-export * from './theme';
+export * from './theme.type';

package/dist/libs/domain/types/theme.type.d.ts

@@ -0,0 +1,42 @@
+import { CSS_THEME_TOKENS } from '..';
+/**
+ * @description Define los colores que DaisyUI utiliza en un tema.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export interface DaisyUIThemeColors {
+    readonly colorScheme: "light" | "dark";
+    readonly primary: string;
+    readonly primaryContent: string;
+    readonly secondary: string;
+    readonly secondaryContent: string;
+    readonly accent: string;
+    readonly accentContent: string;
+    readonly neutral: string;
+    readonly neutralContent: string;
+    readonly base100: string;
+    readonly base200: string;
+    readonly base300: string;
+    readonly baseContent: string;
+    readonly info: string;
+    readonly infoContent: string;
+    readonly success: string;
+    readonly successContent: string;
+    readonly warning: string;
+    readonly warningContent: string;
+    readonly error: string;
+    readonly errorContent: string;
+}
+/**
+ * @description Define los nombres de los temas disponibles en la aplicacion.
+ * Permite utilizar temas integrados y nombres personalizados.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export type ThemeName = "light" | "dark" | "magenta" | "semi-dark" | (string & {});
+/**
+ * @description Define las claves disponibles para los colores de DaisyUI.
+ * @author Steveen Cues
+ * @version 1.0.0
+ */
+export type ThemeColorToken = keyof typeof CSS_THEME_TOKENS;

package/dist/style.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=light]:checked){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:is(:root:has(input.theme-controller[value=light]:checked),[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:is(:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:is(:root:has(input.theme-controller[value=cupcake]:checked),[data-theme=cupcake]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(97.788% .004 56.375);--color-base-200:oklch(93.982% .007 61.449);--color-base-300:oklch(91.586% .006 53.44);--color-base-content:oklch(23.574% .066 313.189);--color-primary:oklch(85% .138 181.071);--color-primary-content:oklch(43% .078 188.216);--color-secondary:oklch(89% .061 343.231);--color-secondary-content:oklch(45% .187 3.815);--color-accent:oklch(90% .076 70.697);--color-accent-content:oklch(47% .157 37.304);--color-neutral:oklch(27% .006 286.033);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(68% .169 237.323);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(69% .17 162.48);--color-success-content:oklch(26% .051 172.552);--color-warning:oklch(79% .184 86.047);--color-warning-content:oklch(28% .066 53.813);--color-error:oklch(64% .246 16.439);--color-error-content:oklch(27% .105 12.094);--radius-selector:1rem;--radius-field:2rem;--radius-box:1rem;--size-selector:.25rem;--size-field:.25rem;--border:2px;--depth:1;--noise:0}:is(:root:has(input.theme-controller[value=corporate]:checked),[data-theme=corporate]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(93% 0 0);--color-base-300:oklch(86% 0 0);--color-base-content:oklch(22.389% .031 278.072);--color-primary:oklch(58% .158 241.966);--color-primary-content:oklch(100% 0 0);--color-secondary:oklch(55% .046 257.417);--color-secondary-content:oklch(100% 0 0);--color-accent:oklch(60% .118 184.704);--color-accent-content:oklch(100% 0 0);--color-neutral:oklch(0% 0 0);--color-neutral-content:oklch(100% 0 0);--color-info:oklch(60% .126 221.723);--color-info-content:oklch(100% 0 0);--color-success:oklch(62% .194 149.214);--color-success-content:oklch(100% 0 0);--color-warning:oklch(85% .199 91.936);--color-warning-content:oklch(0% 0 0);--color-error:oklch(70% .191 22.216);--color-error-content:oklch(0% 0 0);--radius-selector:.25rem;--radius-field:.25rem;--radius-box:.25rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:is(:root:has(input.theme-controller[value=dracula]:checked),[data-theme=dracula]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-base-100:oklch(28.822% .022 277.508);--color-base-200:oklch(26.805% .02 277.508);--color-base-300:oklch(24.787% .019 277.508);--color-base-content:oklch(97.747% .007 106.545);--color-primary:oklch(75.461% .183 346.812);--color-primary-content:oklch(15.092% .036 346.812);--color-secondary:oklch(74.202% .148 301.883);--color-secondary-content:oklch(14.84% .029 301.883);--color-accent:oklch(83.392% .124 66.558);--color-accent-content:oklch(16.678% .024 66.558);--color-neutral:oklch(39.445% .032 275.524);--color-neutral-content:oklch(87.889% .006 275.524);--color-info:oklch(88.263% .093 212.846);--color-info-content:oklch(17.652% .018 212.846);--color-success:oklch(87.099% .219 148.024);--color-success-content:oklch(17.419% .043 148.024);--color-warning:oklch(95.533% .134 112.757);--color-warning-content:oklch(19.106% .026 112.757);--color-error:oklch(68.22% .206 24.43);--color-error-content:oklch(13.644% .041 24.43);--radius-selector:1rem;--radius-field:.5rem;--radius-box:1rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:is(:root:has(input.theme-controller[value=nord]:checked),[data-theme=nord]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(95.127% .007 260.731);--color-base-200:oklch(93.299% .01 261.788);--color-base-300:oklch(89.925% .016 262.749);--color-base-content:oklch(32.437% .022 264.182);--color-primary:oklch(59.435% .077 254.027);--color-primary-content:oklch(11.887% .015 254.027);--color-secondary:oklch(69.651% .059 248.687);--color-secondary-content:oklch(13.93% .011 248.687);--color-accent:oklch(77.464% .062 217.469);--color-accent-content:oklch(15.492% .012 217.469);--color-neutral:oklch(45.229% .035 264.131);--color-neutral-content:oklch(89.925% .016 262.749);--color-info:oklch(69.207% .062 332.664);--color-info-content:oklch(13.841% .012 332.664);--color-success:oklch(76.827% .074 131.063);--color-success-content:oklch(15.365% .014 131.063);--color-warning:oklch(85.486% .089 84.093);--color-warning-content:oklch(17.097% .017 84.093);--color-error:oklch(60.61% .12 15.341);--color-error-content:oklch(12.122% .024 15.341);--radius-selector:1rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:root,[data-theme]{background-color:var(--root-bg);color:var(--color-base-content)}:root{background-color:var(--page-scroll-bg,var(--root-bg))}:where(:root,[data-theme]){--root-bg:var(--color-base-100)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");--page-has-backdrop:var(--page-scroll-lock) 1;--page-scroll-bg:var(--page-scroll-lock) var(--root-bg,#0000)}@supports (color:color-mix(in lab, red, red)){:root{--page-scroll-bg:var(--page-scroll-lock) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%))}}:root{background-image:var(--page-scroll-lock) linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000));transition:var(--page-scroll-lock) background-color .3s ease-out;animation:var(--page-scroll-lock) set-page-has-scroll forwards;animation-timeline:var(--page-scroll-lock) scroll();--page-has-scroll:initial;scrollbar-gutter:var(--page-has-scroll) var(--page-scroll-lock) stable}@keyframes set-page-has-scroll{0%,to{--page-has-scroll: }}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab, red, red)){:root{scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) #0000}}:root{--page-scroll-lock:initial;--page-overflow:var(--page-scroll-lock) hidden}:root:not(span){overflow:var(--page-overflow)}}@layer components;@layer utilities{@layer daisyui.l1.l2{.diff{webkit-user-select:none;-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;align-items:normal;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.diff:focus-visible,.diff:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.diff:focus-visible .diff-resizer{min-width:95cqi;max-width:95cqi}.diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px}.diff:has(.diff-item-1:focus-visible) .diff-resizer{min-width:5cqi;max-width:5cqi}.diff:hover .diff-item-2:after{height:2.4rem}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}}@supports ((-moz-appearance:none)){@media (hover:none) and (pointer:coarse){.diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}}}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}@supports ((-moz-appearance:none)){@media (hover:none) and (pointer:coarse){.diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}}.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:is([aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after,.steps .step-neutral>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}.steps .step-primary+.step-primary:before,.steps .step-primary:after,.steps .step-primary>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after,.steps .step-secondary>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}.steps .step-accent+.step-accent:before,.steps .step-accent:after,.steps .step-accent>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}.steps .step-info+.step-info:before,.steps .step-info:after,.steps .step-info>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}.steps .step-success+.step-success:before,.steps .step-success:after,.steps .step-success>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}.steps .step-warning+.step-warning:before,.steps .step-warning:after,.steps .step-warning>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}.steps .step-error+.step-error:before,.steps .step-error:after,.steps .step-error>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}@layer daisyui.l1.l2.l3{:where(.btn){width:unset}.btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:var(--btn-color,var(--color-base-200));border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn{--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))}}.btn{--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.btn{--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow)}.btn:is([type=checkbox],[type=radio]){appearance:none}.btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.btn:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (forced-colors:active){.loading{background-color:canvastext}}@media (prefers-reduced-motion:no-preference){.loading{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}.filter{flex-wrap:wrap;display:flex}.filter [type=radio]{width:auto}.filter input{opacity:1;transition:visibility .1s allow-discrete, margin .1s, opacity .3s, padding .3s, border-width .1s;overflow:hidden;scale:1}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{--tw-content:"×";content:var(--tw-content)}.filter>input:not(:last-child),.filter>:not(:last-child) input{margin-inline-end:.25rem}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.steps .step>.step-icon{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:2147483647px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:2147483647px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.steps .step:first-child:before{--tw-content:none;content:var(--tw-content)}.steps .step[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:hover{color:var(--btn-fg);--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn:hover{--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:hover{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}}.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:var(--btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.btn:active:not(.btn-active,[aria-pressed=true],[aria-checked=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0)}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate}.btn:focus-visible{isolation:isolate;outline-width:2px;outline-style:solid}.btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}.filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]):not(:focus-visible){visibility:hidden;opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset,[type=checkbox])) :is(input,button):not(:checked,.filter-reset,[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}@layer daisyui{.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]){--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.btn:is(.btn-disabled,:disabled,[disabled],[aria-disabled=true]):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}.static{position:static}.contents{display:contents}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@keyframes rotator{89.9999%,to{--first-item-position:0 0%}90%,99.9999%{--first-item-position:0 calc(var(--items) * 100%)}to{translate:0 -100%}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes menu{0%{opacity:0}}@keyframes dropdown{0%{opacity:0}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes progress{50%{background-position-x:-115%}}@keyframes aura{to{--aura-angle:360deg;transform:translateZ(1px)}}@keyframes aura-glow{20%,80%{opacity:.7;filter:blur(.25rem)}50%{opacity:1;filter:blur(.75rem)}}@keyframes aura-glow-after{20%,80%{opacity:.3;filter:blur(1rem)}50%{opacity:.6;filter:blur(1.5rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+/*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steveencues/starter-react-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "private": false,
   "type": "module",
   "main": "./dist/index.cjs",
@@ -11,7 +11,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./style.css": "./dist/style.css"
   },
   "files": [
     "dist",
@@ -35,6 +36,7 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@vitejs/plugin-react": "^6.1.1",
+    "daisyui": "^5.7.50",
     "eslint": "^10.10.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-jsdoc": "^65.3.8",

package/dist/libs/aplicacion/hooks/use-theme-preference.hook.d.ts

@@ -1,7 +0,0 @@
-import { ThemePreferenceConfiguration, ThemePreferenceResult } from '../../domain';
-/**
- * @description Manages the selected theme and its encrypted persistence lifecycle.
- * @author Steveen Cues
- * @version 3.0.0
- */
-export declare function useThemePreference(inputConfiguration: ThemePreferenceConfiguration): ThemePreferenceResult;

package/dist/libs/domain/interface/manifest/index.d.ts

@@ -1 +0,0 @@
-export * from './theme-manifest.interface';

package/dist/libs/domain/interface/theme/accessibility/index.d.ts

@@ -1 +0,0 @@
-export * from './theme-accessibility.interface';

package/dist/libs/domain/interface/theme/accessibility/theme-accessibility.interface.d.ts

@@ -1,15 +0,0 @@
-import { ThemeMotionPreference } from '../../..';
-/**
- * @description Define las propiedades de accesibilidad.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeAccessibility {
-    readonly reducedMotion: ThemeMotionPreference;
-    readonly highContrast: boolean;
-    readonly focusRingWidth: string;
-    readonly focusRingOffset: string;
-    readonly focusRingStyle: string;
-    readonly minimumTargetSize: string;
-    readonly enforceReadableText: boolean;
-}

package/dist/libs/domain/interface/theme/colors/index.d.ts

@@ -1,8 +0,0 @@
-export * from './theme-border-colors.interface';
-export * from './theme-brand-colors.interface';
-export * from './theme-color-palette.interface';
-export * from './theme-data-colors.interface';
-export * from './theme-overlay-colors.interface';
-export * from './theme-state-colors.interface';
-export * from './theme-surface-colors.interface';
-export * from './theme-text-colors.interface';

package/dist/libs/domain/interface/theme/colors/theme-border-colors.interface.d.ts

@@ -1,17 +0,0 @@
-/**
- * @description Define los colores de los bordes e indicadores.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeBorderColors {
-    readonly default: string;
-    readonly subtle: string;
-    readonly strong: string;
-    readonly focus: string;
-    readonly hover: string;
-    readonly active: string;
-    readonly disabled: string;
-    readonly divider: string;
-    readonly input: string;
-    readonly error: string;
-}

package/dist/libs/domain/interface/theme/colors/theme-brand-colors.interface.d.ts

@@ -1,24 +0,0 @@
-/**
- * @description Define los colores de identidad visual.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeBrandColors {
-    readonly primary: string;
-    readonly primaryHover: string;
-    readonly primaryActive: string;
-    readonly primaryDisabled: string;
-    readonly primaryContrast: string;
-    readonly primarySubtle: string;
-    readonly primaryStrong: string;
-    readonly secondary: string;
-    readonly secondaryHover: string;
-    readonly secondaryActive: string;
-    readonly secondaryContrast: string;
-    readonly secondarySubtle: string;
-    readonly accent: string;
-    readonly accentHover: string;
-    readonly accentActive: string;
-    readonly accentContrast: string;
-    readonly accentSubtle: string;
-}

package/dist/libs/domain/interface/theme/colors/theme-color-palette.interface.d.ts

@@ -1,30 +0,0 @@
-import { ThemeColorScale } from '../../..';
-/**
- * @description Define una coleccion de escalas cromaticas.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeColorPalette {
-    readonly slate: ThemeColorScale;
-    readonly gray: ThemeColorScale;
-    readonly zinc: ThemeColorScale;
-    readonly neutral: ThemeColorScale;
-    readonly stone: ThemeColorScale;
-    readonly red: ThemeColorScale;
-    readonly orange: ThemeColorScale;
-    readonly amber: ThemeColorScale;
-    readonly yellow: ThemeColorScale;
-    readonly lime: ThemeColorScale;
-    readonly green: ThemeColorScale;
-    readonly emerald: ThemeColorScale;
-    readonly teal: ThemeColorScale;
-    readonly cyan: ThemeColorScale;
-    readonly sky: ThemeColorScale;
-    readonly blue: ThemeColorScale;
-    readonly indigo: ThemeColorScale;
-    readonly violet: ThemeColorScale;
-    readonly purple: ThemeColorScale;
-    readonly fuchsia: ThemeColorScale;
-    readonly pink: ThemeColorScale;
-    readonly rose: ThemeColorScale;
-}

package/dist/libs/domain/interface/theme/colors/theme-data-colors.interface.d.ts

@@ -1,15 +0,0 @@
-/**
- * @description Define los colores utilizados en graficos y visualizacion de datos.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeDataColors {
-    readonly series: readonly string[];
-    readonly positive: string;
-    readonly negative: string;
-    readonly neutral: string;
-    readonly grid: string;
-    readonly axis: string;
-    readonly tooltipBackground: string;
-    readonly tooltipText: string;
-}

package/dist/libs/domain/interface/theme/colors/theme-overlay-colors.interface.d.ts

@@ -1,13 +0,0 @@
-/**
- * @description Define los colores utilizados en superposiciones.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeOverlayColors {
-    readonly scrim: string;
-    readonly modal: string;
-    readonly dropdown: string;
-    readonly tooltip: string;
-    readonly navigation: string;
-    readonly backdrop: string;
-}

package/dist/libs/domain/interface/theme/colors/theme-state-colors.interface.d.ts

@@ -1,23 +0,0 @@
-/**
- * @description Define los colores de los estados semanticos.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeStateColors {
-    readonly success: string;
-    readonly successBackground: string;
-    readonly successBorder: string;
-    readonly successText: string;
-    readonly warning: string;
-    readonly warningBackground: string;
-    readonly warningBorder: string;
-    readonly warningText: string;
-    readonly error: string;
-    readonly errorBackground: string;
-    readonly errorBorder: string;
-    readonly errorText: string;
-    readonly info: string;
-    readonly infoBackground: string;
-    readonly infoBorder: string;
-    readonly infoText: string;
-}

package/dist/libs/domain/interface/theme/colors/theme-surface-colors.interface.d.ts

@@ -1,19 +0,0 @@
-/**
- * @description Define los colores de las superficies.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeSurfaceColors {
-    readonly background: string;
-    readonly backgroundSecondary: string;
-    readonly backgroundTertiary: string;
-    readonly surface: string;
-    readonly surfaceSecondary: string;
-    readonly surfaceElevated: string;
-    readonly surfaceHover: string;
-    readonly surfaceActive: string;
-    readonly surfaceDisabled: string;
-    readonly surfaceInverse: string;
-    readonly surfaceOverlay: string;
-    readonly surfaceTransparent: string;
-}

package/dist/libs/domain/interface/theme/colors/theme-text-colors.interface.d.ts

@@ -1,19 +0,0 @@
-/**
- * @description Define los colores del contenido textual.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeTextColors {
-    readonly primary: string;
-    readonly secondary: string;
-    readonly muted: string;
-    readonly disabled: string;
-    readonly inverse: string;
-    readonly link: string;
-    readonly linkHover: string;
-    readonly selection: string;
-    readonly placeholder: string;
-    readonly onPrimary: string;
-    readonly onSecondary: string;
-    readonly onAccent: string;
-}

package/dist/libs/domain/interface/theme/core/app-theme.interface.d.ts

@@ -1,11 +0,0 @@
-import { Theme, ThemeManifest, ThemeName } from '../../..';
-/**
- * @description Define una configuracion visual completa de un tema.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface AppTheme {
-    readonly manifest: ThemeManifest;
-    readonly name: ThemeName;
-    readonly themes: Theme;
-}

package/dist/libs/domain/interface/theme/core/index.d.ts

@@ -1,2 +0,0 @@
-export * from './app-theme.interface';
-export * from './theme.interface';

package/dist/libs/domain/interface/theme/core/theme.interface.d.ts

@@ -1,20 +0,0 @@
-import { ThemeBrandColors, ThemeBorderColors, ThemeColorPalette, ThemeDataColors, ThemeOverlayColors, ThemeStateColors, ThemeSurfaceColors, ThemeTextColors, ThemeAccessibility, ThemeEffects, ThemeGradients, ThemeTypography } from '../../..';
-/**
- * @description Define los tokens visuales que dependen del tema activo.
- * @author Steveen Cues
- * @version 2.1.0
- */
-export interface Theme {
-    readonly palette: ThemeColorPalette;
-    readonly surface: ThemeSurfaceColors;
-    readonly text: ThemeTextColors;
-    readonly brand: ThemeBrandColors;
-    readonly state: ThemeStateColors;
-    readonly border: ThemeBorderColors;
-    readonly overlay: ThemeOverlayColors;
-    readonly data: ThemeDataColors;
-    readonly typography: ThemeTypography;
-    readonly gradients: ThemeGradients;
-    readonly effects: ThemeEffects;
-    readonly accessibility: ThemeAccessibility;
-}

package/dist/libs/domain/interface/theme/effects/index.d.ts

@@ -1,5 +0,0 @@
-export * from './theme-animation.interface';
-export * from './theme-effects.interface';
-export * from './theme-gradient-stop.interface';
-export * from './theme-gradient.interface';
-export * from './theme-gradients.interface';

package/dist/libs/domain/interface/theme/effects/theme-animation.interface.d.ts

@@ -1,17 +0,0 @@
-import { ThemeDuration, ThemeEasing } from '../../..';
-/**
- * @description Define la configuracion de una animacion.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeAnimation {
-    readonly name: string;
-    readonly duration: ThemeDuration;
-    readonly delay: ThemeDuration;
-    readonly easing: ThemeEasing;
-    readonly iterationCount: number | "infinite";
-    readonly direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
-    readonly fillMode: "none" | "forwards" | "backwards" | "both";
-    readonly playState: "running" | "paused";
-    readonly reducedMotionAlternative?: string;
-}

package/dist/libs/domain/interface/theme/effects/theme-effects.interface.d.ts

@@ -1,22 +0,0 @@
-import { ThemeOpacity } from '../../..';
-/**
- * @description Define los efectos visuales del tema.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeEffects {
-    readonly overlay: string;
-    readonly backdrop: string;
-    readonly blur: string;
-    readonly blurStrong: string;
-    readonly glassBackground: string;
-    readonly glassBorder: string;
-    readonly glassShadow: string;
-    readonly opacityDisabled: ThemeOpacity;
-    readonly opacityHover: ThemeOpacity;
-    readonly opacityOverlay: ThemeOpacity;
-    readonly saturation: string;
-    readonly contrast: string;
-    readonly brightness: string;
-    readonly grayscale: string;
-}

package/dist/libs/domain/interface/theme/effects/theme-gradient-stop.interface.d.ts

@@ -1,11 +0,0 @@
-import { ThemeOpacity } from '../../..';
-/**
- * @description Define una parada de color de un gradiente.
- * @author Steveen Cues
- * @version 2.0.0
- */
-export interface ThemeGradientStop {
-    readonly color: string;
-    readonly position?: string;
-    readonly opacity?: ThemeOpacity;
-}