@sankhyatronics/sankhya-cms 0.1.18 → 0.3.0

package/dist/chunk-DH53HZPB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/testimonials/Testimonials.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport 'iconify-icon';\n\nimport { chevronIcon } from '../shared/icons';\nimport { buttonResetStyles, cardShellStyles, controlBaseStyles, rootFontFamilyStyles } from '../shared/styles';\nimport { sectionSubtitleStyles, sectionTitleStyles, invertedSectionTextStyles, sectionHeaderStyles, reducedMotionStyles } from '../shared/section-styles';\nimport type { TestimonialsLinkEventDetail } from './TestimonialsEvents';\n\nexport interface TestimonialMetric {\n  /** The figure, e.g. `100M` or `85%`. */\n  value: string;\n  label: string;\n}\n\nexport interface TestimonialItem {\n  id?: string;\n  name?: string;\n  role?: string;\n  company?: string;\n  /** Author photo. */\n  imageSrc?: string;\n  quote?: string;\n  /** Number of stars. Default: 5 for a plain quote card; no stars on a story card (one with a `headline` or `logoSrc`). `0` hides them. */\n  rating?: number;\n  /** Customer logo, shown at the top of the card body. */\n  logoSrc?: string;\n  /** Wide image across the top of the card. */\n  mediaSrc?: string;\n  /** Story headline, e.g. \"Acme gives 100 million users a seamless sign-in\". */\n  headline?: string;\n  /** Key results, shown as large figures. */\n  metrics?: TestimonialMetric[];\n  /** Link to the full story. */\n  href?: string;\n  /** Text of the story link; defaults to the section's `link-label`. */\n  linkLabel?: string;\n}\n\n/**\n * Section heading plus customer quotes or stories. Port of React `Testimonials`.\n *\n * Each card shows whatever its item has: a cover image, the customer logo, a story headline, a\n * quote with star rating, result metrics, the author and a \"See full story\" link. `layout=\"grid\"`\n * (default) lays the cards out in a grid; `layout=\"carousel\"` puts them on one horizontally\n * scrolling, snapping row with previous/next buttons next to the heading — the customer-story\n * carousel of enterprise marketing pages. `action-label`/`action-href` add a section-level link\n * (e.g. \"Explore customer stories\").\n *\n * @fires testimonials-link - Cancelable, before following a story or section link. Detail `{ href }`.\n * @cssprop --st-testimonials-padding - Overrides the section's padding.\n */\n@customElement('st-testimonials')\nexport class Testimonials extends LitElement {\n  static styles = css`\n    ${controlBaseStyles}\n\n    :host {\n      display: block;\n      box-sizing: border-box;\n      /* !important: a page-level reset (e.g. Tailwind Preflight) otherwise zeroes a shadow host's\n         padding; override with --st-testimonials-padding instead. */\n      padding: var(--st-testimonials-padding, var(--st-space-48) var(--st-space-24)) !important;\n      background-color: var(--st-color-subtle);\n      ${rootFontFamilyStyles}\n    }\n\n    :host([inverted]) {\n      background-color: var(--st-color-text-strong);\n    }\n\n    .container {\n      max-width: var(--st-cms-container-max);\n      margin: 0 auto;\n    }\n\n    .header {\n      ${sectionHeaderStyles}\n    }\n\n    .title {\n      ${sectionTitleStyles}\n      margin-bottom: var(--st-space-16);\n      letter-spacing: -0.02em;\n    }\n\n    .subtitle {\n      ${sectionSubtitleStyles}\n      margin: 0 auto;\n    }\n\n    ${invertedSectionTextStyles}\n\n    .grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: var(--st-space-32);\n    }\n\n    .card {\n      ${cardShellStyles}\n      display: flex;\n      flex-direction: column;\n      margin: 0;\n      overflow: hidden;\n      box-shadow: 0 1px 3px var(--st-shadow-color-sm);\n    }\n\n    .media {\n      aspect-ratio: 16 / 9;\n      background: var(--st-color-divider);\n    }\n\n    .media img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.4s ease;\n    }\n\n    .card:hover .media img {\n      transform: scale(1.03);\n    }\n\n    .body {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: var(--st-space-24);\n      padding: var(--st-space-24);\n    }\n\n    .logo {\n      display: block;\n      height: 32px;\n      width: auto;\n      max-width: 60%;\n      object-fit: contain;\n      object-position: left center;\n    }\n\n    .headline {\n      margin: 0;\n      font-size: var(--st-text-xl);\n      font-weight: var(--st-font-weight-semibold);\n      line-height: 1.35;\n      color: var(--st-color-text-strong);\n    }\n\n    .stars {\n      display: flex;\n      gap: var(--st-space-4);\n      color: var(--st-favorite-accent);\n      font-size: var(--st-size-20);\n    }\n\n    .quote {\n      font-size: var(--st-text-md);\n      line-height: 1.6;\n      color: var(--st-color-text);\n      font-style: italic;\n      margin: 0;\n    }\n\n    .metrics {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--st-space-16) var(--st-space-32);\n      margin: 0;\n      padding-top: var(--st-space-16);\n      border-top: 1px solid var(--st-color-border);\n    }\n\n    .metric {\n      display: flex;\n      flex-direction: column-reverse;\n      min-width: 6rem;\n    }\n\n    .metric dt {\n      font-size: var(--st-text-sm);\n      color: var(--st-color-text-muted);\n      line-height: 1.4;\n    }\n\n    .metric dd {\n      margin: 0;\n      font-size: var(--st-cms-text-4xl);\n      font-weight: var(--st-font-weight-bold);\n      letter-spacing: -0.02em;\n      line-height: 1.1;\n      color: var(--st-color-text-strong);\n    }\n\n    .author {\n      display: flex;\n      align-items: center;\n      gap: var(--st-space-12);\n      margin-top: auto;\n    }\n\n    .avatar {\n      width: var(--st-space-48);\n      height: var(--st-space-48);\n      border-radius: var(--st-radius-circle);\n      object-fit: cover;\n      background-color: var(--st-color-divider);\n      flex-shrink: 0;\n    }\n\n    .avatar-placeholder {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--st-color-text-muted);\n      font-weight: var(--st-font-weight-semibold);\n      font-size: var(--st-text-xl);\n    }\n\n    .author-info {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .name {\n      font-weight: var(--st-font-weight-semibold);\n      color: var(--st-color-text-strong);\n      font-size: var(--st-text-xl);\n    }\n\n    .role {\n      font-size: var(--st-text-sm);\n      color: var(--st-color-text-faint);\n    }\n\n    .link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--st-space-8);\n      margin-top: auto;\n      font-weight: var(--st-font-weight-semibold);\n      color: var(--st-color-text-strong);\n      text-decoration: none;\n    }\n\n    .author + .link {\n      margin-top: 0;\n    }\n\n    .link:hover {\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .link svg {\n      transition: transform 0.2s ease;\n    }\n\n    .link:hover svg {\n      transform: translateX(3px);\n    }\n\n    /* ---- layout=\"carousel\" ---- */\n\n    :host([layout='carousel']) .header {\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: var(--st-space-24);\n      text-align: left;\n      margin-bottom: var(--st-space-32);\n    }\n\n    :host([layout='carousel']) .subtitle {\n      margin: 0;\n    }\n\n    .controls {\n      display: flex;\n      align-items: center;\n      gap: var(--st-space-12);\n      flex: none;\n    }\n\n    .section-link {\n      margin-right: var(--st-space-12);\n    }\n\n    :host([inverted]) .section-link {\n      color: var(--st-color-on-solid);\n    }\n\n    .arrow {\n      ${buttonResetStyles}\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--st-size-40);\n      height: var(--st-size-40);\n      border-radius: var(--st-radius-circle);\n      border: 1px solid var(--st-color-border-strong);\n      color: var(--st-color-text-strong);\n      background: var(--st-color-surface);\n      transition:\n        background 0.2s ease,\n        opacity 0.2s ease;\n    }\n\n    .arrow:hover:not(:disabled) {\n      background: var(--st-color-hover);\n    }\n\n    .arrow:disabled {\n      opacity: 0.4;\n      cursor: default;\n    }\n\n    .track {\n      display: flex;\n      gap: var(--st-space-24);\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      scrollbar-width: none;\n      /* Room for the cards' shadow and focus rings. */\n      padding: var(--st-space-4) var(--st-space-4) var(--st-space-12);\n      margin: calc(-1 * var(--st-space-4));\n    }\n\n    .track::-webkit-scrollbar {\n      display: none;\n    }\n\n    .track > .card {\n      flex: 0 0 min(380px, 85%);\n      scroll-snap-align: start;\n    }\n\n    /* The section link sits under the grid; in the carousel it is next to the arrows instead, and\n       only drops below the row on a narrow screen. */\n    .section-footer {\n      margin-top: var(--st-space-32);\n      text-align: center;\n    }\n\n    :host([inverted]) .section-footer .link {\n      color: var(--st-color-on-solid);\n    }\n\n    :host([layout='carousel']) .section-footer {\n      margin-top: 0;\n      text-align: left;\n    }\n\n    .footer-link {\n      display: none;\n    }\n\n    @media (max-width: 768px) {\n      :host {\n        padding: var(--st-testimonials-padding, var(--st-space-40) var(--st-space-20)) !important;\n      }\n      .grid {\n        grid-template-columns: 1fr;\n      }\n      :host([layout='carousel']) .header {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      .section-link {\n        display: none;\n      }\n      .footer-link {\n        display: inline-flex;\n        margin-top: var(--st-space-24);\n      }\n    }\n\n    ${reducedMotionStyles}\n    @media (prefers-reduced-motion: reduce) {\n      .track {\n        scroll-behavior: auto;\n      }\n    }\n  `;\n\n  @property({ type: String })\n  title = '';\n\n  @property({ type: String })\n  subtitle = '';\n\n  @property({ attribute: false })\n  items: TestimonialItem[] = [];\n\n  @property({ type: Boolean, reflect: true })\n  inverted = false;\n\n  /** `grid` (default) or `carousel`: one scrolling row with previous/next buttons. */\n  @property({ type: String, reflect: true })\n  layout: 'grid' | 'carousel' = 'grid';\n\n  /** Default text of each card's story link. */\n  @property({ type: String, attribute: 'link-label' })\n  linkLabel = 'See full story';\n\n  /** Section-level link text, e.g. \"Explore customer stories\". */\n  @property({ type: String, attribute: 'action-label' })\n  actionLabel = '';\n\n  @property({ type: String, attribute: 'action-href' })\n  actionHref = '';\n\n  @state() private atStart = true;\n  @state() private atEnd = false;\n\n  private get track(): HTMLElement | null {\n    return this.renderRoot.querySelector('.track');\n  }\n\n  private resizeObserver?: ResizeObserver;\n\n  protected updated(changed: Map<string, unknown>): void {\n    if (changed.has('layout') || changed.has('items')) {\n      this.resizeObserver?.disconnect();\n      const track = this.track;\n      if (track) {\n        this.resizeObserver = new ResizeObserver(this.syncArrows);\n        this.resizeObserver.observe(track);\n      }\n      this.syncArrows();\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  private syncArrows = (): void => {\n    const track = this.track;\n    if (!track) return;\n    this.atStart = track.scrollLeft <= 1;\n    this.atEnd = track.scrollLeft + track.clientWidth >= track.scrollWidth - 1;\n  };\n\n  private scrollByCard(direction: 1 | -1): void {\n    const track = this.track;\n    const card = track?.querySelector<HTMLElement>('.card');\n    if (!track || !card) return;\n    const gap = parseFloat(getComputedStyle(track).columnGap) || 0;\n    track.scrollBy({ left: direction * (card.offsetWidth + gap) });\n  }\n\n  private onLinkClick(event: MouseEvent, href: string): void {\n    const link = new CustomEvent<TestimonialsLinkEventDetail>('testimonials-link', {\n      detail: { href },\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    });\n    this.dispatchEvent(link);\n    if (link.defaultPrevented) event.preventDefault();\n  }\n\n  private renderLink(label: string, href: string, className: string, part: string) {\n    return html`<a class=\"link ${className}\" part=${part} href=${href} @click=${(event: MouseEvent) => this.onLinkClick(event, href)}>\n      ${label} ${chevronIcon('right', 14)}\n    </a>`;\n  }\n\n  private renderItem(item: TestimonialItem) {\n    const story = !!(item.headline || item.logoSrc);\n    const rating = item.rating ?? (item.quote && !story ? 5 : 0);\n    const metrics = item.metrics ?? [];\n    return html`\n      <article class=\"card\" part=\"card\">\n        ${item.mediaSrc ? html`<div class=\"media\" part=\"media\"><img src=${item.mediaSrc} alt=\"\" loading=\"lazy\" /></div>` : nothing}\n        <div class=\"body\" part=\"body\">\n          ${item.logoSrc ? html`<img class=\"logo\" part=\"logo\" src=${item.logoSrc} alt=${item.company || item.name || ''} />` : nothing}\n          ${item.headline ? html`<h3 class=\"headline\" part=\"headline\">${item.headline}</h3>` : nothing}\n          ${rating > 0\n            ? html`<div class=\"stars\" part=\"stars\" role=\"img\" aria-label=\"${rating} / 5\">\n                ${Array.from({ length: rating }, () => html`<iconify-icon icon=\"mdi:star\"></iconify-icon>`)}\n              </div>`\n            : nothing}\n          ${item.quote ? html`<blockquote class=\"quote\" part=\"quote\">\"${item.quote}\"</blockquote>` : nothing}\n          ${metrics.length\n            ? html`<dl class=\"metrics\" part=\"metrics\">\n                ${metrics.map(metric => html`<div class=\"metric\"><dt>${metric.label}</dt><dd>${metric.value}</dd></div>`)}\n              </dl>`\n            : nothing}\n          ${item.name\n            ? html`<div class=\"author\" part=\"author\">\n                ${item.imageSrc\n                  ? html`<img class=\"avatar\" part=\"avatar\" src=${item.imageSrc} alt=${item.name} />`\n                  : html`<div class=\"avatar avatar-placeholder\" part=\"avatar\">${item.name.charAt(0)}</div>`}\n                <span class=\"author-info\">\n                  <span class=\"name\" part=\"name\">${item.name}</span>\n                  ${item.role || item.company\n                    ? html`<span class=\"role\" part=\"role\">${[item.role, item.company].filter(Boolean).join(' at ')}</span>`\n                    : nothing}\n                </span>\n              </div>`\n            : nothing}\n          ${item.href ? this.renderLink(item.linkLabel || this.linkLabel, item.href, '', 'link') : nothing}\n        </div>\n      </article>\n    `;\n  }\n\n  render() {\n    const carousel = this.layout === 'carousel';\n    const sectionLink = this.actionLabel && this.actionHref;\n    return html`\n      <div class=\"container\" part=\"container\">\n        <div class=\"header\" part=\"header\">\n          <div>\n            <h2 class=\"title\" part=\"title\">${this.title}</h2>\n            ${this.subtitle ? html`<p class=\"subtitle\" part=\"subtitle\">${this.subtitle}</p>` : nothing}\n          </div>\n          ${carousel\n            ? html`<div class=\"controls\" part=\"controls\">\n                ${sectionLink ? this.renderLink(this.actionLabel, this.actionHref, 'section-link', 'action') : nothing}\n                <button class=\"arrow\" part=\"arrow prev\" type=\"button\" aria-label=\"Previous\" ?disabled=${this.atStart} @click=${() => this.scrollByCard(-1)}>\n                  ${chevronIcon('left', 16)}\n                </button>\n                <button class=\"arrow\" part=\"arrow next\" type=\"button\" aria-label=\"Next\" ?disabled=${this.atEnd} @click=${() => this.scrollByCard(1)}>\n                  ${chevronIcon('right', 16)}\n                </button>\n              </div>`\n            : nothing}\n        </div>\n        ${carousel\n          ? html`<div class=\"track\" part=\"track\" role=\"region\" aria-label=${this.title || 'Stories'} tabindex=\"0\" @scroll=${this.syncArrows}>\n              ${this.items.map(item => this.renderItem(item))}\n            </div>`\n          : html`<div class=\"grid\" part=\"grid\">${this.items.map(item => this.renderItem(item))}</div>`}\n        ${sectionLink\n          ? html`<div class=\"section-footer\">${this.renderLink(this.actionLabel, this.actionHref, carousel ? 'footer-link' : '', 'action')}</div>`\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],"mappings":"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AAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAkMf,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAqFnB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA9Uf,aA+UX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAjVf,aAkVX;AAGA;AAAA,EADC,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GApVnB,aAqVX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAvV/B,aAwVX;AAIA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GA3V9B,aA4VX;AAIA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,aAAa,CAAC;AAAA,GA/VxC,aAgWX;AAIA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,eAAe,CAAC;AAAA,GAnW1C,aAoWX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,cAAc,CAAC;AAAA,GAtWzC,aAuWX;AAEiB;AAAA,EAAhB,MAAM;AAAA,GAzWI,aAyWM;AACA;AAAA,EAAhB,MAAM;AAAA,GA1WI,aA0WM;AA1WN,eAAN;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB;","names":[]}

package/dist/chunk-EMCQBT3S.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/carousel/Carousel.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { buttonResetStyles, controlBaseStyles } from '../shared/styles';\nimport { reducedMotionStyles } from '../shared/section-styles';\nimport type { CarouselChangeEventDetail } from './CarouselEvents';\n\n/**\n * Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\n * dot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\n * of the source's framer-motion spring), or fades in with `transition=\"fade\"`. Autoplay pauses\n * while hovered (unless `pause-on-hover` is turned off, e.g. for a full-screen hero the pointer\n * nearly always rests on) or focused, and stops when the element is disconnected; a paused slide\n * keeps the time it had left.\n *\n * `indicator-style=\"tabs\"` replaces the dots with a row of labelled tabs along the bottom, each\n * with a progress bar that fills while its slide is showing, plus a pause button — the tabbed hero\n * carousel layout (put `st-hero`s in it). Tab labels come from `tab-labels`, else each slide's\n * `data-tab-label` attribute, else its `title`.\n *\n * @fires carousel-change - Detail `{ index }`, when the visible slide changes.\n * @cssprop --st-carousel-tab-color - Tab text and progress colour (default: light, for slides with a dark image).\n * @cssprop --st-carousel-tabs-space - Room kept free under each slide's content for the tabs (default `6rem`).\n * @csspart tabs - The tab row.\n * @csspart tab - One tab button.\n * @csspart progress - A tab's progress bar.\n */\n@customElement('st-carousel')\nexport class Carousel extends LitElement {\n  static styles = css`\n    ${controlBaseStyles}\n\n    :host {\n      display: block;\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    ::slotted(*) {\n      display: none !important;\n    }\n\n    ::slotted([data-st-active]) {\n      display: block !important;\n      animation: st-carousel-in-next 0.4s ease both;\n    }\n\n    :host([data-direction='prev']) ::slotted([data-st-active]) {\n      animation-name: st-carousel-in-prev;\n    }\n\n    :host([transition='fade']) ::slotted([data-st-active]),\n    :host([transition='fade'][data-direction]) ::slotted([data-st-active]) {\n      animation: st-carousel-fade 0.7s ease both;\n    }\n\n    @keyframes st-carousel-in-next {\n      from {\n        transform: translateX(10%);\n        opacity: 0;\n      }\n      to {\n        transform: none;\n        opacity: 1;\n      }\n    }\n\n    @keyframes st-carousel-in-prev {\n      from {\n        transform: translateX(-10%);\n        opacity: 0;\n      }\n      to {\n        transform: none;\n        opacity: 1;\n      }\n    }\n\n    @keyframes st-carousel-fade {\n      from {\n        opacity: 0;\n      }\n      to {\n        opacity: 1;\n      }\n    }\n\n    .nav {\n      ${buttonResetStyles}\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 10;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--st-size-38);\n      height: var(--st-size-38);\n      border-radius: var(--st-radius-circle);\n      border: 1px solid var(--st-color-border);\n      background: var(--st-color-surface);\n      color: var(--st-color-text-strong);\n      font-size: var(--st-text-xl);\n      opacity: 0.8;\n      transition:\n        opacity 0.3s ease,\n        transform 0.3s ease;\n    }\n\n    .nav:hover {\n      opacity: 1;\n      transform: translateY(-50%) scale(1.1);\n    }\n\n    .prev {\n      left: var(--st-space-12);\n    }\n\n    .next {\n      right: var(--st-space-12);\n    }\n\n    .indicators {\n      position: absolute;\n      bottom: var(--st-space-24);\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 10;\n      display: flex;\n      gap: var(--st-space-12);\n    }\n\n    .dot {\n      ${buttonResetStyles}\n      width: var(--st-space-12);\n      height: var(--st-space-12);\n      padding: 0;\n      border-radius: var(--st-radius-circle);\n      background: var(--st-color-border-strong);\n      transition:\n        background 0.3s ease,\n        transform 0.3s ease;\n    }\n\n    .dot:hover {\n      background: var(--st-color-text-muted);\n    }\n\n    .dot.active {\n      background: var(--st-color-text-strong);\n      transform: scale(1.2);\n    }\n\n    /* ---- indicator-style=\"tabs\" ---- */\n\n    :host([indicator-style='tabs']) ::slotted(*) {\n      padding-bottom: var(--st-carousel-tabs-space, 6rem);\n    }\n\n    .tabs {\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 10;\n      color: var(--st-carousel-tab-color, var(--st-color-on-solid));\n    }\n\n    .tabs-inner {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--st-space-24);\n      max-width: var(--st-cms-container-max);\n      margin: 0 auto;\n      box-sizing: border-box;\n      padding: 0 var(--st-space-24) var(--st-space-24);\n    }\n\n    .tablist {\n      flex: 1;\n      display: grid;\n      grid-auto-flow: column;\n      grid-auto-columns: minmax(0, 1fr);\n      gap: var(--st-space-24);\n    }\n\n    .tab {\n      ${buttonResetStyles}\n      display: flex;\n      flex-direction: column;\n      gap: var(--st-space-12);\n      padding: var(--st-space-12) 0;\n      color: inherit;\n      text-align: left;\n      font-size: var(--st-text-base);\n      font-weight: var(--st-font-weight-semibold);\n      line-height: 1.3;\n      opacity: 0.7;\n      transition: opacity 0.2s ease;\n    }\n\n    .tab:hover,\n    .tab.active {\n      opacity: 1;\n    }\n\n    .tab:focus-visible,\n    .play:focus-visible {\n      outline: 2px solid currentColor;\n      outline-offset: 4px;\n    }\n\n    .progress {\n      position: relative;\n      display: block;\n      height: 3px;\n      border-radius: 2px;\n      overflow: hidden;\n      background: color-mix(in oklch, currentColor 30%, transparent);\n    }\n\n    .fill {\n      position: absolute;\n      inset: 0;\n      background: currentColor;\n      transform: scaleX(0);\n      transform-origin: left center;\n    }\n\n    .tab.active .fill {\n      transform: scaleX(1);\n    }\n\n    .tab.active.running .fill {\n      animation: st-carousel-progress var(--st-carousel-interval, 5000ms) linear both;\n    }\n\n    :host([data-paused]) .tab.active.running .fill {\n      animation-play-state: paused;\n    }\n\n    @keyframes st-carousel-progress {\n      from {\n        transform: scaleX(0);\n      }\n      to {\n        transform: scaleX(1);\n      }\n    }\n\n    .play {\n      ${buttonResetStyles}\n      flex: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: var(--st-size-32);\n      height: var(--st-size-32);\n      margin-top: var(--st-space-4);\n      border-radius: var(--st-radius-circle);\n      color: inherit;\n      box-shadow: inset 0 0 0 1.5px color-mix(in oklch, currentColor 60%, transparent);\n    }\n\n    .play:hover {\n      background: color-mix(in oklch, currentColor 15%, transparent);\n    }\n\n    .tab-current {\n      display: none;\n    }\n\n    @media (max-width: 768px) {\n      .tablist {\n        gap: var(--st-space-8);\n      }\n\n      .tab-label {\n        display: none;\n      }\n\n      .tab-current {\n        display: block;\n        margin: 0 0 var(--st-space-4);\n        font-size: var(--st-text-base);\n        font-weight: var(--st-font-weight-semibold);\n      }\n\n      .tabs-inner {\n        flex-wrap: wrap;\n        align-items: center;\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .tabs-inner {\n        padding: 0 var(--st-space-32) var(--st-space-32);\n      }\n    }\n\n    ${reducedMotionStyles}\n    @media (prefers-reduced-motion: reduce) {\n      ::slotted([data-st-active]) {\n        animation: none;\n      }\n      .tab.active.running .fill {\n        animation: none;\n      }\n    }\n  `;\n\n  @property({ type: Boolean, attribute: 'auto-play' })\n  autoPlay = true;\n\n  /** Autoplay delay in milliseconds. */\n  @property({ type: Number })\n  interval = 5000;\n\n  /** Pause autoplay while the pointer is over the carousel. Turn off for a hero that fills the\n   * screen; the tabs' pause button and keyboard focus still pause it. */\n  @property({ type: Boolean, attribute: 'pause-on-hover' })\n  pauseOnHover = true;\n\n  @property({ type: Boolean, attribute: 'show-arrows' })\n  showArrows = true;\n\n  @property({ type: Boolean, attribute: 'show-indicators' })\n  showIndicators = true;\n\n  /** `dots` (default) or `tabs`: labelled tabs with progress bars along the bottom. */\n  @property({ type: String, reflect: true, attribute: 'indicator-style' })\n  indicatorStyle: 'dots' | 'tabs' = 'dots';\n\n  /** `slide` (default) or `fade`. */\n  @property({ type: String, reflect: true })\n  transition: 'slide' | 'fade' = 'slide';\n\n  /** Tab labels, one per slide, for `indicator-style=\"tabs\"`. Missing entries fall back to the slide's `data-tab-label`, then its `title`. */\n  @property({ attribute: false })\n  tabLabels: string[] = [];\n\n  @state() private index = 0;\n  @state() private count = 0;\n  @state() private slideLabels: string[] = [];\n  /** Paused with the pause button; stays paused until the button is pressed again. */\n  @state() private userPaused = false;\n  /** Paused while hovered or focused. */\n  private paused = false;\n  private timer?: ReturnType<typeof setTimeout>;\n  /** Time left on the current slide, so a pause resumes where it stopped. */\n  private remaining = 0;\n  private startedAt = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('mouseenter', this.pauseOnEnter);\n    this.addEventListener('mouseleave', this.resume);\n    this.addEventListener('focusin', this.pause);\n    this.addEventListener('focusout', this.resume);\n  }\n\n  disconnectedCallback() {\n    this.stopTimer();\n    this.removeEventListener('mouseenter', this.pauseOnEnter);\n    this.removeEventListener('mouseleave', this.resume);\n    this.removeEventListener('focusin', this.pause);\n    this.removeEventListener('focusout', this.resume);\n    super.disconnectedCallback();\n  }\n\n  protected willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('interval')) this.style.setProperty('--st-carousel-interval', `${this.interval}ms`);\n  }\n\n  protected updated(changed: Map<string, unknown>) {\n    if (changed.has('index') || changed.has('count') || changed.has('indicatorStyle') || changed.has('tabLabels')) this.syncSlides();\n    if (changed.has('autoPlay') || changed.has('interval') || changed.has('count')) this.restartTimer();\n  }\n\n  private get halted(): boolean {\n    return this.paused || this.userPaused;\n  }\n\n  /** Applies a pause-state change, freezing or resuming the timer (and the tab progress bar). */\n  private hold(update: () => void) {\n    const was = this.halted;\n    update();\n    const now = this.halted;\n    if (was === now) return;\n    this.toggleAttribute('data-paused', now);\n    if (now) {\n      if (this.timer !== undefined) this.remaining -= performance.now() - this.startedAt;\n      this.stopTimer();\n    } else {\n      this.startTimer();\n    }\n  }\n\n  private pause = () => this.hold(() => (this.paused = true));\n\n  private pauseOnEnter = () => {\n    if (this.pauseOnHover) this.pause();\n  };\n\n  private resume = () => this.hold(() => (this.paused = false));\n\n  private togglePlay = () => this.hold(() => (this.userPaused = !this.userPaused));\n\n  private get slides(): Element[] {\n    return this.shadowRoot?.querySelector('slot')?.assignedElements({ flatten: true }) ?? [];\n  }\n\n  private labelFor(i: number): string {\n    return this.tabLabels[i] || this.slideLabels[i] || `Slide ${i + 1}`;\n  }\n\n  private syncSlides() {\n    const tabs = this.indicatorStyle === 'tabs';\n    this.slides.forEach((el, i) => {\n      el.toggleAttribute('data-st-active', i === this.index);\n      if (tabs) {\n        el.setAttribute('role', 'tabpanel');\n        el.setAttribute('aria-label', this.labelFor(i));\n      } else if (el.getAttribute('role') === 'tabpanel') {\n        el.removeAttribute('role');\n        el.removeAttribute('aria-label');\n      }\n    });\n  }\n\n  private onSlotChange() {\n    const slides = this.slides;\n    this.count = slides.length;\n    this.slideLabels = slides.map(el => (el as HTMLElement).dataset.tabLabel || (el as HTMLElement).title || '');\n    if (this.index >= this.count) this.index = 0;\n    this.syncSlides();\n  }\n\n  private stopTimer() {\n    if (this.timer !== undefined) clearTimeout(this.timer);\n    this.timer = undefined;\n  }\n\n  private startTimer() {\n    this.stopTimer();\n    if (!this.autoPlay || this.count < 2 || this.halted) return;\n    this.startedAt = performance.now();\n    this.timer = setTimeout(() => this.go(this.index + 1, 'next'), Math.max(0, this.remaining));\n  }\n\n  private restartTimer() {\n    this.remaining = this.interval;\n    this.startTimer();\n  }\n\n  private go(target: number, direction: 'next' | 'prev') {\n    if (this.count === 0) return;\n    this.setAttribute('data-direction', direction);\n    this.index = (target + this.count) % this.count;\n    this.dispatchEvent(\n      new CustomEvent<CarouselChangeEventDetail>('carousel-change', {\n        detail: { index: this.index },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n    this.restartTimer();\n  }\n\n  private onTabKeydown(event: KeyboardEvent) {\n    const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];\n    let target: number | undefined;\n    if (step !== undefined) target = this.index + step;\n    else if (event.key === 'Home') target = 0;\n    else if (event.key === 'End') target = this.count - 1;\n    if (target === undefined) return;\n    event.preventDefault();\n    this.go(target, step === -1 || target < this.index ? 'prev' : 'next');\n    void this.updateComplete.then(() => this.renderRoot.querySelector<HTMLElement>('.tab.active')?.focus());\n  }\n\n  private renderTabs() {\n    const running = this.autoPlay && this.count > 1;\n    return html`<div class=\"tabs\" part=\"tabs\">\n      <div class=\"tabs-inner\">\n        <p class=\"tab-current\" aria-hidden=\"true\">${this.labelFor(this.index)}</p>\n        <div class=\"tablist\" role=\"tablist\" aria-label=\"Slides\" @keydown=${this.onTabKeydown}>\n          ${Array.from({ length: this.count }, (_, i) => {\n            const active = i === this.index;\n            return html`\n              <button\n                part=\"tab\"\n                type=\"button\"\n                role=\"tab\"\n                class=\"tab ${active ? 'active' : ''} ${running ? 'running' : ''}\"\n                aria-selected=${active ? 'true' : 'false'}\n                tabindex=${active ? 0 : -1}\n                @click=${() => active || this.go(i, i > this.index ? 'next' : 'prev')}\n              >\n                <span class=\"progress\" part=\"progress\"><span class=\"fill\"></span></span>\n                <span class=\"tab-label\">${this.labelFor(i)}</span>\n              </button>\n            `;\n          })}\n        </div>\n        ${running\n          ? html`<button\n              part=\"play-button\"\n              type=\"button\"\n              class=\"play\"\n              aria-label=${this.userPaused ? 'Play slides' : 'Pause slides'}\n              @click=${this.togglePlay}\n            >\n              ${this.userPaused\n                ? html`<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M3 1.5v9l7.5-4.5z\" fill=\"currentColor\" /></svg>`\n                : html`<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M2.5 1.5h2.5v9H2.5zM7 1.5h2.5v9H7z\" fill=\"currentColor\" /></svg>`}\n            </button>`\n          : nothing}\n      </div>\n    </div>`;\n  }\n\n  private renderDots() {\n    return html`<div class=\"indicators\" part=\"indicators\">\n      ${Array.from(\n        { length: this.count },\n        (_, i) => html`\n          <button\n            part=\"dot\"\n            class=\"dot ${i === this.index ? 'active' : ''}\"\n            aria-label=\"Go to slide ${i + 1}\"\n            aria-current=${i === this.index ? 'true' : 'false'}\n            @click=${() => this.go(i, i > this.index ? 'next' : 'prev')}\n          ></button>\n        `,\n      )}\n    </div>`;\n  }\n\n  render() {\n    const multiple = this.count > 1;\n    return html`\n      <slot @slotchange=${this.onSlotChange}></slot>\n      ${this.showArrows && multiple\n        ? html`\n            <button part=\"nav-button prev\" class=\"nav prev\" aria-label=\"Previous Slide\" @click=${() => this.go(this.index - 1, 'prev')}>&#10094;</button>\n            <button part=\"nav-button next\" class=\"nav next\" aria-label=\"Next Slide\" @click=${() => this.go(this.index + 1, 'next')}>&#10095;</button>\n          `\n        : nothing}\n      ${this.showIndicators && multiple ? (this.indicatorStyle === 'tabs' ? this.renderTabs() : this.renderDots()) : nothing}\n    `;\n  }\n}\n"],"mappings":"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A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA2Df,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA6CjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsDjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAgEjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAiDnB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,YAAY,CAAC;AAAA,GA5RxC,SA6RX;AAIA;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAhSf,SAiSX;AAKA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,iBAAiB,CAAC;AAAA,GArS7C,SAsSX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,cAAc,CAAC;AAAA,GAxS1C,SAySX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,WAAW,kBAAkB,CAAC;AAAA,GA3S9C,SA4SX;AAIA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM,WAAW,kBAAkB,CAAC;AAAA,GA/S5D,SAgTX;AAIA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAnT9B,SAoTX;AAIA;AAAA,EADC,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GAvTnB,SAwTX;AAEiB;AAAA,EAAhB,MAAM;AAAA,GA1TI,SA0TM;AACA;AAAA,EAAhB,MAAM;AAAA,GA3TI,SA2TM;AACA;AAAA,EAAhB,MAAM;AAAA,GA5TI,SA4TM;AAEA;AAAA,EAAhB,MAAM;AAAA,GA9TI,SA8TM;AA9TN,WAAN;AAAA,EADN,cAAc,aAAa;AAAA,GACf;","names":[]}

package/dist/chunk-FLY7TNRT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/features-section/FeaturesSection.ts","../src/features-section/FeatureItem.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { controlBaseStyles, fontFamilyStyles } from '../shared/styles';\nimport { sectionSubtitleStyles, sectionTitleStyles, sectionHeaderStyles } from '../shared/section-styles';\nimport './FeatureItem';\n\n/** Data for one tile when using the `items` property (mirrors `st-feature-item`'s properties). */\nexport interface FeatureItemData {\n  icon?: string;\n  title: string;\n  description: string;\n  href?: string;\n}\n\n/**\n * A titled grid of feature tiles. Ports `SankhyaUI`'s React `FeaturesSection`: tiles come from the\n * `items` property, from slotted `st-feature-item` elements (the source's `children`), or both\n * (slotted first). `columns` sets the grid width (default 2; one column below 768px). `inverted`\n * is passed on to the `items` tiles; slotted tiles need their own `inverted` attribute.\n *\n * @cssprop --st-features-section-padding - Overrides the section's padding.\n */\n@customElement('st-features-section')\nexport class FeaturesSection extends LitElement {\n  static styles = css`\n    ${controlBaseStyles}\n\n    :host {\n      display: block;\n      ${fontFamilyStyles}\n      /* !important: a page-level reset (e.g. Tailwind Preflight) otherwise zeroes a shadow host's\n         padding; override with --st-features-section-padding instead. */\n      padding: var(--st-features-section-padding, var(--st-cms-section-padding) var(--st-space-24)) !important;\n      background: var(--st-color-surface);\n    }\n\n    :host([inverted]) {\n      background: var(--st-color-text-strong);\n    }\n\n    .container {\n      max-width: var(--st-cms-container-max);\n      margin: 0 auto;\n    }\n\n    .header {\n      ${sectionHeaderStyles}\n    }\n\n    .title {\n      ${sectionTitleStyles}\n      margin: 0;\n    }\n\n    .subtitle {\n      ${sectionSubtitleStyles}\n      margin: 0 auto;\n    }\n\n    :host([inverted]) .title,\n    :host([inverted]) .subtitle {\n      color: var(--st-color-on-solid);\n    }\n\n    .grid {\n      display: grid;\n      grid-template-columns: repeat(var(--features-columns, 2), 1fr);\n      gap: var(--st-space-32);\n    }\n\n    @media (max-width: 768px) {\n      :host {\n        padding: var(--st-features-section-padding, var(--st-space-48) var(--st-space-16)) !important;\n      }\n\n      .grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  `;\n\n  @property({ type: String })\n  title = '';\n\n  @property({ type: String })\n  subtitle = '';\n\n  /** Applied to every tile built from `items`. */\n  @property({ type: String, attribute: 'action-label' })\n  actionLabel = 'Learn more';\n\n  @property({ type: Number })\n  columns = 0;\n\n  @property({ type: Boolean, reflect: true })\n  inverted = false;\n\n  /** Tiles to render (property only). */\n  @property({ attribute: false })\n  items: FeatureItemData[] = [];\n\n  render() {\n    const gridStyle = this.columns ? `--features-columns: ${this.columns}` : nothing;\n    return html`\n      <section class=\"container\" part=\"container\">\n        <div class=\"header\" part=\"header\">\n          <div class=\"title\" part=\"title\">${this.title}</div>\n          ${this.subtitle ? html`<div class=\"subtitle\" part=\"subtitle\">${this.subtitle}</div>` : nothing}\n        </div>\n        <div class=\"grid\" part=\"grid\" style=${gridStyle}>\n          <slot></slot>\n          ${this.items.map(\n            (item) => html`\n              <st-feature-item\n                .icon=${item.icon ?? ''}\n                .title=${item.title}\n                .description=${item.description}\n                .href=${item.href ?? ''}\n                .actionLabel=${this.actionLabel}\n                ?inverted=${this.inverted}\n              ></st-feature-item>\n            `\n          )}\n        </div>\n      </section>\n    `;\n  }\n}\n","import { LitElement, css, html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport 'iconify-icon';\n\nimport { controlBaseStyles, fontFamilyStyles } from '../shared/styles';\nimport { cardDescriptionStyles, cardTitleStyles } from '../shared/section-styles';\nimport '../card';\nimport '../markdown';\n\n/**\n * One feature tile for `st-features-section`: optional icon, title, Markdown description and an\n * optional \"Learn more\" link, rendered on an `st-card`. `icon` is an Iconify name (e.g.\n * `mdi:rocket`). The link is a plain `<a>` (the source used react-router's `Link` for non-http\n * hrefs; there is no Lit equivalent). The click is composed, so an SPA router can intercept it\n * (e.g. via `event.composedPath()`) and navigate client-side; `http(s)` links open in a new tab.\n */\n@customElement('st-feature-item')\nexport class FeatureItem extends LitElement {\n  static styles = css`\n    ${controlBaseStyles}\n\n    :host {\n      display: block;\n      ${fontFamilyStyles}\n    }\n\n    st-card {\n      height: 100%;\n    }\n\n    .content {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: var(--st-space-16);\n      height: 100%;\n    }\n\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 48px;\n      height: 48px;\n      border-radius: var(--st-radius-lg);\n      background: var(--st-color-subtle);\n      color: var(--st-color-text-strong);\n      margin-bottom: var(--st-space-8);\n      font-size: 24px;\n    }\n\n    :host([inverted]) .icon {\n      background: var(--st-color-text-muted);\n      color: var(--st-color-on-solid);\n    }\n\n    .title {\n      ${cardTitleStyles}\n      margin: 0;\n    }\n\n    .description {\n      ${cardDescriptionStyles}\n      margin: 0;\n    }\n\n    :host([inverted]) .title,\n    :host([inverted]) .description {\n      color: inherit;\n    }\n\n    .link {\n      display: flex;\n      align-items: center;\n      gap: var(--st-space-4);\n      margin-top: auto;\n      color: var(--st-color-text-muted);\n      font-weight: var(--st-font-weight-medium);\n      font-size: var(--st-text-md);\n      text-decoration: none;\n      transition: color 0.2s ease;\n    }\n\n    .link:hover {\n      color: var(--st-color-text-strong);\n      text-decoration: underline;\n    }\n\n    :host([inverted]) .link,\n    :host([inverted]) .link:hover {\n      color: inherit;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .link {\n        transition: none;\n      }\n    }\n  `;\n\n  /** Iconify icon name, e.g. `mdi:rocket`. */\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String })\n  title = '';\n\n  /** Markdown. */\n  @property({ type: String })\n  description = '';\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String, attribute: 'action-label' })\n  actionLabel = 'Learn more';\n\n  @property({ type: Boolean, reflect: true })\n  inverted = false;\n\n  render() {\n    const external = this.href.startsWith('http');\n    return html`\n      <st-card hoverable elevation=\"sm\" ?inverted=${this.inverted} part=\"card\">\n        <div class=\"content\" part=\"content\">\n          ${this.icon\n            ? html`<div class=\"icon\" part=\"icon\"><iconify-icon icon=${this.icon}></iconify-icon></div>`\n            : nothing}\n          <h3 class=\"title\" part=\"title\">${this.title}</h3>\n          <st-markdown class=\"description\" part=\"description\" .content=${this.description}></st-markdown>\n          ${this.href\n            ? html`\n                <a\n                  class=\"link\"\n                  part=\"link\"\n                  href=${this.href}\n                  target=${external ? '_blank' : '_self'}\n                  rel=${external ? 'noopener noreferrer' : nothing}\n                >\n                  ${this.actionLabel} <span>&rarr;</span>\n                </a>\n              `\n            : nothing}\n        </div>\n      </st-card>\n    `;\n  }\n}\n"],"mappings":"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","names":["LitElement","css","html","nothing","customElement","property","LitElement","nothing","html","css","property","customElement"]}

package/dist/chunk-FZ36KL73.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shared/section-styles.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * CSS fragments shared by the CMS section components (hero, features, stats, ...), replacing the\n * source React library's global `Common.css` classes (`.section-title`, `.theme-inverted`, ...)\n * so each Lit component composes them into its own shadow root instead of re-declaring them.\n */\n\n/** Section heading + subheading typography. Use on `.title` / `.subtitle` selectors. */\nexport const sectionTitleStyles = css`\n  font-size: var(--st-cms-text-4xl);\n  font-weight: var(--st-font-weight-bold);\n  color: var(--st-color-text-strong);\n  margin: 0 0 var(--st-space-16);\n  line-height: 1.2;\n`;\n\nexport const sectionSubtitleStyles = css`\n  font-size: var(--st-cms-text-lg);\n  color: var(--st-color-text-muted);\n  line-height: 1.6;\n  margin: 0 0 var(--st-space-28);\n`;\n\n/** Card heading + body typography. */\nexport const cardTitleStyles = css`\n  font-size: var(--st-text-2xl);\n  font-weight: var(--st-font-weight-semibold);\n  color: var(--st-color-text-strong);\n  margin: 0 0 var(--st-space-8);\n`;\n\nexport const cardDescriptionStyles = css`\n  font-size: var(--st-text-md);\n  color: var(--st-color-text-muted);\n  line-height: 1.5;\n`;\n\n/** Outlined call-to-action link/button used by hero, promo banner, features, ... */\nexport const ctaLinkStyles = css`\n  display: inline-block;\n  padding: 12px 24px;\n  border-radius: var(--st-radius-sm);\n  font: inherit;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: transform 0.2s ease;\n`;\n\n/** Maps the source's `padding` prop (none|small|medium|large) to `:host([padding=...])` rules. */\nexport const paddingScaleStyles = css`\n  :host([padding='small']) { padding: var(--st-space-16); }\n  :host([padding='medium']) { padding: var(--st-space-24); }\n  :host([padding='large']) { padding: var(--st-space-32); }\n`;\n\n/** Centered title/subtitle block above a section's content. Use on a `.header` wrapper. */\nexport const sectionHeaderStyles = css`\n  text-align: center;\n  margin-bottom: var(--st-space-48);\n`;\n\n/** Rounded icon tile (holds an `<iconify-icon>`) used by bento cards, feature lists, ... */\nexport const iconTileStyles = css`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: var(--st-radius-lg);\n  background: var(--st-color-subtle);\n  color: var(--st-color-text-muted);\n`;\n\n/** Collapses CSS transitions/animations for users who prefer reduced motion. */\nexport const reducedMotionStyles = css`\n  @media (prefers-reduced-motion: reduce) {\n    *,\n    *::before,\n    *::after {\n      transition-duration: 0.01ms !important;\n      animation-duration: 0.01ms !important;\n    }\n  }\n`;\n\n/** Light-on-dark title/subtitle for an `inverted` section host. Place inside the host's `static styles`. */\nexport const invertedSectionTextStyles = css`\n  :host([inverted]) .title {\n    color: var(--st-color-on-solid);\n  }\n\n  :host([inverted]) .subtitle {\n    color: var(--st-color-border);\n  }\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AASb,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxB,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAO9B,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYtB,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAO3B,IAAM,sBAAsB;AAAA;AAAA;AAAA;AAM5B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWvB,IAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY5B,IAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-GJO3RGOB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/footer/Footer.ts"],"sourcesContent":["import { LitElement, PropertyValues, css, html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport 'iconify-icon';\n\nimport { controlBaseStyles, rootFontFamilyStyles } from '../shared/styles';\n\nexport interface FooterLink {\n  label: string;\n  href: string;\n}\n\nexport interface FooterColumn {\n  title: string;\n  links: FooterLink[];\n}\n\nexport interface FooterSocialLink {\n  /** Iconify icon name, e.g. `mdi:github`. */\n  icon: string;\n  href: string;\n}\n\n/** Fired when an internal footer link is activated — cancelable, so an SPA can `preventDefault()` and route instead. */\nexport interface FooterLinkEventDetail {\n  href: string;\n}\n\n/**\n * The footer, in two layouts:\n *\n * - **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\n *   authenticated apps use.\n * - **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\n *   marketing-site footer — brand (logo/company name, description, social icons), link columns and a\n *   bottom bar with the copyright and \"powered by\".\n *\n * Fires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.\n */\n@customElement('st-footer')\nexport class Footer extends LitElement {\n  static styles = css`\n    ${controlBaseStyles}\n\n    :host {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--st-space-16);\n      flex-wrap: wrap;\n      /* !important on padding/border-top only: a shadow host's own :host rule always loses to ANY\n       * rule the consuming page has for the same property on that element, regardless of\n       * specificity — so a page that resets margin/padding/border on every element (e.g. Tailwind\n       * Preflight, which every app but Template Hub loads) silently zeroes this footer's padding\n       * and top border unless these two win the conflict outright via !important. */\n      padding: var(--st-space-16) var(--st-space-28) !important;\n      border-top: 1px solid var(--st-color-border) !important;\n      color: var(--st-color-text-muted);\n      font-size: var(--st-text-xs);\n      ${rootFontFamilyStyles}\n    }\n\n    .powered-by {\n      color: inherit;\n      text-decoration: none;\n      font-weight: var(--st-font-weight-semibold);\n    }\n\n    .powered-by:hover {\n      color: var(--st-color-text-strong);\n    }\n\n    :host([inverted]) {\n      background: var(--st-color-text-strong);\n      color: var(--st-color-on-solid);\n      border-top-color: transparent !important;\n    }\n\n    /* Site layout */\n    :host([site]) {\n      display: block;\n      padding: 64px var(--st-space-28) 32px !important;\n      font-size: var(--st-text-sm);\n    }\n\n    .site {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .grid {\n      display: grid;\n      grid-template-columns: 2fr repeat(3, 1fr);\n      gap: 64px;\n      margin-bottom: 64px;\n    }\n\n    .brand {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .logo {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 1.25rem;\n      font-weight: 700;\n      color: var(--st-color-text-strong);\n    }\n\n    .logo-img {\n      height: 32px;\n      width: auto;\n    }\n\n    .description {\n      margin: 0;\n      max-width: 300px;\n      line-height: 1.6;\n    }\n\n    .social {\n      display: flex;\n      gap: 16px;\n      margin-top: 16px;\n    }\n\n    .social-link,\n    .link {\n      color: inherit;\n      text-decoration: none;\n      transition: color 0.2s ease;\n    }\n\n    .social-link:hover,\n    .link:hover {\n      color: var(--st-color-text-strong);\n    }\n\n    .column-title {\n      margin: 0 0 24px;\n      font-size: var(--st-text-xs);\n      font-weight: var(--st-font-weight-semibold);\n      color: var(--st-color-text-strong);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    .links {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .bottom {\n      padding-top: 32px;\n      border-top: 1px solid var(--st-color-border);\n      font-size: var(--st-text-xs);\n    }\n\n    .bottom-text {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .bottom-text .powered-by {\n      font-size: 0.85em;\n      font-weight: inherit;\n      opacity: 0.8;\n    }\n\n    @media (max-width: 1024px) {\n      .grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 48px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n      }\n\n      .bottom {\n        text-align: center;\n      }\n    }\n\n    :host([site][inverted]) .logo,\n    :host([site][inverted]) .column-title,\n    :host([site][inverted]) .social-link:hover,\n    :host([site][inverted]) .link:hover {\n      color: var(--st-color-on-solid);\n    }\n\n    :host([site][inverted]) .bottom {\n      border-top-color: color-mix(in oklch, var(--st-color-on-solid) 20%, var(--st-color-text-strong));\n    }\n  `;\n\n  /** Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\n   * source component's `inverted` (from its shared `BaseProps`), same as `st-header`'s. */\n  @property({ type: Boolean, reflect: true })\n  inverted = false;\n\n  /** Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly. */\n  @property({ type: String, attribute: 'company-name' })\n  companyName = '';\n\n  /** Overrides the default computed copyright line entirely. */\n  @property({ type: String })\n  copyright = '';\n\n  @property({ type: String, attribute: 'powered-by' })\n  poweredBy = '';\n\n  @property({ type: String, attribute: 'powered-by-link' })\n  poweredByLink = '';\n\n  /** App version, rendered as `v{version}` after the copyright line — for apps that show their own\n   * version in the footer rather than the header title. */\n  @property({ type: String })\n  version = '';\n\n  /** Logo shown in the brand block (site layout). */\n  @property({ type: String, attribute: 'image-src' })\n  imageSrc = '';\n\n  /** Short blurb under the logo (site layout). */\n  @property({ type: String })\n  description = '';\n\n  /** Link columns (site layout). */\n  @property({ attribute: false })\n  columns: FooterColumn[] = [];\n\n  /** Social icon links under the description (site layout). */\n  @property({ attribute: false })\n  socialLinks: FooterSocialLink[] = [];\n\n  private get isSite(): boolean {\n    return !!(this.columns.length || this.socialLinks.length || this.description || this.imageSrc);\n  }\n\n  private get resolvedCopyright(): string {\n    if (this.copyright) return this.copyright;\n    if (this.companyName) return `© ${new Date().getFullYear()} ${this.companyName}`;\n    return `© ${new Date().getFullYear()}`;\n  }\n\n  protected willUpdate(changed: PropertyValues): void {\n    if (changed.size) this.toggleAttribute('site', this.isSite);\n  }\n\n  private onLinkClick(event: MouseEvent, href: string): void {\n    const select = new CustomEvent<FooterLinkEventDetail>('footer-link', {\n      detail: { href },\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    });\n    this.dispatchEvent(select);\n    if (select.defaultPrevented) event.preventDefault();\n  }\n\n  private renderLink(link: FooterLink) {\n    return /^https?:/i.test(link.href)\n      ? html`<a part=\"link\" class=\"link\" href=${link.href} target=\"_blank\" rel=\"noopener noreferrer\">${link.label}</a>`\n      : html`<a part=\"link\" class=\"link\" href=${link.href} @click=${(event: MouseEvent) => this.onLinkClick(event, link.href)}>${link.label}</a>`;\n  }\n\n  private renderPoweredBy() {\n    return this.poweredBy\n      ? html`\n          <a part=\"powered-by\" class=\"powered-by\" href=${this.poweredByLink || '#'} target=\"_blank\" rel=\"noopener noreferrer\">\n            ${this.poweredBy}\n          </a>\n        `\n      : nothing;\n  }\n\n  private renderSite() {\n    return html`\n      <div class=\"site\" part=\"site\">\n        <div class=\"grid\">\n          <div class=\"brand\" part=\"brand\">\n            ${this.imageSrc || this.companyName\n              ? html`<div class=\"logo\">\n                  ${this.imageSrc ? html`<img class=\"logo-img\" src=${this.imageSrc} alt=${this.companyName || 'Logo'} />` : nothing}\n                  ${this.companyName ? html`<span>${this.companyName}</span>` : nothing}\n                </div>`\n              : nothing}\n            ${this.description ? html`<p class=\"description\">${this.description}</p>` : nothing}\n            ${this.socialLinks.length\n              ? html`<div class=\"social\">\n                  ${this.socialLinks.map(\n                    social => html`<a part=\"social\" class=\"social-link\" href=${social.href} target=\"_blank\" rel=\"noopener noreferrer\" aria-label=${social.icon}>\n                      <iconify-icon icon=${social.icon} width=\"24\" height=\"24\"></iconify-icon>\n                    </a>`\n                  )}\n                </div>`\n              : nothing}\n          </div>\n          ${this.columns.map(\n            column => html`<div class=\"column\" part=\"column\">\n              <h4 class=\"column-title\">${column.title}</h4>\n              <div class=\"links\">${column.links.map(link => this.renderLink(link))}</div>\n            </div>`\n          )}\n        </div>\n        <div class=\"bottom\" part=\"bottom\">\n          <div class=\"bottom-text\">\n            <span part=\"copyright\">${this.resolvedCopyright}</span>\n            ${this.version ? html`<span part=\"version\">v${this.version}</span>` : nothing} ${this.renderPoweredBy()}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    if (this.isSite) return this.renderSite();\n    return html`\n      <span part=\"copyright\">${this.resolvedCopyright}</span>\n      ${this.version ? html`<span part=\"version\">v${this.version}</span>` : nothing} ${this.renderPoweredBy()}\n    `;\n  }\n}\n"],"mappings":"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","names":[]}