@sankhyatronics/sankhya-cms 0.1.18 → 0.2.0

package/dist/content-block/index.d.ts

@@ -3,9 +3,8 @@ import { LitElement } from 'lit';
 
 /**
  * A long-form article section: centered title/subtitle, an optional featured image with caption,
- * then Markdown body text. Ports `SankhyaUI`'s React `ContentBlock`. The body comes from
- * `content-src` (a Markdown URL, as in the source) or an inline `content` string (added so the
- * block works without a fetch); `content-src` wins when both are set.
+ * then Markdown body text. The body comes from `content-src` (a Markdown URL) or an inline
+ * `content` string (so the block works without a fetch); `content-src` wins when both are set.
  *
  * @cssprop --st-content-block-padding - Overrides the block's padding.
  */

package/dist/content-block/index.js

@@ -1,7 +1,8 @@
 import {
   ContentBlock
-} from "../chunk-BMHMNXIA.js";
-import "../chunk-5EBWMPJS.js";
+} from "../chunk-4AFOKKSU.js";
+import "../chunk-QLA4BH2B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/dropdown/index.d.ts

@@ -3,23 +3,20 @@ import { LitElement } from 'lit';
 
 /**
  * A labeled trigger + slotted dropdown panel — nav menus (typically holding an `st-menu-grid`),
- * action menus, anything "click a trigger, show content under it". A 1:1 port of `SankhyaUI`'s
- * React `Dropdown` (`SankhyaCMS/SankhyaUI/src/components/Dropdown`): same markup
+ * action menus, anything "click a trigger, show content under it". Markup
  * (`.menu` > `.menu-title` + `.menu-dropdown`), sizes, 0.3s slide/fade, and behavior —
  *
- * - only one dropdown is open at a time (the source's `DropdownProvider`, built in here, so no
- *   provider element is needed);
+ * - only one dropdown is open at a time (a shared provider is built in, so no provider element
+ *   is needed);
  * - a mousedown outside, Escape, or a click inside the panel closes it;
  * - an `href` trigger toggles the panel when it has content, and is a plain link when it doesn't;
  * - `inline` opens the panel in the flow, the source's `.touch-device` layout.
  *
- * Colors and the panel's surface come from the suite theme (the source left those to the
- * consumer's `className`/`itemGroupClassName` utility classes). Two source rules are left out
- * because they break existing suite uses (`st-source-bar`'s site/library menus): the 100vw panel
- * at <=768px (overflows the screen from wherever the trigger sits; the header uses `inline`
- * instead) and `overflow: hidden` on slotted children (clips their focus rings). Suite additions
- * kept on top: `align`, `active`, `disabled`, `inline`, and the `dropdown-toggle` event — plus
- * `mega` and `open-on-hover` for an okta.com-style mega menu (see `st-mega-menu`).
+ * Colors and the panel's surface come from the suite theme. The panel is never 100vw wide at
+ * <=768px (it would overflow the screen from wherever the trigger sits; use `inline` in headers
+ * instead), and slotted children are not clipped with `overflow: hidden` (that would cut off their
+ * focus rings). Other attributes: `align`, `active`, `disabled`, `inline`, the `dropdown-toggle`
+ * event, and `mega` plus `open-on-hover` for a mega menu (see `st-mega-menu`).
  *
  * @cssprop --st-mega-menu-max-width - Maximum width of a `mega` panel (default `1400px`).
  * @cssprop --st-mega-menu-inset - Minimum space between a `mega` panel and the header's sides (default `1rem`).

package/dist/dropdown/index.js

@@ -1,6 +1,6 @@
 import {
   Dropdown
-} from "../chunk-LEXZKGQX.js";
+} from "../chunk-2DXHPEB5.js";
 import "../chunk-WTD2YIAA.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/feature-split/index.js

@@ -1,7 +1,8 @@
 import {
   FeatureSplit
 } from "../chunk-WT4OATGP.js";
-import "../chunk-5EBWMPJS.js";
+import "../chunk-QLA4BH2B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/features-section/index.d.ts

@@ -29,10 +29,10 @@ interface FeatureItemData {
     href?: string;
 }
 /**
- * A titled grid of feature tiles. Ports `SankhyaUI`'s React `FeaturesSection`: tiles come from the
- * `items` property, from slotted `st-feature-item` elements (the source's `children`), or both
- * (slotted first). `columns` sets the grid width (default 2; one column below 768px). `inverted`
- * is passed on to the `items` tiles; slotted tiles need their own `inverted` attribute.
+ * A titled grid of feature tiles. Tiles come from the `items` property, from slotted
+ * `st-feature-item` elements, or both (slotted first). `columns` sets the grid width (default 2;
+ * one column below 768px). `inverted` is passed on to the `items` tiles; slotted tiles need their
+ * own `inverted` attribute.
  *
  * @cssprop --st-features-section-padding - Overrides the section's padding.
  */

