@affinda/wc 0.0.2 → 0.0.3

package/dist/affinda/af-button-group.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-button-group.entry.esm.js","sources":["src/components/af-button-group/af-button-group.css?tag=af-button-group&encapsulation=shadow","src/components/af-button-group/af-button-group.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.button-group {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.direction-horizontal {\n  flex-direction: row;\n}\n\n.direction-vertical {\n  flex-direction: column;\n}\n\n/* Ensure slotted buttons align properly */\n::slotted(*) {\n  flex-shrink: 0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'af-button-group',\n  styleUrl: 'af-button-group.css',\n  shadow: true\n})\nexport class AfButtonGroup {\n  /**\n   * Layout direction of the button group\n   */\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  /**\n   * Gap between buttons\n   */\n  @Prop() gap: string = '8px';\n\n  render() {\n    const classes = {\n      'button-group': true,\n      [`direction-${this.direction}`]: true\n    };\n\n    return (\n      <Host>\n        <div class={classes} style={{ gap: this.gap }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,sNAAsN;;MCOlO,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAA8B,YAAY;AAE3D;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,KAAK;AAgB5B;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,CAAC,aAAa,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG;SAClC;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAA,EAC3C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"af-button.entry.esm.js","sources":["src/components/af-button/af-button.css?tag=af-button&encapsulation=shadow","src/components/af-button/af-button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  border-radius: 9999px;\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: 500;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n\n/* Size variants */\n.size-default {\n  padding: 12px 24px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.size-small {\n  padding: 8px 16px;\n  font-size: 14px;\n  line-height: 16px;\n}\n\n/* Icon slots */\n.icon-left:empty,\n.icon-right:empty {\n  display: none;\n}\n\n.icon-left,\n.icon-right {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.size-default .icon-left,\n.size-default .icon-right {\n  width: 24px;\n  height: 24px;\n}\n\n.size-small .icon-left,\n.size-small .icon-right {\n  width: 20px;\n  height: 20px;\n}\n\n/* Label has additional padding on each side */\n.label {\n  flex: 0 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 24px;\n}\n\n.size-default .label {\n  padding: 0 12px;\n  height: 24px;\n}\n\n.size-small .label {\n  padding: 0 8px;\n  height: 20px;\n}\n\n/* Primary variant (ice) */\n.variant-primary {\n  background: var(--colour-brand-ice, #A6FFFB);\n  border-color: var(--colour-brand-inkwell, #14343B);\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-primary:hover:not(.disabled) {\n  background: #8FEBE3;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(20, 52, 59, 0.15);\n}\n\n.variant-primary:active:not(.disabled) {\n  background: #7FE2D4;\n  transform: translateY(0);\n}\n\n/* Secondary variant (white) */\n.variant-secondary {\n  background: var(--colour-brand-white, #FFFFFF);\n  border-color: var(--colour-brand-inkwell, #14343B);\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-secondary:hover:not(.disabled) {\n  background: #F6FAF9;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(20, 52, 59, 0.15);\n}\n\n.variant-secondary:active:not(.disabled) {\n  background: #E8F1EF;\n  transform: translateY(0);\n}\n\n/* Outline variant */\n.variant-outline {\n  background: transparent;\n  border-color: var(--colour-brand-inkwell, #14343B);\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-outline:hover:not(.disabled) {\n  background: rgba(20, 52, 59, 0.04);\n  transform: translateY(-1px);\n}\n\n.variant-outline:active:not(.disabled) {\n  background: rgba(20, 52, 59, 0.08);\n  transform: translateY(0);\n}\n\n/* Ghost variant (text only) */\n.variant-ghost {\n  background: transparent;\n  border-color: transparent;\n  color: var(--colour-brand-inkwell, #14343B);\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.variant-ghost:hover:not(.disabled) {\n  text-decoration: underline;\n}\n\n.variant-ghost:active:not(.disabled) {\n  opacity: 0.7;\n}\n\n/* Disabled state */\n.disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* Remove default button styles */\nbutton.button {\n  background: none;\n  border: none;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\nbutton.button.variant-primary {\n  background: var(--colour-brand-ice, #A6FFFB);\n  border: 1px solid var(--colour-brand-inkwell, #14343B);\n}\n\nbutton.button.variant-secondary {\n  background: var(--colour-brand-white, #FFFFFF);\n  border: 1px solid var(--colour-brand-inkwell, #14343B);\n}\n\nbutton.button.variant-outline {\n  background: transparent;\n  border: 1px solid var(--colour-brand-inkwell, #14343B);\n}\n\nbutton.button.variant-ghost {\n  background: transparent;\n  border: 1px solid transparent;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'af-button',\n  styleUrl: 'af-button.css',\n  shadow: true\n})\nexport class AfButton {\n  /**\n   * The visual variant of the button\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'outline' | 'ghost' = 'primary';\n\n  /**\n   * The size of the button\n   */\n  @Prop() size: 'default' | 'small' = 'default';\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Optional href to render as a link\n   */\n  @Prop() href?: string;\n\n  /**\n   * Button type (when not using href)\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  render() {\n    const classes = {\n      'button': true,\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      'disabled': this.disabled\n    };\n\n    const content = [\n      <span class=\"icon-left\">\n        <slot name=\"icon-left\"></slot>\n      </span>,\n      <span class=\"label\">\n        <slot></slot>\n      </span>,\n      <span class=\"icon-right\">\n        <slot name=\"icon-right\"></slot>\n      </span>\n    ];\n\n    if (this.href && !this.disabled) {\n      return (\n        <Host>\n          <a href={this.href} class={classes}>\n            {content}\n          </a>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <button type={this.type} disabled={this.disabled} class={classes}>\n          {content}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,ixFAAixF;;MCOxxF,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAkD,SAAS;AAE1E;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAwB,SAAS;AAE7C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAOjC;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAkC,QAAQ;AAwCvD;IAtCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;YAC3B,UAAU,EAAE,IAAI,CAAC;SAClB;AAED,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAAQ,CACzB;AACP,YAAA,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACR;AACP,YAAA,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAQ;SAElC;QAED,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC/B,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAC/B,EAAA,OAAO,CACN,CACC;;AAIX,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAA,EAC7D,OAAO,CACD,CACJ;;;;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"af-heading.af-logo.af-nav-item.af-navbar.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","src/components/af-navbar/af-navbar.css?tag=af-navbar&encapsulation=shadow","src/components/af-navbar/af-navbar.tsx","src/components/af-logo/af-logo.css?tag=af-logo&encapsulation=shadow","src/components/af-logo/af-logo.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 for light backgrounds */\n.hierarchy-primary.variant-02 {\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/* Hover state for primary variant-01 (dark backgrounds) - underline */\n.hierarchy-primary.variant-01:hover .label-container {\n  border-bottom: 1px solid currentColor;\n}\n\n/* Active state for primary variant-01 - thicker border */\n.hierarchy-primary.variant-01.active .label-container {\n  border-bottom: 2px solid #8a7049;\n}\n\n/* Hover and active states for variant-02 (light backgrounds) - no border */\n.hierarchy-primary.variant-02:hover {\n  background-color: rgba(20, 52, 59, 0.04);\n  border-radius: 8px;\n}\n\n.hierarchy-primary.variant-02.active {\n  background-color: rgba(20, 52, 59, 0.08);\n  border-radius: 8px;\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",":host {\n  display: block;\n  width: 100%;\n}\n\n.navbar-container {\n  padding: 32px 80px 0;\n  box-sizing: border-box;\n}\n\n.navbar {\n  background: #E8F1EF;\n  border: 1px solid rgba(0, 0, 0, 0.12);\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 8px 8px 40px;\n  box-sizing: border-box;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n\n/* Left section */\n.navbar-left {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Right section */\n.navbar-right {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n.nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.nav-button {\n  display: flex;\n  align-items: center;\n}\n\n/* Tablet adjustments */\n@media (max-width: 1024px) {\n  .navbar-container {\n    padding: 24px 40px 0;\n  }\n\n  .navbar-left {\n    gap: 24px;\n  }\n\n  .nav-links {\n    gap: 4px;\n  }\n}\n\n/* Mobile adjustments */\n@media (max-width: 767px) {\n  .navbar-container {\n    padding: 16px 16px 0;\n  }\n\n  .navbar {\n    padding: 8px 16px;\n    flex-direction: column;\n    border-radius: 16px;\n    gap: 16px;\n  }\n\n  .navbar-left {\n    width: 100%;\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .nav-links {\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n\n  .navbar-right {\n    width: 100%;\n    flex-direction: column;\n    gap: 12px;\n    align-items: stretch;\n  }\n\n  .nav-actions {\n    width: 100%;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n\n  .nav-button {\n    width: 100%;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * A full-width navigation bar component that provides the main site navigation.\n * Features a pill-shaped container with logo, navigation links, and action buttons.\n */\n@Component({\n  tag: 'af-navbar',\n  styleUrl: 'af-navbar.css',\n  shadow: true\n})\nexport class AfNavbar {\n  render() {\n    return (\n      <Host>\n        <nav class=\"navbar-container\">\n          <div class=\"navbar\">\n            {/* Left section: Logo + Nav Links */}\n            <div class=\"navbar-left\">\n              <div class=\"logo\">\n                <slot name=\"logo\"></slot>\n              </div>\n              <div class=\"nav-links\">\n                <slot name=\"links\"></slot>\n              </div>\n            </div>\n\n            {/* Right section: Actions + Button */}\n            <div class=\"navbar-right\">\n              <div class=\"nav-actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n              <div class=\"nav-button\">\n                <slot name=\"button\"></slot>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n  color: #14343b;\n}\n\n.logo-svg {\n  display: block;\n  height: 22px;\n  width: auto;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * Affinda logo component\n */\n@Component({\n  tag: 'af-logo',\n  styleUrl: 'af-logo.css',\n  shadow: true\n})\nexport class AfLogo {\n  render() {\n    return (\n      <Host>\n        <svg\n          width=\"141\"\n          height=\"22\"\n          viewBox=\"0 0 141 22\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"logo-svg\"\n        >\n          <path\n            d=\"M20.8 9.6c0-1.5-.4-2.7-1.1-3.7-.8-1-1.8-1.5-3.2-1.5-1.3 0-2.4.5-3.2 1.5-.7 1-1.1 2.2-1.1 3.7 0 1.5.4 2.7 1.1 3.7.8 1 1.9 1.5 3.2 1.5 1.4 0 2.5-.5 3.2-1.5.7-1 1.1-2.2 1.1-3.7zm4.2 0c0 2.4-.7 4.4-2 5.9-1.4 1.5-3.2 2.3-5.5 2.3-2.2 0-4-.8-5.4-2.3-1.4-1.5-2.1-3.5-2.1-5.9 0-2.4.7-4.4 2.1-5.9C13.5 2.2 15.3 1.4 17.5 1.4c2.3 0 4.1.8 5.5 2.3 1.3 1.5 2 3.5 2 5.9zM29.1 17.5h-4.2V4.7h4.2v12.8zm0-14.9h-4.2V.2h4.2v2.4zM43.3 17.5h-4.2v-1.5c-.7 1.2-1.9 1.8-3.7 1.8-1.3 0-2.4-.4-3.2-1.2-.8-.8-1.2-2-1.2-3.5V4.7h4.2v8.1c0 1.7.7 2.5 2 2.5.7 0 1.3-.2 1.7-.7.4-.4.6-1.1.6-1.9V4.7h4.2v12.8h-.4z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M56.9 17.5h-4.2v-1.5c-.7 1.2-1.9 1.8-3.7 1.8-1.3 0-2.4-.4-3.2-1.2-.8-.8-1.2-2-1.2-3.5V4.7h4.2v8.1c0 1.7.7 2.5 2 2.5.7 0 1.3-.2 1.7-.7.4-.4.6-1.1.6-1.9V4.7h4.2v12.8h-.4zM68.3 5.9c-.7-.4-1.5-.6-2.4-.6-1.2 0-2.2.4-2.9 1.2-.8.8-1.1 1.9-1.1 3.3 0 1.4.4 2.5 1.1 3.3.8.8 1.7 1.2 2.9 1.2.9 0 1.7-.2 2.4-.6v3.5c-.9.3-1.9.5-2.9.5-2.3 0-4.2-.7-5.6-2.2-1.4-1.5-2.1-3.4-2.1-5.8 0-1.5.3-2.9.9-4.1.6-1.2 1.5-2.2 2.6-2.8 1.1-.7 2.4-1 3.8-1 1.1 0 2.1.2 3.1.6l.2 3.5z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M80 4.7h4.2v1.6c.7-1.2 1.9-1.9 3.6-1.9 1.3 0 2.3.4 3.1 1.2.8.8 1.2 2 1.2 3.5v8.4h-4.2V9.4c0-1.7-.7-2.5-2-2.5-.7 0-1.2.2-1.6.7-.4.4-.6 1.1-.6 1.9v8h-4.2V4.7h.5zM105.3 17.5h-4.2v-1.1c-.8 1-2 1.5-3.6 1.5-1.4 0-2.6-.5-3.5-1.4-.9-.9-1.4-2.1-1.4-3.6V9.6c0-1.5.5-2.7 1.4-3.6.9-.9 2.1-1.4 3.5-1.4 1.6 0 2.8.5 3.6 1.5V.2h4.2v17.3zm-4.2-7.9c0-.8-.3-1.5-.8-2-.5-.5-1.2-.8-2-.8-.8 0-1.5.3-2 .8-.5.5-.8 1.2-.8 2 0 .8.3 1.5.8 2 .5.5 1.2.8 2 .8.8 0 1.5-.3 2-.8.5-.5.8-1.2.8-2z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M115.8 17.5h-4.2V4.7h4.2v1.1c.8-1 2-1.5 3.6-1.5 1.4 0 2.6.5 3.5 1.4.9.9 1.4 2.1 1.4 3.6v3.3c0 1.5-.5 2.7-1.4 3.6-.9.9-2.1 1.4-3.5 1.4-1.6 0-2.8-.5-3.6-1.5v1.4zm4.2-7.9c0-.8-.3-1.5-.8-2-.5-.5-1.2-.8-2-.8-.8 0-1.5.3-2 .8-.5.5-.8 1.2-.8 2 0 .8.3 1.5.8 2 .5.5 1.2.8 2 .8.8 0 1.5-.3 2-.8.5-.5.8-1.2.8-2z\"\n            fill=\"currentColor\"\n          />\n          <g clip-path=\"url(#clip0)\">\n            <path\n              d=\"M4.9 9.6c0-1.5-.4-2.7-1.1-3.7C3 4.9 2 4.4.6 4.4c-.3 0-.6 0-.9.1v10.2c.3.1.6.1.9.1 1.4 0 2.5-.5 3.2-1.5.7-1 1.1-2.2 1.1-3.7zM9.1 9.6c0 2.4-.7 4.4-2 5.9-1.4 1.5-3.2 2.3-5.5 2.3-.7 0-1.4-.1-2.1-.2V.2C.2.1.9 0 1.6 0c2.3 0 4.1.8 5.5 2.3 1.3 1.5 2 3.5 2 5.3z\"\n              fill=\"currentColor\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0\">\n              <path fill=\"#fff\" d=\"M0 0h9.1v17.8H0z\" />\n            </clipPath>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/affinda/af-icon-button.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-icon-button.entry.esm.js","sources":["src/components/af-icon-button/af-icon-button.css?tag=af-icon-button&encapsulation=shadow","src/components/af-icon-button/af-icon-button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  flex-shrink: 0;\n  text-decoration: none;\n  padding: 0;\n}\n\n/* Size variants */\n.size-large {\n  width: 72px;\n  height: 72px;\n  padding: 24px;\n}\n\n.size-large .icon {\n  width: 24px;\n  height: 24px;\n}\n\n.size-medium {\n  width: 48px;\n  height: 48px;\n  padding: 12px;\n}\n\n.size-medium .icon {\n  width: 24px;\n  height: 24px;\n}\n\n.size-small {\n  width: 36px;\n  height: 36px;\n  padding: 8px;\n}\n\n.size-small .icon {\n  width: 20px;\n  height: 20px;\n}\n\n/* Icon slot */\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon ::slotted(svg) {\n  width: 100%;\n  height: 100%;\n}\n\n/* Primary variant (ice) */\n.variant-primary {\n  background: var(--colour-brand-ice, #A6FFFB);\n  border-color: var(--colour-brand-inkwell, #14343B);\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-primary:hover:not(.disabled) {\n  background: #8FEBE3;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(20, 52, 59, 0.15);\n}\n\n.variant-primary:active:not(.disabled) {\n  background: #7FE2D4;\n  transform: translateY(0);\n}\n\n/* Secondary variant (white) */\n.variant-secondary {\n  background: var(--colour-brand-white, #FFFFFF);\n  border-color: var(--colour-brand-inkwell, #14343B);\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-secondary:hover:not(.disabled) {\n  background: #F6FAF9;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(20, 52, 59, 0.15);\n}\n\n.variant-secondary:active:not(.disabled) {\n  background: #E8F1EF;\n  transform: translateY(0);\n}\n\n/* Outline variant */\n.variant-outline {\n  background: transparent;\n  border-color: var(--colour-brand-inkwell, #14343B);\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-outline:hover:not(.disabled) {\n  background: rgba(20, 52, 59, 0.04);\n  transform: translateY(-1px);\n}\n\n.variant-outline:active:not(.disabled) {\n  background: rgba(20, 52, 59, 0.08);\n  transform: translateY(0);\n}\n\n/* Ghost variant */\n.variant-ghost {\n  background: transparent;\n  border-color: transparent;\n  color: var(--colour-brand-inkwell, #14343B);\n}\n\n.variant-ghost:hover:not(.disabled) {\n  background: rgba(20, 52, 59, 0.04);\n}\n\n.variant-ghost:active:not(.disabled) {\n  background: rgba(20, 52, 59, 0.08);\n}\n\n/* Disabled state */\n.disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* Remove default button styles */\nbutton.icon-button {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n\nbutton.icon-button.variant-primary {\n  background: var(--colour-brand-ice, #A6FFFB);\n  border: 1px solid var(--colour-brand-inkwell, #14343B);\n}\n\nbutton.icon-button.variant-secondary {\n  background: var(--colour-brand-white, #FFFFFF);\n  border: 1px solid var(--colour-brand-inkwell, #14343B);\n}\n\nbutton.icon-button.variant-outline {\n  background: transparent;\n  border: 1px solid var(--colour-brand-inkwell, #14343B);\n}\n\nbutton.icon-button.variant-ghost {\n  background: transparent;\n  border: 1px solid transparent;\n}\n","import { Component, h, Prop, Host } 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  /**\n   * The visual variant of the button\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'outline' | 'ghost' = 'primary';\n\n  /**\n   * The size of the button\n   */\n  @Prop() size: 'large' | 'medium' | 'small' = 'medium';\n\n  /**\n   * Whether the button is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Optional href to render as a link\n   */\n  @Prop() href?: string;\n\n  /**\n   * Button type (when not using href)\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * Accessible label for screen readers\n   */\n  @Prop() ariaLabel!: string;\n\n  render() {\n    const classes = {\n      'icon-button': true,\n      [`variant-${this.variant}`]: true,\n      [`size-${this.size}`]: true,\n      'disabled': this.disabled\n    };\n\n    const content = (\n      <span class=\"icon\">\n        <slot></slot>\n      </span>\n    );\n\n    if (this.href && !this.disabled) {\n      return (\n        <Host>\n          <a href={this.href} class={classes} aria-label={this.ariaLabel}>\n            {content}\n          </a>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <button type={this.type} disabled={this.disabled} class={classes} aria-label={this.ariaLabel}>\n          {content}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,whFAAwhF;;MCOniF,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAkD,SAAS;AAE1E;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;AAErD;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAOjC;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAkC,QAAQ;AAuCvD;IAhCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACjC,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;YAC3B,UAAU,EAAE,IAAI,CAAC;SAClB;QAED,MAAM,OAAO,IACX,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChB,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACR,CACR;QAED,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC/B,YAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAc,YAAA,EAAA,IAAI,CAAC,SAAS,EAAA,EAC3D,OAAO,CACN,CACC;;AAIX,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAc,YAAA,EAAA,IAAI,CAAC,SAAS,IACzF,OAAO,CACD,CACJ;;;;;;;"}

package/dist/affinda/af-typography-lockup.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"af-typography-lockup.entry.esm.js","sources":["src/components/af-typography-lockup/af-typography-lockup.css?tag=af-typography-lockup&encapsulation=shadow","src/components/af-typography-lockup/af-typography-lockup.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.lockup {\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n}\n\n/* Text alignment */\n.text-left {\n  align-items: flex-start;\n}\n\n.text-center {\n  align-items: center;\n}\n\n.text-left .copy,\n.text-left .heading,\n.text-left .description {\n  text-align: left;\n}\n\n.text-center .copy,\n.text-center .heading,\n.text-center .description {\n  text-align: center;\n}\n\n/* Copy section */\n.copy {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n}\n\n/* Heading styles */\n.heading {\n  font-family: var(--typography-primaryfont, 'NeuSans', sans-serif);\n  font-weight: 500;\n  color: var(--typography-heading-primary, #14343B);\n  line-height: 1;\n  white-space: pre-wrap;\n}\n\n/* Desktop heading sizes */\n.breakpoint-desktop.heading-1 .heading {\n  font-size: 56px;\n  letter-spacing: -1.12px;\n}\n\n.breakpoint-desktop.heading-2 .heading {\n  font-size: 44px;\n  letter-spacing: -0.88px;\n}\n\n.breakpoint-desktop.heading-3 .heading {\n  font-size: 34px;\n  letter-spacing: -0.68px;\n}\n\n.breakpoint-desktop.heading-4 .heading {\n  font-size: 24px;\n  letter-spacing: -0.48px;\n  line-height: 1.2;\n}\n\n.breakpoint-desktop.heading-5 .heading {\n  font-size: 20px;\n  letter-spacing: -0.4px;\n  line-height: 1.2;\n}\n\n/* Mobile heading sizes */\n.breakpoint-mobile.heading-1 .heading {\n  font-size: 38px;\n  letter-spacing: -0.76px;\n}\n\n.breakpoint-mobile.heading-2 .heading {\n  font-size: 32px;\n  letter-spacing: -0.64px;\n}\n\n.breakpoint-mobile.heading-3 .heading {\n  font-size: 25px;\n  letter-spacing: -0.5px;\n}\n\n.breakpoint-mobile.heading-4 .heading {\n  font-size: 20px;\n  letter-spacing: -0.4px;\n  line-height: 1.1;\n}\n\n.breakpoint-mobile.heading-5 .heading {\n  font-size: 18px;\n  letter-spacing: -0.36px;\n  line-height: 1.1;\n}\n\n/* Description/body text */\n.description {\n  font-family: 'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 26px;\n  color: var(--typography-body-default, #2B484F);\n  white-space: pre-wrap;\n}\n\n.description:empty {\n  display: none;\n}\n\n/* Buttons section */\n.buttons {\n  display: flex;\n  gap: 12px;\n}\n\n.buttons:empty {\n  display: none;\n}\n\n/* Button alignment - horizontal */\n.button-horizontal .buttons {\n  flex-direction: row;\n  align-items: center;\n}\n\n.text-left.button-horizontal {\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n}\n\n.text-left.button-horizontal .copy {\n  flex: 1 0 0;\n  max-width: 950px;\n}\n\n.text-left.button-horizontal .buttons {\n  flex-shrink: 0;\n}\n\n/* Button alignment - vertical */\n.button-vertical .buttons {\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.text-center.button-vertical .buttons {\n  align-items: center;\n}\n\n/* Max width constraints for centered layouts */\n.text-center .copy {\n  max-width: 840px;\n}\n\n/* Slot content styling */\n::slotted(*) {\n  margin: 0;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'af-typography-lockup',\n  styleUrl: 'af-typography-lockup.css',\n  shadow: true\n})\nexport class AfTypographyLockup {\n  /**\n   * The heading size (1-5, where 1 is largest)\n   */\n  @Prop() headingSize: 1 | 2 | 3 | 4 | 5 = 2;\n\n  /**\n   * The breakpoint for responsive typography\n   */\n  @Prop() breakpoint: 'desktop' | 'mobile' = 'desktop';\n\n  /**\n   * Text alignment\n   */\n  @Prop() textAlignment: 'left' | 'center' = 'left';\n\n  /**\n   * Button alignment (horizontal or vertical stacking)\n   */\n  @Prop() buttonAlignment: 'horizontal' | 'vertical' = 'vertical';\n\n  /**\n   * Maximum width for the copy section (in pixels)\n   */\n  @Prop() maxWidth?: number;\n\n  render() {\n    const containerClasses = {\n      'lockup': true,\n      [`text-${this.textAlignment}`]: true,\n      [`button-${this.buttonAlignment}`]: true\n    };\n\n    const copyClasses = {\n      'copy': true,\n      [`heading-${this.headingSize}`]: true,\n      [`breakpoint-${this.breakpoint}`]: true\n    };\n\n    const copyStyle = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n    return (\n      <Host>\n        <div class={containerClasses}>\n          <div class={copyClasses} style={copyStyle}>\n            <div class=\"heading\">\n              <slot></slot>\n            </div>\n            <div class=\"description\">\n              <slot name=\"description\"></slot>\n            </div>\n          </div>\n          <div class=\"buttons\">\n            <slot name=\"buttons\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,8jEAA8jE;;MCO/kE,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAsB,CAAC;AAE1C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAEpD;;AAEG;AACK,QAAA,IAAa,CAAA,aAAA,GAAsB,MAAM;AAEjD;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAA8B,UAAU;AAwChE;IAjCC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAE,CAAA,GAAG,IAAI;AACpC,YAAA,CAAC,UAAU,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG;SACrC;AAED,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,WAAW,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,cAAc,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG;SACpC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;AAEzE,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gBAAgB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAA,EACvC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CAC5B,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,CACF,CACD;;;;;;;"}

package/dist/affinda/affinda.css

@@ -1 +1 @@
-: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}
+: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}

package/dist/affinda/affinda.esm.js

@@ -1,2 +1,2 @@
-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)}));
+import{p as a,g as t,b as e}from"./p-DxVtR6vj.js";export{s as setNonce}from"./p-DxVtR6vj.js";var i=()=>{const t=import.meta.url;const e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return a(e)};i().then((async a=>{await t();return e([["p-e274e11a",[[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]}]]],["p-9d0e6ed1",[[257,"af-aspect-ratio",{ratio:[1]}]]],["p-afbe9cb3",[[257,"af-button",{variant:[1],size:[1],disabled:[4],href:[1],type:[1]}]]],["p-619bc077",[[257,"af-button-group",{direction:[1],gap:[1]}]]],["p-8d3b4917",[[257,"af-color-swatch",{color:[1],name:[1],size:[1]}]]],["p-cbb06a14",[[257,"af-container",{maxWidth:[1,"max-width"]}]]],["p-540af9d9",[[257,"af-icon-button",{variant:[1],size:[1],disabled:[4],href:[1],type:[1],ariaLabel:[1,"aria-label"]}]]],["p-6b07f590",[[257,"af-typography-lockup",{headingSize:[2,"heading-size"],breakpoint:[1],textAlignment:[1,"text-alignment"],buttonAlignment:[1,"button-alignment"],maxWidth:[2,"max-width"]}]]]],a)}));
 //# sourceMappingURL=affinda.esm.js.map

