@exponential_app/eui-solid 0.2.0 → 0.3.0

package/dist/types/primitives/carousel.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentProps } from "solid-js";
+export { CAROUSEL_GEOMETRY, carouselCounterText } from "@exponential_app/eui/web/primitives";
+/** EXP-1495: React's `CarouselCounter` (the `i / n` pill; `page` 0-based). */
+export declare function CarouselCounter(props: Omit<ComponentProps<`span`>, `children`> & {
+    page: number;
+    total: number;
+}): import("solid-js").JSX.Element;
+export type CarouselThumbnailsProps = Omit<ComponentProps<`div`>, `children` | `onChange`> & {
+    /** The page count: one thumbnail per page. */
+    count: number;
+    /** The pictures by page; past `count` ignored, a missing one = the empty square. */
+    urls: readonly (string | null | undefined)[];
+    /** The current page (0-based). */
+    page: number;
+    onPageChange?: (page: number) => void;
+    /** Each thumbnail's accessible name (default `Page i of n`). */
+    pageLabel?: (page: number, total: number) => string;
+};
+/** EXP-1495: React's `CarouselThumbnails` (one button per page, the current
+ *  one ringed and scrolled into view inside the strip). */
+export declare function CarouselThumbnails(props: CarouselThumbnailsProps): import("solid-js").JSX.Element;

package/dist/types/primitives/index.d.ts

@@ -7,6 +7,7 @@ export * from "./breadcrumb.js";
 export * from "./button.js";
 export * from "./calendar.js";
 export * from "./card.js";
+export * from "./carousel.js";
 export * from "./checkbox.js";
 export * from "./choice-tiles.js";
 export * from "./cn.js";
@@ -28,6 +29,8 @@ export * from "./kbd.js";
 export * from "./label.js";
 export * from "./menu-surface.js";
 export * from "./meter.js";
+export * from "./mosaic.js";
+export * from "./outline.js";
 export * from "./popover.js";
 export * from "./progress.js";
 export * from "./progress-ring.js";

package/dist/types/primitives/mosaic.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentProps } from "solid-js";
+export { MOSAIC_GEOMETRY, mosaicTiles } from "@exponential_app/eui/web/primitives";
+export type { MosaicTile, MosaicTileSize } from "@exponential_app/eui/web/primitives";
+export interface MosaicPicture {
+    src: string;
+    alt?: string;
+}
+export type MosaicProps = Omit<ComponentProps<`div`>, `onSelect` | `children`> & {
+    pictures: readonly MosaicPicture[];
+    /** The group's accessible name. */
+    label?: string;
+    /** A tile press: its picture index (0, 1 or 2; the host opens its lightbox). */
+    onSelect?: (index: number) => void;
+};
+/** EXP-1495: React's `Mosaic` (the WIDE picture group on `mosaicTiles`). */
+export declare function Mosaic(props: MosaicProps): import("solid-js").JSX.Element;

package/dist/types/primitives/outline.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentProps } from "solid-js";
+import { type OutlineItem } from "@exponential_app/eui/web/primitives";
+export { OUTLINE_GEOMETRY, outlineCountText } from "@exponential_app/eui/web/primitives";
+export type { OutlineItem } from "@exponential_app/eui/web/primitives";
+export type OutlineProps = Omit<ComponentProps<`nav`>, `onSelect` | `children`> & {
+    items: readonly OutlineItem[];
+    /** The active row's id (the host's scroll-spy binds it); none = no active row. */
+    value?: string | null;
+    /** The uppercase caption over the rows (and the nav's name). */
+    caption?: string;
+    onSelect?: (id: string) => void;
+};
+/** EXP-1495: React's `Outline` (an anchor list, ONE active row, a `· n` count). */
+export declare function Outline(props: OutlineProps): import("solid-js").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exponential_app/eui-solid",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Exponential UI for SolidJS: the core A2UI catalog painted on plain elements (floating-ui, aria-hidden) with the same DOM, the same compiled stylesheet and the same runtime themes as the React renderer, run through the conformance suite and the web-parity check.",
   "license": "Apache-2.0",
   "homepage": "https://exponential.at/ui/",
@@ -42,7 +42,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@exponential_app/eui": "^0.2.0",
+    "@exponential_app/eui": "^0.3.0",
     "@floating-ui/dom": "^1.7.0",
     "aria-hidden": "^1.2.6",
     "lucide-solid": "0.544.0"