@affinda/wc 0.0.2 → 0.0.3

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-DIoXjiux.js';
-export { s as setNonce } from './index-DIoXjiux.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-DxVtR6vj.js';
+export { s as setNonce } from './index-DxVtR6vj.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["af-heading_3",[[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]]], options);
+  return bootstrapLazy([["af-heading_5",[[257,"af-heading",{"level":[1],"align":[1]}],[257,"af-logo"],[257,"af-nav-item",{"hierarchy":[1],"variant":[1],"href":[1],"active":[4]}],[257,"af-navbar"],[257,"af-text",{"variant":[1],"align":[1],"as":[1]}]]],["af-aspect-ratio",[[257,"af-aspect-ratio",{"ratio":[1]}]]],["af-button",[[257,"af-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1]}]]],["af-button-group",[[257,"af-button-group",{"direction":[1],"gap":[1]}]]],["af-color-swatch",[[257,"af-color-swatch",{"color":[1],"name":[1],"size":[1]}]]],["af-container",[[257,"af-container",{"maxWidth":[1,"max-width"]}]]],["af-icon-button",[[257,"af-icon-button",{"variant":[1],"size":[1],"disabled":[4],"href":[1],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["af-typography-lockup",[[257,"af-typography-lockup",{"headingSize":[2,"heading-size"],"breakpoint":[1],"textAlignment":[1,"text-alignment"],"buttonAlignment":[1,"button-alignment"],"maxWidth":[2,"max-width"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/af-button/af-button.d.ts

@@ -0,0 +1,23 @@
+export declare class AfButton {
+    /**
+     * The visual variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'outline' | 'ghost';
+    /**
+     * The size of the button
+     */
+    size: 'default' | 'small';
+    /**
+     * Whether the button is disabled
+     */
+    disabled: boolean;
+    /**
+     * Optional href to render as a link
+     */
+    href?: string;
+    /**
+     * Button type (when not using href)
+     */
+    type: 'button' | 'submit' | 'reset';
+    render(): any;
+}

package/dist/types/components/af-button-group/af-button-group.d.ts

@@ -0,0 +1,11 @@
+export declare class AfButtonGroup {
+    /**
+     * Layout direction of the button group
+     */
+    direction: 'horizontal' | 'vertical';
+    /**
+     * Gap between buttons
+     */
+    gap: string;
+    render(): any;
+}

package/dist/types/components/af-icon-button/af-icon-button.d.ts

@@ -0,0 +1,27 @@
+export declare class AfIconButton {
+    /**
+     * The visual variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'outline' | 'ghost';
+    /**
+     * The size of the button
+     */
+    size: 'large' | 'medium' | 'small';
+    /**
+     * Whether the button is disabled
+     */
+    disabled: boolean;
+    /**
+     * Optional href to render as a link
+     */
+    href?: string;
+    /**
+     * Button type (when not using href)
+     */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * Accessible label for screen readers
+     */
+    ariaLabel: string;
+    render(): any;
+}

package/dist/types/components/af-logo/af-logo.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Affinda logo component
+ */
+export declare class AfLogo {
+    render(): any;
+}

package/dist/types/components/af-navbar/af-navbar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A full-width navigation bar component that provides the main site navigation.
+ * Features a pill-shaped container with logo, navigation links, and action buttons.
+ */
+export declare class AfNavbar {
+    render(): any;
+}

package/dist/types/components/af-typography-lockup/af-typography-lockup.d.ts

@@ -0,0 +1,23 @@
+export declare class AfTypographyLockup {
+    /**
+     * The heading size (1-5, where 1 is largest)
+     */
+    headingSize: 1 | 2 | 3 | 4 | 5;
+    /**
+     * The breakpoint for responsive typography
+     */
+    breakpoint: 'desktop' | 'mobile';
+    /**
+     * Text alignment
+     */
+    textAlignment: 'left' | 'center';
+    /**
+     * Button alignment (horizontal or vertical stacking)
+     */
+    buttonAlignment: 'horizontal' | 'vertical';
+    /**
+     * Maximum width for the copy section (in pixels)
+     */
+    maxWidth?: number;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -18,6 +18,44 @@ export namespace Components {
          */
         "ratio": string;
     }
+    interface AfButton {
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Optional href to render as a link
+         */
+        "href"?: string;
+        /**
+          * The size of the button
+          * @default 'default'
+         */
+        "size": 'default' | 'small';
+        /**
+          * Button type (when not using href)
+          * @default 'button'
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * The visual variant of the button
+          * @default 'primary'
+         */
+        "variant": 'primary' | 'secondary' | 'outline' | 'ghost';
+    }
+    interface AfButtonGroup {
+        /**
+          * Layout direction of the button group
+          * @default 'horizontal'
+         */
+        "direction": 'horizontal' | 'vertical';
+        /**
+          * Gap between buttons
+          * @default '8px'
+         */
+        "gap": string;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -56,6 +94,41 @@ export namespace Components {
          */
         "level": 'xl' | '1' | '2' | '3' | '4' | '5';
     }
+    interface AfIconButton {
+        /**
+          * Accessible label for screen readers
+         */
+        "ariaLabel": string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Optional href to render as a link
+         */
+        "href"?: string;
+        /**
+          * The size of the button
+          * @default 'medium'
+         */
+        "size": 'large' | 'medium' | 'small';
+        /**
+          * Button type (when not using href)
+          * @default 'button'
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * The visual variant of the button
+          * @default 'primary'
+         */
+        "variant": 'primary' | 'secondary' | 'outline' | 'ghost';
+    }
+    /**
+     * Affinda logo component
+     */
+    interface AfLogo {
+    }
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -81,6 +154,12 @@ export namespace Components {
          */
         "variant": '01' | '02';
     }
+    /**
+     * A full-width navigation bar component that provides the main site navigation.
+     * Features a pill-shaped container with logo, navigation links, and action buttons.
+     */
+    interface AfNavbar {
+    }
     interface AfText {
         /**
           * Visual alignment
@@ -98,6 +177,32 @@ export namespace Components {
          */
         "variant": 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag';
     }
+    interface AfTypographyLockup {
+        /**
+          * The breakpoint for responsive typography
+          * @default 'desktop'
+         */
+        "breakpoint": 'desktop' | 'mobile';
+        /**
+          * Button alignment (horizontal or vertical stacking)
+          * @default 'vertical'
+         */
+        "buttonAlignment": 'horizontal' | 'vertical';
+        /**
+          * The heading size (1-5, where 1 is largest)
+          * @default 2
+         */
+        "headingSize": 1 | 2 | 3 | 4 | 5;
+        /**
+          * Maximum width for the copy section (in pixels)
+         */
+        "maxWidth"?: number;
+        /**
+          * Text alignment
+          * @default 'left'
+         */
+        "textAlignment": 'left' | 'center';
+    }
 }
 declare global {
     /**
@@ -110,6 +215,18 @@ declare global {
         prototype: HTMLAfAspectRatioElement;
         new (): HTMLAfAspectRatioElement;
     };
+    interface HTMLAfButtonElement extends Components.AfButton, HTMLStencilElement {
+    }
+    var HTMLAfButtonElement: {
+        prototype: HTMLAfButtonElement;
+        new (): HTMLAfButtonElement;
+    };
+    interface HTMLAfButtonGroupElement extends Components.AfButtonGroup, HTMLStencilElement {
+    }
+    var HTMLAfButtonGroupElement: {
+        prototype: HTMLAfButtonGroupElement;
+        new (): HTMLAfButtonGroupElement;
+    };
     interface HTMLAfColorSwatchElement extends Components.AfColorSwatch, HTMLStencilElement {
     }
     var HTMLAfColorSwatchElement: {
@@ -132,6 +249,21 @@ declare global {
         prototype: HTMLAfHeadingElement;
         new (): HTMLAfHeadingElement;
     };
+    interface HTMLAfIconButtonElement extends Components.AfIconButton, HTMLStencilElement {
+    }
+    var HTMLAfIconButtonElement: {
+        prototype: HTMLAfIconButtonElement;
+        new (): HTMLAfIconButtonElement;
+    };
+    /**
+     * Affinda logo component
+     */
+    interface HTMLAfLogoElement extends Components.AfLogo, HTMLStencilElement {
+    }
+    var HTMLAfLogoElement: {
+        prototype: HTMLAfLogoElement;
+        new (): HTMLAfLogoElement;
+    };
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -142,19 +274,41 @@ declare global {
         prototype: HTMLAfNavItemElement;
         new (): HTMLAfNavItemElement;
     };
+    /**
+     * A full-width navigation bar component that provides the main site navigation.
+     * Features a pill-shaped container with logo, navigation links, and action buttons.
+     */
+    interface HTMLAfNavbarElement extends Components.AfNavbar, HTMLStencilElement {
+    }
+    var HTMLAfNavbarElement: {
+        prototype: HTMLAfNavbarElement;
+        new (): HTMLAfNavbarElement;
+    };
     interface HTMLAfTextElement extends Components.AfText, HTMLStencilElement {
     }
     var HTMLAfTextElement: {
         prototype: HTMLAfTextElement;
         new (): HTMLAfTextElement;
     };
+    interface HTMLAfTypographyLockupElement extends Components.AfTypographyLockup, HTMLStencilElement {
+    }
+    var HTMLAfTypographyLockupElement: {
+        prototype: HTMLAfTypographyLockupElement;
+        new (): HTMLAfTypographyLockupElement;
+    };
     interface HTMLElementTagNameMap {
         "af-aspect-ratio": HTMLAfAspectRatioElement;
+        "af-button": HTMLAfButtonElement;
+        "af-button-group": HTMLAfButtonGroupElement;
         "af-color-swatch": HTMLAfColorSwatchElement;
         "af-container": HTMLAfContainerElement;
         "af-heading": HTMLAfHeadingElement;
+        "af-icon-button": HTMLAfIconButtonElement;
+        "af-logo": HTMLAfLogoElement;
         "af-nav-item": HTMLAfNavItemElement;
+        "af-navbar": HTMLAfNavbarElement;
         "af-text": HTMLAfTextElement;
+        "af-typography-lockup": HTMLAfTypographyLockupElement;
     }
 }
 declare namespace LocalJSX {
@@ -170,6 +324,44 @@ declare namespace LocalJSX {
          */
         "ratio"?: string;
     }
+    interface AfButton {
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional href to render as a link
+         */
+        "href"?: string;
+        /**
+          * The size of the button
+          * @default 'default'
+         */
+        "size"?: 'default' | 'small';
+        /**
+          * Button type (when not using href)
+          * @default 'button'
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * The visual variant of the button
+          * @default 'primary'
+         */
+        "variant"?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    }
+    interface AfButtonGroup {
+        /**
+          * Layout direction of the button group
+          * @default 'horizontal'
+         */
+        "direction"?: 'horizontal' | 'vertical';
+        /**
+          * Gap between buttons
+          * @default '8px'
+         */
+        "gap"?: string;
+    }
     interface AfColorSwatch {
         /**
           * Color value (hex)
@@ -208,6 +400,41 @@ declare namespace LocalJSX {
          */
         "level"?: 'xl' | '1' | '2' | '3' | '4' | '5';
     }
+    interface AfIconButton {
+        /**
+          * Accessible label for screen readers
+         */
+        "ariaLabel": string;
+        /**
+          * Whether the button is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Optional href to render as a link
+         */
+        "href"?: string;
+        /**
+          * The size of the button
+          * @default 'medium'
+         */
+        "size"?: 'large' | 'medium' | 'small';
+        /**
+          * Button type (when not using href)
+          * @default 'button'
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * The visual variant of the button
+          * @default 'primary'
+         */
+        "variant"?: 'primary' | 'secondary' | 'outline' | 'ghost';
+    }
+    /**
+     * Affinda logo component
+     */
+    interface AfLogo {
+    }
     /**
      * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
      * Supports multiple hierarchy levels, variants, and states (active, hover).
@@ -233,6 +460,12 @@ declare namespace LocalJSX {
          */
         "variant"?: '01' | '02';
     }
+    /**
+     * A full-width navigation bar component that provides the main site navigation.
+     * Features a pill-shaped container with logo, navigation links, and action buttons.
+     */
+    interface AfNavbar {
+    }
     interface AfText {
         /**
           * Visual alignment
@@ -250,13 +483,45 @@ declare namespace LocalJSX {
          */
         "variant"?: 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag';
     }
+    interface AfTypographyLockup {
+        /**
+          * The breakpoint for responsive typography
+          * @default 'desktop'
+         */
+        "breakpoint"?: 'desktop' | 'mobile';
+        /**
+          * Button alignment (horizontal or vertical stacking)
+          * @default 'vertical'
+         */
+        "buttonAlignment"?: 'horizontal' | 'vertical';
+        /**
+          * The heading size (1-5, where 1 is largest)
+          * @default 2
+         */
+        "headingSize"?: 1 | 2 | 3 | 4 | 5;
+        /**
+          * Maximum width for the copy section (in pixels)
+         */
+        "maxWidth"?: number;
+        /**
+          * Text alignment
+          * @default 'left'
+         */
+        "textAlignment"?: 'left' | 'center';
+    }
     interface IntrinsicElements {
         "af-aspect-ratio": AfAspectRatio;
+        "af-button": AfButton;
+        "af-button-group": AfButtonGroup;
         "af-color-swatch": AfColorSwatch;
         "af-container": AfContainer;
         "af-heading": AfHeading;
+        "af-icon-button": AfIconButton;
+        "af-logo": AfLogo;
         "af-nav-item": AfNavItem;
+        "af-navbar": AfNavbar;
         "af-text": AfText;
+        "af-typography-lockup": AfTypographyLockup;
     }
 }
 export { LocalJSX as JSX };
@@ -268,6 +533,8 @@ declare module "@stencil/core" {
              * Useful for images, videos, or any content that needs to maintain specific proportions.
              */
             "af-aspect-ratio": LocalJSX.AfAspectRatio & JSXBase.HTMLAttributes<HTMLAfAspectRatioElement>;
+            "af-button": LocalJSX.AfButton & JSXBase.HTMLAttributes<HTMLAfButtonElement>;
+            "af-button-group": LocalJSX.AfButtonGroup & JSXBase.HTMLAttributes<HTMLAfButtonGroupElement>;
             "af-color-swatch": LocalJSX.AfColorSwatch & JSXBase.HTMLAttributes<HTMLAfColorSwatchElement>;
             /**
              * A responsive container component that provides consistent margins and max-width
@@ -275,12 +542,23 @@ declare module "@stencil/core" {
              */
             "af-container": LocalJSX.AfContainer & JSXBase.HTMLAttributes<HTMLAfContainerElement>;
             "af-heading": LocalJSX.AfHeading & JSXBase.HTMLAttributes<HTMLAfHeadingElement>;
+            "af-icon-button": LocalJSX.AfIconButton & JSXBase.HTMLAttributes<HTMLAfIconButtonElement>;
+            /**
+             * Affinda logo component
+             */
+            "af-logo": LocalJSX.AfLogo & JSXBase.HTMLAttributes<HTMLAfLogoElement>;
             /**
              * A generic navigation item component that can be used in navigation bars, menus, and sidebars.
              * Supports multiple hierarchy levels, variants, and states (active, hover).
              */
             "af-nav-item": LocalJSX.AfNavItem & JSXBase.HTMLAttributes<HTMLAfNavItemElement>;
+            /**
+             * A full-width navigation bar component that provides the main site navigation.
+             * Features a pill-shaped container with logo, navigation links, and action buttons.
+             */
+            "af-navbar": LocalJSX.AfNavbar & JSXBase.HTMLAttributes<HTMLAfNavbarElement>;
             "af-text": LocalJSX.AfText & JSXBase.HTMLAttributes<HTMLAfTextElement>;
+            "af-typography-lockup": LocalJSX.AfTypographyLockup & JSXBase.HTMLAttributes<HTMLAfTypographyLockupElement>;
         }
     }
 }

package/package.json

@@ -1,27 +1,27 @@
 {
   "name": "@affinda/wc",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
-  "files": [
-    "dist",
-    "dist/components",
-    "loader"
-  ],
-  "dependencies": {
-    "@stencil/core": "^4.9.1"
-  },
-  "devDependencies": {
-    "@stencil/react-output-target": "^1.2.0"
-  },
+  "files": ["dist", "dist/components", "loader"],
   "scripts": {
     "build": "pnpm run clean && stencil build",
     "start": "stencil build --dev --watch --serve",
     "test": "stencil test --spec",
     "clean": "rm -rf dist loader www"
+  },
+  "dependencies": {
+    "@affinda/css": "workspace:*",
+    "@affinda/icons": "workspace:*",
+    "@affinda/illustrations": "workspace:*",
+    "@affinda/tokens": "workspace:*",
+    "@stencil/core": "^4.9.1"
+  },
+  "devDependencies": {
+    "@stencil/react-output-target": "^1.2.0"
   }
-}
+}

package/dist/affinda/af-heading.af-nav-item.af-text.entry.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"af-heading.af-nav-item.af-text.entry.esm.js","sources":["src/components/af-heading/af-heading.css?tag=af-heading&encapsulation=shadow","src/components/af-heading/af-heading.tsx","src/components/af-text/af-text.css?tag=af-text&encapsulation=shadow","src/components/af-text/af-text.tsx","src/components/af-nav-item/af-nav-item.css?tag=af-nav-item&encapsulation=shadow","src/components/af-nav-item/af-nav-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.heading {\n  margin: 0;\n  padding: 0;\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  color: #14343b;\n  letter-spacing: -0.02em;\n}\n\n/* Alignment */\n.align-left {\n  text-align: left;\n}\n\n.align-center {\n  text-align: center;\n}\n\n.align-right {\n  text-align: right;\n}\n\n/* Heading XL */\n.level-xl {\n  font-size: 50px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-xl {\n    font-size: 80px;\n  }\n}\n\n/* Heading 1 */\n.level-1 {\n  font-size: 38px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-1 {\n    font-size: 56px;\n  }\n}\n\n/* Heading 2 */\n.level-2 {\n  font-size: 32px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-2 {\n    font-size: 44px;\n  }\n}\n\n/* Heading 3 */\n.level-3 {\n  font-size: 25px;\n  line-height: 1;\n}\n\n@media (min-width: 768px) {\n  .level-3 {\n    font-size: 34px;\n  }\n}\n\n/* Heading 4 */\n.level-4 {\n  font-size: 20px;\n  line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n  .level-4 {\n    font-size: 24px;\n    line-height: 1.2;\n  }\n}\n\n/* Heading 5 */\n.level-5 {\n  font-size: 18px;\n  line-height: 1.1;\n}\n\n@media (min-width: 768px) {\n  .level-5 {\n    font-size: 20px;\n    line-height: 1.2;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-heading',\n  styleUrl: 'af-heading.css',\n  shadow: true\n})\nexport class AfHeading {\n  /** Heading level */\n  @Prop() level: 'xl' | '1' | '2' | '3' | '4' | '5' = '1';\n\n  /** Visual alignment */\n  @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n  private getHeadingTag() {\n    // Map display levels to semantic HTML tags\n    const tagMap: Record<string, string> = {\n      'xl': 'h1',\n      '1': 'h1',\n      '2': 'h2',\n      '3': 'h3',\n      '4': 'h4',\n      '5': 'h5'\n    };\n    return tagMap[this.level] || 'h1';\n  }\n\n  render() {\n    const Tag = this.getHeadingTag() as any;\n\n    return (\n      <Tag\n        class={{\n          'heading': true,\n          [`level-${this.level}`]: true,\n          [`align-${this.align}`]: true\n        }}\n        part=\"base\"\n      >\n        <slot />\n      </Tag>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.text {\n  margin: 0;\n  padding: 0;\n  font-family: 'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 400;\n  color: #14343b;\n  letter-spacing: 0;\n}\n\n/* Alignment */\n.align-left {\n  text-align: left;\n}\n\n.align-center {\n  text-align: center;\n}\n\n.align-right {\n  text-align: right;\n}\n\n/* Body variants */\n.variant-xlarge {\n  font-size: 22px;\n  line-height: 28px;\n}\n\n.variant-large {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.variant-medium {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.variant-small {\n  font-size: 14px;\n  line-height: 20px;\n}\n\n/* Label variants - use NeuSans Book */\n.variant-label-button {\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.variant-label-tag {\n  font-family: 'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 1;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-text',\n  styleUrl: 'af-text.css',\n  shadow: true\n})\nexport class AfText {\n  /** Text variant */\n  @Prop() variant: 'xlarge' | 'large' | 'medium' | 'small' | 'label-button' | 'label-tag' = 'medium';\n\n  /** Visual alignment */\n  @Prop() align: 'left' | 'center' | 'right' = 'left';\n\n  /** Semantic element to render */\n  @Prop() as: 'p' | 'span' | 'div' | 'label' = 'p';\n\n  render() {\n    const Tag = this.as as any;\n\n    return (\n      <Tag\n        class={{\n          'text': true,\n          [`variant-${this.variant}`]: true,\n          [`align-${this.align}`]: true\n        }}\n        part=\"base\"\n      >\n        <slot />\n      </Tag>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n}\n\n.nav-link {\n  text-decoration: none;\n  color: inherit;\n  display: block;\n}\n\n.nav-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n/* Primary hierarchy - bold main navigation */\n.hierarchy-primary {\n  padding: 12px;\n  justify-content: center;\n}\n\n.hierarchy-primary .label-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n  gap: 10px;\n}\n\n/* Primary variant 01 - darker */\n.hierarchy-primary.variant-01 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 20px;\n  color: #14343b;\n}\n\n/* Primary variant 02 - lighter */\n.hierarchy-primary.variant-02 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n  color: #2b484f;\n}\n\n/* Hover state for primary - underline */\n.hierarchy-primary:hover .label-container {\n  border-bottom: 1px solid currentColor;\n}\n\n/* Active state for primary - thicker border */\n.hierarchy-primary.active .label-container {\n  border-bottom: 2px solid #8a7049;\n}\n\n/* Secondary hierarchy - smaller sub-navigation */\n.hierarchy-secondary {\n  padding: 4px 0;\n}\n\n.hierarchy-secondary .label-container {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-height: 24px;\n  gap: 8px;\n}\n\n/* Secondary variant 01 - medium weight */\n.hierarchy-secondary.variant-01 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  color: #14343b;\n}\n\n/* Secondary variant 02 - regular weight */\n.hierarchy-secondary.variant-02 {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  color: #2b484f;\n}\n\n/* Hover state for secondary - underline text */\n.hierarchy-secondary:hover ::slotted(*) {\n  text-decoration: underline;\n}\n\n/* Mobile styles */\n@media (max-width: 767px) {\n  .hierarchy-primary {\n    padding: 20px 12px;\n    border-bottom: 1px solid #e8eeed;\n    width: 100%;\n  }\n\n  .hierarchy-primary .label-container {\n    flex: 1;\n    justify-content: flex-start;\n  }\n\n  .hierarchy-primary.variant-01 {\n    font-size: 20px;\n    line-height: 1.1;\n    letter-spacing: -0.4px;\n  }\n\n  .hierarchy-primary.variant-02 {\n    font-size: 20px;\n    line-height: 1.1;\n    letter-spacing: -0.4px;\n    color: #60767b;\n  }\n}\n\n/* Icon sizing */\n::slotted([slot=\"icon-left\"]),\n::slotted([slot=\"icon-right\"]) {\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.hierarchy-secondary ::slotted([slot=\"icon-right\"]) {\n  width: 20px;\n  height: 20px;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n/**\n * A generic navigation item component that can be used in navigation bars, menus, and sidebars.\n * Supports multiple hierarchy levels, variants, and states (active, hover).\n */\n@Component({\n  tag: 'af-nav-item',\n  styleUrl: 'af-nav-item.css',\n  shadow: true\n})\nexport class AfNavItem {\n  /**\n   * Visual hierarchy level of the navigation item\n   * - 'primary': Bold, main navigation (larger text, prominent styling)\n   * - 'secondary': Lighter, sub-navigation (smaller text, subtle styling)\n   */\n  @Prop() hierarchy: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Visual variant within the hierarchy level\n   * - '01': Darker/more prominent styling\n   * - '02': Lighter/more subtle styling\n   */\n  @Prop() variant: '01' | '02' = '01';\n\n  /**\n   * URL to navigate to when clicked\n   */\n  @Prop() href?: string;\n\n  /**\n   * Whether this nav item is currently active/selected\n   */\n  @Prop() active: boolean = false;\n\n  render() {\n    const classes = {\n      'nav-item': true,\n      [`hierarchy-${this.hierarchy}`]: true,\n      [`variant-${this.variant}`]: true,\n      'active': this.active\n    };\n\n    const content = (\n      <div class={classes}>\n        <slot name=\"icon-left\"></slot>\n        <div class=\"label-container\">\n          <slot></slot>\n        </div>\n        <slot name=\"icon-right\"></slot>\n      </div>\n    );\n\n    if (this.href) {\n      return (\n        <Host>\n          <a href={this.href} class=\"nav-link\">\n            {content}\n          </a>\n        </Host>\n      );\n    }\n\n    return <Host>{content}</Host>;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/affinda/p-96c74b41.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i}from"./p-DIoXjiux.js";const n=":host{display:block}.heading{margin:0;padding:0;font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;color:#14343b;letter-spacing:-0.02em}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.level-xl{font-size:50px;line-height:1}@media (min-width: 768px){.level-xl{font-size:80px}}.level-1{font-size:38px;line-height:1}@media (min-width: 768px){.level-1{font-size:56px}}.level-2{font-size:32px;line-height:1}@media (min-width: 768px){.level-2{font-size:44px}}.level-3{font-size:25px;line-height:1}@media (min-width: 768px){.level-3{font-size:34px}}.level-4{font-size:20px;line-height:1.1}@media (min-width: 768px){.level-4{font-size:24px;line-height:1.2}}.level-5{font-size:18px;line-height:1.1}@media (min-width: 768px){.level-5{font-size:20px;line-height:1.2}}";const a=class{constructor(t){e(this,t);this.level="1";this.align="left"}getHeadingTag(){const e={xl:"h1",1:"h1",2:"h2",3:"h3",4:"h4",5:"h5"};return e[this.level]||"h1"}render(){const e=this.getHeadingTag();return t(e,{key:"1d3f37c8d067c3c9d0ec7f10422478ab41c990b2",class:{heading:true,[`level-${this.level}`]:true,[`align-${this.align}`]:true},part:"base"},t("slot",{key:"dcba9d00393f818cfceeb5eba5cc2bd874927dfd"}))}};a.style=n;const r=":host{display:block}.text{margin:0;padding:0;font-family:'Helvetica', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:400;color:#14343b;letter-spacing:0}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.variant-xlarge{font-size:22px;line-height:28px}.variant-large{font-size:18px;line-height:26px}.variant-medium{font-size:16px;line-height:24px}.variant-small{font-size:14px;line-height:20px}.variant-label-button{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:17px;line-height:20px}.variant-label-tag{font-family:'NeuSans', 'Inter', 'Segoe UI', system-ui, sans-serif;font-weight:500;font-size:14px;line-height:1}";const s=class{constructor(t){e(this,t);this.variant="medium";this.align="left";this.as="p"}render(){const e=this.as;return t(e,{key:"778a86a185f2416dec867ca2457acb2fe1ad4bcb",class:{text:true,[`variant-${this.variant}`]:true,[`align-${this.align}`]:true},part:"base"},t("slot",{key:"2b3ee364c989ca8d233583946e24665df0192fb9"}))}};s.style=r;const l=":host{display:inline-block}.nav-link{text-decoration:none;color:inherit;display:block}.nav-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;cursor:pointer}.hierarchy-primary{padding:12px;justify-content:center}.hierarchy-primary .label-container{display:flex;align-items:center;justify-content:center;height:24px;gap:10px}.hierarchy-primary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-primary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-primary:hover .label-container{border-bottom:1px solid currentColor}.hierarchy-primary.active .label-container{border-bottom:2px solid #8a7049}.hierarchy-secondary{padding:4px 0}.hierarchy-secondary .label-container{display:flex;align-items:center;flex:1;min-height:24px;gap:8px}.hierarchy-secondary.variant-01{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#14343b}.hierarchy-secondary.variant-02{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#2b484f}.hierarchy-secondary:hover ::slotted(*){text-decoration:underline}@media (max-width: 767px){.hierarchy-primary{padding:20px 12px;border-bottom:1px solid #e8eeed;width:100%}.hierarchy-primary .label-container{flex:1;justify-content:flex-start}.hierarchy-primary.variant-01{font-size:20px;line-height:1.1;letter-spacing:-0.4px}.hierarchy-primary.variant-02{font-size:20px;line-height:1.1;letter-spacing:-0.4px;color:#60767b}}::slotted([slot=\"icon-left\"]),::slotted([slot=\"icon-right\"]){width:24px;height:24px;flex-shrink:0}.hierarchy-secondary ::slotted([slot=\"icon-right\"]){width:20px;height:20px}";const h=class{constructor(t){e(this,t);this.hierarchy="primary";this.variant="01";this.active=false}render(){const e={"nav-item":true,[`hierarchy-${this.hierarchy}`]:true,[`variant-${this.variant}`]:true,active:this.active};const n=t("div",{class:e},t("slot",{name:"icon-left"}),t("div",{class:"label-container"},t("slot",null)),t("slot",{name:"icon-right"}));if(this.href){return t(i,null,t("a",{href:this.href,class:"nav-link"},n))}return t(i,null,n)}};h.style=l;export{a as af_heading,h as af_nav_item,s as af_text};
-//# sourceMappingURL=p-96c74b41.entry.js.map

package/dist/affinda/p-96c74b41.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","Host","afHeadingCss","AfHeading","constructor","hostRef","this","level","align","getHeadingTag","tagMap","xl","render","Tag","key","class","heading","part","style","afTextCss","AfText","variant","as","text","afNavItemCss","AfNavItem","hierarchy","active","classes","content","name","href"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAe,g0BAErB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAEvBC,KAAKC,MAAQ,IAEbD,KAAKE,MAAQ,MACjB,CACA,aAAAC,GAEI,MAAMC,EAAS,CACXC,GAAM,KACN,EAAK,KACL,EAAK,KACL,EAAK,KACL,EAAK,KACL,EAAK,MAET,OAAOD,EAAOJ,KAAKC,QAAU,IACjC,CACA,MAAAK,GACI,MAAMC,EAAMP,KAAKG,gBACjB,OAAQT,EAAEa,EAAK,CAAEC,IAAK,2CAA4CC,MAAO,CACjEC,QAAW,KACX,CAAC,SAASV,KAAKC,SAAU,KACzB,CAAC,SAASD,KAAKE,SAAU,MAC1BS,KAAM,QAAUjB,EAAE,OAAQ,CAAEc,IAAK,6CAC5C,GAEJX,EAAUe,MAAQhB,EAElB,MAAMiB,EAAY,qsBAElB,MAAMC,EAAS,MACX,WAAAhB,CAAYC,GACRN,EAAiBO,KAAMD,GAEvBC,KAAKe,QAAU,SAEff,KAAKE,MAAQ,OAEbF,KAAKgB,GAAK,GACd,CACA,MAAAV,GACI,MAAMC,EAAMP,KAAKgB,GACjB,OAAQtB,EAAEa,EAAK,CAAEC,IAAK,2CAA4CC,MAAO,CACjEQ,KAAQ,KACR,CAAC,WAAWjB,KAAKe,WAAY,KAC7B,CAAC,SAASf,KAAKE,SAAU,MAC1BS,KAAM,QAAUjB,EAAE,OAAQ,CAAEc,IAAK,6CAC5C,GAEJM,EAAOF,MAAQC,EAEf,MAAMK,EAAe,+xDAErB,MAAMC,EAAY,MACd,WAAArB,CAAYC,GACRN,EAAiBO,KAAMD,GAMvBC,KAAKoB,UAAY,UAMjBpB,KAAKe,QAAU,KAIff,KAAKqB,OAAS,KAClB,CACA,MAAAf,GACI,MAAMgB,EAAU,CACZ,WAAY,KACZ,CAAC,aAAatB,KAAKoB,aAAc,KACjC,CAAC,WAAWpB,KAAKe,WAAY,KAC7BM,OAAUrB,KAAKqB,QAEnB,MAAME,EAAW7B,EAAE,MAAO,CAAEe,MAAOa,GAAW5B,EAAE,OAAQ,CAAE8B,KAAM,cAAgB9B,EAAE,MAAO,CAAEe,MAAO,mBAAqBf,EAAE,OAAQ,OAAQA,EAAE,OAAQ,CAAE8B,KAAM,gBAC3J,GAAIxB,KAAKyB,KAAM,CACX,OAAQ/B,EAAEC,EAAM,KAAMD,EAAE,IAAK,CAAE+B,KAAMzB,KAAKyB,KAAMhB,MAAO,YAAcc,GACzE,CACA,OAAO7B,EAAEC,EAAM,KAAM4B,EACzB,GAEJJ,EAAUP,MAAQM,SAETrB,gBAAyBsB,iBAA0BL","ignoreList":[]}

package/dist/affinda/p-DIoXjiux.js

@@ -1,3 +0,0 @@
-const e="affinda";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:false,updatable:true};const n=()=>{};const r=":root{--af-color-brand-primary-500:#7c3aed;--af-color-brand-primary-600:#6d28d9;--af-color-fg-default:#120f1f;--af-color-fg-muted:#5b4b8a;--af-color-fg-inverse:#f7f5ff;--af-color-bg-surface:#ffffff;--af-color-bg-subtle:#f5f3ff;--af-color-bg-inverse:#2f165e;--af-radius-sm:6px;--af-radius-md:12px;--af-radius-pill:999px;--af-space-1:4px;--af-space-2:8px;--af-space-3:12px;--af-space-4:16px;--af-font-family-sans:'Inter', 'Segoe UI', system-ui, sans-serif;--af-font-weight-regular:400;--af-font-weight-semibold:600;--af-size-font-sm:0.875rem;--af-size-font-md:1rem;--af-size-font-lg:1.125rem}[data-theme=\"dark\"]{--af-color-fg-default:#f7f5ff;--af-color-fg-muted:#dcd1ff;--af-color-fg-inverse:#120f1f;--af-color-bg-surface:#1b1530;--af-color-bg-subtle:#241943;--af-color-bg-inverse:#f7f5ff}:root{font-family:var(--af-font-family-sans);font-weight:var(--af-font-weight-regular);background-color:var(--af-color-bg-surface);color:var(--af-color-fg-default)}body{font-size:var(--af-size-font-md);display:flex;flex-direction:column;min-height:100%}.af-focus-ring{outline:2px solid var(--af-color-brand-primary-500);outline-offset:2px}.af-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}";var o=Object.defineProperty;var i=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:true})};var s=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var l=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={o:0,$hostElement$:e,i:t,l:new Map,u:new Map};{n.v=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}{n.h=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const o=e.$;if(!o){return void 0}const i=u.get(o);if(i){return i[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{u.set(o,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var p="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m=typeof window!=="undefined"?window:{};var y={o:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var w=g?(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)():false;var $=false;var S=[];var j=[];var k=(e,t)=>n=>{e.push(n);if(!$){$=true;if(t&&y.o&4){C(O)}else{y.raf(O)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var O=()=>{x(S);{x(j);if($=S.length>0){y.raf(O)}}};var C=e=>b().then(e);var E=k(j,true);var M=e=>{e=typeof e;return e==="object"||e==="function"};function z(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var U=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var P={};i(P,{err:()=>N,map:()=>R,ok:()=>D,unwrap:()=>W,unwrapErr:()=>A});var D=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function R(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>D(e)))}else{return D(n)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var W=e=>{if(e.isOk){return e.value}else{throw e.value}};var A=e=>{if(e.isErr){return e.value}else{throw e.value}};function L(e){if(!g)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var H;function I(e){var t;const n=this.attachShadow({mode:"open"});if(H===void 0)H=(t=L(r))!=null?t:null;if(H){if(w){n.adoptedStyleSheets.push(H)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,H]}}}var T=(e,t="")=>{{return()=>{}}};var V=(e,t)=>{{return()=>{}}};var q=new WeakMap;var F=(e,t,n)=>{let r=d.get(e);if(g&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var G=(e,t,n)=>{var r;const o=_(t);const i=d.get(o);if(!m.document){return o}e=e.nodeType===11?e:m.document;if(i){if(typeof i==="string"){e=e.head||e;let n=q.get(e);let s;if(!n){q.set(e,n=new Set)}if(!n.has(o)){{s=m.document.createElement("style");s.innerHTML=i;const n=(r=y.j)!=null?r:z(m.document);if(n!=null){s.setAttribute("nonce",n)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(g){const t=new CSSStyleSheet;t.replaceSync(i);if(w){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=i+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.o&1){e.insertBefore(s,null)}}if(t.o&4){s.innerHTML+=h}if(n){n.add(o)}}}else if(!e.adoptedStyleSheets.includes(i)){if(w){e.adoptedStyleSheets.push(i)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]}}}return o};var Y=e=>{const t=e.i;const n=e.$hostElement$;const r=t.o;const o=T("attachStyles",t.m);const i=G(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=i;n.classList.add(i+"-h")}o()};var _=(e,t)=>"sc-"+e.m;var B=(e,t,...n)=>{let r=null;let o=null;let i=false;let s=false;const l=[];const f=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){f(r)}else if(r!=null&&typeof r!=="boolean"){if(i=typeof e!=="function"&&!M(r)){r=String(r)}if(i&&s){l[l.length-1].k+=r}else{l.push(i?J(null,r):r)}s=i}}};f(n);if(t){if(t.key){o=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,l,X)}const a=J(e,null);a.O=t;if(l.length>0){a.C=l}{a.M=o}return a};var J=(e,t)=>{const n={o:0,U:e,k:t,P:null,C:null};{n.O=null}{n.M=null}return n};var K={};var Q=e=>e&&e.U===K;var X={forEach:(e,t)=>e.map(Z).forEach(t),map:(e,t)=>e.map(Z).map(t).map(ee)};var Z=e=>({vattrs:e.O,vchildren:e.C,vkey:e.M,vname:e.D,vtag:e.U,vtext:e.k});var ee=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return B(e.vtag,t,...e.vchildren||[])}const t=J(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.M=e.vkey;t.D=e.vname;return t};var te=e=>{const t=U(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};te("::slotted");te(":host");te(":host-context");var ne=(e,t,n)=>{if(e!=null&&!M(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&1){return String(e)}return e}return e};var re=(e,t,n)=>{const r=y.ce(t,n);e.dispatchEvent(r);return r};var oe=(e,t,n,r,o,i,s)=>{if(n===r){return}let l=a(e,t);t.toLowerCase();if(t==="class"){const t=e.classList;const o=se(n);let i=se(r);{t.remove(...o.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!o.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else{const s=M(r);if((l||s&&r!==null)&&true){try{if(!e.tagName.includes("-")){const o=r==null?"":r;if(t==="list"){l=false}else if(n==null||e[t]!=o){if(typeof e.__lookupSetter__(t)==="function"){e[t]=o}else{e.setAttribute(t,o)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!l||i&4||o)&&!s&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var ie=/\s/;var se=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ie)};var le=(e,t,n,r)=>{const o=t.P.nodeType===11&&t.P.host?t.P.host:t.P;const i=e&&e.O||{};const s=t.O||{};{for(const e of fe(Object.keys(i))){if(!(e in s)){oe(o,e,i[e],void 0,n,t.o)}}}for(const e of fe(Object.keys(s))){oe(o,e,i[e],s[e],n,t.o)}};function fe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ae;var ce=false;var ue=(e,t,n)=>{const r=t.C[n];let o=0;let i;let s;if(r.k!==null){i=r.P=m.document.createTextNode(r.k)}else{if(!m.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}i=r.P=m.document.createElement(r.U);{le(null,r,ce)}if(r.C){for(o=0;o<r.C.length;++o){s=ue(e,r,o);if(s){i.appendChild(s)}}}}i["s-hn"]=ae;return i};var ve=(e,t,n,r,o,i)=>{let s=e;let l;if(s.shadowRoot&&s.tagName===ae){s=s.shadowRoot}for(;o<=i;++o){if(r[o]){l=ue(null,n,o);if(l){r[o].P=l;ye(s,l,t)}}}};var de=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.P;if(e){e.remove()}}}};var pe=(e,t,n,r,o=false)=>{let i=0;let s=0;let l=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let p=r[v];let h;let m;while(i<=a&&s<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=r[++s]}else if(p==null){p=r[--v]}else if(he(c,d,o)){me(c,d,o);c=t[++i];d=r[++s]}else if(he(u,p,o)){me(u,p,o);u=t[--a];p=r[--v]}else if(he(c,p,o)){me(c,p,o);ye(e,c.P,u.P.nextSibling);c=t[++i];p=r[--v]}else if(he(u,d,o)){me(u,d,o);ye(e,u.P,c.P);u=t[--a];d=r[++s]}else{l=-1;{for(f=i;f<=a;++f){if(t[f]&&t[f].M!==null&&t[f].M===d.M){l=f;break}}}if(l>=0){m=t[l];if(m.U!==d.U){h=ue(t&&t[s],n,l)}else{me(m,d,o);t[l]=void 0;h=m.P}d=r[++s]}else{h=ue(t&&t[s],n,s);d=r[++s]}if(h){{ye(c.P.parentNode,h,c.P)}}}}if(i>a){ve(e,r[v+1]==null?null:r[v+1].P,n,r,s,v)}else if(s>v){de(t,i,a)}};var he=(e,t,n=false)=>{if(e.U===t.U){if(!n){return e.M===t.M}if(n&&!e.M&&t.M){e.M=t.M}return true}return false};var me=(e,n,r=false)=>{const o=n.P=e.P;const i=e.C;const s=n.C;const l=n.k;if(l===null){{le(e,n,ce)}if(i!==null&&s!==null){pe(o,i,n,s,r)}else if(s!==null){if(e.k!==null){o.textContent=""}ve(o,null,n,s,0,s.length-1)}else if(!r&&t.updatable&&i!==null){de(i,0,i.length-1)}else;}else if(e.k!==l){o.data=l}};var ye=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var be=(e,t,n=false)=>{const r=e.$hostElement$;const o=e.N||J(null,null);const i=Q(t);const s=i?t:B(null,null,t);ae=r.tagName;if(n&&s.O){for(const e of Object.keys(s.O)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){s.O[e]=r[e]}}}s.U=null;s.o|=4;e.N=s;s.P=o.P=r.shadowRoot||r;me(o,s,n)};var ge=(e,t)=>{if(t&&!e.R&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.R=()=>{t["s-p"].splice(n-1,1);r()})))}};var we=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}ge(e,e.W);const n=()=>$e(e,t);if(t){queueMicrotask((()=>{n()}));return}return E(n)};var $e=(e,t)=>{const n=e.$hostElement$;const r=T("scheduleUpdate",e.i.m);const o=e.t;if(!o){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){{if(e.h.length){e.h.forEach((e=>e(n)))}}i=Ee(o,"componentWillLoad",void 0,n)}else{i=Ee(o,"componentWillUpdate",void 0,n)}i=Se(i,(()=>Ee(o,"componentWillRender",void 0,n)));r();return Se(i,(()=>ke(e,o,t)))};var Se=(e,t)=>je(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var je=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ke=async(e,t,n)=>{var r;const o=e.$hostElement$;const i=T("update",e.i.m);const s=o["s-rc"];if(n){Y(e)}const l=T("render",e.i.m);{xe(e,t,o,n)}if(s){s.map((e=>e()));o["s-rc"]=void 0}l();i();{const t=(r=o["s-p"])!=null?r:[];const n=()=>Oe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var xe=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{be(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var Oe=e=>{const t=e.i.m;const n=e.$hostElement$;const r=T("postUpdate",t);const o=e.t;const i=e.W;Ee(o,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Me(n)}Ee(o,"componentDidLoad",void 0,n);r();{e.p(n);if(!i){Ce()}}}else{Ee(o,"componentDidUpdate",void 0,n);r()}{if(e.R){e.R();e.R=void 0}if(e.o&512){C((()=>we(e,false)))}e.o&=-517}};var Ce=t=>{C((()=>re(m,"appload",{detail:{namespace:e}})))};var Ee=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Me=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var ze=(e,t)=>s(e).l.get(t);var Ue=(e,t,n,r)=>{const o=s(e);if(!o){return}if(!o){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const i=o.l.get(t);const l=o.o;const f=o.t;n=ne(n,r.A[t][0]);const a=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!a;if((!(l&8)||i===void 0)&&c){o.l.set(t,n);if(f){if((l&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(n,i,t)===false){return}}we(o,false)}}}};var Pe=(e,n,r)=>{var o,i;const l=e.prototype;if(n.A||t.propChangeCallback){const f=Object.entries((o=n.A)!=null?o:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:o,set:i}=Object.getOwnPropertyDescriptor(l,e)||{};if(o)n.A[e][0]|=2048;if(i)n.A[e][0]|=4096;if(r&1||!o){Object.defineProperty(l,e,{get(){{if((n.A[e][0]&2048)===0){return ze(this,e)}const t=s(this);const r=t?t.t:l;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(o){const l=s(this);if(!l){return}if(i){const r=t&32?this[e]:l.$hostElement$[e];if(typeof r==="undefined"&&l.l.get(e)){o=l.l.get(e)}i.apply(this,[ne(o,t)]);o=t&32?this[e]:l.$hostElement$[e];Ue(this,e,o,n);return}{if((r&1)===0||(n.A[e][0]&4096)===0){Ue(this,e,o,n);if(r&1&&!l.t){l.h.push((()=>{if(n.A[e][0]&4096&&l.t[e]!==l.l.get(e)){l.t[e]=o}}))}return}const i=()=>{const r=l.t[e];if(!l.l.get(e)&&r){l.l.set(e,r)}l.t[e]=ne(o,t);Ue(this,e,l.t[e],n)};if(l.t){i()}else{l.h.push((()=>{i()}))}}}})}}));if(r&1){const r=new Map;l.attributeChangedCallback=function(e,o,i){y.jmp((()=>{var a;const c=r.get(e);const u=s(this);if(this.hasOwnProperty(c)&&t.lazyLoad){i=this[c];delete this[c]}if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==i){return}else if(c==null){const t=u==null?void 0:u.o;if(u&&t&&!(t&8)&&t&128&&i!==o){const t=u.t;const r=(a=n.L)==null?void 0:a[e];r==null?void 0:r.forEach((n=>{if(t[n]!=null){t[n].call(t,i,o,e)}}))}return}const v=f.find((([e])=>e===c));if(v&&v[1][0]&4){i=i===null||i==="false"?false:true}const d=Object.getOwnPropertyDescriptor(l,c);if(i!=this[c]&&(!d.get||!!d.set)){this[c]=i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.L)!=null?i:{}),...f.filter((([e,t])=>t[0]&31)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var De=async(e,t,n,r)=>{let o;if((t.o&32)===0){t.o|=32;const r=n.$;if(r){const r=v(n,t);if(r&&"then"in r){const e=V();o=await r;e()}else{o=r}if(!o){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!o.isProxied){Pe(o,n,2);o.isProxied=true}const i=T("createInstance",n.m);{t.o|=8}try{new o(t)}catch(t){c(t,e)}{t.o&=-9}i();Ne(t.t,e)}else{o=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(o&&o.style){let e;if(typeof o.style==="string"){e=o.style}const t=_(n);if(!d.has(t)){const r=T("registerStyles",n.m);F(t,e,!!(n.o&1));r()}}}const i=t.W;const s=()=>we(t,true);if(i&&i["s-rc"]){i["s-rc"].push(s)}else{s()}};var Ne=(e,t)=>{{Ee(e,"connectedCallback",void 0,t)}};var Re=e=>{if((y.o&1)===0){const t=s(e);if(!t){return}const n=t.i;const r=T("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ge(t,t.W=n);break}}}if(n.A){Object.entries(n.A).map((([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t];e[t]=n}}))}{De(e,t,n)}}else{if(t==null?void 0:t.t){Ne(t.t,e)}else if(t==null?void 0:t.v){t.v.then((()=>Ne(t.t,e)))}}r()}};var We=(e,t)=>{{Ee(e,"disconnectedCallback",void 0,t||e)}};var Ae=async e=>{if((y.o&1)===0){const t=s(e);if(t==null?void 0:t.t){We(t.t,e)}else if(t==null?void 0:t.v){t.v.then((()=>We(t.t,e)))}}if(q.has(e)){q.delete(e)}if(e.shadowRoot&&q.has(e.shadowRoot)){q.delete(e.shadowRoot)}};var Le=(e,t={})=>{var n;if(!m.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=T();const o=[];const i=t.exclude||[];const l=m.customElements;const a=m.document.head;const c=a.querySelector("meta[charset]");const u=m.document.createElement("style");const v=[];let d;let b=true;Object.assign(y,t);y.S=new URL(t.resourcesUrl||"./",m.document.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{const n={o:t[0],m:t[1],A:t[2],I:t[3]};if(n.o&4){g=true}{n.A=t[2]}const r=n.m;const a=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,n);if(n.o&1){{if(!e.shadowRoot){I.call(e,n)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(b){v.push(this)}else{y.jmp((()=>Re(this)))}}disconnectedCallback(){y.jmp((()=>Ae(this)));y.raf((()=>{var e;const t=s(this);if(!t){return}const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.N)==null?void 0:e.P)instanceof Node&&!t.N.P.isConnected){delete t.N.P}}))}componentOnReady(){var e;return(e=s(this))==null?void 0:e.v}};n.$=e[0];if(!i.includes(r)&&!l.get(r)){o.push(r);l.define(r,Pe(a,n,1))}}))}));if(o.length>0){if(g){u.textContent+=h}{u.textContent+=o.sort()+p}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.j)!=null?n:z(m.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}b=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>d=setTimeout(Ce,30)))}}r()};var He=e=>y.j=e;export{K as H,Le as b,n as g,B as h,b as p,l as r,He as s};
-//# sourceMappingURL=p-DIoXjiux.js.map