package/dist/affinda/index.esm.js

@@ -1,2 +1,2 @@
-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";
+export{af_heading as AfHeading,af_logo as AfLogo,af_nav_item as AfNavItem,af_navbar as AfNavbar,af_text as AfText}from"./p-e274e11a.entry.js";export{af_color_swatch as AfColorSwatch}from"./p-8d3b4917.entry.js";export{af_container as AfContainer}from"./p-cbb06a14.entry.js";export{af_aspect_ratio as AfAspectRatio}from"./p-9d0e6ed1.entry.js";export{af_button as AfButton}from"./p-afbe9cb3.entry.js";export{af_icon_button as AfIconButton}from"./p-540af9d9.entry.js";export{af_button_group as AfButtonGroup}from"./p-619bc077.entry.js";export{af_typography_lockup as AfTypographyLockup}from"./p-6b07f590.entry.js";import"./p-DxVtR6vj.js";
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/affinda/p-540af9d9.entry.js

@@ -0,0 +1,2 @@
+import{r,h as n,H as a}from"./p-DxVtR6vj.js";const o=":host{display:inline-block}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent;box-sizing:border-box;flex-shrink:0;text-decoration:none;padding:0}.size-large{width:72px;height:72px;padding:24px}.size-large .icon{width:24px;height:24px}.size-medium{width:48px;height:48px;padding:12px}.size-medium .icon{width:24px;height:24px}.size-small{width:36px;height:36px;padding:8px}.size-small .icon{width:20px;height:20px}.icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon ::slotted(svg){width:100%;height:100%}.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-primary:hover:not(.disabled){background:#8FEBE3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-primary:active:not(.disabled){background:#7FE2D4;transform:translateY(0)}.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-secondary:hover:not(.disabled){background:#F6FAF9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(20, 52, 59, 0.15)}.variant-secondary:active:not(.disabled){background:#E8F1EF;transform:translateY(0)}.variant-outline{background:transparent;border-color:var(--colour-brand-inkwell, #14343B);color:var(--colour-brand-inkwell, #14343B)}.variant-outline:hover:not(.disabled){background:rgba(20, 52, 59, 0.04);transform:translateY(-1px)}.variant-outline:active:not(.disabled){background:rgba(20, 52, 59, 0.08);transform:translateY(0)}.variant-ghost{background:transparent;border-color:transparent;color:var(--colour-brand-inkwell, #14343B)}.variant-ghost:hover:not(.disabled){background:rgba(20, 52, 59, 0.04)}.variant-ghost:active:not(.disabled){background:rgba(20, 52, 59, 0.08)}.disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.icon-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}button.icon-button.variant-primary{background:var(--colour-brand-ice, #A6FFFB);border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-secondary{background:var(--colour-brand-white, #FFFFFF);border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-outline{background:transparent;border:1px solid var(--colour-brand-inkwell, #14343B)}button.icon-button.variant-ghost{background:transparent;border:1px solid transparent}";const t=class{constructor(n){r(this,n);this.variant="primary";this.size="medium";this.disabled=false;this.type="button"}render(){const r={"icon-button":true,[`variant-${this.variant}`]:true,[`size-${this.size}`]:true,disabled:this.disabled};const o=n("span",{class:"icon"},n("slot",null));if(this.href&&!this.disabled){return n(a,null,n("a",{href:this.href,class:r,"aria-label":this.ariaLabel},o))}return n(a,null,n("button",{type:this.type,disabled:this.disabled,class:r,"aria-label":this.ariaLabel},o))}};t.style=o;export{t as af_icon_button};
+//# sourceMappingURL=p-540af9d9.entry.js.map

