@stachelock/ui 0.2.13 → 0.3.0

package/dist/composables/useTheme.js

@@ -0,0 +1,119 @@
+import { ref as u, computed as k } from "vue";
+function b(o) {
+  const e = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);
+  return e ? {
+    r: parseInt(e[1], 16),
+    g: parseInt(e[2], 16),
+    b: parseInt(e[3], 16)
+  } : null;
+}
+function P(o) {
+  const e = b(o);
+  if (!e) return {};
+  const l = {
+    50: { factor: 0.95, saturation: 0.2 },
+    100: { factor: 0.9, saturation: 0.3 },
+    200: { factor: 0.8, saturation: 0.4 },
+    300: { factor: 0.65, saturation: 0.6 },
+    400: { factor: 0.45, saturation: 0.8 },
+    500: { factor: 0.3, saturation: 1 },
+    // Base color adjusted
+    600: { factor: 0, saturation: 1 },
+    // Base color (600 as primary)
+    700: { factor: -0.2, saturation: 1 },
+    800: { factor: -0.4, saturation: 1 },
+    900: { factor: -0.6, saturation: 1 }
+  }, d = {};
+  for (const [m, { factor: t }] of Object.entries(l)) {
+    let a, r, n;
+    t > 0 ? (a = Math.round(e.r + (255 - e.r) * t), r = Math.round(e.g + (255 - e.g) * t), n = Math.round(e.b + (255 - e.b) * t)) : t < 0 ? (a = Math.round(e.r * (1 + t)), r = Math.round(e.g * (1 + t)), n = Math.round(e.b * (1 + t))) : (a = e.r, r = e.g, n = e.b), a = Math.min(255, Math.max(0, a)), r = Math.min(255, Math.max(0, r)), n = Math.min(255, Math.max(0, n)), d[m] = `${a} ${r} ${n}`;
+  }
+  return d;
+}
+const w = {
+  50: "237 239 249",
+  100: "219 223 242",
+  200: "184 191 230",
+  300: "148 158 217",
+  400: "113 126 205",
+  500: "77 94 192",
+  600: "62 75 154",
+  700: "46 56 115",
+  800: "31 38 77",
+  900: "15 19 38"
+}, i = u("#3e4b9a"), f = u(!1), c = u("system"), s = u(!1);
+function g() {
+  if (typeof window > "u") return;
+  const o = localStorage.getItem("sl-color-mode");
+  o && ["light", "dark", "system"].includes(o) && (c.value = o), M(), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+    c.value === "system" && (s.value = e.matches, v(s.value));
+  });
+}
+function M() {
+  c.value === "system" ? s.value = window.matchMedia("(prefers-color-scheme: dark)").matches : s.value = c.value === "dark", v(s.value);
+}
+function v(o) {
+  typeof document > "u" || (o ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
+}
+function p(o) {
+  c.value = o, localStorage.setItem("sl-color-mode", o), M();
+}
+function T() {
+  const o = s.value ? "light" : "dark";
+  p(o);
+}
+function I() {
+  const o = ["light", "dark", "system"], l = (o.indexOf(c.value) + 1) % o.length;
+  p(o[l]);
+}
+const $ = [
+  { name: "Stachelock Blue", color: "#3e4b9a", description: "Default brand color" },
+  { name: "Forest Green", color: "#2d5a3d", description: "Natural and calm" },
+  { name: "Sunset Orange", color: "#d4622a", description: "Warm and energetic" },
+  { name: "Royal Purple", color: "#6b4c9a", description: "Elegant and creative" },
+  { name: "Ocean Teal", color: "#1a7f8e", description: "Fresh and modern" },
+  { name: "Berry Red", color: "#9b2c4d", description: "Bold and passionate" },
+  { name: "Slate Gray", color: "#4a5568", description: "Professional and neutral" },
+  { name: "Golden Brown", color: "#8b6914", description: "Warm and trustworthy" }
+];
+function x() {
+  const o = (t) => {
+    const a = P(t), r = document.documentElement;
+    for (const [y, h] of Object.entries(a))
+      r.style.setProperty(`--sl-color-primary-${y}-rgb`, h), r.style.setProperty(`--sl-color-stachelock-${y}-rgb`, h);
+    b(t) && (r.style.setProperty("--sl-color-primary-600", t), r.style.setProperty("--sl-color-stachelock-600", t), r.style.setProperty("--sl-ring-color", t)), i.value = t;
+  }, e = () => {
+    const t = document.documentElement;
+    for (const [a, r] of Object.entries(w))
+      t.style.setProperty(`--sl-color-primary-${a}-rgb`, r), t.style.setProperty(`--sl-color-stachelock-${a}-rgb`, r);
+    t.style.setProperty("--sl-color-primary-600", "#3e4b9a"), t.style.setProperty("--sl-color-stachelock-600", "#3e4b9a"), t.style.setProperty("--sl-ring-color", "#3e4b9a"), i.value = "#3e4b9a";
+  }, l = k(() => i.value), d = () => {
+    f.value = !0;
+  }, m = () => {
+    f.value = !1;
+  };
+  return typeof window < "u" && g(), {
+    // Color theming
+    currentPrimaryColor: i,
+    isThemeModalOpen: f,
+    applyTheme: o,
+    resetTheme: e,
+    getCurrentColor: l,
+    openThemeModal: d,
+    closeThemeModal: m,
+    presetThemes: $,
+    // Dark mode
+    colorMode: c,
+    isDark: s,
+    setColorMode: p,
+    toggleDarkMode: T,
+    cycleColorMode: I,
+    initializeDarkMode: g
+  };
+}
+export {
+  x as default,
+  $ as presetThemes,
+  x as useTheme
+};
+//# sourceMappingURL=useTheme.js.map

package/dist/composables/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":["../../src/composables/useTheme.ts"],"sourcesContent":["/**\n * useTheme - Composable for dynamic theme management\n * \n * Provides reactive theme state and methods to dynamically update\n * CSS variables for the entire component library's color scheme.\n * Also handles dark/light mode toggling.\n * \n * @module composables/useTheme\n */\nimport { ref, computed } from 'vue';\n\nexport interface ThemeColors {\n  primary: string;\n  primaryLight?: string;\n  primaryDark?: string;\n}\n\nexport type ColorMode = 'light' | 'dark' | 'system';\n\ninterface RGBColor {\n  r: number;\n  g: number;\n  b: number;\n}\n\n// Convert hex to RGB\nfunction hexToRgb(hex: string): RGBColor | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n}\n\n// Generate color palette from a base color\nfunction generateColorPalette(baseHex: string): Record<string, string> {\n  const rgb = hexToRgb(baseHex);\n  if (!rgb) return {};\n\n  // Generate shades from light (50) to dark (900)\n  const shades: Record<number, { factor: number; saturation: number }> = {\n    50: { factor: 0.95, saturation: 0.2 },\n    100: { factor: 0.9, saturation: 0.3 },\n    200: { factor: 0.8, saturation: 0.4 },\n    300: { factor: 0.65, saturation: 0.6 },\n    400: { factor: 0.45, saturation: 0.8 },\n    500: { factor: 0.3, saturation: 1 }, // Base color adjusted\n    600: { factor: 0, saturation: 1 }, // Base color (600 as primary)\n    700: { factor: -0.2, saturation: 1 },\n    800: { factor: -0.4, saturation: 1 },\n    900: { factor: -0.6, saturation: 1 },\n  };\n\n  const palette: Record<string, string> = {};\n\n  for (const [shade, { factor }] of Object.entries(shades)) {\n    let r: number, g: number, b: number;\n\n    if (factor > 0) {\n      // Lighten\n      r = Math.round(rgb.r + (255 - rgb.r) * factor);\n      g = Math.round(rgb.g + (255 - rgb.g) * factor);\n      b = Math.round(rgb.b + (255 - rgb.b) * factor);\n    } else if (factor < 0) {\n      // Darken\n      r = Math.round(rgb.r * (1 + factor));\n      g = Math.round(rgb.g * (1 + factor));\n      b = Math.round(rgb.b * (1 + factor));\n    } else {\n      // Base color\n      r = rgb.r;\n      g = rgb.g;\n      b = rgb.b;\n    }\n\n    // Clamp values\n    r = Math.min(255, Math.max(0, r));\n    g = Math.min(255, Math.max(0, g));\n    b = Math.min(255, Math.max(0, b));\n\n    palette[shade] = `${r} ${g} ${b}`;\n  }\n\n  return palette;\n}\n\n// Default stachelock colors (blue-purple)\nconst defaultColors = {\n  50: '237 239 249',\n  100: '219 223 242',\n  200: '184 191 230',\n  300: '148 158 217',\n  400: '113 126 205',\n  500: '77 94 192',\n  600: '62 75 154',\n  700: '46 56 115',\n  800: '31 38 77',\n  900: '15 19 38',\n};\n\n// State\nconst currentPrimaryColor = ref('#3e4b9a'); // Default stachelock blue\nconst isThemeModalOpen = ref(false);\n\n// Dark mode state - persisted to localStorage\nconst colorMode = ref<ColorMode>('system');\nconst isDark = ref(false);\n\n// Initialize dark mode from localStorage\nfunction initializeDarkMode(): void {\n  if (typeof window === 'undefined') return;\n  \n  const stored = localStorage.getItem('sl-color-mode') as ColorMode | null;\n  if (stored && ['light', 'dark', 'system'].includes(stored)) {\n    colorMode.value = stored;\n  }\n  \n  updateDarkMode();\n  \n  // Listen for system preference changes\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {\n    if (colorMode.value === 'system') {\n      isDark.value = e.matches;\n      applyDarkMode(isDark.value);\n    }\n  });\n}\n\n// Update dark mode based on current setting\nfunction updateDarkMode(): void {\n  if (colorMode.value === 'system') {\n    isDark.value = window.matchMedia('(prefers-color-scheme: dark)').matches;\n  } else {\n    isDark.value = colorMode.value === 'dark';\n  }\n  applyDarkMode(isDark.value);\n}\n\n// Apply dark mode to document\nfunction applyDarkMode(dark: boolean): void {\n  if (typeof document === 'undefined') return;\n  \n  if (dark) {\n    document.documentElement.classList.add('dark');\n  } else {\n    document.documentElement.classList.remove('dark');\n  }\n}\n\n// Set color mode\nfunction setColorMode(mode: ColorMode): void {\n  colorMode.value = mode;\n  localStorage.setItem('sl-color-mode', mode);\n  updateDarkMode();\n}\n\n// Toggle between light and dark (skips system)\nfunction toggleDarkMode(): void {\n  const newMode = isDark.value ? 'light' : 'dark';\n  setColorMode(newMode);\n}\n\n// Cycle through all modes: light -> dark -> system\nfunction cycleColorMode(): void {\n  const modes: ColorMode[] = ['light', 'dark', 'system'];\n  const currentIndex = modes.indexOf(colorMode.value);\n  const nextIndex = (currentIndex + 1) % modes.length;\n  setColorMode(modes[nextIndex]);\n}\n\n// Preset themes\nexport const presetThemes = [\n  { name: 'Stachelock Blue', color: '#3e4b9a', description: 'Default brand color' },\n  { name: 'Forest Green', color: '#2d5a3d', description: 'Natural and calm' },\n  { name: 'Sunset Orange', color: '#d4622a', description: 'Warm and energetic' },\n  { name: 'Royal Purple', color: '#6b4c9a', description: 'Elegant and creative' },\n  { name: 'Ocean Teal', color: '#1a7f8e', description: 'Fresh and modern' },\n  { name: 'Berry Red', color: '#9b2c4d', description: 'Bold and passionate' },\n  { name: 'Slate Gray', color: '#4a5568', description: 'Professional and neutral' },\n  { name: 'Golden Brown', color: '#8b6914', description: 'Warm and trustworthy' },\n];\n\nexport function useTheme() {\n  /**\n   * Apply a primary color to all CSS variables\n   */\n  const applyTheme = (hexColor: string): void => {\n    const palette = generateColorPalette(hexColor);\n    const root = document.documentElement;\n\n    // Apply primary color variables\n    for (const [shade, rgbValue] of Object.entries(palette)) {\n      root.style.setProperty(`--sl-color-primary-${shade}-rgb`, rgbValue);\n      root.style.setProperty(`--sl-color-stachelock-${shade}-rgb`, rgbValue);\n    }\n\n    // Also set the hex values for components that need them\n    const rgb = hexToRgb(hexColor);\n    if (rgb) {\n      root.style.setProperty('--sl-color-primary-600', hexColor);\n      root.style.setProperty('--sl-color-stachelock-600', hexColor);\n      \n      // Set ring color\n      root.style.setProperty('--sl-ring-color', hexColor);\n    }\n\n    currentPrimaryColor.value = hexColor;\n  };\n\n  /**\n   * Reset to default stachelock theme\n   */\n  const resetTheme = (): void => {\n    const root = document.documentElement;\n\n    // Reset to default colors\n    for (const [shade, rgbValue] of Object.entries(defaultColors)) {\n      root.style.setProperty(`--sl-color-primary-${shade}-rgb`, rgbValue);\n      root.style.setProperty(`--sl-color-stachelock-${shade}-rgb`, rgbValue);\n    }\n\n    root.style.setProperty('--sl-color-primary-600', '#3e4b9a');\n    root.style.setProperty('--sl-color-stachelock-600', '#3e4b9a');\n    root.style.setProperty('--sl-ring-color', '#3e4b9a');\n\n    currentPrimaryColor.value = '#3e4b9a';\n  };\n\n  /**\n   * Get current theme color\n   */\n  const getCurrentColor = computed(() => currentPrimaryColor.value);\n\n  /**\n   * Open/close theme modal\n   */\n  const openThemeModal = () => {\n    isThemeModalOpen.value = true;\n  };\n\n  const closeThemeModal = () => {\n    isThemeModalOpen.value = false;\n  };\n\n  // Initialize dark mode on first use\n  if (typeof window !== 'undefined') {\n    initializeDarkMode();\n  }\n\n  return {\n    // Color theming\n    currentPrimaryColor,\n    isThemeModalOpen,\n    applyTheme,\n    resetTheme,\n    getCurrentColor,\n    openThemeModal,\n    closeThemeModal,\n    presetThemes,\n    // Dark mode\n    colorMode,\n    isDark,\n    setColorMode,\n    toggleDarkMode,\n    cycleColorMode,\n    initializeDarkMode,\n  };\n}\n\nexport default useTheme;\n\n"],"names":["hexToRgb","hex","result","generateColorPalette","baseHex","rgb","shades","palette","shade","factor","r","g","b","defaultColors","currentPrimaryColor","ref","isThemeModalOpen","colorMode","isDark","initializeDarkMode","stored","updateDarkMode","applyDarkMode","dark","setColorMode","mode","toggleDarkMode","newMode","cycleColorMode","modes","nextIndex","presetThemes","useTheme","applyTheme","hexColor","root","rgbValue","resetTheme","getCurrentColor","computed","openThemeModal","closeThemeModal"],"mappings":"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"}

package/dist/{description-CBd3BJ9O.js → description-C7cRw0tq.js}

@@ -1,5 +1,5 @@
 import { ref as l, computed as g, provide as h, defineComponent as j, onMounted as b, onUnmounted as D, unref as O, inject as w } from "vue";
-import { i as x, A as y } from "./keyboard-DJD8TwH4.js";
+import { i as x, A as y } from "./render-QUUPyNjX.js";
 let u = Symbol("DescriptionContext");
 function S() {
   let t = w(u, null);
@@ -27,4 +27,4 @@ j({ name: "Description", props: { as: { type: [Object, String], default: "p" },
 export {
   P as k
 };
-//# sourceMappingURL=description-CBd3BJ9O.js.map
+//# sourceMappingURL=description-C7cRw0tq.js.map

package/dist/{description-CBd3BJ9O.js.map → description-C7cRw0tq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"description-CBd3BJ9O.js","sources":["../node_modules/@headlessui/vue/dist/components/description/description.js"],"sourcesContent":["import{computed as x,defineComponent as y,inject as R,onMounted as v,onUnmounted as D,provide as j,ref as p,unref as C}from\"vue\";import{useId as h}from'../../hooks/use-id.js';import{render as b}from'../../utils/render.js';let u=Symbol(\"DescriptionContext\");function w(){let t=R(u,null);if(t===null)throw new Error(\"Missing parent\");return t}function k({slot:t=p({}),name:o=\"Description\",props:s={}}={}){let e=p([]);function r(n){return e.value.push(n),()=>{let i=e.value.indexOf(n);i!==-1&&e.value.splice(i,1)}}return j(u,{register:r,slot:t,name:o,props:s}),x(()=>e.value.length>0?e.value.join(\" \"):void 0)}let K=y({name:\"Description\",props:{as:{type:[Object,String],default:\"p\"},id:{type:String,default:null}},setup(t,{attrs:o,slots:s}){var n;let e=(n=t.id)!=null?n:`headlessui-description-${h()}`,r=w();return v(()=>D(r.register(e))),()=>{let{name:i=\"Description\",slot:l=p({}),props:d={}}=r,{...c}=t,f={...Object.entries(d).reduce((a,[g,m])=>Object.assign(a,{[g]:C(m)}),{}),id:e};return b({ourProps:f,theirProps:c,slot:l.value,attrs:o,slots:s,name:i})}}});export{K as Description,k as useDescriptions};\n"],"names":["w","R","k","p","o","r","n","i","j","x","y","e","h","v","D","l","d","f","a","g","m","C","b"],"mappings":";;AAA8N,IAAI,IAAE,OAAO,oBAAoB;AAAE,SAASA,IAAG;AAAC,MAAI,IAAEC,EAAE,GAAE,IAAI;AAAE,MAAG,MAAI,KAAK,OAAM,IAAI,MAAM,gBAAgB;AAAE,SAAO;AAAC;AAAC,SAASC,EAAE,EAAC,MAAK,IAAEC,EAAE,EAAE,GAAE,MAAKC,IAAE,eAAc,OAAM,IAAE,CAAA,EAAE,IAAE,CAAA,GAAG;AAAC,MAAI,IAAED,EAAE,EAAE;AAAE,WAASE,EAAEC,GAAE;AAAC,WAAO,EAAE,MAAM,KAAKA,CAAC,GAAE,MAAI;AAAC,UAAIC,IAAE,EAAE,MAAM,QAAQD,CAAC;AAAE,MAAAC,MAAI,MAAI,EAAE,MAAM,OAAOA,GAAE,CAAC;AAAA,IAAC;AAAA,EAAC;AAAC,SAAOC,EAAE,GAAE,EAAC,UAASH,GAAE,MAAK,GAAE,MAAKD,GAAE,OAAM,EAAC,CAAC,GAAEK,EAAE,MAAI,EAAE,MAAM,SAAO,IAAE,EAAE,MAAM,KAAK,GAAG,IAAE,MAAM;AAAC;AAAOC,EAAE,EAAC,MAAK,eAAc,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,IAAG,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,EAAC,GAAE,MAAM,GAAE,EAAC,OAAMN,GAAE,OAAM,EAAC,GAAE;AAAC,MAAIE;AAAE,MAAIK,KAAGL,IAAE,EAAE,OAAK,OAAKA,IAAE,0BAA0BM,GAAG,IAAG,IAAEZ,EAAC;AAAG,SAAOa,EAAE,MAAIC,EAAE,EAAE,SAASH,CAAC,CAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,MAAKJ,IAAE,eAAc,MAAKQ,IAAEZ,EAAE,CAAA,CAAE,GAAE,OAAMa,IAAE,CAAA,EAAE,IAAE,GAAE,EAAC,GAAG,EAAC,IAAE,GAAEC,IAAE,EAAC,GAAG,OAAO,QAAQD,CAAC,EAAE,OAAO,CAACE,GAAE,CAACC,GAAEC,CAAC,MAAI,OAAO,OAAOF,GAAE,EAAC,CAACC,CAAC,GAAEE,EAAED,CAAC,EAAC,CAAC,GAAE,CAAA,CAAE,GAAE,IAAGT,EAAC;AAAE,WAAOW,EAAE,EAAC,UAASL,GAAE,YAAW,GAAE,MAAKF,EAAE,OAAM,OAAMX,GAAE,OAAM,GAAE,MAAKG,EAAC,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"description-C7cRw0tq.js","sources":["../node_modules/@headlessui/vue/dist/components/description/description.js"],"sourcesContent":["import{computed as x,defineComponent as y,inject as R,onMounted as v,onUnmounted as D,provide as j,ref as p,unref as C}from\"vue\";import{useId as h}from'../../hooks/use-id.js';import{render as b}from'../../utils/render.js';let u=Symbol(\"DescriptionContext\");function w(){let t=R(u,null);if(t===null)throw new Error(\"Missing parent\");return t}function k({slot:t=p({}),name:o=\"Description\",props:s={}}={}){let e=p([]);function r(n){return e.value.push(n),()=>{let i=e.value.indexOf(n);i!==-1&&e.value.splice(i,1)}}return j(u,{register:r,slot:t,name:o,props:s}),x(()=>e.value.length>0?e.value.join(\" \"):void 0)}let K=y({name:\"Description\",props:{as:{type:[Object,String],default:\"p\"},id:{type:String,default:null}},setup(t,{attrs:o,slots:s}){var n;let e=(n=t.id)!=null?n:`headlessui-description-${h()}`,r=w();return v(()=>D(r.register(e))),()=>{let{name:i=\"Description\",slot:l=p({}),props:d={}}=r,{...c}=t,f={...Object.entries(d).reduce((a,[g,m])=>Object.assign(a,{[g]:C(m)}),{}),id:e};return b({ourProps:f,theirProps:c,slot:l.value,attrs:o,slots:s,name:i})}}});export{K as Description,k as useDescriptions};\n"],"names":["w","R","k","p","o","r","n","i","j","x","y","e","h","v","D","l","d","f","a","g","m","C","b"],"mappings":";;AAA8N,IAAI,IAAE,OAAO,oBAAoB;AAAE,SAASA,IAAG;AAAC,MAAI,IAAEC,EAAE,GAAE,IAAI;AAAE,MAAG,MAAI,KAAK,OAAM,IAAI,MAAM,gBAAgB;AAAE,SAAO;AAAC;AAAC,SAASC,EAAE,EAAC,MAAK,IAAEC,EAAE,EAAE,GAAE,MAAKC,IAAE,eAAc,OAAM,IAAE,CAAA,EAAE,IAAE,CAAA,GAAG;AAAC,MAAI,IAAED,EAAE,EAAE;AAAE,WAASE,EAAEC,GAAE;AAAC,WAAO,EAAE,MAAM,KAAKA,CAAC,GAAE,MAAI;AAAC,UAAIC,IAAE,EAAE,MAAM,QAAQD,CAAC;AAAE,MAAAC,MAAI,MAAI,EAAE,MAAM,OAAOA,GAAE,CAAC;AAAA,IAAC;AAAA,EAAC;AAAC,SAAOC,EAAE,GAAE,EAAC,UAASH,GAAE,MAAK,GAAE,MAAKD,GAAE,OAAM,EAAC,CAAC,GAAEK,EAAE,MAAI,EAAE,MAAM,SAAO,IAAE,EAAE,MAAM,KAAK,GAAG,IAAE,MAAM;AAAC;AAAOC,EAAE,EAAC,MAAK,eAAc,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,IAAG,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,EAAC,GAAE,MAAM,GAAE,EAAC,OAAMN,GAAE,OAAM,EAAC,GAAE;AAAC,MAAIE;AAAE,MAAIK,KAAGL,IAAE,EAAE,OAAK,OAAKA,IAAE,0BAA0BM,GAAG,IAAG,IAAEZ,EAAC;AAAG,SAAOa,EAAE,MAAIC,EAAE,EAAE,SAASH,CAAC,CAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,MAAKJ,IAAE,eAAc,MAAKQ,IAAEZ,EAAE,CAAA,CAAE,GAAE,OAAMa,IAAE,CAAA,EAAE,IAAE,GAAE,EAAC,GAAG,EAAC,IAAE,GAAEC,IAAE,EAAC,GAAG,OAAO,QAAQD,CAAC,EAAE,OAAO,CAACE,GAAE,CAACC,GAAEC,CAAC,MAAI,OAAO,OAAOF,GAAE,EAAC,CAACC,CAAC,GAAEE,EAAED,CAAC,EAAC,CAAC,GAAE,CAAA,CAAE,GAAE,IAAGT,EAAC;AAAE,WAAOW,EAAE,EAAC,UAASL,GAAE,YAAW,GAAE,MAAKF,EAAE,OAAM,OAAMX,GAAE,OAAM,GAAE,MAAKG,EAAC,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;","x_google_ignoreList":[0]}