package/dist/features-section/index.js

@@ -1,9 +1,10 @@
 import {
   FeatureItem,
   FeaturesSection
-} from "../chunk-FLY7TNRT.js";
-import "../chunk-ZN4LIKVG.js";
-import "../chunk-5EBWMPJS.js";
+} from "../chunk-7NIWQWTA.js";
+import "../chunk-3OEEOBHB.js";
+import "../chunk-QLA4BH2B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/flow/index.d.ts

@@ -0,0 +1,35 @@
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+interface FlowNode {
+    label: string;
+    caption?: string;
+    /** `solid` (default, primary fill), `outline` (dashed accent border) or `accent` (cyan fill). */
+    variant?: 'solid' | 'outline' | 'accent';
+}
+/**
+ * A left-to-right process or architecture flow: boxes joined by arrows. Boxes come in three looks
+ * (`solid`, `outline`, `accent`); the arrows are decorative (`aria-hidden`), and the list is exposed
+ * as an ordered list. Below 600px the row stacks vertically and the arrows point down.
+ * `inverted` puts the flow on the dark band (`--st-cms-band-dark-bg`).
+ *
+ * @cssprop --st-flow-padding - Overrides the block's padding.
+ * @csspart flow - The ordered list of nodes.
+ * @csspart node - Each step's box (a `li`'s child).
+ * @csspart label - The box's label.
+ * @csspart caption - The box's caption.
+ * @csspart arrow - The arrow between two boxes.
+ */
+declare class Flow extends LitElement {
+    static styles: lit.CSSResult;
+    /** The boxes, in order. */
+    nodes: FlowNode[];
+    /** Accessible name for the list of steps. */
+    label: string;
+    /** Puts the flow on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme. */
+    inverted: boolean;
+    private arrow;
+    render(): lit.TemplateResult<1>;
+}
+
+export { Flow, type FlowNode };

package/dist/flow/index.js

@@ -0,0 +1,9 @@
+import {
+  Flow
+} from "../chunk-O4FCRKDX.js";
+import "../chunk-KMU6ABQF.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  Flow
+};
+//# sourceMappingURL=index.js.map

package/dist/flow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/header/index.d.ts

