@hyperpackai/hyperui 0.1.0

package/dist/tokens/primitives.js

@@ -0,0 +1,356 @@
+/**
+ * Primitive Design Tokens
+ *
+ * Raw, scale-based values with no semantic meaning.
+ * These are the atoms everything else is built from.
+ * Never reference these directly in components — use semantic tokens instead.
+ */
+// ---------------------------------------------------------------------------
+// Color Scales (50 → 950, WCAG-AA compliant contrast ratios)
+// ---------------------------------------------------------------------------
+export const colors = {
+    // ── Neutral / Gray ──────────────────────────────────────────────────────
+    gray: {
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        600: "#475569",
+        700: "#334155",
+        800: "#1e293b",
+        900: "#0f172a",
+        950: "#020617"
+    },
+    // ── Neutral Dark (for dark mode surfaces) ───────────────────────────────
+    zinc: {
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#e4e4e7",
+        300: "#d4d4d8",
+        400: "#a1a1aa",
+        500: "#71717a",
+        600: "#52525b",
+        700: "#3f3f46",
+        800: "#27272a",
+        900: "#18181b",
+        950: "#09090b"
+    },
+    // ── Indigo / Primary ────────────────────────────────────────────────────
+    indigo: {
+        50: "#eef2ff",
+        100: "#e0e7ff",
+        200: "#c7d2fe",
+        300: "#a5b4fc",
+        400: "#818cf8",
+        500: "#6366f1",
+        600: "#4f46e5",
+        700: "#4338ca",
+        800: "#3730a3",
+        900: "#312e81",
+        950: "#1e1b4b"
+    },
+    // ── Violet (accent) ─────────────────────────────────────────────────────
+    violet: {
+        50: "#f5f3ff",
+        100: "#ede9fe",
+        200: "#ddd6fe",
+        300: "#c4b5fd",
+        400: "#a78bfa",
+        500: "#8b5cf6",
+        600: "#7c3aed",
+        700: "#6d28d9",
+        800: "#5b21b6",
+        900: "#4c1d95",
+        950: "#2e1065"
+    },
+    // ── Emerald / Success ────────────────────────────────────────────────────
+    emerald: {
+        50: "#ecfdf5",
+        100: "#d1fae5",
+        200: "#a7f3d0",
+        300: "#6ee7b7",
+        400: "#34d399",
+        500: "#10b981",
+        600: "#059669",
+        700: "#047857",
+        800: "#065f46",
+        900: "#064e3b",
+        950: "#022c22"
+    },
+    // ── Amber / Warning ─────────────────────────────────────────────────────
+    amber: {
+        50: "#fffbeb",
+        100: "#fef3c7",
+        200: "#fde68a",
+        300: "#fcd34d",
+        400: "#fbbf24",
+        500: "#f59e0b",
+        600: "#d97706",
+        700: "#b45309",
+        800: "#92400e",
+        900: "#78350f",
+        950: "#451a03"
+    },
+    // ── Rose / Error ─────────────────────────────────────────────────────────
+    rose: {
+        50: "#fff1f2",
+        100: "#ffe4e6",
+        200: "#fecdd3",
+        300: "#fda4af",
+        400: "#fb7185",
+        500: "#f43f5e",
+        600: "#e11d48",
+        700: "#be123c",
+        800: "#9f1239",
+        900: "#881337",
+        950: "#4c0519"
+    },
+    // ── Sky / Info ──────────────────────────────────────────────────────────
+    sky: {
+        50: "#f0f9ff",
+        100: "#e0f2fe",
+        200: "#bae6fd",
+        300: "#7dd3fc",
+        400: "#38bdf8",
+        500: "#0ea5e9",
+        600: "#0284c7",
+        700: "#0369a1",
+        800: "#075985",
+        900: "#0c4a6e",
+        950: "#082f49"
+    },
+    // ── Pure Black / White ───────────────────────────────────────────────────
+    black: "#000000",
+    white: "#ffffff",
+    transparent: "transparent"
+};
+// ---------------------------------------------------------------------------
+// Spacing Scale (4px base unit — T-shirt sizing)
+// ---------------------------------------------------------------------------
+export const spacing = {
+    px: "1px",
+    0: "0px",
+    0.5: "2px",
+    1: "4px",
+    1.5: "6px",
+    2: "8px",
+    2.5: "10px",
+    3: "12px",
+    3.5: "14px",
+    4: "16px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+    9: "36px",
+    10: "40px",
+    11: "44px",
+    12: "48px",
+    14: "56px",
+    16: "64px",
+    20: "80px",
+    24: "96px",
+    28: "112px",
+    32: "128px",
+    36: "144px",
+    40: "160px",
+    44: "176px",
+    48: "192px",
+    52: "208px",
+    56: "224px",
+    60: "240px",
+    64: "256px",
+    72: "288px",
+    80: "320px",
+    96: "384px"
+};
+// ---------------------------------------------------------------------------
+// Typography
+// ---------------------------------------------------------------------------
+export const fontFamily = {
+    sans: `ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif`,
+    serif: `ui-serif, Georgia, Cambria, "Times New Roman", Times, serif`,
+    mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`,
+    display: `"Cal Sans", "Inter var", ui-sans-serif, system-ui, sans-serif`
+};
+export const fontSize = {
+    "2xs": ["10px", { lineHeight: "14px", letterSpacing: "0.025em" }],
+    xs: ["11px", { lineHeight: "16px", letterSpacing: "0.015em" }],
+    sm: ["13px", { lineHeight: "18px" }],
+    base: ["14px", { lineHeight: "20px" }],
+    md: ["15px", { lineHeight: "22px" }],
+    lg: ["18px", { lineHeight: "26px" }],
+    xl: ["20px", { lineHeight: "28px" }],
+    "2xl": ["24px", { lineHeight: "32px" }],
+    "3xl": ["30px", { lineHeight: "38px" }],
+    "4xl": ["36px", { lineHeight: "44px" }],
+    "5xl": ["48px", { lineHeight: "56px", letterSpacing: "-0.02em" }],
+    "6xl": ["60px", { lineHeight: "68px", letterSpacing: "-0.025em" }],
+    "7xl": ["72px", { lineHeight: "80px", letterSpacing: "-0.03em" }],
+    "8xl": ["96px", { lineHeight: "104px", letterSpacing: "-0.04em" }]
+};
+export const fontWeight = {
+    thin: "100",
+    extralight: "200",
+    light: "300",
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700",
+    extrabold: "800",
+    black: "900"
+};
+export const lineHeight = {
+    none: "1",
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2"
+};
+export const letterSpacing = {
+    tighter: "-0.05em",
+    tight: "-0.025em",
+    normal: "0em",
+    wide: "0.025em",
+    wider: "0.05em",
+    widest: "0.1em"
+};
+// ---------------------------------------------------------------------------
+// Border Radius
+// ---------------------------------------------------------------------------
+export const borderRadius = {
+    none: "0px",
+    xs: "2px",
+    sm: "4px",
+    md: "6px",
+    DEFAULT: "8px",
+    lg: "10px",
+    xl: "14px",
+    "2xl": "18px",
+    "3xl": "24px",
+    full: "9999px"
+};
+// ---------------------------------------------------------------------------
+// Border Width
+// ---------------------------------------------------------------------------
+export const borderWidth = {
+    0: "0px",
+    DEFAULT: "1px",
+    2: "2px",
+    4: "4px",
+    8: "8px"
+};
+// ---------------------------------------------------------------------------
+// Shadow / Elevation
+// ---------------------------------------------------------------------------
+export const shadow = {
+    none: "none",
+    xs: "0 1px 2px rgb(0 0 0/5%)",
+    sm: "0 1px 3px rgb(0 0 0/8%), 0 1px 2px rgb(0 0 0/4%)",
+    DEFAULT: "0 4px 6px -1px rgb(0 0 0/8%), 0 2px 4px -2px rgb(0 0 0/4%)",
+    md: "0 10px 15px -3px rgb(0 0 0/8%), 0 4px 6px -4px rgb(0 0 0/4%)",
+    lg: "0 20px 25px -5px rgb(0 0 0/8%), 0 8px 10px -6px rgb(0 0 0/4%)",
+    xl: "0 25px 50px -12px rgb(0 0 0/18%)",
+    "2xl": "0 40px 70px -15px rgb(0 0 0/25%)",
+    inner: "inset 0 2px 4px rgb(0 0 0/5%)",
+    // Focus rings
+    focus: "0 0 0 3px", // use with color: 0 0 0 3px #6366f120
+    focusPrimary: "0 0 0 3px rgb(99 102 241/0.25)",
+    focusError: "0 0 0 3px rgb(239 68 68/0.25)"
+};
+// ---------------------------------------------------------------------------
+// Motion / Animation
+// ---------------------------------------------------------------------------
+export const duration = {
+    instant: "0ms",
+    fastest: "50ms",
+    faster: "100ms",
+    fast: "150ms",
+    normal: "200ms",
+    slow: "300ms",
+    slower: "500ms",
+    slowest: "700ms",
+    lazy: "1000ms"
+};
+export const easing = {
+    linear: "linear",
+    in: "cubic-bezier(0.4, 0, 1, 1)",
+    out: "cubic-bezier(0, 0, 0.2, 1)",
+    inOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+    spring: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+    bounce: "cubic-bezier(0.34, 1.56, 0.64, 1)",
+    elastic: "cubic-bezier(0.5, -0.5, 0.5, 1.5)"
+};
+// ---------------------------------------------------------------------------
+// Breakpoints (mobile-first)
+// ---------------------------------------------------------------------------
+export const breakpoints = {
+    xs: "480px", // large phones
+    sm: "640px", // small tablets / large phones landscape
+    md: "768px", // tablets
+    lg: "1024px", // small desktops / tablets landscape
+    xl: "1280px", // desktops
+    "2xl": "1536px" // large desktops / TVs
+};
+// ---------------------------------------------------------------------------
+// Z-index Scale
+// ---------------------------------------------------------------------------
+export const zIndex = {
+    hide: -1,
+    auto: "auto",
+    base: 0,
+    raised: 1,
+    dropdown: 1000,
+    sticky: 1020,
+    fixed: 1030,
+    backdrop: 1040,
+    modal: 1050,
+    popover: 1060,
+    tooltip: 1070,
+    toast: 1080,
+    max: 9999
+};
+// ---------------------------------------------------------------------------
+// Opacity Scale
+// ---------------------------------------------------------------------------
+export const opacity = {
+    0: "0",
+    5: "0.05",
+    10: "0.10",
+    20: "0.20",
+    25: "0.25",
+    30: "0.30",
+    40: "0.40",
+    50: "0.50",
+    60: "0.60",
+    70: "0.70",
+    75: "0.75",
+    80: "0.80",
+    90: "0.90",
+    95: "0.95",
+    100: "1"
+};
+// ---------------------------------------------------------------------------
+// Blur
+// ---------------------------------------------------------------------------
+export const blur = {
+    none: "blur(0)",
+    sm: "blur(4px)",
+    DEFAULT: "blur(8px)",
+    md: "blur(12px)",
+    lg: "blur(16px)",
+    xl: "blur(24px)",
+    "2xl": "blur(40px)",
+    "3xl": "blur(64px)"
+};
+// ---------------------------------------------------------------------------
+// Type export (full primitives object)
+// ---------------------------------------------------------------------------
+export const primitives = {
+    colors, spacing, fontFamily, fontSize, fontWeight,
+    lineHeight, letterSpacing, borderRadius, borderWidth,
+    shadow, duration, easing, breakpoints, zIndex, opacity, blur
+};

package/dist/tokens/semantic.d.ts

@@ -0,0 +1,252 @@
+export interface SemanticColors {
+    bg: {
+        default: string;
+        surface: string;
+        elevated: string;
+        sunken: string;
+        overlay: string;
+        inverse: string;
+    };
+    border: {
+        default: string;
+        muted: string;
+        strong: string;
+        focus: string;
+        error: string;
+    };
+    text: {
+        default: string;
+        muted: string;
+        subtle: string;
+        disabled: string;
+        inverse: string;
+        link: string;
+        linkHover: string;
+    };
+    brand: {
+        primary: string;
+        primaryDark: string;
+        primaryLight: string;
+        primaryBg: string;
+        primaryText: string;
+    };
+    success: {
+        default: string;
+        bg: string;
+        text: string;
+        border: string;
+    };
+    warning: {
+        default: string;
+        bg: string;
+        text: string;
+        border: string;
+    };
+    error: {
+        default: string;
+        bg: string;
+        text: string;
+        border: string;
+    };
+    info: {
+        default: string;
+        bg: string;
+        text: string;
+        border: string;
+    };
+    interactive: {
+        default: string;
+        hover: string;
+        active: string;
+        focus: string;
+        disabled: string;
+        selected: string;
+    };
+}
+export declare const lightColors: SemanticColors;
+export declare const darkColors: SemanticColors;
+export declare const semanticSpacing: {
+    readonly componentXs: "4px";
+    readonly componentSm: "8px";
+    readonly componentMd: "12px";
+    readonly componentLg: "16px";
+    readonly componentXl: "24px";
+    readonly pageGutter: "24px";
+    readonly sectionGap: "48px";
+    readonly heightXs: "24px";
+    readonly heightSm: "32px";
+    readonly heightMd: "38px";
+    readonly heightLg: "44px";
+    readonly heightXl: "52px";
+};
+export declare const semanticTypography: {
+    readonly bodyXs: {
+        readonly fontSize: "11px";
+        readonly fontWeight: "400";
+        readonly lineHeight: "16px";
+    };
+    readonly bodySm: {
+        readonly fontSize: "13px";
+        readonly fontWeight: "400";
+        readonly lineHeight: "18px";
+    };
+    readonly body: {
+        readonly fontSize: "14px";
+        readonly fontWeight: "400";
+        readonly lineHeight: "20px";
+    };
+    readonly bodyMd: {
+        readonly fontSize: "15px";
+        readonly fontWeight: "400";
+        readonly lineHeight: "22px";
+    };
+    readonly bodyLg: {
+        readonly fontSize: "18px";
+        readonly fontWeight: "400";
+        readonly lineHeight: "26px";
+    };
+    readonly labelXs: {
+        readonly fontSize: "11px";
+        readonly fontWeight: "500";
+        readonly lineHeight: "16px";
+    };
+    readonly labelSm: {
+        readonly fontSize: "13px";
+        readonly fontWeight: "500";
+        readonly lineHeight: "18px";
+    };
+    readonly label: {
+        readonly fontSize: "14px";
+        readonly fontWeight: "500";
+        readonly lineHeight: "20px";
+    };
+    readonly labelLg: {
+        readonly fontSize: "15px";
+        readonly fontWeight: "600";
+        readonly lineHeight: "22px";
+    };
+    readonly h6: {
+        readonly fontSize: "14px";
+        readonly fontWeight: "600";
+        readonly lineHeight: "20px";
+    };
+    readonly h5: {
+        readonly fontSize: "15px";
+        readonly fontWeight: "600";
+        readonly lineHeight: "22px";
+    };
+    readonly h4: {
+        readonly fontSize: "18px";
+        readonly fontWeight: "600";
+        readonly lineHeight: "26px";
+    };
+    readonly h3: {
+        readonly fontSize: "24px";
+        readonly fontWeight: "600";
+        readonly lineHeight: "32px";
+    };
+    readonly h2: {
+        readonly fontSize: "30px";
+        readonly fontWeight: "700";
+        readonly lineHeight: "38px";
+    };
+    readonly h1: {
+        readonly fontSize: "36px";
+        readonly fontWeight: "700";
+        readonly lineHeight: "44px";
+    };
+    readonly displaySm: {
+        readonly fontSize: "36px";
+        readonly fontWeight: "800";
+        readonly lineHeight: "44px";
+    };
+    readonly displayMd: {
+        readonly fontSize: "48px";
+        readonly fontWeight: "800";
+        readonly lineHeight: "56px";
+    };
+    readonly displayLg: {
+        readonly fontSize: "60px";
+        readonly fontWeight: "900";
+        readonly lineHeight: "68px";
+    };
+    readonly code: {
+        readonly fontFamily: "var(--hu-font-mono)";
+        readonly fontSize: "13px";
+        readonly lineHeight: "20px";
+    };
+};
+export declare const semanticShadow: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px rgb(0 0 0/5%)";
+    readonly sm: "0 1px 3px rgb(0 0 0/8%), 0 1px 2px rgb(0 0 0/4%)";
+    readonly default: "0 4px 6px -1px rgb(0 0 0/8%), 0 2px 4px -2px rgb(0 0 0/4%)";
+    readonly md: "0 10px 15px -3px rgb(0 0 0/8%), 0 4px 6px -4px rgb(0 0 0/4%)";
+    readonly lg: "0 20px 25px -5px rgb(0 0 0/8%), 0 8px 10px -6px rgb(0 0 0/4%)";
+    readonly xl: "0 25px 50px -12px rgb(0 0 0/18%)";
+    readonly "2xl": "0 40px 70px -15px rgb(0 0 0/25%)";
+    readonly inner: "inset 0 2px 4px rgb(0 0 0/5%)";
+    readonly card: "0 1px 3px rgb(0 0 0/8%), 0 1px 2px rgb(0 0 0/4%)";
+    readonly cardHover: "0 10px 15px -3px rgb(0 0 0/8%), 0 4px 6px -4px rgb(0 0 0/4%)";
+    readonly dropdown: "0 20px 25px -5px rgb(0 0 0/8%), 0 8px 10px -6px rgb(0 0 0/4%)";
+    readonly modal: "0 25px 50px -12px rgb(0 0 0/18%)";
+    readonly tooltip: "0 10px 15px -3px rgb(0 0 0/8%), 0 4px 6px -4px rgb(0 0 0/4%)";
+    readonly focus: "0 0 0 3px";
+};
+export declare const semanticMotion: {
+    readonly instant: "0ms";
+    readonly microTask: "100ms";
+    readonly feedback: "150ms";
+    readonly transition: "200ms";
+    readonly page: "300ms";
+    readonly complex: "500ms";
+    readonly standard: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
+    readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly emphasis: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+    readonly decelerate: "cubic-bezier(0, 0, 0.2, 1)";
+    readonly accelerate: "cubic-bezier(0.4, 0, 1, 1)";
+};
+export declare const semanticRadius: {
+    readonly none: "0px";
+    readonly xs: "2px";
+    readonly sm: "4px";
+    readonly DEFAULT: "8px";
+    readonly md: "6px";
+    readonly lg: "10px";
+    readonly xl: "14px";
+    readonly "2xl": "18px";
+    readonly full: "9999px";
+    readonly button: "8px";
+    readonly input: "8px";
+    readonly card: "10px";
+    readonly dialog: "14px";
+    readonly badge: "9999px";
+    readonly tag: "4px";
+    readonly chip: "9999px";
+};
+export declare const semanticZIndex: {
+    readonly hide: -1;
+    readonly base: 0;
+    readonly raised: 1;
+    readonly dropdown: 1000;
+    readonly sticky: 1020;
+    readonly fixed: 1030;
+    readonly backdrop: 1040;
+    readonly modal: 1050;
+    readonly popover: 1060;
+    readonly tooltip: 1070;
+    readonly toast: 1080;
+};
+export interface SemanticTokens {
+    colors: SemanticColors;
+    spacing: typeof semanticSpacing;
+    typography: typeof semanticTypography;
+    shadow: typeof semanticShadow;
+    motion: typeof semanticMotion;
+    radius: typeof semanticRadius;
+    zIndex: typeof semanticZIndex;
+}
+export declare const lightSemanticTokens: SemanticTokens;
+export declare const darkSemanticTokens: SemanticTokens;
+//# sourceMappingURL=semantic.d.ts.map

package/dist/tokens/semantic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../src/tokens/semantic.ts"],"names":[],"mappings":"AAiBA,MAAM,WAAW,cAAc;IAE7B,EAAE,EAAE;QACF,OAAO,EAAG,MAAM,CAAC;QACjB,OAAO,EAAG,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAI,MAAM,CAAC;QACjB,OAAO,EAAG,MAAM,CAAC;QACjB,OAAO,EAAG,MAAM,CAAC;KAClB,CAAC;IAGF,MAAM,EAAE;QACN,OAAO,EAAG,MAAM,CAAC;QACjB,KAAK,EAAK,MAAM,CAAC;QACjB,MAAM,EAAI,MAAM,CAAC;QACjB,KAAK,EAAK,MAAM,CAAC;QACjB,KAAK,EAAK,MAAM,CAAC;KAClB,CAAC;IAGF,IAAI,EAAE;QACJ,OAAO,EAAI,MAAM,CAAC;QAClB,KAAK,EAAM,MAAM,CAAC;QAClB,MAAM,EAAK,MAAM,CAAC;QAClB,QAAQ,EAAG,MAAM,CAAC;QAClB,OAAO,EAAI,MAAM,CAAC;QAClB,IAAI,EAAO,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IAGF,KAAK,EAAE;QACL,OAAO,EAAM,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAC,MAAM,CAAC;QACpB,SAAS,EAAI,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IAGF,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;KAAE,CAAC;IACxE,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;KAAE,CAAC;IACxE,KAAK,EAAI;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;KAAE,CAAC;IACxE,IAAI,EAAK;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;KAAE,CAAC;IAGxE,WAAW,EAAE;QACX,OAAO,EAAG,MAAM,CAAC;QACjB,KAAK,EAAK,MAAM,CAAC;QACjB,MAAM,EAAI,MAAM,CAAC;QACjB,KAAK,EAAK,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAGD,eAAO,MAAM,WAAW,EAAE,cA4CzB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,cA4CxB,CAAC;AAMF,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAclB,CAAC;AAMX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC;AAMX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;CAiBjB,CAAC;AAMX,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAejB,CAAC;AAMX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAMX,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYjB,CAAC;AAMX,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,UAAU,EAAE,OAAO,kBAAkB,CAAC;IACtC,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,MAAM,EAAE,OAAO,cAAc,CAAC;CAC/B;AAED,eAAO,MAAM,mBAAmB,EAAE,cAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAGhC,CAAC"}