@sankhyatronics/sankhya-cms 0.1.18 → 0.3.0

package/dist/hero/index.d.ts

@@ -1,21 +1,65 @@
 import * as lit from 'lit';
 import { LitElement } from 'lit';
 
+/** A dark card on the corner of the split-layout image: an icon tile, a title and an optional line. */
+interface HeroMediaBadge {
+    title: string;
+    text?: string;
+    /** Iconify icon name, e.g. `mdi:shield-check`. */
+    icon?: string;
+}
+/** A small screenshot card on the bottom-right corner of the split-layout image. */
+interface HeroMediaInset {
+    src: string;
+    alt: string;
+    /** Optional bar above the screenshot inside the card. */
+    label?: string;
+}
 /**
  * Full-width hero banner: background image with a darkening overlay, optional eyebrow, title,
- * optional subtitle and up to two call-to-action links. Port of `SankhyaUI`'s React `Hero`; the
- * framer-motion entrance is redone as CSS keyframes (skipped under `prefers-reduced-motion`).
+ * optional subtitle and up to two call-to-action links. The entrance animation is CSS keyframes
+ * (skipped under `prefers-reduced-motion`).
  *
  * `size`, `content-position` and `overlay="gradient"` give the large editorial layout (copy on the
  * lower left over a gradient that darkens towards it) used by enterprise marketing heroes; the
  * defaults keep the original centered banner. Put several heroes in an `st-carousel` with
  * `indicator-style="tabs"` for a tabbed hero carousel.
  *
- * @fires action - Cancelable, before navigating. Detail `{ href, kind }`, `kind` being `primary` or `secondary`.
+ * `badge` is a pill above the title; `highlights` is a row of check-marked points under the buttons.
+ * `cta-note` is a short line with a small padlock under the buttons (e.g. "No credit card needed"), left-aligned
+ * with the buttons, or centred in a centred layout.
+ * `button-style="pill"` gives the buttons the 52px pill look (primary navy, secondary white with an arrow).
+ * `layout="split"` swaps the background for a two-column layout: copy on one side, `image-src` as an
+ * `<img>` (alt from `image-alt`) on the other, on normal page colours with no overlay. In the split
+ * layout the copy sits in the page's container (`--st-cms-container-max`) with the same side gutter
+ * as the other sections.
+ *
+ * In the split layout, `image-label` adds a window-style bar with that text above the image, and
+ * `media-inset` (`{ src, alt, label? }`) puts a small screenshot card on the image's bottom-right corner.
+ * `media-inset` replaces `media-badge` when both are set, so only one card shows.
+ *
+ * A CTA with an `href` is a real link (`<a href>`), so external URLs, `#anchors` and `/path?x=y`
+ * work without JavaScript. Its `action` event is cancelable: call `preventDefault()` on it to stop
+ * the browser following the link (a router does this to navigate client-side). A CTA without an
+ * `href` is a `<button>`.
+ *
+ * @fires action - Cancelable, before following the link. Detail `{ href, kind }`, `kind` being `primary` or `secondary`.
  * @cssprop --st-hero-text-color - Text colour over the image.
  * @cssprop --st-hero-min-height - Minimum height when `size` is `large` (default `640px`).
+ * @cssprop --st-hero-offset-top - Extra space above the content, e.g. the height of a fixed header (default `0`).
+ * @cssprop --st-hero-cta-note-color - Colour of the `cta-note` line (default `var(--st-color-text-muted)`).
  * @csspart eyebrow - The small label above the title.
- * @csspart secondary-action - The outlined second button.
+ * @csspart badge - The pill above the title.
+ * @csspart highlights - The row of check-marked points.
+ * @csspart cta-note - The small line with a padlock under the buttons (`cta-note`).
+ * @csspart image - The image in `layout="split"`.
+ * @csspart action - The primary call-to-action (`<a>` with an `href`, `<button>` without).
+ * @csspart secondary-action - The outlined second call-to-action.
+ * @csspart title-highlight - The part of the title picked by `title-highlight`.
+ * @csspart media-badge - The dark card on the corner of the split-layout image.
+ * @csspart image-bar - The window-style bar above the split-layout image (`image-label`).
+ * @csspart media-inset - The screenshot card on the image's bottom-right corner (`media-inset`).
+ * @cssprop --st-cms-brand-azure - Colour of the title highlight.
  */
 declare class Hero extends LitElement {
     static styles: lit.CSSResult;
@@ -23,6 +67,9 @@ declare class Hero extends LitElement {
     subtitle: string;
     imageSrc: string;
     actionLabel: string;
+    /** Shorter `action-label` for phones (< 480px), so the button fits on one line. The full label
+     * stays the link's accessible name. */
+    actionLabelShort: string;
     href: string;
     textAlignment: 'left' | 'center' | 'right' | 'justify';
     padding: 'none' | 'small' | 'medium' | 'large';
@@ -32,26 +79,63 @@ declare class Hero extends LitElement {
     eyebrow: string;
     /** Label of an outlined second button next to the primary one. */
     secondaryActionLabel: string;
+    /** Shorter `secondary-action-label` for phones (< 480px). */
+    secondaryActionLabelShort: string;
     secondaryHref: string;
+    /** Small pill above the title (e.g. "New", "Now available"). */
+    badge: string;
+    /** Check-marked points shown in a row under the buttons. */
+    highlights: string[];
+    /** Short line with a small check under the buttons (e.g. "No credit card needed"). Empty hides it. */
+    ctaNote: string;
+    /** Iconify icon for the `cta-note` line (e.g. `mdi:open-source-initiative`). Empty keeps the padlock. */
+    ctaNoteIcon: string;
+    /** `background` (default) puts `image-src` behind the copy; `split` puts copy and image side by side. */
+    layout: 'background' | 'split';
+    /** Alt text of the image in `layout="split"`. Empty marks it as decorative. */
+    imageAlt: string;
     /** `auto` sizes to the content; `large` is a tall editorial hero (`--st-hero-min-height`); `full` fills the viewport. */
     size: 'auto' | 'large' | 'full';
     /** `center` keeps the copy in the middle; `bottom` puts it in the lower part of the hero, on the page container. */
     contentPosition: 'center' | 'bottom';
     /** `even` darkens the whole image; `gradient` darkens behind the copy only; `none` shows the image as is. */
     overlay: 'even' | 'gradient' | 'none';
+    /** Text of `title` to set in the brand azure. Only the first occurrence is highlighted. */
+    titleHighlight: string;
+    /** A dark card on the corner of the image, with an optional icon. Shown with `layout="split"` and an `image-src`. */
+    mediaBadge?: HeroMediaBadge;
+    /** Label of a window-style bar (three dots, then the text) above the split-layout image. Shown with `layout="split"` and an `image-src`. */
+    imageLabel: string;
+    /** A small screenshot card on the bottom-right corner of the split-layout image. Replaces `mediaBadge` when both are set. */
+    mediaInset?: HeroMediaInset;
+    /** `default` keeps the plain buttons. `pill` gives the buttons the 52px pill style (the secondary one with an arrow). */
+    buttonStyle: 'default' | 'pill';
+    /** Level of the title heading: `1` (default) for a page's main hero, `2` for a hero that is not the
+     * page heading (e.g. the slides of a hero carousel, where the page has its own `<h1>`). */
+    headingLevel: 1 | 2;
     private static positions;
+    /**
+     * A hero that is already inside the first screen when it connects is on screen at first paint, so its
+     * entrance animation (rise, fades, image zoom) would only delay the copy: it renders still. A hero
+     * further down the page keeps its entrance. A carousel slide is handled by `st-carousel` instead.
+     */
+    connectedCallback(): void;
     protected willUpdate(): void;
     private emitAction;
-    private onClick;
-    private onSecondaryClick;
+    private renderCta;
+    /** The title with the `title-highlight` text wrapped in its own span; plain text otherwise. */
+    private renderTitle;
+    private renderMediaBadge;
+    private renderImageBar;
+    private renderMediaInset;
     render(): lit.TemplateResult<1>;
 }
 
 /** Fired by `st-hero` / `st-promo-banner` when the call-to-action is activated (source: `onAction`). */
 interface HeroActionEventDetail {
     href: string;
-    /** Which `st-hero` button was activated; `st-promo-banner` leaves it unset. */
+    /** Which button was activated. Unset for a primary button; `st-promo-banner` sets `secondary` on its second button. */
     kind?: 'primary' | 'secondary';
 }
 
-export { Hero, type HeroActionEventDetail };
+export { Hero, type HeroActionEventDetail, type HeroMediaBadge, type HeroMediaInset };

package/dist/hero/index.js

@@ -1,8 +1,11 @@
 import {
   Hero
-} from "../chunk-JKBWZLG4.js";
-import "../chunk-FZ36KL73.js";
-import "../chunk-KMU6ABQF.js";
+} from "../chunk-MFRGAT6D.js";
+import "../chunk-BEWX3E6P.js";
+import "../chunk-T4BIN37Q.js";
+import "../chunk-WTD2YIAA.js";
+import "../chunk-KZ7PMFWS.js";
+import "../chunk-NXUS2CH7.js";
 import "../chunk-EUXUH3YW.js";
 export {
   Hero

package/dist/icon-button/index.d.ts

@@ -2,19 +2,19 @@ import * as lit from 'lit';
 import { LitElement } from 'lit';
 
 /**
- * A small, icon-only action button — ported from `SankhyaUI`'s React `IconButton` (a separate,
- * unrelated marketing-site project; that source takes an iconify string `icon` prop, this package
- * has no iconify dependency, so the icon is default-slotted content instead, same convention as
- * `st-dropdown`/`st-menu-grid-item`'s `slot="icon"`).
+ * A small, icon-only action button. The icon is default-slotted content (the package has no icon
+ * library dependency), the same convention as `st-dropdown`/`st-menu-grid-item`'s `slot="icon"`.
  *
  * Fires a plain native `click` — no custom event, since a caller just wants an ordinary button.
  */
 declare class IconButton extends LitElement {
     static styles: lit.CSSResult;
-    /** Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern
+    /**
+     * Accessible name, set as the button's `aria-label` and its `title` (tooltip). Required for a
+     * control with no visible text. Matches the source component's `ariaLabel` (renamed: modern
      * browsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing
-     * that exact name as a Lit reactive property would shadow it). Required for a control with no
-     * visible text. */
+     * that exact name as a Lit reactive property would shadow it).
+     */
     label: string;
     disabled: boolean;
     render(): lit.TemplateResult<1>;

package/dist/icon-button/index.js

@@ -1,7 +1,7 @@
 import {
   IconButton
-} from "../chunk-YQ42EBK5.js";
-import "../chunk-KMU6ABQF.js";
+} from "../chunk-WH6HE6SY.js";
+import "../chunk-NXUS2CH7.js";
 import "../chunk-EUXUH3YW.js";
 export {
   IconButton

package/dist/index.d.ts

@@ -1,31 +1,40 @@
 export { AttentionPanel } from './attention-panel/index.js';
 export { BarChart } from './bar-chart/index.js';
 export { BentoGrid, BentoGridItem } from './bento-grid/index.js';
+export { BOOKING_CANCELLED_EVENT, BOOKING_CREATED_EVENT, BOOKING_ERROR_EVENT, BOOKING_RESCHEDULED_EVENT, Booking, BookingCancelledEventDetail, BookingCreatedEventDetail, BookingErrorEventDetail, BookingErrorKind, BookingErrorMessages, BookingErrors, BookingFieldName, BookingInfo, BookingLabels, BookingRescheduledEventDetail, BookingService, BookingSlot, BookingStaff, DEFAULT_BOOKING_LABELS } from './booking/index.js';
 export { Card } from './card/index.js';
 export { Carousel, CarouselChangeEventDetail } from './carousel/index.js';
 export { Chip } from './chip/index.js';
+export { CONTACT_FORM_ERROR_EVENT, CONTACT_FORM_SENT_EVENT, CONTACT_FORM_SUBMIT_EVENT, ContactErrorMessages, ContactErrors, ContactFieldName, ContactForm, ContactFormErrorEventDetail, ContactFormErrorKind, ContactFormSentEventDetail, ContactFormSubmitEventDetail, ContactSubmitResult, ContactTopic } from './contact-form/index.js';
 export { ContentBlock } from './content-block/index.js';
-export { CookieConsent, CookieConsentEventDetail, CookieConsentStatus } from './cookie-consent/index.js';
+export { CookieCategory, CookieConsent, CookieConsentEventDetail, CookieConsentStatus } from './cookie-consent/index.js';
 export { DateTile } from './date-tile/index.js';
 export { Dropdown, DropdownToggleEventDetail } from './dropdown/index.js';
 export { FeatureSplit, FeatureSplitActionEventDetail, FeatureSplitImagePosition, FeatureSplitItem } from './feature-split/index.js';
 export { FeatureItem, FeatureItemData, FeaturesSection } from './features-section/index.js';
+export { Flow, FlowNode } from './flow/index.js';
 export { Footer, FooterColumn, FooterLink, FooterLinkEventDetail, FooterSocialLink } from './footer/index.js';
 export { Header, LanguageChangedEventDetail } from './header/index.js';
-export { Hero, HeroActionEventDetail } from './hero/index.js';
+export { Hero, HeroActionEventDetail, HeroMediaBadge, HeroMediaInset } from './hero/index.js';
 export { IconButton } from './icon-button/index.js';
 export { AccordionItem, AccordionToggleEventDetail, ItemsAccordion } from './items-accordion/index.js';
 export { KpiCard } from './kpi-card/index.js';
 export { Markdown, MarkdownErrorEventDetail } from './markdown/index.js';
-export { MegaMenu, MegaMenuColumn, MegaMenuFeature, MegaMenuSelectEventDetail } from './mega-menu/index.js';
+export { MEGA_MENU_LAYOUT_EVENT, MegaMenu, MegaMenuColumn, MegaMenuFeature, MegaMenuLayoutEventDetail, MegaMenuSelectEventDetail } from './mega-menu/index.js';
 export { MenuGridItem, MenuGridItemSelectEventDetail } from './menu-grid-item/index.js';
 export { MenuGrid } from './menu-grid/index.js';
 export { MenuItem, MenuItemSelectEventDetail } from './menu-item/index.js';
+export { PlanCardItem, PlanCards } from './plan-cards/index.js';
+export { ProductNav, ProductNavLink } from './product-nav/index.js';
 export { PromoBanner } from './promo-banner/index.js';
+export { DEFAULT_MAILTO_BODY_LIMIT, MailtoField, MailtoInput, QUOTE_OPEN_EVENT, QuoteDialog, QuoteMailField, QuoteMailtoInput, QuoteOpenEventDetail, QuoteOption, QuoteSubmitEventDetail, buildMailto, buildQuoteMailto, fillTemplate } from './quote-dialog/index.js';
+export { ScreenshotTour, ScreenshotTourItem } from './screenshot-tour/index.js';
 export { Section } from './section/index.js';
 export { SegmentChangeEventDetail, SegmentedControl, SegmentedOption } from './segmented-control/index.js';
 export { Select, SelectChangedEventDetail, SelectOption } from './select/index.js';
 export { StatItem, Stats } from './stats/index.js';
+export { StepItem, Steps } from './steps/index.js';
+export { TagStrip } from './tag-strip/index.js';
 export { TestimonialItem, TestimonialMetric, Testimonials, TestimonialsLinkEventDetail } from './testimonials/index.js';
 export { Tooltip } from './tooltip/index.js';
 import 'lit';

package/dist/index.js

@@ -1,120 +1,184 @@
+import {
+  TagStrip
+} from "./chunk-XP6DI3VY.js";
 import {
   Testimonials
-} from "./chunk-DH53HZPB.js";
+} from "./chunk-37KFBKPD.js";
 import {
   Tooltip
-} from "./chunk-FML6AG2V.js";
+} from "./chunk-RANC3OI6.js";
 import {
-  PromoBanner
-} from "./chunk-VWS53WY4.js";
+  ScreenshotTour
+} from "./chunk-535QAZ6A.js";
 import {
   Section
-} from "./chunk-7NLZND6Q.js";
+} from "./chunk-GOFSMD6W.js";
 import {
   SegmentedControl
-} from "./chunk-MG2VTZA4.js";
+} from "./chunk-QS3ANOWN.js";
 import {
   Select
-} from "./chunk-BLQV2YMO.js";
+} from "./chunk-EZOKT7NJ.js";
 import {
   Stats
-} from "./chunk-YVTFQHVY.js";
+} from "./chunk-TEAZZPDQ.js";
+import {
+  Steps
+} from "./chunk-JURCF4OD.js";
+import {
+  MenuGrid
+} from "./chunk-PV6OCXXN.js";
+import {
+  MenuGridItem
+} from "./chunk-2GTR37PU.js";
+import {
+  MenuItem
+} from "./chunk-NXKDZWS7.js";
+import {
+  PlanCards
+} from "./chunk-FF2LWEF3.js";
+import {
+  ProductNav
+} from "./chunk-OEOE6IFY.js";
+import {
+  PromoBanner
+} from "./chunk-EW2RK5Y6.js";
+import {
+  DEFAULT_MAILTO_BODY_LIMIT,
+  QuoteDialog,
+  buildMailto,
+  buildQuoteMailto,
+  fillTemplate
+} from "./chunk-AYNT7G3J.js";
+import {
+  QUOTE_OPEN_EVENT
+} from "./chunk-FOUK3NHR.js";
+import {
+  Footer
+} from "./chunk-OCPGOLVF.js";
+import {
+  Header
+} from "./chunk-WAYHHL4J.js";
+import {
+  Hero
+} from "./chunk-MFRGAT6D.js";
 import {
   IconButton
-} from "./chunk-YQ42EBK5.js";
+} from "./chunk-WH6HE6SY.js";
 import {
   ItemsAccordion
-} from "./chunk-ALI26WOB.js";
+} from "./chunk-4XPKKYVZ.js";
 import {
   KpiCard
-} from "./chunk-6D6ROU7X.js";
+} from "./chunk-IGMVF3KK.js";
 import {
   MegaMenu,
   MegaMenuColumn,
   MegaMenuFeature
-} from "./chunk-J6EO4R73.js";
+} from "./chunk-MIBVQXRU.js";
 import {
-  MenuGrid
-} from "./chunk-SMLR736E.js";
+  CONTACT_FORM_ERROR_EVENT,
+  CONTACT_FORM_SENT_EVENT,
+  CONTACT_FORM_SUBMIT_EVENT,
+  ContactForm
+} from "./chunk-V4R7PYP5.js";
 import {
-  MenuGridItem
-} from "./chunk-JQY2G4QK.js";
-import {
-  MenuItem
-} from "./chunk-R5G6KFTJ.js";
+  ContentBlock
+} from "./chunk-6OZKZG5J.js";
+import "./chunk-BEWX3E6P.js";
+import "./chunk-T4BIN37Q.js";
 import {
   CookieConsent
-} from "./chunk-MSSH3HFK.js";
+} from "./chunk-EKZFFY45.js";
+import "./chunk-WAMOAAMN.js";
 import {
   DateTile
-} from "./chunk-INMSEYT6.js";
+} from "./chunk-IVPVYVWG.js";
 import {
   Dropdown
-} from "./chunk-LEXZKGQX.js";
+} from "./chunk-DJFWZOZM.js";
 import {
-  FeatureSplit
-} from "./chunk-WT4OATGP.js";
+  MEGA_MENU_LAYOUT_EVENT
+} from "./chunk-ER7MCPDV.js";
+import "./chunk-UKIVLF7S.js";
+import "./chunk-WTD2YIAA.js";
 import {
   FeatureItem,
   FeaturesSection
-} from "./chunk-FLY7TNRT.js";
+} from "./chunk-2HMOX253.js";
 import {
-  Footer
-} from "./chunk-GJO3RGOB.js";
+  FeatureSplit
+} from "./chunk-ZKFCDVB4.js";
 import {
-  Header
-} from "./chunk-XWB4CKDU.js";
-import "./chunk-WTD2YIAA.js";
+  Markdown
+} from "./chunk-XS6LNTSH.js";
 import {
-  Hero
-} from "./chunk-JKBWZLG4.js";
+  Flow
+} from "./chunk-GB4NGCZI.js";
 import {
   AttentionPanel
-} from "./chunk-35TX3AOA.js";
+} from "./chunk-NABSRUXG.js";
 import {
   BarChart
-} from "./chunk-AG2COC64.js";
+} from "./chunk-VVYQ2DDS.js";
 import {
   BentoGrid
-} from "./chunk-76AVBQUA.js";
+} from "./chunk-Q66CJO3P.js";
+import "./chunk-TJK55CJ2.js";
+import {
+  BOOKING_CANCELLED_EVENT,
+  BOOKING_CREATED_EVENT,
+  BOOKING_ERROR_EVENT,
+  BOOKING_RESCHEDULED_EVENT,
+  Booking,
+  DEFAULT_BOOKING_LABELS
+} from "./chunk-DPANTC3O.js";
+import "./chunk-CZUGPKXV.js";
 import {
   Card
-} from "./chunk-ZN4LIKVG.js";
+} from "./chunk-QSJ543V2.js";
 import {
   Carousel
-} from "./chunk-EMCQBT3S.js";
+} from "./chunk-LO6TZBGD.js";
+import "./chunk-KZ7PMFWS.js";
 import {
   Chip
-} from "./chunk-AKJQ345O.js";
-import {
-  ContentBlock
-} from "./chunk-BMHMNXIA.js";
-import {
-  Markdown
-} from "./chunk-5EBWMPJS.js";
-import "./chunk-FZ36KL73.js";
-import "./chunk-KMU6ABQF.js";
+} from "./chunk-5AWGZQWU.js";
+import "./chunk-NXUS2CH7.js";
 import "./chunk-EUXUH3YW.js";
 export {
   AttentionPanel,
+  BOOKING_CANCELLED_EVENT,
+  BOOKING_CREATED_EVENT,
+  BOOKING_ERROR_EVENT,
+  BOOKING_RESCHEDULED_EVENT,
   BarChart,
   BentoGrid,
+  Booking,
+  CONTACT_FORM_ERROR_EVENT,
+  CONTACT_FORM_SENT_EVENT,
+  CONTACT_FORM_SUBMIT_EVENT,
   Card,
   Carousel,
   Chip,
+  ContactForm,
   ContentBlock,
   CookieConsent,
+  DEFAULT_BOOKING_LABELS,
+  DEFAULT_MAILTO_BODY_LIMIT,
   DateTile,
   Dropdown,
   FeatureItem,
   FeatureSplit,
   FeaturesSection,
+  Flow,
   Footer,
   Header,
   Hero,
   IconButton,
   ItemsAccordion,
   KpiCard,
+  MEGA_MENU_LAYOUT_EVENT,
   Markdown,
   MegaMenu,
   MegaMenuColumn,
@@ -122,12 +186,22 @@ export {
   MenuGrid,
   MenuGridItem,
   MenuItem,
+  PlanCards,
+  ProductNav,
   PromoBanner,
+  QUOTE_OPEN_EVENT,
+  QuoteDialog,
+  ScreenshotTour,
   Section,
   SegmentedControl,
   Select,
   Stats,
+  Steps,
+  TagStrip,
   Testimonials,
-  Tooltip
+  Tooltip,
+  buildMailto,
+  buildQuoteMailto,
+  fillTemplate
 };
 //# sourceMappingURL=index.js.map

package/dist/items-accordion/index.d.ts

@@ -4,12 +4,18 @@ import { LitElement } from 'lit';
 interface AccordionItem {
     id: string;
     title: string;
+    /** Markdown (plain text works too). */
     content: string;
 }
 /**
  * A vertical list of collapsible title/content rows; one open at a time unless `allow-multiple`.
+ * Each row's `content` is Markdown, sanitized. `open-first` starts with the first row open. The
+ * section title is an `<h2>` and each row title an `<h3>` wrapping its toggle button, which
+ * exposes `aria-expanded` and `aria-controls` for the row's panel.
  *
  * @cssprop --st-items-accordion-padding - Overrides the block's padding.
+ * @csspart trigger - The button that opens and closes a row.
+ * @csspart heading - The `<h3>` wrapping each trigger.
  */
 declare class ItemsAccordion extends LitElement {
     static styles: lit.CSSResult;
@@ -17,7 +23,10 @@ declare class ItemsAccordion extends LitElement {
     subtitle: string;
     items: AccordionItem[];
     allowMultiple: boolean;
+    /** Starts with the first row open. Applies when `items` or this flag changes while nothing is open. */
+    openFirst: boolean;
     private openIds;
+    protected willUpdate(changed: Map<string, unknown>): void;
     private toggle;
     render(): lit.TemplateResult<1>;
 }

package/dist/items-accordion/index.js

@@ -1,8 +1,9 @@
 import {
   ItemsAccordion
-} from "../chunk-ALI26WOB.js";
-import "../chunk-FZ36KL73.js";
-import "../chunk-KMU6ABQF.js";
+} from "../chunk-4XPKKYVZ.js";
+import "../chunk-TJK55CJ2.js";
+import "../chunk-KZ7PMFWS.js";
+import "../chunk-NXUS2CH7.js";
 import "../chunk-EUXUH3YW.js";
 export {
   ItemsAccordion

package/dist/kpi-card/index.js

@@ -1,7 +1,7 @@
 import {
   KpiCard
-} from "../chunk-6D6ROU7X.js";
-import "../chunk-KMU6ABQF.js";
+} from "../chunk-IGMVF3KK.js";
+import "../chunk-NXUS2CH7.js";
 import "../chunk-EUXUH3YW.js";
 export {
   KpiCard

package/dist/markdown/index.d.ts

@@ -3,12 +3,27 @@ import { LitElement, nothing } from 'lit';
 
 /**
  * Renders Markdown (GFM, single newlines become `<br>`) from either an inline `content` string or
- * a `src` URL it fetches. Ports `SankhyaUI`'s `useMarkdown` hook + `react-markdown` (remark-gfm,
- * remark-breaks); output is sanitized with DOMPurify. `src` wins over `content` when both are set.
+ * a `src` URL it fetches. Output is sanitized with DOMPurify. `src` wins over `content` when both are set.
  * While a fetch is pending it shows "Loading content..."; on failure "Error loading content." and
  * a `markdown-error` event (detail: `{ error }`).
  *
  * Text color is inherited from the parent so inverted containers just work.
+ *
+ * `list-style="check"` replaces the bullets of unordered lists with a check mark, in the colour of
+ * `--st-markdown-list-check-color` (navy by default).
+ *
+ * Code blocks are a dark navy panel (14px monospace, 20px padding, 12px corners) that scrolls
+ * sideways only when a line is wider than the block; ```json fences get syntax colours. Inline
+ * `code` is a chip tinted from the surrounding text colour.
+ *
+ * @cssprop --st-markdown-list-check-color - Colour of the check marks (`list-style="check"`).
+ * @cssprop --st-markdown-code-bg - Code block background (default `#011d41`).
+ * @cssprop --st-markdown-code-color - Code block text (default `#e4ebff`).
+ * @cssprop --st-markdown-code-border - Code block hairline (default `#e4ebff` at 14%).
+ * @cssprop --st-markdown-code-key - JSON keys (default `#8eaffe`).
+ * @cssprop --st-markdown-code-string - JSON strings (default `#49cce0`).
+ * @cssprop --st-markdown-code-number - JSON numbers, `true`, `false`, `null` (default `#fbbf77`).
+ * @cssprop --st-markdown-code-punct - JSON punctuation (default `#c9d7fe`).
  */
 declare class Markdown extends LitElement {
     static styles: lit.CSSResult;
@@ -16,6 +31,8 @@ declare class Markdown extends LitElement {
     content: string;
     /** URL of a Markdown file to fetch. */
     src: string;
+    /** `default` keeps bullets; `check` shows a check mark on each unordered item. */
+    listStyle: 'default' | 'check';
     private fetched;
     private loading;
     private error;

package/dist/markdown/index.js

@@ -1,7 +1,8 @@
 import {
   Markdown
-} from "../chunk-5EBWMPJS.js";
-import "../chunk-KMU6ABQF.js";
+} from "../chunk-XS6LNTSH.js";
+import "../chunk-TJK55CJ2.js";
+import "../chunk-NXUS2CH7.js";
 import "../chunk-EUXUH3YW.js";
 export {
   Markdown