@@ -4,18 +4,13 @@ import { LitElement } from 'lit';
 /**
  * The app-shell header bar — brand (image + title, or title alone) on the left, a `slot="menu"`
  * for primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the
- * middle, and a `slot="utility"` for account/app-switcher/theme controls on the right. Ported
- * from `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this
- * package's Lit conventions and this workspace's actual needs — that source component takes an
- * `imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so
- * `title` is the primary brand prop here and `brand-image-url` is optional, mirroring
- * `st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a
- * deliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu
- * props — pick whichever fits a given app's header).
+ * middle, and a `slot="utility"` for account/app-switcher/theme controls on the right. `title` is
+ * the primary brand prop; `brand-image-url` is optional. For a fixed nav-links/user-menu header,
+ * use `st-app-header` instead.
  *
- * Layout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility
- * controls sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the
- * source) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the
+ * Layout: the menu starts 4rem after the brand, the utility
+ * controls sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px) `menu`/`utility`
+ * collapse behind a hamburger toggle into a full-screen layer under the
  * toggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to
  * `inline` so they open in the flow — the same two slotted elements just get repositioned by CSS
  * (`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below
@@ -26,9 +21,7 @@ import { LitElement } from 'lit';
  * "🇮🇳 India Edition"); unlike `menu`/`utility` it stays in the bar at every width.
  *
  * Also carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires
- * `language-change`) — ported from `st-app-header`'s own implementation verbatim rather than
- * rebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`
- * as a first-class header utility. Hidden entirely when `languages` has fewer than two entries.
+ * `language-change`). Hidden entirely when `languages` has fewer than two entries.
  * This component has no translation logic itself; the consuming app owns what a language `code`
  * means and which content it re-renders in response.
  *
@@ -106,7 +99,7 @@ declare class Header extends LitElement {
      * own `inline` setting is left alone. */
     private inlinedDropdowns;
     /** While the hamburger layout is on, the dropdowns in the header open in the flow of the
-     * full-screen panel instead of floating over it (SankhyaUI's touch-device layout). */
+     * full-screen panel instead of floating over it (the touch-device layout). */
     private syncInlineDropdowns;
     private onBrandExtraSlotChange;
     private onUtilitySlotChange;

package/dist/header/index.js

@@ -1,6 +1,6 @@
 import {
   Header
-} from "../chunk-XWB4CKDU.js";
+} from "../chunk-XUGEXERO.js";
 import "../chunk-WTD2YIAA.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/hero/index.d.ts

@@ -3,18 +3,25 @@ import { LitElement } from 'lit';
 
 /**
  * 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.
  *
+ * `badge` is a pill above the title; `highlights` is a row of check-marked points under the buttons.
+ * `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.
+ *
  * @fires action - Cancelable, before navigating. 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`).
  * @csspart eyebrow - The small label above the title.
+ * @csspart badge - The pill above the title.
+ * @csspart highlights - The row of check-marked points.
+ * @csspart image - The image in `layout="split"`.
  * @csspart secondary-action - The outlined second button.
  */
 declare class Hero extends LitElement {
@@ -33,6 +40,14 @@ declare class Hero extends LitElement {
     /** Label of an outlined second button next to the primary one. */
     secondaryActionLabel: 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[];
+    /** `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. */
@@ -50,7 +65,7 @@ declare class Hero extends LitElement {
 /** 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';
 }
 

package/dist/hero/index.js

@@ -1,6 +1,6 @@
 import {
   Hero
-} from "../chunk-JKBWZLG4.js";
+} from "../chunk-SQ3OZO32.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

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

@@ -2,10 +2,8 @@ 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.
  */

package/dist/icon-button/index.js

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

package/dist/index.d.ts

@@ -10,6 +10,7 @@ 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';
@@ -26,6 +27,8 @@ 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,15 +1,27 @@
+import {
+  Stats
+} from "./chunk-YVTFQHVY.js";
+import {
+  Steps
+} from "./chunk-ZRC5BVDX.js";
+import {
+  TagStrip
+} from "./chunk-5MY6OWMK.js";
 import {
   Testimonials
 } from "./chunk-DH53HZPB.js";
 import {
   Tooltip
 } from "./chunk-FML6AG2V.js";
+import {
+  MenuItem
+} from "./chunk-2FJDNJ7R.js";
 import {
   PromoBanner
-} from "./chunk-VWS53WY4.js";
+} from "./chunk-HMUZON6I.js";
 import {
   Section
-} from "./chunk-7NLZND6Q.js";
+} from "./chunk-5F5PTVWR.js";
 import {
   SegmentedControl
 } from "./chunk-MG2VTZA4.js";
@@ -17,14 +29,14 @@ import {
   Select
 } from "./chunk-BLQV2YMO.js";
 import {
-  Stats
-} from "./chunk-YVTFQHVY.js";
+  Hero
+} from "./chunk-SQ3OZO32.js";
 import {
   IconButton
-} from "./chunk-YQ42EBK5.js";
+} from "./chunk-PHEGSCOM.js";
 import {
   ItemsAccordion
-} from "./chunk-ALI26WOB.js";
+} from "./chunk-EE6PAN3B.js";
 import {
   KpiCard
 } from "./chunk-6D6ROU7X.js";