package/dist/affinda/p-540af9d9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","afIconButtonCss","AfIconButton","constructor","hostRef","this","variant","size","disabled","type","render","classes","content","class","href","ariaLabel","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAkB,yhFAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,KAAO,SAIZF,KAAKG,SAAW,MAIhBH,KAAKI,KAAO,QAChB,CACA,MAAAC,GACI,MAAMC,EAAU,CACZ,cAAe,KACf,CAAC,WAAWN,KAAKC,WAAY,KAC7B,CAAC,QAAQD,KAAKE,QAAS,KACvBC,SAAYH,KAAKG,UAErB,MAAMI,EAAWb,EAAE,OAAQ,CAAEc,MAAO,QAAUd,EAAE,OAAQ,OACxD,GAAIM,KAAKS,OAAST,KAAKG,SAAU,CAC7B,OAAQT,EAAEC,EAAM,KAAMD,EAAE,IAAK,CAAEe,KAAMT,KAAKS,KAAMD,MAAOF,EAAS,aAAcN,KAAKU,WAAaH,GACpG,CACA,OAAQb,EAAEC,EAAM,KAAMD,EAAE,SAAU,CAAEU,KAAMJ,KAAKI,KAAMD,SAAUH,KAAKG,SAAUK,MAAOF,EAAS,aAAcN,KAAKU,WAAaH,GAClI,GAEJV,EAAac,MAAQf,SAEZC","ignoreList":[]}

