@schandlergarcia/sf-web-components 1.9.28 → 1.9.30

package/dist/components/library/theme/AppThemeProvider.d.ts

@@ -1,14 +1,51 @@
-import React from "react";
-import { Tokens } from "./tokens";
-export type ThemeMode = "light" | "dark";
-export interface ThemeModeContextValue {
-    mode: ThemeMode;
-    theme: Tokens;
+export function useThemeMode(): {
+    mode: string;
+    theme: {
+        colors: {
+            brand: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            accent: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+        };
+        fonts: {
+            sans: string;
+            mono: string;
+        };
+        radius: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        spacing: {
+            pageX: string;
+            pageY: string;
+        };
+    };
     toggle: () => void;
-}
-export declare function useThemeMode(): ThemeModeContextValue;
-export interface AppThemeProviderProps {
-    initialMode?: ThemeMode;
-    children: React.ReactNode;
-}
-export default function AppThemeProvider({ initialMode, children }: AppThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+};
+export default function AppThemeProvider({ initialMode, children }: {
+    initialMode?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/theme/AppThemeProvider.js

@@ -1,6 +1,6 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import t from "react";
-import { tokens as d, getTokenCSSProperties as i } from "./tokens.js";
+import { tokens as d, getTokenCSSProperties as u } from "./tokens.js";
 const a = t.createContext({
   mode: "light",
   theme: d,
@@ -14,7 +14,7 @@ function f(r) {
 }
 function l() {
   if (typeof document > "u") return;
-  const r = document.documentElement, o = i();
+  const r = document.documentElement, o = u();
   for (const [e, s] of Object.entries(o))
     r.style.setProperty(e, s);
 }
@@ -46,7 +46,7 @@ function y({ initialMode: r = "light", children: o }) {
     }),
     [e]
   );
-  return /* @__PURE__ */ u(a.Provider, { value: m, children: o });
+  return /* @__PURE__ */ i(a.Provider, { value: m, children: o });
 }
 export {
   y as default,

package/dist/components/library/theme/AppThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppThemeProvider.js","sources":["../../../../src/components/library/theme/AppThemeProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { tokens, getTokenCSSProperties, Tokens } from \"./tokens\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeModeContextValue {\n  mode: ThemeMode;\n  theme: Tokens;\n  toggle: () => void;\n}\n\nconst ThemeModeContext = React.createContext<ThemeModeContextValue>({\n  mode: \"light\",\n  theme: tokens,\n  toggle: () => {}\n});\n\nconst STORAGE_KEY = \"app-color-mode\";\n\nfunction applyHtmlDarkClass(mode: ThemeMode): void {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  if (mode === \"dark\") root.classList.add(\"dark\");\n  else root.classList.remove(\"dark\");\n}\n\nfunction applyTokenCSSProperties(): void {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  const props = getTokenCSSProperties();\n  for (const [key, value] of Object.entries(props)) {\n    root.style.setProperty(key, value);\n  }\n}\n\nexport function useThemeMode(): ThemeModeContextValue {\n  return React.useContext(ThemeModeContext);\n}\n\nexport interface AppThemeProviderProps {\n  initialMode?: ThemeMode;\n  children: React.ReactNode;\n}\n\nexport default function AppThemeProvider({ initialMode = \"light\", children }: AppThemeProviderProps) {\n  const [mode, setMode] = React.useState<ThemeMode>(initialMode);\n\n  React.useEffect(() => {\n    applyTokenCSSProperties();\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"light\" || stored === \"dark\") setMode(stored);\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  React.useEffect(() => {\n    applyHtmlDarkClass(mode);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      theme: tokens,\n      toggle: () => setMode((m) => (m === \"dark\" ? \"light\" : \"dark\"))\n    }),\n    [mode]\n  );\n\n  return <ThemeModeContext.Provider value={value}>{children}</ThemeModeContext.Provider>;\n}\n"],"names":["ThemeModeContext","React","tokens","STORAGE_KEY","applyHtmlDarkClass","mode","root","applyTokenCSSProperties","props","getTokenCSSProperties","key","value","useThemeMode","AppThemeProvider","initialMode","children","setMode","stored","m","jsx"],"mappings":";;;AAWA,MAAMA,IAAmBC,EAAM,cAAqC;AAAA,EAClE,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC,GAEKC,IAAc;AAEpB,SAASC,EAAmBC,GAAuB;AACjD,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAID,MAAS,SAAQC,EAAK,UAAU,IAAI,MAAM,IACzCA,EAAK,UAAU,OAAO,MAAM;AACnC;AAEA,SAASC,IAAgC;AACvC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMD,IAAO,SAAS,iBAChBE,IAAQC,EAAA;AACd,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAK;AAC7C,IAAAF,EAAK,MAAM,YAAYI,GAAKC,CAAK;AAErC;AAEO,SAASC,IAAsC;AACpD,SAAOX,EAAM,WAAWD,CAAgB;AAC1C;AAOA,SAAwBa,EAAiB,EAAE,aAAAC,IAAc,SAAS,UAAAC,KAAmC;AACnG,QAAM,CAACV,GAAMW,CAAO,IAAIf,EAAM,SAAoBa,CAAW;AAE7Db,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAAM,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAELN,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMgB,IAAS,OAAO,aAAa,QAAQd,CAAW;AACtD,OAAIc,MAAW,WAAWA,MAAW,aAAgBA,CAAM;AAAA,IAC7D,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELhB,EAAM,UAAU,MAAM;AACpB,IAAAG,EAAmBC,CAAI;AACvB,QAAI;AACF,aAAO,aAAa,QAAQF,GAAaE,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMM,IAAQV,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAI;AAAA,MACA,OAAOH;AAAA,MACP,QAAQ,MAAMc,EAAQ,CAACE,MAAOA,MAAM,SAAS,UAAU,MAAO;AAAA,IAAA;AAAA,IAEhE,CAACb,CAAI;AAAA,EAAA;AAGP,SAAO,gBAAAc,EAACnB,EAAiB,UAAjB,EAA0B,OAAAW,GAAe,UAAAI,EAAA,CAAS;AAC5D;"}
+{"version":3,"file":"AppThemeProvider.js","sources":["../../../../src/components/library/theme/AppThemeProvider.jsx"],"sourcesContent":["import React from \"react\";\nimport { tokens, getTokenCSSProperties } from \"./tokens\";\n\nconst ThemeModeContext = React.createContext({\n  mode: \"light\",\n  theme: tokens,\n  toggle: () => {}\n});\n\nconst STORAGE_KEY = \"app-color-mode\";\n\nfunction applyHtmlDarkClass(mode) {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  if (mode === \"dark\") root.classList.add(\"dark\");\n  else root.classList.remove(\"dark\");\n}\n\nfunction applyTokenCSSProperties() {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  const props = getTokenCSSProperties();\n  for (const [key, value] of Object.entries(props)) {\n    root.style.setProperty(key, value);\n  }\n}\n\nexport function useThemeMode() {\n  return React.useContext(ThemeModeContext);\n}\n\nexport default function AppThemeProvider({ initialMode = \"light\", children }) {\n  const [mode, setMode] = React.useState(initialMode);\n\n  React.useEffect(() => {\n    applyTokenCSSProperties();\n  }, []);\n\n  React.useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"light\" || stored === \"dark\") setMode(stored);\n    } catch {\n      // ignore\n    }\n  }, []);\n\n  React.useEffect(() => {\n    applyHtmlDarkClass(mode);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, mode);\n    } catch {\n      // ignore\n    }\n  }, [mode]);\n\n  const value = React.useMemo(\n    () => ({\n      mode,\n      theme: tokens,\n      toggle: () => setMode((m) => (m === \"dark\" ? \"light\" : \"dark\"))\n    }),\n    [mode]\n  );\n\n  return <ThemeModeContext.Provider value={value}>{children}</ThemeModeContext.Provider>;\n}\n"],"names":["ThemeModeContext","React","tokens","STORAGE_KEY","applyHtmlDarkClass","mode","root","applyTokenCSSProperties","props","getTokenCSSProperties","key","value","useThemeMode","AppThemeProvider","initialMode","children","setMode","stored","m","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAM,cAAc;AAAA,EAC3C,MAAM;AAAA,EACN,OAAOC;AAAA,EACP,QAAQ,MAAM;AAAA,EAAC;AACjB,CAAC,GAEKC,IAAc;AAEpB,SAASC,EAAmBC,GAAM;AAChC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMC,IAAO,SAAS;AACtB,EAAID,MAAS,SAAQC,EAAK,UAAU,IAAI,MAAM,IACzCA,EAAK,UAAU,OAAO,MAAM;AACnC;AAEA,SAASC,IAA0B;AACjC,MAAI,OAAO,WAAa,IAAa;AACrC,QAAMD,IAAO,SAAS,iBAChBE,IAAQC,EAAA;AACd,aAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAK;AAC7C,IAAAF,EAAK,MAAM,YAAYI,GAAKC,CAAK;AAErC;AAEO,SAASC,IAAe;AAC7B,SAAOX,EAAM,WAAWD,CAAgB;AAC1C;AAEA,SAAwBa,EAAiB,EAAE,aAAAC,IAAc,SAAS,UAAAC,KAAY;AAC5E,QAAM,CAACV,GAAMW,CAAO,IAAIf,EAAM,SAASa,CAAW;AAElD,EAAAb,EAAM,UAAU,MAAM;AACpB,IAAAM,EAAA;AAAA,EACF,GAAG,CAAA,CAAE,GAELN,EAAM,UAAU,MAAM;AACpB,QAAI;AACF,YAAMgB,IAAS,OAAO,aAAa,QAAQd,CAAW;AACtD,OAAIc,MAAW,WAAWA,MAAW,aAAgBA,CAAM;AAAA,IAC7D,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAA,CAAE,GAELhB,EAAM,UAAU,MAAM;AACpB,IAAAG,EAAmBC,CAAI;AACvB,QAAI;AACF,aAAO,aAAa,QAAQF,GAAaE,CAAI;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAACA,CAAI,CAAC;AAET,QAAMM,IAAQV,EAAM;AAAA,IAClB,OAAO;AAAA,MACL,MAAAI;AAAA,MACA,OAAOH;AAAA,MACP,QAAQ,MAAMc,EAAQ,CAACE,MAAOA,MAAM,SAAS,UAAU,MAAO;AAAA,IAAA;AAAA,IAEhE,CAACb,CAAI;AAAA,EAAA;AAGP,SAAO,gBAAAc,EAACnB,EAAiB,UAAjB,EAA0B,OAAAW,GAAe,UAAAI,EAAA,CAAS;AAC5D;"}

package/dist/components/library/theme/tokens.d.ts

@@ -1,49 +1,48 @@
-/**
- * Design tokens — single source of truth for branding.
- *
- * To rebrand a command center:
- *   1. Swap the `brand` palette (use any Tailwind-style color scale)
- *   2. Swap the `accent` palette
- *   3. Change `fonts.sans` in _app.js (next/font import)
- *
- * AppThemeProvider injects these as CSS custom properties on :root,
- * and tailwind.config.js references them via var(--color-brand-*).
- */
-export interface ColorShades {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    950: string;
-}
-export interface Tokens {
-    colors: {
-        brand: ColorShades;
-        accent: ColorShades;
-    };
-    fonts: {
-        sans: string;
-        mono: string;
-    };
-    radius: {
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    spacing: {
-        pageX: string;
-        pageY: string;
-    };
-}
-export declare const tokens: Tokens;
 /**
  * Generates CSS custom property assignments from the token palettes.
  * Used by AppThemeProvider to inject on :root at runtime.
  */
-export declare function getTokenCSSProperties(): Record<string, string>;
+export function getTokenCSSProperties(): {};
+export namespace tokens {
+    namespace colors {
+        let brand: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        let accent: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+    }
+    namespace fonts {
+        let sans: string;
+        let mono: string;
+    }
+    namespace radius {
+        let sm: string;
+        let md: string;
+        let lg: string;
+    }
+    namespace spacing {
+        let pageX: string;
+        let pageY: string;
+    }
+}

package/dist/components/library/theme/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../src/components/library/theme/tokens.tsx"],"sourcesContent":["/**\n * Design tokens — single source of truth for branding.\n *\n * To rebrand a command center:\n *   1. Swap the `brand` palette (use any Tailwind-style color scale)\n *   2. Swap the `accent` palette\n *   3. Change `fonts.sans` in _app.js (next/font import)\n *\n * AppThemeProvider injects these as CSS custom properties on :root,\n * and tailwind.config.js references them via var(--color-brand-*).\n */\n\nexport interface ColorShades {\n  50: string;\n  100: string;\n  200: string;\n  300: string;\n  400: string;\n  500: string;\n  600: string;\n  700: string;\n  800: string;\n  900: string;\n  950: string;\n}\n\nexport interface Tokens {\n  colors: {\n    brand: ColorShades;\n    accent: ColorShades;\n  };\n  fonts: {\n    sans: string;\n    mono: string;\n  };\n  radius: {\n    sm: string;\n    md: string;\n    lg: string;\n  };\n  spacing: {\n    pageX: string;\n    pageY: string;\n  };\n}\n\nexport const tokens: Tokens = {\n  colors: {\n    brand: {\n      50: \"#EEF2FF\",\n      100: \"#E0E7FF\",\n      200: \"#C7D2FE\",\n      300: \"#A5B4FC\",\n      400: \"#818CF8\",\n      500: \"#6366F1\",\n      600: \"#4F46E5\",\n      700: \"#4338CA\",\n      800: \"#3730A3\",\n      900: \"#312E81\",\n      950: \"#1E1B4E\",\n    },\n    accent: {\n      50: \"#ECFEFF\",\n      100: \"#CFFAFE\",\n      200: \"#A5F3FC\",\n      300: \"#67E8F9\",\n      400: \"#22D3EE\",\n      500: \"#06B6D4\",\n      600: \"#0891B2\",\n      700: \"#0E7490\",\n      800: \"#155E75\",\n      900: \"#164E63\",\n      950: \"#083344\",\n    },\n  },\n\n  fonts: {\n    sans: \"Inter\",\n    mono: \"JetBrains Mono\",\n  },\n\n  radius: {\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n  },\n\n  spacing: {\n    pageX: \"1.25rem\",\n    pageY: \"1.25rem\",\n  },\n};\n\n/**\n * Generates CSS custom property assignments from the token palettes.\n * Used by AppThemeProvider to inject on :root at runtime.\n */\nexport function getTokenCSSProperties(): Record<string, string> {\n  const props: Record<string, string> = {};\n  for (const [palette, shades] of Object.entries(tokens.colors)) {\n    for (const [shade, value] of Object.entries(shades)) {\n      props[`--color-${palette}-${shade}`] = value;\n    }\n  }\n  return props;\n}\n"],"names":["tokens","getTokenCSSProperties","props","palette","shades","shade","value"],"mappings":"AA8CO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AAAA,IACN,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,IAEP,QAAQ;AAAA,MACN,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,EACP;AAAA,EAGF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAGR,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAGN,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAMO,SAASC,IAAgD;AAC9D,QAAMC,IAAgC,CAAA;AACtC,aAAW,CAACC,GAASC,CAAM,KAAK,OAAO,QAAQJ,EAAO,MAAM;AAC1D,eAAW,CAACK,GAAOC,CAAK,KAAK,OAAO,QAAQF,CAAM;AAChD,MAAAF,EAAM,WAAWC,CAAO,IAAIE,CAAK,EAAE,IAAIC;AAG3C,SAAOJ;AACT;"}
+{"version":3,"file":"tokens.js","sources":["../../../../src/components/library/theme/tokens.jsx"],"sourcesContent":["/**\n * Design tokens — single source of truth for branding.\n *\n * To rebrand a command center:\n *   1. Swap the `brand` palette (use any Tailwind-style color scale)\n *   2. Swap the `accent` palette\n *   3. Change `fonts.sans` in _app.js (next/font import)\n *\n * AppThemeProvider injects these as CSS custom properties on :root,\n * and tailwind.config.js references them via var(--color-brand-*).\n */\n\nexport const tokens = {\n  colors: {\n    brand: {\n      50: \"#EEF2FF\",\n      100: \"#E0E7FF\",\n      200: \"#C7D2FE\",\n      300: \"#A5B4FC\",\n      400: \"#818CF8\",\n      500: \"#6366F1\",\n      600: \"#4F46E5\",\n      700: \"#4338CA\",\n      800: \"#3730A3\",\n      900: \"#312E81\",\n      950: \"#1E1B4E\",\n    },\n    accent: {\n      50: \"#ECFEFF\",\n      100: \"#CFFAFE\",\n      200: \"#A5F3FC\",\n      300: \"#67E8F9\",\n      400: \"#22D3EE\",\n      500: \"#06B6D4\",\n      600: \"#0891B2\",\n      700: \"#0E7490\",\n      800: \"#155E75\",\n      900: \"#164E63\",\n      950: \"#083344\",\n    },\n  },\n\n  fonts: {\n    sans: \"Inter\",\n    mono: \"JetBrains Mono\",\n  },\n\n  radius: {\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n  },\n\n  spacing: {\n    pageX: \"1.25rem\",\n    pageY: \"1.25rem\",\n  },\n};\n\n/**\n * Generates CSS custom property assignments from the token palettes.\n * Used by AppThemeProvider to inject on :root at runtime.\n */\nexport function getTokenCSSProperties() {\n  const props = {};\n  for (const [palette, shades] of Object.entries(tokens.colors)) {\n    for (const [shade, value] of Object.entries(shades)) {\n      props[`--color-${palette}-${shade}`] = value;\n    }\n  }\n  return props;\n}\n"],"names":["tokens","getTokenCSSProperties","props","palette","shades","shade","value"],"mappings":"AAYO,MAAMA,IAAS;AAAA,EACpB,QAAQ;AAAA,IACN,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,IAEP,QAAQ;AAAA,MACN,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,EACP;AAAA,EAGF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAGR,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAGN,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAMO,SAASC,IAAwB;AACtC,QAAMC,IAAQ,CAAA;AACd,aAAW,CAACC,GAASC,CAAM,KAAK,OAAO,QAAQJ,EAAO,MAAM;AAC1D,eAAW,CAACK,GAAOC,CAAK,KAAK,OAAO,QAAQF,CAAM;AAChD,MAAAF,EAAM,WAAWC,CAAO,IAAIE,CAAK,EAAE,IAAIC;AAG3C,SAAOJ;AACT;"}

package/dist/components/library/ui/Alert.d.ts

@@ -0,0 +1,21 @@
+export default function Alert({ variant, className, children, ...rest }: {
+    [x: string]: any;
+    variant?: string | undefined;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function AlertTitle({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function AlertDescription({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function AlertAction({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/{alert.js → Alert.js}

@@ -1,5 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
-const a = {
+import "react";
+const l = {
   default: "bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50",
   info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50",
   success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50",
@@ -7,23 +8,23 @@ const a = {
   error: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50",
   destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50"
 };
-function b({ variant: e = "default", className: r = "", children: t, ...l }) {
-  const o = a[e];
+function i({ variant: e = "default", className: r = "", children: t, ...o }) {
+  const a = l[e] || l.default;
   return /* @__PURE__ */ d(
     "div",
     {
       role: "alert",
       className: [
         "rounded-lg border p-4",
-        o,
+        a,
         r
       ].filter(Boolean).join(" "),
-      ...l,
+      ...o,
       children: t
     }
   );
 }
-function i({ className: e = "", children: r, ...t }) {
+function s({ className: e = "", children: r, ...t }) {
   return /* @__PURE__ */ d(
     "h5",
     {
@@ -36,7 +37,7 @@ function i({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function s({ className: e = "", children: r, ...t }) {
+function g({ className: e = "", children: r, ...t }) {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -49,7 +50,7 @@ function s({ className: e = "", children: r, ...t }) {
     }
   );
 }
-function g({ className: e = "", children: r, ...t }) {
+function u({ className: e = "", children: r, ...t }) {
   return /* @__PURE__ */ d(
     "div",
     {
@@ -63,10 +64,10 @@ function g({ className: e = "", children: r, ...t }) {
   );
 }
 export {
-  b as Alert,
-  g as AlertAction,
-  s as AlertDescription,
-  i as AlertTitle,
-  b as default
+  i as Alert,
+  u as AlertAction,
+  g as AlertDescription,
+  s as AlertTitle,
+  i as default
 };
 //# sourceMappingURL=Alert.js.map

package/dist/components/library/ui/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/library/ui/Alert.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n  default: \"bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50\",\n  info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50\",\n  success: \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50\",\n  warning: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50\",\n  error: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\",\n  destructive: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\"\n};\n\nexport default function Alert({ variant = \"default\", className = \"\", children, ...rest }) {\n  const variantClasses = VARIANT_CLASSES[variant] || VARIANT_CLASSES.default;\n\n  return (\n    <div\n      role=\"alert\"\n      className={[\n        \"rounded-lg border p-4\",\n        variantClasses,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function AlertTitle({ className = \"\", children, ...rest }) {\n  return (\n    <h5\n      className={[\n        \"mb-1 font-medium leading-none tracking-tight\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </h5>\n  );\n}\n\nexport function AlertDescription({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"text-sm opacity-90\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function AlertAction({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"mt-3\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { Alert };\n"],"names":["VARIANT_CLASSES","Alert","variant","className","children","rest","variantClasses","jsx","AlertTitle","AlertDescription","AlertAction"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEA,SAAwBC,EAAM,EAAE,SAAAC,IAAU,WAAW,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxF,QAAMC,IAAiBN,EAAgBE,CAAO,KAAKF,EAAgB;AAEnE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAW,EAAE,WAAAL,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AAChE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAiB,EAAE,WAAAN,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACtE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACjE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/Avatar.d.ts

@@ -1,22 +1,10 @@
-import * as React from "react";
-declare const SIZE_MAP: {
-    readonly xs: "h-6 w-6 text-[9px]";
-    readonly sm: "h-8 w-8 text-[10px]";
-    readonly md: "h-9 w-9 text-xs";
-    readonly lg: "h-11 w-11 text-sm";
-};
-declare const TONE_MAP: {
-    readonly slate: "bg-slate-800 text-white";
-    readonly brand: "bg-brand-500 text-white";
-    readonly neutral: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200";
-};
-export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement | HTMLImageElement> {
-    src?: string;
-    name?: string;
-    initials?: string;
-    icon?: React.ReactNode;
-    size?: keyof typeof SIZE_MAP;
-    tone?: keyof typeof TONE_MAP;
-}
-export default function Avatar({ src, name, initials, icon, size, tone, className, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function Avatar({ src, name, initials, icon, size, tone, className, ...rest }: {
+    [x: string]: any;
+    src: any;
+    name: any;
+    initials: any;
+    icon: any;
+    size?: string | undefined;
+    tone?: string | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Avatar.js

@@ -1,56 +1,33 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as u from "react";
-const b = {
+import { jsx as a } from "react/jsx-runtime";
+import m from "react";
+const o = {
   xs: "h-6 w-6 text-[9px]",
   sm: "h-8 w-8 text-[10px]",
   md: "h-9 w-9 text-xs",
   lg: "h-11 w-11 text-sm"
-}, d = {
+}, t = {
   slate: "bg-slate-800 text-white",
   brand: "bg-brand-500 text-white",
   neutral: "bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200"
 };
-function h({
-  src: a,
-  name: t,
-  initials: o,
-  icon: i,
-  size: x = "sm",
-  tone: n = "slate",
-  className: e = "",
-  ...r
-}) {
-  const s = b[x];
-  if (a)
-    return /* @__PURE__ */ l(
+function p({ src: i, name: e, initials: x, icon: n, size: c = "sm", tone: d = "slate", className: s = "", ...r }) {
+  const l = o[c] ?? o.sm;
+  if (i)
+    return /* @__PURE__ */ a(
       "img",
       {
-        src: a,
-        alt: t ?? "",
-        className: `${s} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${e}`,
+        src: i,
+        alt: e ?? "",
+        className: `${l} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${s}`,
         ...r
       }
     );
-  if (u.isValidElement(i))
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        className: `${s} ${d[n]} flex shrink-0 items-center justify-center rounded-full ${e}`,
-        ...r,
-        children: i
-      }
-    );
-  const c = o ?? (t ? t.split(" ").map((f) => f[0]).join("").slice(0, 2).toUpperCase() : "?");
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: `${s} ${d[n]} flex shrink-0 items-center justify-center rounded-full font-bold ${e}`,
-      ...r,
-      children: c
-    }
-  );
+  if (m.isValidElement(n))
+    return /* @__PURE__ */ a("div", { className: `${l} ${t[d] ?? t.slate} flex shrink-0 items-center justify-center rounded-full ${s}`, ...r, children: n });
+  const f = x ?? (e ? e.split(" ").map((u) => u[0]).join("").slice(0, 2).toUpperCase() : "?");
+  return /* @__PURE__ */ a("div", { className: `${l} ${t[d] ?? t.slate} flex shrink-0 items-center justify-center rounded-full font-bold ${s}`, ...r, children: f });
 }
 export {
-  h as default
+  p as default
 };
 //# sourceMappingURL=Avatar.js.map

package/dist/components/library/ui/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/library/ui/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst SIZE_MAP = {\n  xs: \"h-6 w-6 text-[9px]\",\n  sm: \"h-8 w-8 text-[10px]\",\n  md: \"h-9 w-9 text-xs\",\n  lg: \"h-11 w-11 text-sm\",\n} as const;\n\nconst TONE_MAP = {\n  slate:   \"bg-slate-800 text-white\",\n  brand:   \"bg-brand-500 text-white\",\n  neutral: \"bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200\",\n} as const;\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLDivElement | HTMLImageElement> {\n  src?: string;\n  name?: string;\n  initials?: string;\n  icon?: React.ReactNode;\n  size?: keyof typeof SIZE_MAP;\n  tone?: keyof typeof TONE_MAP;\n}\n\nexport default function Avatar({\n  src,\n  name,\n  initials,\n  icon,\n  size = \"sm\",\n  tone = \"slate\",\n  className = \"\",\n  ...rest\n}: AvatarProps) {\n  const sizeClass = SIZE_MAP[size];\n\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name ?? \"\"}\n        className={`${sizeClass} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${className}`}\n        {...(rest as React.ImgHTMLAttributes<HTMLImageElement>)}\n      />\n    );\n  }\n\n  if (React.isValidElement(icon)) {\n    return (\n      <div\n        className={`${sizeClass} ${TONE_MAP[tone]} flex shrink-0 items-center justify-center rounded-full ${className}`}\n        {...(rest as React.HTMLAttributes<HTMLDivElement>)}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  const label = initials ?? (name ? name.split(\" \").map(w => w[0]).join(\"\").slice(0, 2).toUpperCase() : \"?\");\n  return (\n    <div\n      className={`${sizeClass} ${TONE_MAP[tone]} flex shrink-0 items-center justify-center rounded-full font-bold ${className}`}\n      {...(rest as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {label}\n    </div>\n  );\n}\n"],"names":["SIZE_MAP","TONE_MAP","Avatar","src","name","initials","icon","size","tone","className","rest","sizeClass","jsx","React","label","w"],"mappings":";;AAEA,MAAMA,IAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAW;AAAA,EACf,OAAS;AAAA,EACT,OAAS;AAAA,EACT,SAAS;AACX;AAWA,SAAwBC,EAAO;AAAA,EAC7B,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAYX,EAASO,CAAI;AAE/B,MAAIJ;AACF,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,KAAKC,KAAQ;AAAA,QACb,WAAW,GAAGO,CAAS,qFAAqFF,CAAS;AAAA,QACpH,GAAIC;AAAA,MAAA;AAAA,IAAA;AAKX,MAAIG,EAAM,eAAeP,CAAI;AAC3B,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGD,CAAS,IAAIV,EAASO,CAAI,CAAC,2DAA2DC,CAAS;AAAA,QAC5G,GAAIC;AAAA,QAEJ,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAKP,QAAMQ,IAAQT,MAAaD,IAAOA,EAAK,MAAM,GAAG,EAAE,IAAI,CAAAW,MAAKA,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,IAAgB;AACtG,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGD,CAAS,IAAIV,EAASO,CAAI,CAAC,qEAAqEC,CAAS;AAAA,MACtH,GAAIC;AAAA,MAEJ,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/library/ui/Avatar.jsx"],"sourcesContent":["import React from \"react\";\n\nconst SIZE_MAP = {\n  xs: \"h-6 w-6 text-[9px]\",\n  sm: \"h-8 w-8 text-[10px]\",\n  md: \"h-9 w-9 text-xs\",\n  lg: \"h-11 w-11 text-sm\",\n};\n\nconst TONE_MAP = {\n  slate:   \"bg-slate-800 text-white\",\n  brand:   \"bg-brand-500 text-white\",\n  neutral: \"bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200\",\n};\n\nexport default function Avatar({ src, name, initials, icon, size = \"sm\", tone = \"slate\", className = \"\", ...rest }) {\n  const sizeClass = SIZE_MAP[size] ?? SIZE_MAP.sm;\n\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name ?? \"\"}\n        className={`${sizeClass} shrink-0 rounded-full border border-slate-200 object-cover dark:border-slate-800 ${className}`}\n        {...rest}\n      />\n    );\n  }\n\n  if (React.isValidElement(icon)) {\n    return (\n      <div className={`${sizeClass} ${TONE_MAP[tone] ?? TONE_MAP.slate} flex shrink-0 items-center justify-center rounded-full ${className}`} {...rest}>\n        {icon}\n      </div>\n    );\n  }\n\n  const label = initials ?? (name ? name.split(\" \").map(w => w[0]).join(\"\").slice(0, 2).toUpperCase() : \"?\");\n  return (\n    <div className={`${sizeClass} ${TONE_MAP[tone] ?? TONE_MAP.slate} flex shrink-0 items-center justify-center rounded-full font-bold ${className}`} {...rest}>\n      {label}\n    </div>\n  );\n}\n"],"names":["SIZE_MAP","TONE_MAP","Avatar","src","name","initials","icon","size","tone","className","rest","sizeClass","jsx","React","label","w"],"mappings":";;AAEA,MAAMA,IAAW;AAAA,EACf,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAW;AAAA,EACf,OAAS;AAAA,EACT,OAAS;AAAA,EACT,SAAS;AACX;AAEA,SAAwBC,EAAO,EAAE,KAAAC,GAAK,MAAAC,GAAM,UAAAC,GAAU,MAAAC,GAAM,MAAAC,IAAO,MAAM,MAAAC,IAAO,SAAS,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAClH,QAAMC,IAAYX,EAASO,CAAI,KAAKP,EAAS;AAE7C,MAAIG;AACF,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,KAAKC,KAAQ;AAAA,QACb,WAAW,GAAGO,CAAS,qFAAqFF,CAAS;AAAA,QACpH,GAAGC;AAAA,MAAA;AAAA,IAAA;AAKV,MAAIG,EAAM,eAAeP,CAAI;AAC3B,6BACG,OAAA,EAAI,WAAW,GAAGK,CAAS,IAAIV,EAASO,CAAI,KAAKP,EAAS,KAAK,2DAA2DQ,CAAS,IAAK,GAAGC,GACzI,UAAAJ,GACH;AAIJ,QAAMQ,IAAQT,MAAaD,IAAOA,EAAK,MAAM,GAAG,EAAE,IAAI,CAAAW,MAAKA,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,IAAgB;AACtG,2BACG,OAAA,EAAI,WAAW,GAAGJ,CAAS,IAAIV,EAASO,CAAI,KAAKP,EAAS,KAAK,qEAAqEQ,CAAS,IAAK,GAAGC,GACnJ,UAAAI,GACH;AAEJ;"}

package/dist/components/library/ui/BreadcrumbExtras.d.ts

@@ -1,8 +1,9 @@
 import * as React from "react";
+import { Link } from "react-router-dom";
 declare function Breadcrumb({ className, children, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbList({ className, children, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbItem({ className, children, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbLink({ className, href, children, ...props }: React.ComponentProps<"a">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ className, href, children, ...props }: React.ComponentProps<typeof Link>): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbPage({ className, children, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/Button.d.ts

@@ -1,10 +1,11 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
+export default function UIButton({ variant, size, fullWidth, disabled, onClick, children, style, className, ...rest }: {
+    [x: string]: any;
+    variant?: string | undefined;
+    size?: string | undefined;
+    fullWidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+    children: any;
+    style?: undefined;
+    className?: string | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants };

package/dist/components/library/ui/{UIButton.js → Button.js}

@@ -1,47 +1,52 @@
-import { jsx as d } from "react/jsx-runtime";
-const i = {
-  primary: "bg-blue-600 text-white hover:bg-blue-500 dark:bg-blue-500 dark:hover:bg-blue-400 border-transparent",
+import { jsx as h } from "react/jsx-runtime";
+import "react";
+const e = {
+  primary: "bg-brand-600 text-white hover:bg-brand-500 dark:bg-brand-500 dark:hover:bg-brand-400 border-transparent",
   secondary: "bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 border-transparent",
   destructive: "bg-red-600 text-white hover:bg-red-500 dark:bg-red-500 dark:hover:bg-red-400 border-transparent",
   outline: "bg-transparent text-slate-900 hover:bg-slate-50 dark:text-slate-50 dark:hover:bg-slate-900 border-slate-200 dark:border-slate-800",
-  ghost: "bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent",
-  link: "text-blue-600 underline-offset-4 hover:underline dark:text-blue-400 border-transparent"
-}, u = {
+  ghost: "bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent"
+}, t = {
   sm: "h-8 px-3 text-sm",
   md: "h-10 px-4 text-sm",
   lg: "h-12 px-5 text-base",
   icon: "h-10 w-10 p-0"
 };
-function f({
-  variant: e = "primary",
-  size: t = "md",
-  fullWidth: r = !1,
-  disabled: a = !1,
-  className: s = "",
-  children: o,
-  ...n
+function c({
+  variant: r = "primary",
+  size: a = "md",
+  fullWidth: s = !1,
+  disabled: o = !1,
+  onClick: n = () => {
+  },
+  children: d,
+  style: i = void 0,
+  className: l = "",
+  ...b
 }) {
-  const l = i[e], b = u[t];
-  return /* @__PURE__ */ d(
+  const g = e[r] ?? e.primary, f = t[a] ?? t.md;
+  return /* @__PURE__ */ h(
     "button",
     {
       type: "button",
-      disabled: a,
+      onClick: n,
+      disabled: o,
+      style: i,
       className: [
         "inline-flex items-center justify-center gap-2 rounded-lg border font-medium shadow-sm transition",
-        "focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950",
         "disabled:cursor-not-allowed disabled:opacity-60",
-        l,
-        b,
-        r ? "w-full" : "",
-        s
+        g,
+        f,
+        s ? "w-full" : "",
+        l
       ].filter(Boolean).join(" "),
-      ...n,
-      children: o
+      ...b,
+      children: d
     }
   );
 }
 export {
-  f as default
+  c as default
 };
-//# sourceMappingURL=UIButton.js.map
+//# sourceMappingURL=Button.js.map

package/dist/components/library/ui/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/library/ui/Button.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n  primary:\n    \"bg-brand-600 text-white hover:bg-brand-500 dark:bg-brand-500 dark:hover:bg-brand-400 border-transparent\",\n  secondary:\n    \"bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-200 border-transparent\",\n  destructive:\n    \"bg-red-600 text-white hover:bg-red-500 dark:bg-red-500 dark:hover:bg-red-400 border-transparent\",\n  outline:\n    \"bg-transparent text-slate-900 hover:bg-slate-50 dark:text-slate-50 dark:hover:bg-slate-900 border-slate-200 dark:border-slate-800\",\n  ghost:\n    \"bg-transparent text-slate-900 hover:bg-slate-100 dark:text-slate-50 dark:hover:bg-slate-900 border-transparent\"\n};\n\nconst SIZE_CLASSES = {\n  sm: \"h-8 px-3 text-sm\",\n  md: \"h-10 px-4 text-sm\",\n  lg: \"h-12 px-5 text-base\",\n  icon: \"h-10 w-10 p-0\"\n};\n\nexport default function UIButton({\n  variant = \"primary\",\n  size = \"md\",\n  fullWidth = false,\n  disabled = false,\n  onClick = () => {},\n  children,\n  style = undefined,\n  className = \"\",\n  ...rest\n}) {\n  const variantClass = VARIANT_CLASSES[variant] ?? VARIANT_CLASSES.primary;\n  const sizeClass = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      style={style}\n      className={[\n        \"inline-flex items-center justify-center gap-2 rounded-lg border font-medium shadow-sm transition\",\n        \"focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950\",\n        \"disabled:cursor-not-allowed disabled:opacity-60\",\n        variantClass,\n        sizeClass,\n        fullWidth ? \"w-full\" : \"\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\n\n"],"names":["VARIANT_CLASSES","SIZE_CLASSES","UIButton","variant","size","fullWidth","disabled","onClick","children","style","className","rest","variantClass","sizeClass","jsx"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SACE;AAAA,EACF,WACE;AAAA,EACF,aACE;AAAA,EACF,SACE;AAAA,EACF,OACE;AACJ,GAEMC,IAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,SAAwBC,EAAS;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAG;AACD,QAAMC,IAAeZ,EAAgBG,CAAO,KAAKH,EAAgB,SAC3Da,IAAYZ,EAAaG,CAAI,KAAKH,EAAa;AAErD,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAAP;AAAA,MACA,UAAAD;AAAA,MACA,OAAAG;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAG;AAAA,QACAC;AAAA,QACAR,IAAY,WAAW;AAAA,QACvBK;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/Card.d.ts

@@ -1,23 +1,37 @@
-import * as React from "react";
-export interface UICardProps extends React.HTMLAttributes<HTMLDivElement> {
-    padding?: string;
-}
-export default function UICard({ children, padding, className, ...rest }: UICardProps): import("react/jsx-runtime").JSX.Element;
-export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export declare function Card({ className, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
-export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export declare function CardHeader({ className, children, ...rest }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
-export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-}
-export declare function CardTitle({ className, children, ...rest }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
-export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-export declare function CardDescription({ className, children, ...rest }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
-export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export declare function CardContent({ className, children, ...rest }: CardContentProps): import("react/jsx-runtime").JSX.Element;
-export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-export declare function CardFooter({ className, children, ...rest }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+export default function UICard({ children, padding, style, className, ...rest }: {
+    [x: string]: any;
+    children: any;
+    padding?: string | undefined;
+    style: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export function Card({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardHeader({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardTitle({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardDescription({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardContent({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardFooter({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;