@affinda/wc 0.0.1 → 0.0.2

package/dist/affinda/af-aspect-ratio.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-aspect-ratio.entry.esm.js","sources":["src/components/af-aspect-ratio/af-aspect-ratio.css?tag=af-aspect-ratio&encapsulation=shadow","src/components/af-aspect-ratio/af-aspect-ratio.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.aspect-ratio-container {\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n/* Ensure slotted content fills the container */\n.aspect-ratio-container ::slotted(*) {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * A container component that maintains a fixed aspect ratio for its content.\n * Useful for images, videos, or any content that needs to maintain specific proportions.\n */\n@Component({\n  tag: 'af-aspect-ratio',\n  styleUrl: 'af-aspect-ratio.css',\n  shadow: true\n})\nexport class AfAspectRatio {\n  /**\n   * The aspect ratio to maintain. Can be:\n   * - A predefined ratio: '1:1', '16:9', '4:3', 'golden-portrait', 'golden-landscape', 'a4-portrait', 'a4-landscape', 'letter-portrait', 'letter-landscape', etc.\n   * - A custom ratio in format 'width / height': '16 / 9', '4 / 3', '1.618 / 1', etc.\n   *\n   * @example\n   * <af-aspect-ratio ratio=\"16:9\">Content</af-aspect-ratio>\n   * <af-aspect-ratio ratio=\"1.618 / 1\">Content</af-aspect-ratio>\n   */\n  @Prop() ratio: string = '1:1';\n\n  private getRatioValue(): string {\n    // Map common ratio shortcuts to actual CSS aspect-ratio values\n    const ratioMap: { [key: string]: string } = {\n      // Common ratios\n      '1:1': '1 / 1',\n      '1:2': '1 / 2',\n      '2:1': '2 / 1',\n      '2:3': '2 / 3',\n      '3:1': '3 / 1',\n      '3:2': '3 / 2',\n      '3:4': '3 / 4',\n      '4:1': '4 / 1',\n      '4:3': '4 / 3',\n      '4:5': '4 / 5',\n      '5:2': '5 / 2',\n      '5:4': '5 / 4',\n      '8:3': '8 / 3',\n      '8:5': '8 / 5',\n      // Screen ratios\n      '9:8': '9 / 8',\n      '9:16': '9 / 16',\n      '9:21': '9 / 21',\n      '10:16': '10 / 16',\n      '14:3': '14 / 3',\n      '16:5': '16 / 5',\n      '16:9': '16 / 9',\n      '16:10': '16 / 10',\n      '21:9': '21 / 9',\n      '32:9': '32 / 9',\n      // Golden ratio variants\n      'golden-portrait': '1 / 1.618',\n      'golden-landscape': '1.618 / 1',\n      'golden-portrait-half': '1 / 0.809',\n      'golden-landscape-half': '0.809 / 1',\n      // Paper sizes - A4\n      'a4-portrait': '1 / 1.414',\n      'a4-landscape': '1.414 / 1',\n      'a4-portrait-half': '1 / 0.707',\n      'a4-landscape-half': '0.707 / 1',\n      // Paper sizes - Letter\n      'letter-portrait': '1 / 1.294',\n      'letter-landscape': '1.294 / 1',\n      'letter-portrait-half': '1 / 0.647',\n      'letter-landscape-half': '0.647 / 1',\n      // Special\n      '6:7': '6 / 7'\n    };\n\n    // If it's a predefined ratio, return the mapped value\n    if (ratioMap[this.ratio]) {\n      return ratioMap[this.ratio];\n    }\n\n    // Otherwise, assume it's a custom ratio already in the correct format\n    return this.ratio;\n  }\n\n  render() {\n    const ratioValue = this.getRatioValue();\n\n    return (\n      <div\n        class=\"aspect-ratio-container\"\n        style={{ aspectRatio: ratioValue }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,mLAAmL;;MCW/L,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;;;;;;;AAQG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,KAAK;AAuE9B;IArES,aAAa,GAAA;;AAEnB,QAAA,MAAM,QAAQ,GAA8B;;AAE1C,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,OAAO;;AAEd,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,MAAM,EAAE,QAAQ;;AAEhB,YAAA,iBAAiB,EAAE,WAAW;AAC9B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,sBAAsB,EAAE,WAAW;AACnC,YAAA,uBAAuB,EAAE,WAAW;;AAEpC,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,cAAc,EAAE,WAAW;AAC3B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,mBAAmB,EAAE,WAAW;;AAEhC,YAAA,iBAAiB,EAAE,WAAW;AAC9B,YAAA,kBAAkB,EAAE,WAAW;AAC/B,YAAA,sBAAsB,EAAE,WAAW;AACnC,YAAA,uBAAuB,EAAE,WAAW;;AAEpC,YAAA,KAAK,EAAE;SACR;;AAGD,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;;;QAI7B,OAAO,IAAI,CAAC,KAAK;;IAGnB,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;AAEvC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,EAAA,EAElC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/affinda/af-color-swatch.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-color-swatch.entry.esm.js","sources":["src/components/af-color-swatch/af-color-swatch.css?tag=af-color-swatch&encapsulation=shadow","src/components/af-color-swatch/af-color-swatch.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.swatch {\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid #ece6f5;\n  background: white;\n}\n\n.color-preview {\n  width: 100%;\n  height: 120px;\n  flex-shrink: 0;\n}\n\n.size-large .color-preview {\n  height: 140px;\n}\n\n.color-info {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.color-name {\n  font-family: 'NeuSans', 'Inter', system-ui, sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  color: #14343B;\n}\n\n.color-value {\n  font-family: 'Helvetica', 'Inter', monospace, system-ui, sans-serif;\n  font-size: 14px;\n  color: #708380;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-color-swatch',\n  styleUrl: 'af-color-swatch.css',\n  shadow: true\n})\nexport class AfColorSwatch {\n  /** Color value (hex) */\n  @Prop() color!: string;\n\n  /** Color name */\n  @Prop() name!: string;\n\n  /** Size variant */\n  @Prop() size: 'default' | 'large' = 'default';\n\n  render() {\n    return (\n      <div class={{\n        'swatch': true,\n        [`size-${this.size}`]: true\n      }} part=\"base\">\n        <div\n          class=\"color-preview\"\n          part=\"preview\"\n          style={{ backgroundColor: this.color }}\n        ></div>\n        <div class=\"color-info\" part=\"info\">\n          <div class=\"color-name\" part=\"name\">{this.name}</div>\n          <div class=\"color-value\" part=\"value\">{this.color}</div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,0gBAA0gB;;MCOthB,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAaU,QAAA,IAAI,CAAA,IAAA,GAAwB,SAAS;AAoB9C;IAlBC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACV,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG;aACxB,EAAE,IAAI,EAAC,MAAM,EAAA,EACZ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,EACjC,CAAA,EACP,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,IAAI,CAAO,EACrD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CACpD,CACF;;;;;;;"}

package/dist/affinda/af-container.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-container.entry.esm.js","sources":["src/components/af-container/af-container.css?tag=af-container&encapsulation=shadow","src/components/af-container/af-container.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.container {\n  width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n  box-sizing: border-box;\n\n  /* Mobile first: xsmall breakpoint (320px) */\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n/* Small breakpoint (375px) */\n@media (min-width: 375px) {\n  .container {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n}\n\n/* Medium breakpoint (768px) */\n@media (min-width: 768px) {\n  .container {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* Large breakpoint (1024px) */\n@media (min-width: 1024px) {\n  .container {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n\n  .max-width-large {\n    max-width: 1024px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* XLarge breakpoint (1440px) */\n@media (min-width: 1440px) {\n  .container {\n    padding-left: 80px;\n    padding-right: 80px;\n  }\n\n  .max-width-xlarge {\n    max-width: 1440px;\n  }\n\n  .max-width-large {\n    max-width: 1024px;\n  }\n\n  .max-width-medium {\n    max-width: 768px;\n  }\n}\n\n/* Fluid has no max-width */\n.max-width-fluid {\n  max-width: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * A responsive container component that provides consistent margins and max-width\n * constraints based on the Affinda grid system.\n */\n@Component({\n  tag: 'af-container',\n  styleUrl: 'af-container.css',\n  shadow: true\n})\nexport class AfContainer {\n  /**\n   * Maximum width constraint for the container\n   * - 'xlarge': 1440px container (default)\n   * - 'large': 1024px container\n   * - 'medium': 768px container\n   * - 'fluid': No max-width constraint, full width with margins\n   */\n  @Prop() maxWidth: 'xlarge' | 'large' | 'medium' | 'fluid' = 'xlarge';\n\n  render() {\n    return (\n      <div class={`container max-width-${this.maxWidth}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,grBAAgrB;;MCW1rB,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;;;;;AAMG;AACK,QAAA,IAAQ,CAAA,QAAA,GAA4C,QAAQ;AASrE;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,QAAQ,CAAA,CAAE,EAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

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

@@ -0,0 +1 @@
+{"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/affinda.esm.js

@@ -1,2 +1,2 @@
-import{p as a,g as t,b as e}from"./p-o0tfWqnY.js";export{s as setNonce}from"./p-o0tfWqnY.js";var n=()=>{const t=import.meta.url;const e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return a(e)};n().then((async a=>{await t();return e([["p-bca10492",[[257,"af-badge",{tone:[1]}],[257,"af-button",{variant:[1],size:[1],disabled:[516],loading:[516]}],[257,"af-card",{variant:[1],accent:[1]}],[257,"af-icon-button",{variant:[1],size:[1],label:[1],disabled:[516]}],[257,"af-input",{label:[1],description:[1],type:[1],placeholder:[1],value:[1025],disabled:[516]}]]]],a)}));
+import{p as a,g as e,b as t}from"./p-DIoXjiux.js";export{s as setNonce}from"./p-DIoXjiux.js";var i=()=>{const e=import.meta.url;const t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return a(t)};i().then((async a=>{await e();return t([["p-96c74b41",[[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]}]]],["p-ccdcebe9",[[257,"af-aspect-ratio",{ratio:[1]}]]],["p-f79068a7",[[257,"af-color-swatch",{color:[1],name:[1],size:[1]}]]],["p-a6a8ecde",[[257,"af-container",{maxWidth:[1,"max-width"]}]]]],a)}));
 //# sourceMappingURL=affinda.esm.js.map

package/dist/affinda/index.esm.js

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as e}from"./p-o0tfWqnY.js";const r=":host{display:inline-block}button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--af-space-2);font:var(--af-font-weight-semibold) var(--af-size-font-md) / 1 var(--af-font-family-sans);border-radius:var(--af-radius-md);padding:var(--af-space-2) var(--af-space-4);border:none;cursor:pointer;transition:transform 120ms ease, box-shadow 160ms ease;box-shadow:0 8px 20px rgba(124, 58, 237, 0.18)}button:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 12px 24px rgba(124, 58, 237, 0.24)}button:active{transform:translateY(0);box-shadow:0 6px 16px rgba(124, 58, 237, 0.16)}button:disabled{cursor:not-allowed;opacity:0.6;transform:none;box-shadow:none}button.variant-primary{background:linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));color:var(--af-color-fg-inverse)}button.variant-secondary{background:var(--af-color-bg-subtle);color:var(--af-color-fg-default);box-shadow:inset 0 0 0 1px rgba(18, 15, 31, 0.08)}button.variant-ghost{background:transparent;color:var(--af-color-brand-primary-500);box-shadow:inset 0 0 0 1px rgba(124, 58, 237, 0.3)}button.size-lg{padding:calc(var(--af-space-3)) calc(var(--af-space-4) + 4px);font-size:var(--af-size-font-lg)}button .spinner{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center, rgba(255, 255, 255, 0.18), transparent 55%);opacity:0;transition:opacity 120ms ease}button.is-loading .spinner{opacity:1}button.is-loading .content{opacity:0.6}";const o=class{constructor(e){a(this,e);this.afClick=t(this,"afClick");this.variant="primary";this.size="md";this.disabled=false;this.loading=false;this.handleClick=a=>{if(this.disabled||this.loading){a.preventDefault();a.stopPropagation();return}this.afClick.emit(a)}}render(){const a={[`variant-${this.variant}`]:true,[`size-${this.size}`]:true,"is-loading":this.loading};return e("button",{key:"11e06f0158591b7aaf60633fa12e91a2904d2f57",class:a,part:"base",disabled:this.disabled||this.loading,onClick:this.handleClick},e("span",{key:"bdea09a13233b2e9c682e3c0a3d02fc8fe791668",class:"spinner",part:"spinner","aria-hidden":!this.loading}),e("span",{key:"24a80ba696aecacda181203379345b28e741583c",class:"content",part:"label"},e("slot",{key:"bdd3731c9c98091503e1c87a7fe940bb72579d27"})))}};o.style=r;const s=":host{display:inline-block}span{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--af-space-2);border-radius:var(--af-radius-pill);font:var(--af-font-weight-semibold) var(--af-size-font-sm) / 1 var(--af-font-family-sans);letter-spacing:0.02em;text-transform:uppercase}span.tone-brand{background:rgba(124, 58, 237, 0.12);color:var(--af-color-brand-primary-500)}span.tone-neutral{background:rgba(18, 15, 31, 0.1);color:var(--af-color-fg-default)}span.tone-success{background:rgba(16, 185, 129, 0.12);color:#0f766e}";const n=class{constructor(t){a(this,t);this.tone="brand"}render(){return e("span",{key:"1f9d4015b429e012eade75e331c991d5c785482d",class:`tone-${this.tone}`,part:"base"},e("slot",{key:"b69b37a3e996c43cb16d04d829232d9539f45e06"}))}};n.style=s;const i=":host{display:inline-flex}button{--button-size-sm:36px;--button-size-md:44px;width:var(--button-size-md);height:var(--button-size-md);border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--af-color-brand-primary-500);cursor:pointer;transition:transform 120ms ease, box-shadow 160ms ease, background-color 160ms ease;box-shadow:none}button.size-sm{width:var(--button-size-sm);height:var(--button-size-sm)}button:disabled{cursor:not-allowed;opacity:0.5;box-shadow:none}button.variant-solid{background:linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));color:var(--af-color-fg-inverse);box-shadow:0 10px 24px rgba(124, 58, 237, 0.24)}button.variant-soft{background:rgba(124, 58, 237, 0.14);color:var(--af-color-brand-primary-500)}button.variant-ghost{border:1px solid rgba(124, 58, 237, 0.4);background:transparent}button:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 14px 30px rgba(124, 58, 237, 0.28)}button:active{transform:translateY(0);box-shadow:0 8px 18px rgba(124, 58, 237, 0.2)}.icon{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em}:host([disabled]) button{transform:none;box-shadow:none}";const c=class{constructor(e){a(this,e);this.afClick=t(this,"afClick");this.variant="solid";this.size="md";this.disabled=false;this.onClick=a=>{if(this.disabled){a.preventDefault();a.stopPropagation();return}this.afClick.emit(a)}}render(){const a={[`variant-${this.variant}`]:true,[`size-${this.size}`]:true};return e("button",{key:"0f63eddac5f4dab95835506b896e437218aa50e1",type:"button",class:a,part:"base",disabled:this.disabled,"aria-label":this.label,onClick:this.onClick},e("span",{key:"6400064df3b666cbcc0a4a51523f1cd08dcbe81a",part:"icon",class:"icon"},e("slot",{key:"a74fff21c0a3af05da37b12e45db8ca8913bbdea"})))}};c.style=i;const d=":host{display:block}article{position:relative;border-radius:var(--af-radius-md);background:var(--af-color-bg-surface);color:var(--af-color-fg-default);padding:calc(var(--af-space-4) * 1.5);box-shadow:none;border:1px solid rgba(18, 15, 31, 0.06);transition:box-shadow 160ms ease, transform 160ms ease;display:block;overflow:hidden}article.variant-elevated{box-shadow:0 18px 36px rgba(47, 22, 94, 0.18);border:none}article:hover{transform:translateY(-2px);box-shadow:0 24px 44px rgba(47, 22, 94, 0.24)}.accent{position:absolute;inset:0;width:6px;left:0;right:auto;background:linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600))}article.accent-brand .accent{background:linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600))}article.accent-success .accent{background:linear-gradient(180deg, #22c55e, #16a34a)}article.accent-neutral .accent{background:rgba(18, 15, 31, 0.18)}.content{margin-left:12px;display:grid;gap:var(--af-space-3)}.header:empty,.footer:empty{display:none}.header ::slotted(*){font-size:1.125rem;font-weight:var(--af-font-weight-semibold)}.footer ::slotted(*){display:inline-flex;gap:var(--af-space-2);align-items:center}";const l=class{constructor(t){a(this,t);this.variant="surface"}render(){const a={[`variant-${this.variant}`]:true,[`accent-${this.accent}`]:Boolean(this.accent)};return e("article",{key:"6341b7150eb902027923228343dd017fee6aef32",class:a,part:"base"},this.accent?e("span",{class:"accent",part:"accent","aria-hidden":"true"}):null,e("div",{key:"06256637c0e9e3a150b59fbc6f73d5b2867729ad",class:"content",part:"content"},e("header",{key:"8f8c893d528cece13d1e9de7115b490a5ed84c88",class:"header",part:"header"},e("slot",{key:"b404fcc38918bb952678d78c035e9e7ad6e797ef",name:"header"})),e("div",{key:"2028736e547446fe12469cf74aec97daf6e3f10a",class:"body",part:"body"},e("slot",{key:"a2110bc4cfa174e4514d572d7a9cd28652c7da9a"})),e("footer",{key:"221a8202625e2794846ff7d68af45f9046fcfe58",class:"footer",part:"footer"},e("slot",{key:"b20d0e41962dbe766116845e2ef20c68003be7a7",name:"footer"}))))}};l.style=d;const b=":host{display:block;font-family:var(--af-font-family-sans)}label{display:grid;gap:var(--af-space-2);color:var(--af-color-fg-default)}.label{font-size:0.95rem;font-weight:var(--af-font-weight-semibold)}.control{position:relative}input{width:100%;padding:calc(var(--af-space-2) + 2px) calc(var(--af-space-4) + 8px);border-radius:var(--af-radius-md);border:1px solid rgba(18, 15, 31, 0.18);background:rgba(255, 255, 255, 0.9);color:inherit;font:inherit;transition:border-color 160ms ease, box-shadow 160ms ease;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.6)}input::placeholder{color:var(--af-color-fg-muted);opacity:0.8}input:focus-visible{outline:none;border-color:var(--af-color-brand-primary-500);box-shadow:0 0 0 4px rgba(124, 58, 237, 0.18)}label.disabled{opacity:0.55;cursor:not-allowed}input:disabled{background:rgba(241, 240, 247, 0.7);cursor:not-allowed}.description{font-size:0.825rem;color:var(--af-color-fg-muted)}";let f=0;const p=class{constructor(e){a(this,e);this.afInput=t(this,"afInput");this.afChange=t(this,"afChange");this.inputId=`af-input-${++f}`;this.descriptionId=`${this.inputId}-desc`;this.type="text";this.value="";this.disabled=false;this.handleInput=a=>{const t=a.target;this.value=t.value;this.afInput.emit(this.value)};this.handleChange=()=>{this.afChange.emit(this.value)}}render(){const a=this.description?this.descriptionId:undefined;return e("label",{key:"d14267dee125c07311c07bc31f0151448095dba6",part:"label",class:{disabled:this.disabled},htmlFor:this.inputId},this.label?e("span",{class:"label",part:"label-text"},this.label):null,e("div",{key:"d3b6428100e25c981650f5faa23df549d587ac10",class:"control"},e("input",{key:"9e26981c32775b79ce9c3458a4890968fab04ef6",part:"field",id:this.inputId,type:this.type,placeholder:this.placeholder,value:this.value,disabled:this.disabled,"aria-describedby":a,onInput:this.handleInput,onChange:this.handleChange})),this.description?e("p",{id:this.descriptionId,class:"description",part:"description"},this.description):null)}};p.style=b;export{n as AfBadge,o as AfButton,l as AfCard,c as AfIconButton,p as AfInput};
+export{af_heading as AfHeading,af_nav_item as AfNavItem,af_text as AfText}from"./p-96c74b41.entry.js";export{af_color_swatch as AfColorSwatch}from"./p-f79068a7.entry.js";export{af_container as AfContainer}from"./p-a6a8ecde.entry.js";export{af_aspect_ratio as AfAspectRatio}from"./p-ccdcebe9.entry.js";import"./p-DIoXjiux.js";
 //# sourceMappingURL=index.esm.js.map

package/dist/affinda/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["src/components/af-button/af-button.css?tag=af-button&encapsulation=shadow","src/components/af-button/af-button.tsx","src/components/af-badge/af-badge.css?tag=af-badge&encapsulation=shadow","src/components/af-badge/af-badge.tsx","src/components/af-icon-button/af-icon-button.css?tag=af-icon-button&encapsulation=shadow","src/components/af-icon-button/af-icon-button.tsx","src/components/af-card/af-card.css?tag=af-card&encapsulation=shadow","src/components/af-card/af-card.tsx","src/components/af-input/af-input.css?tag=af-input&encapsulation=shadow","src/components/af-input/af-input.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\nbutton {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--af-space-2);\n  font: var(--af-font-weight-semibold) var(--af-size-font-md) / 1 var(--af-font-family-sans);\n  border-radius: var(--af-radius-md);\n  padding: var(--af-space-2) var(--af-space-4);\n  border: none;\n  cursor: pointer;\n  transition: transform 120ms ease, box-shadow 160ms ease;\n  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.18);\n}\n\nbutton:is(:hover, :focus-visible) {\n  transform: translateY(-1px);\n  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.24);\n}\n\nbutton:active {\n  transform: translateY(0);\n  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.16);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  transform: none;\n  box-shadow: none;\n}\n\nbutton.variant-primary {\n  background: linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n  color: var(--af-color-fg-inverse);\n}\n\nbutton.variant-secondary {\n  background: var(--af-color-bg-subtle);\n  color: var(--af-color-fg-default);\n  box-shadow: inset 0 0 0 1px rgba(18, 15, 31, 0.08);\n}\n\nbutton.variant-ghost {\n  background: transparent;\n  color: var(--af-color-brand-primary-500);\n  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.3);\n}\n\nbutton.size-lg {\n  padding: calc(var(--af-space-3)) calc(var(--af-space-4) + 4px);\n  font-size: var(--af-size-font-lg);\n}\n\nbutton .spinner {\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.18), transparent 55%);\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\nbutton.is-loading .spinner {\n  opacity: 1;\n}\n\nbutton.is-loading .content {\n  opacity: 0.6;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-button',\n  styleUrl: 'af-button.css',\n  shadow: true\n})\nexport class AfButton {\n  /** Visual style of the button */\n  @Prop() variant: 'primary' | 'secondary' | 'ghost' = 'primary';\n\n  /** Size of the button */\n  @Prop() size: 'md' | 'lg' = 'md';\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Loading state */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Fired when the button is clicked while enabled */\n  @Event() afClick!: EventEmitter<MouseEvent>;\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.afClick.emit(event);\n  };\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      'is-loading': this.loading\n    };\n\n    return (\n      <button\n        class={classes}\n        part=\"base\"\n        disabled={this.disabled || this.loading}\n        onClick={this.handleClick}\n      >\n        <span class=\"spinner\" part=\"spinner\" aria-hidden={!this.loading}></span>\n        <span class=\"content\" part=\"label\">\n          <slot />\n        </span>\n      </button>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n}\n\nspan {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px var(--af-space-2);\n  border-radius: var(--af-radius-pill);\n  font: var(--af-font-weight-semibold) var(--af-size-font-sm) / 1 var(--af-font-family-sans);\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n}\n\nspan.tone-brand {\n  background: rgba(124, 58, 237, 0.12);\n  color: var(--af-color-brand-primary-500);\n}\n\nspan.tone-neutral {\n  background: rgba(18, 15, 31, 0.1);\n  color: var(--af-color-fg-default);\n}\n\nspan.tone-success {\n  background: rgba(16, 185, 129, 0.12);\n  color: #0f766e;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-badge',\n  styleUrl: 'af-badge.css',\n  shadow: true\n})\nexport class AfBadge {\n  /** Color theme of the badge */\n  @Prop() tone: 'brand' | 'neutral' | 'success' = 'brand';\n\n  render() {\n    return (\n      <span class={`tone-${this.tone}`} part=\"base\">\n        <slot />\n      </span>\n    );\n  }\n}\n",":host {\n  display: inline-flex;\n}\n\nbutton {\n  --button-size-sm: 36px;\n  --button-size-md: 44px;\n  width: var(--button-size-md);\n  height: var(--button-size-md);\n  border-radius: 50%;\n  border: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  color: var(--af-color-brand-primary-500);\n  cursor: pointer;\n  transition: transform 120ms ease, box-shadow 160ms ease, background-color 160ms ease;\n  box-shadow: none;\n}\n\nbutton.size-sm {\n  width: var(--button-size-sm);\n  height: var(--button-size-sm);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  box-shadow: none;\n}\n\nbutton.variant-solid {\n  background: linear-gradient(135deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n  color: var(--af-color-fg-inverse);\n  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.24);\n}\n\nbutton.variant-soft {\n  background: rgba(124, 58, 237, 0.14);\n  color: var(--af-color-brand-primary-500);\n}\n\nbutton.variant-ghost {\n  border: 1px solid rgba(124, 58, 237, 0.4);\n  background: transparent;\n}\n\nbutton:is(:hover, :focus-visible) {\n  transform: translateY(-1px);\n  box-shadow: 0 14px 30px rgba(124, 58, 237, 0.28);\n}\n\nbutton:active {\n  transform: translateY(0);\n  box-shadow: 0 8px 18px rgba(124, 58, 237, 0.2);\n}\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5em;\n  height: 1.5em;\n}\n\n:host([disabled]) button {\n  transform: none;\n  box-shadow: none;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-icon-button',\n  styleUrl: 'af-icon-button.css',\n  shadow: true\n})\nexport class AfIconButton {\n  /** Visual style of the icon button */\n  @Prop() variant: 'solid' | 'soft' | 'ghost' = 'solid';\n\n  /** Size preset */\n  @Prop() size: 'sm' | 'md' = 'md';\n\n  /** Accessible label text */\n  @Prop() label?: string;\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Raised when the button is activated */\n  @Event() afClick!: EventEmitter<MouseEvent>;\n\n  private onClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.afClick.emit(event);\n  };\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true\n    };\n\n    return (\n      <button\n        type=\"button\"\n        class={classes}\n        part=\"base\"\n        disabled={this.disabled}\n        aria-label={this.label}\n        onClick={this.onClick}\n      >\n        <span part=\"icon\" class=\"icon\">\n          <slot />\n        </span>\n      </button>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\narticle {\n  position: relative;\n  border-radius: var(--af-radius-md);\n  background: var(--af-color-bg-surface);\n  color: var(--af-color-fg-default);\n  padding: calc(var(--af-space-4) * 1.5);\n  box-shadow: none;\n  border: 1px solid rgba(18, 15, 31, 0.06);\n  transition: box-shadow 160ms ease, transform 160ms ease;\n  display: block;\n  overflow: hidden;\n}\n\narticle.variant-elevated {\n  box-shadow: 0 18px 36px rgba(47, 22, 94, 0.18);\n  border: none;\n}\n\narticle:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 24px 44px rgba(47, 22, 94, 0.24);\n}\n\n.accent {\n  position: absolute;\n  inset: 0;\n  width: 6px;\n  left: 0;\n  right: auto;\n  background: linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n}\n\narticle.accent-brand .accent {\n  background: linear-gradient(180deg, var(--af-color-brand-primary-500), var(--af-color-brand-primary-600));\n}\n\narticle.accent-success .accent {\n  background: linear-gradient(180deg, #22c55e, #16a34a);\n}\n\narticle.accent-neutral .accent {\n  background: rgba(18, 15, 31, 0.18);\n}\n\n.content {\n  margin-left: 12px;\n  display: grid;\n  gap: var(--af-space-3);\n}\n\n.header:empty,\n.footer:empty {\n  display: none;\n}\n\n.header ::slotted(*) {\n  font-size: 1.125rem;\n  font-weight: var(--af-font-weight-semibold);\n}\n\n.footer ::slotted(*) {\n  display: inline-flex;\n  gap: var(--af-space-2);\n  align-items: center;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-card',\n  styleUrl: 'af-card.css',\n  shadow: true\n})\nexport class AfCard {\n  /** Visual style of the card */\n  @Prop() variant: 'surface' | 'elevated' = 'surface';\n\n  /** Optional accent colour strip */\n  @Prop() accent?: 'brand' | 'success' | 'neutral';\n\n  render() {\n    const classes = {\n      [`variant-${this.variant}`]: true,\n      [`accent-${this.accent}`]: Boolean(this.accent)\n    };\n\n    return (\n      <article class={classes} part=\"base\">\n        {this.accent ? <span class=\"accent\" part=\"accent\" aria-hidden=\"true\"></span> : null}\n        <div class=\"content\" part=\"content\">\n          <header class=\"header\" part=\"header\">\n            <slot name=\"header\"></slot>\n          </header>\n          <div class=\"body\" part=\"body\">\n            <slot></slot>\n          </div>\n          <footer class=\"footer\" part=\"footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </article>\n    );\n  }\n}\n",":host {\n  display: block;\n  font-family: var(--af-font-family-sans);\n}\n\nlabel {\n  display: grid;\n  gap: var(--af-space-2);\n  color: var(--af-color-fg-default);\n}\n\n.label {\n  font-size: 0.95rem;\n  font-weight: var(--af-font-weight-semibold);\n}\n\n.control {\n  position: relative;\n}\n\ninput {\n  width: 100%;\n  padding: calc(var(--af-space-2) + 2px) calc(var(--af-space-4) + 8px);\n  border-radius: var(--af-radius-md);\n  border: 1px solid rgba(18, 15, 31, 0.18);\n  background: rgba(255, 255, 255, 0.9);\n  color: inherit;\n  font: inherit;\n  transition: border-color 160ms ease, box-shadow 160ms ease;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);\n}\n\ninput::placeholder {\n  color: var(--af-color-fg-muted);\n  opacity: 0.8;\n}\n\ninput:focus-visible {\n  outline: none;\n  border-color: var(--af-color-brand-primary-500);\n  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.18);\n}\n\nlabel.disabled {\n  opacity: 0.55;\n  cursor: not-allowed;\n}\n\ninput:disabled {\n  background: rgba(241, 240, 247, 0.7);\n  cursor: not-allowed;\n}\n\n.description {\n  font-size: 0.825rem;\n  color: var(--af-color-fg-muted);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nlet inputIds = 0;\n\n@Component({\n  tag: 'af-input',\n  styleUrl: 'af-input.css',\n  shadow: true\n})\nexport class AfInput {\n  private inputId = `af-input-${++inputIds}`;\n  private descriptionId = `${this.inputId}-desc`;\n\n  /** Optional label text */\n  @Prop() label?: string;\n\n  /** Assistive description shown below the field */\n  @Prop() description?: string;\n\n  /** Input type attribute */\n  @Prop() type: 'text' | 'email' | 'password' | 'search' = 'text';\n\n  /** Placeholder text */\n  @Prop() placeholder?: string;\n\n  /** Current value (mutable so the component stays in sync) */\n  @Prop({ mutable: true }) value = '';\n\n  /** Disabled state */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fired as the user types */\n  @Event() afInput!: EventEmitter<string>;\n\n  /** Fired when the field loses focus after a change */\n  @Event() afChange!: EventEmitter<string>;\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.afInput.emit(this.value);\n  };\n\n  private handleChange = () => {\n    this.afChange.emit(this.value);\n  };\n\n  render() {\n    const describedBy = this.description ? this.descriptionId : undefined;\n\n    return (\n      <label part=\"label\" class={{ disabled: this.disabled }} htmlFor={this.inputId}>\n        {this.label ? (\n          <span class=\"label\" part=\"label-text\">\n            {this.label}\n          </span>\n        ) : null}\n        <div class=\"control\">\n          <input\n            part=\"field\"\n            id={this.inputId}\n            type={this.type}\n            placeholder={this.placeholder}\n            value={this.value}\n            disabled={this.disabled}\n            aria-describedby={describedBy}\n            onInput={this.handleInput}\n            onChange={this.handleChange}\n          />\n        </div>\n        {this.description ? (\n          <p id={this.descriptionId} class=\"description\" part=\"description\">\n            {this.description}\n          </p>\n        ) : null}\n      </label>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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