package/dist/affinda/p-619bc077.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as o}from"./p-DxVtR6vj.js";const i=":host{display:inline-block}.button-group{display:inline-flex;align-items:center;box-sizing:border-box}.direction-horizontal{flex-direction:row}.direction-vertical{flex-direction:column}::slotted(*){flex-shrink:0}";const r=class{constructor(e){t(this,e);this.direction="horizontal";this.gap="8px"}render(){const t={"button-group":true,[`direction-${this.direction}`]:true};return e(o,{key:"9ef4ea3e4429646edb2d14a780763807d35ca438"},e("div",{key:"8f61ec426b1f01cfd0ed91b6045e01cc1ecb1637",class:t,style:{gap:this.gap}},e("slot",{key:"06acb0d36cc96b311c228ba19039899a99d6a35d"})))}};r.style=i;export{r as af_button_group};
+//# sourceMappingURL=p-619bc077.entry.js.map

package/dist/affinda/p-619bc077.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","afButtonGroupCss","AfButtonGroup","constructor","hostRef","this","direction","gap","render","classes","key","class","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAmB,uNAEzB,MAAMC,EAAgB,MAClB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKC,UAAY,aAIjBD,KAAKE,IAAM,KACf,CACA,MAAAC,GACI,MAAMC,EAAU,CACZ,eAAgB,KAChB,CAAC,aAAaJ,KAAKC,aAAc,MAErC,OAAQP,EAAEC,EAAM,CAAEU,IAAK,4CAA8CX,EAAE,MAAO,CAAEW,IAAK,2CAA4CC,MAAOF,EAASG,MAAO,CAAEL,IAAKF,KAAKE,MAASR,EAAE,OAAQ,CAAEW,IAAK,8CAClM,GAEJR,EAAcU,MAAQX,SAEbC","ignoreList":[]}