@@ -35,13 +47,10 @@ import {
 } from "./chunk-J6EO4R73.js";
 import {
   MenuGrid
-} from "./chunk-SMLR736E.js";
+} from "./chunk-OELI3IWC.js";
 import {
   MenuGridItem
-} from "./chunk-JQY2G4QK.js";
-import {
-  MenuItem
-} from "./chunk-R5G6KFTJ.js";
+} from "./chunk-OLA35A2O.js";
 import {
   CookieConsent
 } from "./chunk-MSSH3HFK.js";
@@ -50,36 +59,36 @@ import {
 } from "./chunk-INMSEYT6.js";
 import {
   Dropdown
-} from "./chunk-LEXZKGQX.js";
+} from "./chunk-2DXHPEB5.js";
 import {
   FeatureSplit
 } from "./chunk-WT4OATGP.js";
 import {
   FeatureItem,
   FeaturesSection
-} from "./chunk-FLY7TNRT.js";
+} from "./chunk-7NIWQWTA.js";
+import {
+  Flow
+} from "./chunk-O4FCRKDX.js";
 import {
   Footer
 } from "./chunk-GJO3RGOB.js";
 import {
   Header
-} from "./chunk-XWB4CKDU.js";
+} from "./chunk-XUGEXERO.js";
 import "./chunk-WTD2YIAA.js";
-import {
-  Hero
-} from "./chunk-JKBWZLG4.js";
 import {
   AttentionPanel
 } from "./chunk-35TX3AOA.js";
 import {
   BarChart
 } from "./chunk-AG2COC64.js";
-import {
-  BentoGrid
-} from "./chunk-76AVBQUA.js";
 import {
   Card
-} from "./chunk-ZN4LIKVG.js";
+} from "./chunk-3OEEOBHB.js";
+import {
+  BentoGrid
+} from "./chunk-5C6C6K5U.js";
 import {
   Carousel
 } from "./chunk-EMCQBT3S.js";
@@ -88,10 +97,11 @@ import {
 } from "./chunk-AKJQ345O.js";
 import {
   ContentBlock
-} from "./chunk-BMHMNXIA.js";
+} from "./chunk-4AFOKKSU.js";
 import {
   Markdown
-} from "./chunk-5EBWMPJS.js";
+} from "./chunk-QLA4BH2B.js";
+import "./chunk-UAIUBPDN.js";
 import "./chunk-FZ36KL73.js";
 import "./chunk-KMU6ABQF.js";
 import "./chunk-EUXUH3YW.js";
@@ -109,6 +119,7 @@ export {
   FeatureItem,
   FeatureSplit,
   FeaturesSection,
+  Flow,
   Footer,
   Header,
   Hero,
@@ -127,6 +138,8 @@ export {
   SegmentedControl,
   Select,
   Stats,
+  Steps,
+  TagStrip,
   Testimonials,
   Tooltip
 };

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

@@ -4,10 +4,12 @@ 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.
  *
  * @cssprop --st-items-accordion-padding - Overrides the block's padding.
  */
@@ -17,7 +19,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,6 +1,7 @@
 import {
   ItemsAccordion
-} from "../chunk-ALI26WOB.js";
+} from "../chunk-EE6PAN3B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/markdown/index.d.ts

