@orange-halo/components 1.0.0

package/custom-elements.json

@@ -0,0 +1,186 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "dist/oh-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An accessible button component with multiple variants and sizes.",
+          "name": "OhButton",
+          "tagName": "oh-button",
+          "customElement": true,
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'secondary' | 'ghost' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The button variant determines its visual style",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "The button size",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button is disabled",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show loading state",
+              "attribute": "loading",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'button' | 'submit' | 'reset'"
+              },
+              "default": "'button'",
+              "description": "The button type (for form submission)",
+              "attribute": "type"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the button is clicked",
+              "name": "oh-click"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'primary' | 'secondary' | 'ghost' | 'danger'"
+              },
+              "default": "'primary'",
+              "description": "The button variant determines its visual style",
+              "fieldName": "variant"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "The button size",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button is disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show loading state",
+              "fieldName": "loading"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'button' | 'submit' | 'reset'"
+              },
+              "default": "'button'",
+              "description": "The button type (for form submission)",
+              "fieldName": "type"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Button content (text, icons, etc.)",
+              "name": ""
+            },
+            {
+              "description": "Content before the main slot (e.g., icon)",
+              "name": "prefix"
+            },
+            {
+              "description": "Content after the main slot (e.g., icon)",
+              "name": "suffix"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The native button element",
+              "name": "button"
+            },
+            {
+              "description": "The content wrapper",
+              "name": "content"
+            }
+          ],
+          "cssProperties": [
+            {
+              "description": "Button background color",
+              "name": "--oh-button-background"
+            },
+            {
+              "description": "Button text color",
+              "name": "--oh-button-color"
+            },
+            {
+              "description": "Button border radius",
+              "name": "--oh-button-border-radius"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "OhButton",
+          "declaration": {
+            "name": "OhButton",
+            "module": "dist/oh-button.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "oh-button",
+          "declaration": {
+            "name": "OhButton",
+            "module": "dist/oh-button.js"
+          }
+        }
+      ]
+    }
+  ]
+}
+
+