package/dist/affinda/p-6b07f590.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as i}from"./p-DxVtR6vj.js";const n=":host{display:block}.lockup{display:flex;flex-direction:column;gap:40px}.text-left{align-items:flex-start}.text-center{align-items:center}.text-left .copy,.text-left .heading,.text-left .description{text-align:left}.text-center .copy,.text-center .heading,.text-center .description{text-align:center}.copy{display:flex;flex-direction:column;gap:16px;width:100%}.heading{font-family:var(--typography-primaryfont, 'NeuSans', sans-serif);font-weight:500;color:var(--typography-heading-primary, #14343B);line-height:1;white-space:pre-wrap}.breakpoint-desktop.heading-1 .heading{font-size:56px;letter-spacing:-1.12px}.breakpoint-desktop.heading-2 .heading{font-size:44px;letter-spacing:-0.88px}.breakpoint-desktop.heading-3 .heading{font-size:34px;letter-spacing:-0.68px}.breakpoint-desktop.heading-4 .heading{font-size:24px;letter-spacing:-0.48px;line-height:1.2}.breakpoint-desktop.heading-5 .heading{font-size:20px;letter-spacing:-0.4px;line-height:1.2}.breakpoint-mobile.heading-1 .heading{font-size:38px;letter-spacing:-0.76px}.breakpoint-mobile.heading-2 .heading{font-size:32px;letter-spacing:-0.64px}.breakpoint-mobile.heading-3 .heading{font-size:25px;letter-spacing:-0.5px}.breakpoint-mobile.heading-4 .heading{font-size:20px;letter-spacing:-0.4px;line-height:1.1}.breakpoint-mobile.heading-5 .heading{font-size:18px;letter-spacing:-0.36px;line-height:1.1}.description{font-family:'Helvetica', var(--typography-primaryfont, 'NeuSans', sans-serif), sans-serif;font-size:18px;font-weight:400;line-height:26px;color:var(--typography-body-default, #2B484F);white-space:pre-wrap}.description:empty{display:none}.buttons{display:flex;gap:12px}.buttons:empty{display:none}.button-horizontal .buttons{flex-direction:row;align-items:center}.text-left.button-horizontal{flex-direction:row;align-items:center;gap:16px}.text-left.button-horizontal .copy{flex:1 0 0;max-width:950px}.text-left.button-horizontal .buttons{flex-shrink:0}.button-vertical .buttons{flex-direction:row;align-items:flex-start}.text-center.button-vertical .buttons{align-items:center}.text-center .copy{max-width:840px}::slotted(*){margin:0}";const a=class{constructor(t){e(this,t);this.headingSize=2;this.breakpoint="desktop";this.textAlignment="left";this.buttonAlignment="vertical"}render(){const e={lockup:true,[`text-${this.textAlignment}`]:true,[`button-${this.buttonAlignment}`]:true};const n={copy:true,[`heading-${this.headingSize}`]:true,[`breakpoint-${this.breakpoint}`]:true};const a=this.maxWidth?{maxWidth:`${this.maxWidth}px`}:{};return t(i,{key:"7a748e23cc9262e4cf73abacf51951545228344c"},t("div",{key:"443df8d7086ae8daf88f3827551219138dab43bb",class:e},t("div",{key:"efbf2467f36e2888bd4892524fb3d09b21b2ddfd",class:n,style:a},t("div",{key:"eb206a7d2e5c364a96295b11f83a87784c342ced",class:"heading"},t("slot",{key:"360e15b14fbeeffd01fc55b2e0552bad530a337f"})),t("div",{key:"3b76ff5527eb52c382554f470991a05cbaf8e1e3",class:"description"},t("slot",{key:"4e9f291edeac066abf2d1e416b846b9d1cbee2dc",name:"description"}))),t("div",{key:"ff84e9ce823763b7570109d02b10d3039adefe61",class:"buttons"},t("slot",{key:"36d0cc47a688c23c55d449a8f8e37b6f4be93d23",name:"buttons"}))))}};a.style=n;export{a as af_typography_lockup};
+//# sourceMappingURL=p-6b07f590.entry.js.map