@@ -3,8 +3,7 @@ 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 }`).
  *

package/dist/markdown/index.js

@@ -1,6 +1,7 @@
 import {
   Markdown
-} from "../chunk-5EBWMPJS.js";
+} from "../chunk-QLA4BH2B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/menu-grid/index.d.ts

@@ -4,9 +4,8 @@ import { LitElement } from 'lit';
 /**
  * A responsive grid of `st-menu-grid-item`s — the "rich" nav-menu layout (icon + title +
  * description per entry, arranged in columns), typically slotted into `st-dropdown`'s default
- * slot. A 1:1 port of `SankhyaUI`'s React `MenuGrid` (`SankhyaCMS/SankhyaUI/src/components/Menu`):
- * same markup (`.menu-grid-container` > `.menu-grid.columns-N`), gap and breakpoints (768px: 2–4
- * columns → 2; 480px: everything → 1; a 1-column grid stays 1).
+ * slot. Markup is `.menu-grid-container` > `.menu-grid.columns-N`; breakpoints: at 768px, 2–4
+ * columns become 2; at 480px, everything becomes 1 (a 1-column grid stays 1).
  */
 declare class MenuGrid extends LitElement {
     static styles: lit.CSSResult;

package/dist/menu-grid/index.js

@@ -1,6 +1,6 @@
 import {
   MenuGrid
-} from "../chunk-SMLR736E.js";
+} from "../chunk-OELI3IWC.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/menu-grid-item/index.d.ts

@@ -3,16 +3,14 @@ import { LitElement } from 'lit';
 
 /**
  * One entry in an `st-menu-grid` — icon (via `slot="icon"`) + title on one line, an optional
- * description below, and an optional corner badge ("New", "Popular", ...). A 1:1 port of
- * `SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and
- * CSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,
- * scales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.
- * Colors come from the suite theme rather than per-item utility classes.
+ * description below, and an optional corner badge ("New", "Popular", ...). Effects are CSS:
+ * fades up the first time it scrolls into view, scales to 1.02 on hover / 0.98 while pressed, the
+ * icon tilts on hover, the badge pops in. Colors come from the suite theme rather than per-item
+ * utility classes.
  *
- * An `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*
+ * An `http(s)` `href` opens in a new tab. Any other `href` fires a *cancelable*
  * `menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls
- * `event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used
- * react-router's `Link` here; the suite apps have no router).
+ * `event.preventDefault()` on it, which also cancels the anchor's own navigation.
  */
 declare class MenuGridItem extends LitElement {
     /** `focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items. */

package/dist/menu-grid-item/index.js

@@ -1,6 +1,6 @@
 import {
   MenuGridItem
-} from "../chunk-JQY2G4QK.js";
+} from "../chunk-OLA35A2O.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/menu-item/index.d.ts

@@ -3,15 +3,13 @@ import { LitElement } from 'lit';
 
 /**
  * A single flat nav row — icon (`slot="icon"`) + title + badge on one line, an optional
- * description below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1
- * port of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same
- * markup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on
- * hover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades
- * in. Colors come from the suite theme rather than per-item utility classes.
+ * description below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. Effects
+ * are CSS: nudges right and scales to 1.01 on hover / 0.99 while pressed, the icon tilts on hover,
+ * the badge pops in, the description fades in. Colors come from the suite theme rather than
+ * per-item utility classes.
  *
  * Renders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)
- * before navigating — a host doing client-side routing calls `event.preventDefault()` on it (the
- * source used react-router's `Link` here; the suite apps have no router).
+ * before navigating — a host doing client-side routing calls `event.preventDefault()` on it.
  *
  * @slot icon - The row's icon, sized to `icon-size` (16px, or 14px when `compact`).
  * @cssprop --st-menu-item-icon-size - Width and height of the slotted icon; `icon-size` sets it.

package/dist/menu-item/index.js

@@ -1,6 +1,6 @@
 import {
   MenuItem
-} from "../chunk-R5G6KFTJ.js";
+} from "../chunk-2FJDNJ7R.js";
 import "../chunk-WTD2YIAA.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";