package/dist/base.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Base Component
+ *
+ * Shared base class for all Orange Halo components.
+ * Provides common functionality and styling integration.
+ */
+import { LitElement, CSSResult } from "lit";
+/**
+ * Base styles applied to all components
+ * Includes focus ring, reduced motion, and box-sizing
+ */
+export declare const baseStyles: CSSResult;
+/**
+ * OhElement - Base class for Orange Halo components
+ */
+export declare class OhElement extends LitElement {
+    /**
+     * Include base styles in all components
+     */
+    static styles: CSSResult[];
+    /**
+     * Dispatch a custom event with proper options for Shadow DOM
+     */
+    protected emit<T = unknown>(eventName: string, detail?: T, options?: Omit<CustomEventInit<T>, "detail">): boolean;
+    /**
+     * Helper to conditionally apply classes
+     */
+    protected classMap(classes: Record<string, boolean>): string;
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAO,SAAS,EAAE,MAAM,KAAK,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,SAkCxB,CAAC;AAEF;;GAEG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC;;OAEG;IACH,MAAM,CAAC,MAAM,cAAgB;IAE7B;;OAEG;IACH,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,OAAO,EACxB,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GAC3C,OAAO;IAWV;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM;CAM7D"}

package/dist/base.js

@@ -0,0 +1,78 @@
+/**
+ * Base Component
+ *
+ * Shared base class for all Orange Halo components.
+ * Provides common functionality and styling integration.
+ */
+import { LitElement, css } from "lit";
+/**
+ * Base styles applied to all components
+ * Includes focus ring, reduced motion, and box-sizing
+ */
+export const baseStyles = css `
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  /* Focus ring for keyboard navigation */
+  :host(:focus-visible) {
+    outline: var(--oh-focus-ring-width, 2px) solid
+      var(--oh-focus-ring-color, #c54300);
+    outline-offset: var(--oh-focus-ring-offset, 2px);
+  }
+
+  /* Hide focus ring for mouse users */
+  :host(:focus:not(:focus-visible)) {
+    outline: none;
+  }
+
+  /* Reduced motion support */
+  @media (prefers-reduced-motion: reduce) {
+    :host *,
+    :host *::before,
+    :host *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
+`;
+/**
+ * OhElement - Base class for Orange Halo components
+ */
+export class OhElement extends LitElement {
+    /**
+     * Include base styles in all components
+     */
+    static { this.styles = [baseStyles]; }
+    /**
+     * Dispatch a custom event with proper options for Shadow DOM
+     */
+    emit(eventName, detail, options) {
+        const event = new CustomEvent(eventName, {
+            bubbles: true,
+            composed: true, // Crosses shadow DOM boundary
+            cancelable: true,
+            ...options,
+            detail,
+        });
+        return this.dispatchEvent(event);
+    }
+    /**
+     * Helper to conditionally apply classes
+     */
+    classMap(classes) {
+        return Object.entries(classes)
+            .filter(([, value]) => value)
+            .map(([key]) => key)
+            .join(" ");
+    }
+}
+//# sourceMappingURL=base.js.map

package/dist/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,GAAG,EAAa,MAAM,KAAK,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAc,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCvC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IACvC;;OAEG;aACI,WAAM,GAAG,CAAC,UAAU,CAAC,CAAC;IAE7B;;OAEG;IACO,IAAI,CACZ,SAAiB,EACjB,MAAU,EACV,OAA4C;QAE5C,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE;YACvC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI,EAAE,8BAA8B;YAC9C,UAAU,EAAE,IAAI;YAChB,GAAG,OAAO;YACV,MAAM;SACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACO,QAAQ,CAAC,OAAgC;QACjD,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;aAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;aAC5B,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC;aACnB,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @orange-halo/components
+ *
+ * Web Components for the Orange Halo Design System.
+ * All components use the "oh" prefix (e.g., <oh-button>).
+ *
+ * Personality: Playful, personal, retro-leaning warmth.
+ */
+import "./oh-accordion.js";
+import "./oh-alert.js";
+import "./oh-badge.js";
+import "./oh-breadcrumb.js";
+import "./oh-button.js";
+import "./oh-card.js";
+import "./oh-checkbox.js";
+import "./oh-checkbox-group.js";
+import "./oh-cluster.js";
+import "./oh-container.js";
+import "./oh-drawer.js";
+import "./oh-footer.js";
+import "./oh-grid.js";
+import "./oh-hero.js";
+import "./oh-icon.js";
+import "./oh-input.js";
+import "./oh-link.js";
+import "./oh-modal.js";
+import "./oh-navbar.js";
+import "./oh-progress.js";
+import "./oh-radio-group.js";
+import "./oh-select.js";
+import "./oh-skip-link.js";
+import "./oh-stack.js";
+import "./oh-tabs.js";
+import "./oh-toggle.js";
+export { OhElement, baseStyles } from "./base.js";
+export { OhAccordion } from "./oh-accordion.js";
+export type { AccordionItem, AccordionVariant, HeadingLevel } from "./oh-accordion.js";
+export { OhAlert } from "./oh-alert.js";
+export type { AlertVariant } from "./oh-alert.js";
+export { OhBadge } from "./oh-badge.js";
+export type { BadgeVariant, BadgeType } from "./oh-badge.js";
+export { OhBreadcrumb } from "./oh-breadcrumb.js";
+export type { BreadcrumbItem } from "./oh-breadcrumb.js";
+export { OhButton } from "./oh-button.js";
+export type { ButtonVariant, ButtonSize } from "./oh-button.js";
+export { OhCard } from "./oh-card.js";
+export type { CardVariant, CardPadding } from "./oh-card.js";
+export { OhCheckbox } from "./oh-checkbox.js";
+export { OhCheckboxGroup } from "./oh-checkbox-group.js";
+export type { CheckboxOption } from "./oh-checkbox-group.js";
+export { OhCluster } from "./oh-cluster.js";
+export type { ClusterGap, ClusterJustify, ClusterAlign } from "./oh-cluster.js";
+export { OhContainer } from "./oh-container.js";
+export type { ContainerSize } from "./oh-container.js";
+export { OhDrawer } from "./oh-drawer.js";
+export { OhFooter } from "./oh-footer.js";
+export { OhGrid } from "./oh-grid.js";
+export type { GridColumns, GridGap } from "./oh-grid.js";
+export { OhHero } from "./oh-hero.js";
+export type { HeroVariant, HeroSize } from "./oh-hero.js";
+export { OhIcon } from "./oh-icon.js";
+export type { IconName, IconSize } from "./oh-icon.js";
+export { OhInput } from "./oh-input.js";
+export type { InputType } from "./oh-input.js";
+export { OhLink } from "./oh-link.js";
+export type { LinkVariant } from "./oh-link.js";
+export { OhModal } from "./oh-modal.js";
+export type { ModalSize } from "./oh-modal.js";
+export { OhNavbar } from "./oh-navbar.js";
+export { OhProgress } from "./oh-progress.js";
+export type { ProgressVariant, ProgressSize } from "./oh-progress.js";
+export { OhRadioGroup } from "./oh-radio-group.js";
+export type { RadioOption } from "./oh-radio-group.js";
+export { OhSelect } from "./oh-select.js";
+export type { SelectOption } from "./oh-select.js";
+export { OhSkipLink } from "./oh-skip-link.js";
+export { OhStack } from "./oh-stack.js";
+export type { StackGap, StackAlign } from "./oh-stack.js";
+export { OhTabs } from "./oh-tabs.js";
+export type { TabItem } from "./oh-tabs.js";
+export { OhToggle } from "./oh-toggle.js";
+export { typographyStyles, typographyCSS } from "./styles/typography.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,72 @@
+/**
+ * @orange-halo/components
+ *
+ * Web Components for the Orange Halo Design System.
+ * All components use the "oh" prefix (e.g., <oh-button>).
+ *
+ * Personality: Playful, personal, retro-leaning warmth.
+ */
+// =============================================================================
+// SIDE-EFFECT IMPORTS - Ensure all custom elements are registered
+// =============================================================================
+import "./oh-accordion.js";
+import "./oh-alert.js";
+import "./oh-badge.js";
+import "./oh-breadcrumb.js";
+import "./oh-button.js";
+import "./oh-card.js";
+import "./oh-checkbox.js";
+import "./oh-checkbox-group.js";
+import "./oh-cluster.js";
+import "./oh-container.js";
+import "./oh-drawer.js";
+import "./oh-footer.js";
+import "./oh-grid.js";
+import "./oh-hero.js";
+import "./oh-icon.js";
+import "./oh-input.js";
+import "./oh-link.js";
+import "./oh-modal.js";
+import "./oh-navbar.js";
+import "./oh-progress.js";
+import "./oh-radio-group.js";
+import "./oh-select.js";
+import "./oh-skip-link.js";
+import "./oh-stack.js";
+import "./oh-tabs.js";
+import "./oh-toggle.js";
+// =============================================================================
+// EXPORTS - For TypeScript users who want to extend or type components
+// =============================================================================
+// Base
+export { OhElement, baseStyles } from "./base.js";
+// Components (alphabetical order)
+export { OhAccordion } from "./oh-accordion.js";
+export { OhAlert } from "./oh-alert.js";
+export { OhBadge } from "./oh-badge.js";
+export { OhBreadcrumb } from "./oh-breadcrumb.js";
+export { OhButton } from "./oh-button.js";
+export { OhCard } from "./oh-card.js";
+export { OhCheckbox } from "./oh-checkbox.js";
+export { OhCheckboxGroup } from "./oh-checkbox-group.js";
+export { OhCluster } from "./oh-cluster.js";
+export { OhContainer } from "./oh-container.js";
+export { OhDrawer } from "./oh-drawer.js";
+export { OhFooter } from "./oh-footer.js";
+export { OhGrid } from "./oh-grid.js";
+export { OhHero } from "./oh-hero.js";
+export { OhIcon } from "./oh-icon.js";
+export { OhInput } from "./oh-input.js";
+export { OhLink } from "./oh-link.js";
+export { OhModal } from "./oh-modal.js";
+export { OhNavbar } from "./oh-navbar.js";
+export { OhProgress } from "./oh-progress.js";
+export { OhRadioGroup } from "./oh-radio-group.js";
+export { OhSelect } from "./oh-select.js";
+export { OhSkipLink } from "./oh-skip-link.js";
+export { OhStack } from "./oh-stack.js";
+export { OhTabs } from "./oh-tabs.js";
+export { OhToggle } from "./oh-toggle.js";
+// Styles
+export { typographyStyles, typographyCSS } from "./styles/typography.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,gFAAgF;AAChF,kEAAkE;AAClE,gFAAgF;AAChF,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAExB,gFAAgF;AAChF,uEAAuE;AACvE,gFAAgF;AAEhF,OAAO;AACP,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,kCAAkC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/oh-accordion.d.ts

@@ -0,0 +1,47 @@
+/**
+ * oh-accordion
+ *
+ * Accessible accordion with two variants: subtle (inline) and standout (boxed).
+ *
+ * DESIGN DECISIONS:
+ * ─────────────────
+ * 1. TWO VARIANTS
+ *    - Subtle: Minimal, blends with content, follows link styling rules
+ *    - Standout: Chunky border, shadow, lifts on hover
+ *
+ * 2. CONSISTENT ICON
+ *    - Chevron that rotates 90° when expanded
+ *    - Same icon for both variants
+ *
+ * 3. ACCESSIBLE
+ *    - Button trigger with aria-expanded
+ *    - Content region with aria-hidden
+ *    - Keyboard support (Enter/Space)
+ *    - Focus state with underline
+ *
+ * @element oh-accordion
+ */
+import { nothing } from "lit";
+import { OhElement } from "./base.js";
+export interface AccordionItem {
+    heading: string;
+    content: string;
+}
+export type AccordionVariant = "subtle" | "standout";
+export type HeadingLevel = 2 | 3 | 4 | 5 | 6;
+export declare class OhAccordion extends OhElement {
+    static styles: import("lit").CSSResult[];
+    items: AccordionItem[];
+    variant: AccordionVariant;
+    headingLevel: HeadingLevel;
+    private _expandedItems;
+    private _toggleItem;
+    private _isExpanded;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "oh-accordion": OhAccordion;
+    }
+}
+//# sourceMappingURL=oh-accordion.d.ts.map

package/dist/oh-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oh-accordion.d.ts","sourceRoot":"","sources":["../src/oh-accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE7C,qBACa,WAAY,SAAQ,SAAS;IACxC,OAAgB,MAAM,4BAoQpB;IAGF,KAAK,EAAE,aAAa,EAAE,CAAM;IAG5B,OAAO,EAAE,gBAAgB,CAAY;IAIrC,YAAY,EAAE,YAAY,CAAK;IAG/B,OAAO,CAAC,cAAc,CAA0B;IAEhD,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAInB,MAAM;CA2DP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}