package/dist/affinda/p-6b07f590.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","afTypographyLockupCss","AfTypographyLockup","constructor","hostRef","this","headingSize","breakpoint","textAlignment","buttonAlignment","render","containerClasses","lockup","copyClasses","copy","copyStyle","maxWidth","key","class","style","name"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAwB,+jEAE9B,MAAMC,EAAqB,MACvB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKC,YAAc,EAInBD,KAAKE,WAAa,UAIlBF,KAAKG,cAAgB,OAIrBH,KAAKI,gBAAkB,UAC3B,CACA,MAAAC,GACI,MAAMC,EAAmB,CACrBC,OAAU,KACV,CAAC,QAAQP,KAAKG,iBAAkB,KAChC,CAAC,UAAUH,KAAKI,mBAAoB,MAExC,MAAMI,EAAc,CAChBC,KAAQ,KACR,CAAC,WAAWT,KAAKC,eAAgB,KACjC,CAAC,cAAcD,KAAKE,cAAe,MAEvC,MAAMQ,EAAYV,KAAKW,SAAW,CAAEA,SAAU,GAAGX,KAAKW,cAAiB,CAAC,EACxE,OAAQjB,EAAEC,EAAM,CAAEiB,IAAK,4CAA8ClB,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAOP,GAAoBZ,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAOL,EAAaM,MAAOJ,GAAahB,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAO,WAAanB,EAAE,OAAQ,CAAEkB,IAAK,8CAAgDlB,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAO,eAAiBnB,EAAE,OAAQ,CAAEkB,IAAK,2CAA4CG,KAAM,kBAAoBrB,EAAE,MAAO,CAAEkB,IAAK,2CAA4CC,MAAO,WAAanB,EAAE,OAAQ,CAAEkB,IAAK,2CAA4CG,KAAM,cACntB,GAEJlB,EAAmBiB,MAAQlB,SAElBC","ignoreList":[]}

package/dist/affinda/{p-f79068a7.entry.js → p-8d3b4917.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a}from"./p-DIoXjiux.js";const o=":host{display:block}.swatch{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #ece6f5;background:white}.color-preview{width:100%;height:120px;flex-shrink:0}.size-large .color-preview{height:140px}.color-info{padding:16px;display:flex;flex-direction:column;gap:4px}.color-name{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:500;color:#14343B}.color-value{font-family:'Helvetica', 'Inter', monospace, system-ui, sans-serif;font-size:14px;color:#708380}";const s=class{constructor(a){e(this,a);this.size="default"}render(){return a("div",{key:"57a141b5af5c538c5cf842a61173dd391a91d59b",class:{swatch:true,[`size-${this.size}`]:true},part:"base"},a("div",{key:"505252d9fbfb36df24f1907cd5a30278e55bf268",class:"color-preview",part:"preview",style:{backgroundColor:this.color}}),a("div",{key:"095621914872670c129c23825aa012bbba4e33bb",class:"color-info",part:"info"},a("div",{key:"86b6164f0aed4a938a8faa210651bbc6746dd4f2",class:"color-name",part:"name"},this.name),a("div",{key:"1d533780d3756b119ae36a6e8fa0c2b6b3acb7b4",class:"color-value",part:"value"},this.color)))}};s.style=o;export{s as af_color_swatch};
-//# sourceMappingURL=p-f79068a7.entry.js.map
+import{r as e,h as a}from"./p-DxVtR6vj.js";const o=":host{display:block}.swatch{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #ece6f5;background:white}.color-preview{width:100%;height:120px;flex-shrink:0}.size-large .color-preview{height:140px}.color-info{padding:16px;display:flex;flex-direction:column;gap:4px}.color-name{font-family:'NeuSans', 'Inter', system-ui, sans-serif;font-size:16px;font-weight:500;color:#14343B}.color-value{font-family:'Helvetica', 'Inter', monospace, system-ui, sans-serif;font-size:14px;color:#708380}";const s=class{constructor(a){e(this,a);this.size="default"}render(){return a("div",{key:"57a141b5af5c538c5cf842a61173dd391a91d59b",class:{swatch:true,[`size-${this.size}`]:true},part:"base"},a("div",{key:"505252d9fbfb36df24f1907cd5a30278e55bf268",class:"color-preview",part:"preview",style:{backgroundColor:this.color}}),a("div",{key:"095621914872670c129c23825aa012bbba4e33bb",class:"color-info",part:"info"},a("div",{key:"86b6164f0aed4a938a8faa210651bbc6746dd4f2",class:"color-name",part:"name"},this.name),a("div",{key:"1d533780d3756b119ae36a6e8fa0c2b6b3acb7b4",class:"color-value",part:"value"},this.color)))}};s.style=o;export{s as af_color_swatch};
+//# sourceMappingURL=p-8d3b4917.entry.js.map

package/dist/affinda/{p-ccdcebe9.entry.js → p-9d0e6ed1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as a}from"./p-DIoXjiux.js";const e=":host{display:block;width:100%}.aspect-ratio-container{width:100%;position:relative;overflow:hidden}.aspect-ratio-container ::slotted(*){width:100%;height:100%;object-fit:cover}";const r=class{constructor(a){t(this,a);this.ratio="1:1"}getRatioValue(){const t={"1:1":"1 / 1","1:2":"1 / 2","2:1":"2 / 1","2:3":"2 / 3","3:1":"3 / 1","3:2":"3 / 2","3:4":"3 / 4","4:1":"4 / 1","4:3":"4 / 3","4:5":"4 / 5","5:2":"5 / 2","5:4":"5 / 4","8:3":"8 / 3","8:5":"8 / 5","9:8":"9 / 8","9:16":"9 / 16","9:21":"9 / 21","10:16":"10 / 16","14:3":"14 / 3","16:5":"16 / 5","16:9":"16 / 9","16:10":"16 / 10","21:9":"21 / 9","32:9":"32 / 9","golden-portrait":"1 / 1.618","golden-landscape":"1.618 / 1","golden-portrait-half":"1 / 0.809","golden-landscape-half":"0.809 / 1","a4-portrait":"1 / 1.414","a4-landscape":"1.414 / 1","a4-portrait-half":"1 / 0.707","a4-landscape-half":"0.707 / 1","letter-portrait":"1 / 1.294","letter-landscape":"1.294 / 1","letter-portrait-half":"1 / 0.647","letter-landscape-half":"0.647 / 1","6:7":"6 / 7"};if(t[this.ratio]){return t[this.ratio]}return this.ratio}render(){const t=this.getRatioValue();return a("div",{key:"02bfa5463911ecd25903521e90a0570bb3bca0ad",class:"aspect-ratio-container",style:{aspectRatio:t}},a("slot",{key:"9575c859052e8f1b1b362d9395fdfdf43d46b0b4"}))}};r.style=e;export{r as af_aspect_ratio};
-//# sourceMappingURL=p-ccdcebe9.entry.js.map
+import{r as t,h as a}from"./p-DxVtR6vj.js";const e=":host{display:block;width:100%}.aspect-ratio-container{width:100%;position:relative;overflow:hidden}.aspect-ratio-container ::slotted(*){width:100%;height:100%;object-fit:cover}";const r=class{constructor(a){t(this,a);this.ratio="1:1"}getRatioValue(){const t={"1:1":"1 / 1","1:2":"1 / 2","2:1":"2 / 1","2:3":"2 / 3","3:1":"3 / 1","3:2":"3 / 2","3:4":"3 / 4","4:1":"4 / 1","4:3":"4 / 3","4:5":"4 / 5","5:2":"5 / 2","5:4":"5 / 4","8:3":"8 / 3","8:5":"8 / 5","9:8":"9 / 8","9:16":"9 / 16","9:21":"9 / 21","10:16":"10 / 16","14:3":"14 / 3","16:5":"16 / 5","16:9":"16 / 9","16:10":"16 / 10","21:9":"21 / 9","32:9":"32 / 9","golden-portrait":"1 / 1.618","golden-landscape":"1.618 / 1","golden-portrait-half":"1 / 0.809","golden-landscape-half":"0.809 / 1","a4-portrait":"1 / 1.414","a4-landscape":"1.414 / 1","a4-portrait-half":"1 / 0.707","a4-landscape-half":"0.707 / 1","letter-portrait":"1 / 1.294","letter-landscape":"1.294 / 1","letter-portrait-half":"1 / 0.647","letter-landscape-half":"0.647 / 1","6:7":"6 / 7"};if(t[this.ratio]){return t[this.ratio]}return this.ratio}render(){const t=this.getRatioValue();return a("div",{key:"02bfa5463911ecd25903521e90a0570bb3bca0ad",class:"aspect-ratio-container",style:{aspectRatio:t}},a("slot",{key:"9575c859052e8f1b1b362d9395fdfdf43d46b0b4"}))}};r.style=e;export{r as af_aspect_ratio};
+//# sourceMappingURL=p-9d0e6ed1.entry.js.map

package/dist/affinda/p-DxVtR6vj.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}";var o=Object.defineProperty;var s=(e,t)=>{for(var n in t)o(e,n,{get:t[n],enumerable:true})};var i="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var f=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var a=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var c=(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 u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var p=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const o=e.$;if(!o){return void 0}const s=d.get(o);if(s){return s[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${o}.entry.js${""}`).then((e=>{{d.set(o,e)}return e[r]}),(e=>{v(e,t.$hostElement$)}))};var h=new Map;var m="{visibility:hidden}.hydrated{visibility:inherit}";var b="slot-fb{display:contents}slot-fb[hidden]{display:none}";var y=typeof window!=="undefined"?window:{};var g={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 w=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=$?(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)():false;var j=false;var k=[];var O=[];var x=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&g.o&4){M(E)}else{g.raf(E)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var E=()=>{C(k);{C(O);if(j=k.length>0){g.raf(E)}}};var M=e=>w().then(e);var U=x(O,true);var N=e=>{e=typeof e;return e==="object"||e==="function"};function P(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 z=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var D={};s(D,{err:()=>W,map:()=>A,ok:()=>R,unwrap:()=>L,unwrapErr:()=>H});var R=e=>({isOk:true,isErr:false,value:e});var W=e=>({isOk:false,isErr:true,value:e});function A(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>R(e)))}else{return R(n)}}if(e.isErr){const t=e.value;return W(t)}throw"should never get here"}var L=e=>{if(e.isOk){return e.value}else{throw e.value}};var H=e=>{if(e.isErr){return e.value}else{throw e.value}};function I(e){if(!$)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var T;function F(e){var t;const n=this.attachShadow({mode:"open"});if(T===void 0)T=(t=I(r))!=null?t:null;if(T){if(S){n.adoptedStyleSheets.push(T)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,T]}}}var V=(e,t="")=>{{return()=>{}}};var q=(e,t)=>{{return()=>{}}};var G=new WeakMap;var Y=(e,t,n)=>{let r=h.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}h.set(e,r)};var _=(e,t,n)=>{var r;const o=J(t);const s=h.get(o);if(!y.document){return o}e=e.nodeType===11?e:y.document;if(s){if(typeof s==="string"){e=e.head||e;let n=G.get(e);let i;if(!n){G.set(e,n=new Set)}if(!n.has(o)){{i=y.document.createElement("style");i.innerHTML=s;const n=(r=g.j)!=null?r:P(y.document);if(n!=null){i.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(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(s);if(S){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.o&1){e.insertBefore(i,null)}}if(t.o&4){i.innerHTML+=b}if(n){n.add(o)}}}else if(!e.adoptedStyleSheets.includes(s)){if(S){e.adoptedStyleSheets.push(s)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}}return o};var B=e=>{const t=e.i;const n=e.$hostElement$;const r=t.o;const o=V("attachStyles",t.m);const s=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=s;n.classList.add(s+"-h")}o()};var J=(e,t)=>"sc-"+e.m;var K=(e,t,...n)=>{let r=null;let o=null;let s=false;let i=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(s=typeof e!=="function"&&!N(r)){r=String(r)}if(s&&i){l[l.length-1].k+=r}else{l.push(s?Q(null,r):r)}i=s}}};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,ee)}const a=Q(e,null);a.O=t;if(l.length>0){a.C=l}{a.M=o}return a};var Q=(e,t)=>{const n={o:0,U:e,k:t,N:null,C:null};{n.O=null}{n.M=null}return n};var X={};var Z=e=>e&&e.U===X;var ee={forEach:(e,t)=>e.map(te).forEach(t),map:(e,t)=>e.map(te).map(t).map(ne)};var te=e=>({vattrs:e.O,vchildren:e.C,vkey:e.M,vname:e.P,vtag:e.U,vtext:e.k});var ne=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 K(e.vtag,t,...e.vchildren||[])}const t=Q(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.M=e.vkey;t.P=e.vname;return t};var re=e=>{const t=z(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};re("::slotted");re(":host");re(":host-context");var oe=(e,t,n)=>{if(e!=null&&!N(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var se=(e,t,n)=>{const r=g.ce(t,n);e.dispatchEvent(r);return r};var ie=(e,t,n,r,o,s,i)=>{if(n===r){return}let l=u(e,t);t.toLowerCase();if(t==="class"){const t=e.classList;const o=fe(n);let s=fe(r);{t.remove(...o.filter((e=>e&&!s.includes(e))));t.add(...s.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 i=N(r);if((l||i&&r!==null)&&!o){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||s&4||o)&&!i&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var le=/\s/;var fe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(le)};var ae=(e,t,n,r)=>{const o=t.N.nodeType===11&&t.N.host?t.N.host:t.N;const s=e&&e.O||{};const i=t.O||{};{for(const e of ce(Object.keys(s))){if(!(e in i)){ie(o,e,s[e],void 0,n,t.o)}}}for(const e of ce(Object.keys(i))){ie(o,e,s[e],i[e],n,t.o)}};function ce(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var ve=false;var de=(e,t,n)=>{const r=t.C[n];let o=0;let s;let f;if(r.k!==null){s=r.N=y.document.createTextNode(r.k)}else{if(!ve){ve=r.U==="svg"}if(!y.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.")}s=r.N=y.document.createElementNS(ve?i:l,r.U);if(ve&&r.U==="foreignObject"){ve=false}{ae(null,r,ve)}if(r.C){for(o=0;o<r.C.length;++o){f=de(e,r,o);if(f){s.appendChild(f)}}}{if(r.U==="svg"){ve=false}else if(s.tagName==="foreignObject"){ve=true}}}s["s-hn"]=ue;return s};var pe=(e,t,n,r,o,s)=>{let i=e;let l;if(i.shadowRoot&&i.tagName===ue){i=i.shadowRoot}for(;o<=s;++o){if(r[o]){l=de(null,n,o);if(l){r[o].N=l;ge(i,l,t)}}}};var he=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.N;if(e){e.remove()}}}};var me=(e,t,n,r,o=false)=>{let s=0;let i=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(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if(p==null){p=r[--v]}else if(be(c,d,o)){ye(c,d,o);c=t[++s];d=r[++i]}else if(be(u,p,o)){ye(u,p,o);u=t[--a];p=r[--v]}else if(be(c,p,o)){ye(c,p,o);ge(e,c.N,u.N.nextSibling);c=t[++s];p=r[--v]}else if(be(u,d,o)){ye(u,d,o);ge(e,u.N,c.N);u=t[--a];d=r[++i]}else{l=-1;{for(f=s;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=de(t&&t[i],n,l)}else{ye(m,d,o);t[l]=void 0;h=m.N}d=r[++i]}else{h=de(t&&t[i],n,i);d=r[++i]}if(h){{ge(c.N.parentNode,h,c.N)}}}}if(s>a){pe(e,r[v+1]==null?null:r[v+1].N,n,r,i,v)}else if(i>v){he(t,s,a)}};var be=(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 ye=(e,n,r=false)=>{const o=n.N=e.N;const s=e.C;const i=n.C;const l=n.U;const f=n.k;if(f===null){{ve=l==="svg"?true:l==="foreignObject"?false:ve}{ae(e,n,ve)}if(s!==null&&i!==null){me(o,s,n,i,r)}else if(i!==null){if(e.k!==null){o.textContent=""}pe(o,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){he(s,0,s.length-1)}else;if(ve&&l==="svg"){ve=false}}else if(e.k!==f){o.data=f}};var ge=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var we=(e,t,n=false)=>{const r=e.$hostElement$;const o=e.D||Q(null,null);const s=Z(t);const i=s?t:K(null,null,t);ue=r.tagName;if(n&&i.O){for(const e of Object.keys(i.O)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.O[e]=r[e]}}}i.U=null;i.o|=4;e.D=i;i.N=o.N=r.shadowRoot||r;ye(o,i,n)};var $e=(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 Se=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}$e(e,e.W);const n=()=>je(e,t);if(t){queueMicrotask((()=>{n()}));return}return U(n)};var je=(e,t)=>{const n=e.$hostElement$;const r=V("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 s;if(t){{if(e.h.length){e.h.forEach((e=>e(n)))}}s=Ue(o,"componentWillLoad",void 0,n)}else{s=Ue(o,"componentWillUpdate",void 0,n)}s=ke(s,(()=>Ue(o,"componentWillRender",void 0,n)));r();return ke(s,(()=>xe(e,o,t)))};var ke=(e,t)=>Oe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Oe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var xe=async(e,t,n)=>{var r;const o=e.$hostElement$;const s=V("update",e.i.m);const i=o["s-rc"];if(n){B(e)}const l=V("render",e.i.m);{Ce(e,t,o,n)}if(i){i.map((e=>e()));o["s-rc"]=void 0}l();s();{const t=(r=o["s-p"])!=null?r:[];const n=()=>Ee(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var Ce=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{we(e,t,r)}}}}catch(t){v(t,e.$hostElement$)}return null};var Ee=e=>{const t=e.i.m;const n=e.$hostElement$;const r=V("postUpdate",t);const o=e.t;const s=e.W;Ue(o,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{Ne(n)}Ue(o,"componentDidLoad",void 0,n);r();{e.p(n);if(!s){Me()}}}else{Ue(o,"componentDidUpdate",void 0,n);r()}{if(e.R){e.R();e.R=void 0}if(e.o&512){M((()=>Se(e,false)))}e.o&=-517}};var Me=t=>{M((()=>se(y,"appload",{detail:{namespace:e}})))};var Ue=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e,r)}}return void 0};var Ne=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Pe=(e,t)=>f(e).l.get(t);var ze=(e,t,n,r)=>{const o=f(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 s=o.l.get(t);const i=o.o;const l=o.t;n=oe(n,r.A[t][0]);const a=Number.isNaN(s)&&Number.isNaN(n);const c=n!==s&&!a;if((!(i&8)||s===void 0)&&c){o.l.set(t,n);if(l){if((i&(2|16))===2){if(l.componentShouldUpdate){if(l.componentShouldUpdate(n,s,t)===false){return}}Se(o,false)}}}};var De=(e,n,r)=>{var o,s;const i=e.prototype;if(n.A||t.propChangeCallback){const l=Object.entries((o=n.A)!=null?o:{});l.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:o,set:s}=Object.getOwnPropertyDescriptor(i,e)||{};if(o)n.A[e][0]|=2048;if(s)n.A[e][0]|=4096;if(r&1||!o){Object.defineProperty(i,e,{get(){{if((n.A[e][0]&2048)===0){return Pe(this,e)}const t=f(this);const r=t?t.t:i;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(o){const i=f(this);if(!i){return}if(s){const r=t&32?this[e]:i.$hostElement$[e];if(typeof r==="undefined"&&i.l.get(e)){o=i.l.get(e)}s.apply(this,[oe(o,t)]);o=t&32?this[e]:i.$hostElement$[e];ze(this,e,o,n);return}{if((r&1)===0||(n.A[e][0]&4096)===0){ze(this,e,o,n);if(r&1&&!i.t){i.h.push((()=>{if(n.A[e][0]&4096&&i.t[e]!==i.l.get(e)){i.t[e]=o}}))}return}const s=()=>{const r=i.t[e];if(!i.l.get(e)&&r){i.l.set(e,r)}i.t[e]=oe(o,t);ze(this,e,i.t[e],n)};if(i.t){s()}else{i.h.push((()=>{s()}))}}}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,o,s){g.jmp((()=>{var a;const c=r.get(e);const u=f(this);if(this.hasOwnProperty(c)&&t.lazyLoad){s=this[c];delete this[c]}if(i.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==s){return}else if(c==null){const t=u==null?void 0:u.o;if(u&&t&&!(t&8)&&t&128&&s!==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,s,o,e)}}))}return}const v=l.find((([e])=>e===c));if(v&&v[1][0]&4){s=s===null||s==="false"?false:true}const d=Object.getOwnPropertyDescriptor(i,c);if(s!=this[c]&&(!d.get||!!d.set)){this[c]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.L)!=null?s:{}),...l.filter((([e,t])=>t[0]&31)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Re=async(e,t,n,r)=>{let o;if((t.o&32)===0){t.o|=32;const r=n.$;if(r){const r=p(n,t);if(r&&"then"in r){const e=q();o=await r;e()}else{o=r}if(!o){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!o.isProxied){De(o,n,2);o.isProxied=true}const s=V("createInstance",n.m);{t.o|=8}try{new o(t)}catch(t){v(t,e)}{t.o&=-9}s();We(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=J(n);if(!h.has(t)){const r=V("registerStyles",n.m);Y(t,e,!!(n.o&1));r()}}}const s=t.W;const i=()=>Se(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var We=(e,t)=>{{Ue(e,"connectedCallback",void 0,t)}};var Ae=e=>{if((g.o&1)===0){const t=f(e);if(!t){return}const n=t.i;const r=V("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){$e(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}}))}{Re(e,t,n)}}else{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)))}}r()}};var Le=(e,t)=>{{Ue(e,"disconnectedCallback",void 0,t||e)}};var He=async e=>{if((g.o&1)===0){const t=f(e);if(t==null?void 0:t.t){Le(t.t,e)}else if(t==null?void 0:t.v){t.v.then((()=>Le(t.t,e)))}}if(G.has(e)){G.delete(e)}if(e.shadowRoot&&G.has(e.shadowRoot)){G.delete(e.shadowRoot)}};var Ie=(e,t={})=>{var n;if(!y.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=V();const o=[];const s=t.exclude||[];const i=y.customElements;const l=y.document.head;const a=l.querySelector("meta[charset]");const u=y.document.createElement("style");const v=[];let d;let p=true;Object.assign(g,t);g.S=new URL(t.resourcesUrl||"./",y.document.baseURI).href;let h=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){h=true}{n.A=t[2]}const r=n.m;const l=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,n);if(n.o&1){{if(!e.shadowRoot){F.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=f(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(p){v.push(this)}else{g.jmp((()=>Ae(this)))}}disconnectedCallback(){g.jmp((()=>He(this)));g.raf((()=>{var e;const t=f(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.D)==null?void 0:e.N)instanceof Node&&!t.D.N.isConnected){delete t.D.N}}))}componentOnReady(){var e;return(e=f(this))==null?void 0:e.v}};n.$=e[0];if(!s.includes(r)&&!i.get(r)){o.push(r);i.define(r,De(l,n,1))}}))}));if(o.length>0){if(h){u.textContent+=b}{u.textContent+=o.sort()+m}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=g.j)!=null?n:P(y.document);if(e!=null){u.setAttribute("nonce",e)}l.insertBefore(u,a?a.nextSibling:l.firstChild)}}p=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{g.jmp((()=>d=setTimeout(Me,30)))}}r()};var Te=e=>g.j=e;export{X as H,Ie as b,n as g,K as h,w as p,a as r,Te as s};
+//# sourceMappingURL=p-DxVtR6vj.js.map