@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/ui/carousel/carousel.d.ts

@@ -0,0 +1,66 @@
+import { type JSX } from 'solid-js';
+import type { EmblaCarouselType } from 'embla-carousel';
+/**
+ * Carousel.
+ *
+ * A horizontal scroller with snap points, over embla. The primitive owns the
+ * physics — momentum, snapping, drag — and this owns the two things a carousel
+ * always needs and embla deliberately leaves to the caller: a keyboard path and a
+ * way to tell how far along you are.
+ *
+ * **It is a scroll container, not a slide show.** `slidesToScroll` defaults to 1
+ * and the track is keyboard-focusable, so arrow keys move between slides and a
+ * slide that contains a link stays reachable. A carousel that hijacks the arrow
+ * keys or hides its off-screen slides from the tab order is the standard
+ * accessibility failure of this component, and both are avoided here by not
+ * disabling anything: the slides stay in the DOM and in the tab order, and the
+ * container scrolls.
+ *
+ * `orientation="vertical"` exists because embla supports it and a vertical
+ * carousel is what a short list of cards becomes on a phone. It is a prop rather
+ * than a second component because every part — the track, the previous/next
+ * buttons, the dots — has the same relationship to the axis.
+ *
+ * The dot indicators are buttons, not spans: a carousel with twelve slides and a
+ * "go to slide 7" affordance is the only way to reach the seventh without
+ * dragging through six. Each is labelled, because a row of unlabelled dots is a
+ * row of identical controls to a screen reader.
+ */
+export type CarouselApi = EmblaCarouselType;
+export type CarouselProps = {
+    /** The slides. Each is wrapped in its own element so embla can measure it. */
+    children: JSX.Element;
+    /** The axis. Vertical is what a card list becomes on a narrow screen. */
+    orientation?: 'horizontal' | 'vertical';
+    /** How many slides are visible at once. */
+    slidesToShow?: number;
+    /** Align the active slide to the start, centre, or end of the viewport. */
+    align?: 'start' | 'center' | 'end';
+    /** Whether dragging past the ends loops. Off by default: a loop hides the ends. */
+    loop?: boolean;
+    /** Show the previous/next controls. */
+    controls?: boolean;
+    /** Show the dot indicators. Off by default — a single-slide carousel needs none. */
+    dots?: boolean;
+    /** Accessible names. Override for a non-English application. */
+    previousLabel?: string;
+    nextLabel?: string;
+    /** The label for a dot, given a zero-based index. */
+    dotLabel?: (index: number) => string;
+    /** Receives the embla API, for a caller that needs to drive it. */
+    onApi?: (api: CarouselApi) => void;
+    class?: string;
+};
+export declare function Carousel(props: CarouselProps): JSX.Element;
+/**
+ * One slide. `basis` is what makes `slidesToShow` work: embla measures the slide
+ * elements, so a slide that is not sized to a fraction of the viewport would show
+ * one per screen regardless of the setting.
+ */
+export declare function CarouselSlide(props: {
+    children: JSX.Element;
+    /** How many slides share the viewport at this slide's widest breakpoint. */
+    slidesToShow?: number;
+    class?: string;
+}): JSX.Element;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/ui/carousel/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/carousel/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAEjG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAKvD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG;IAC1B,8EAA8E;IAC9E,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,yEAAyE;IACzE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACpC,mEAAmE;IACnE,KAAK,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eA4H5C;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,eAWA"}

package/dist/components/ui/carousel/carousel.js

@@ -0,0 +1,178 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { className, createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, setStyleProperty, spread, template, use } from "solid-js/web";
+import { ChevronLeft, ChevronRight } from "lucide-solid";
+import { For, Show, createEffect, createSignal, onCleanup, splitProps } from "solid-js";
+import createEmblaCarousel from "embla-carousel-solid";
+//#region src/components/ui/carousel/carousel.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="flex items-center gap-1 px-1">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="flex items-center justify-center gap-1">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div role=group aria-roledescription=carousel><div tabindex=0 aria-label=Carousel><div>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<button type=button>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div role=group aria-roledescription=slide>`);
+function Carousel(props) {
+	const [local, rest] = splitProps(props, [
+		"children",
+		"orientation",
+		"slidesToShow",
+		"align",
+		"loop",
+		"controls",
+		"dots",
+		"previousLabel",
+		"nextLabel",
+		"dotLabel",
+		"onApi",
+		"class"
+	]);
+	const orientation = () => local.orientation ?? "horizontal";
+	const [emblaRef, embla] = createEmblaCarousel(() => ({
+		axis: orientation() === "vertical" ? "y" : "x",
+		loop: local.loop ?? false,
+		align: local.align ?? "start",
+		slidesToScroll: 1,
+		containScroll: "trimSnaps"
+	}));
+	const [selected, setSelected] = createSignal(0);
+	const [count, setCount] = createSignal(0);
+	const [canPrev, setCanPrev] = createSignal(false);
+	const [canNext, setCanNext] = createSignal(false);
+	/**
+	* The scroll event, not the select event alone: `select` fires on a settle, so a
+	* drag in progress would leave the dots behind the thumb. `scroll` covers both.
+	*/
+	createEffect(() => {
+		const api = embla();
+		if (!api) return;
+		local.onApi?.(api);
+		const sync = () => {
+			setSelected(api.selectedScrollSnap());
+			setCanPrev(api.canScrollPrev());
+			setCanNext(api.canScrollNext());
+		};
+		sync();
+		setCount(api.scrollSnapList().length);
+		api.on("select", sync);
+		api.on("scroll", sync);
+		api.on("reInit", sync);
+		onCleanup(() => {
+			api.off("select", sync);
+			api.off("scroll", sync);
+			api.off("reInit", sync);
+		});
+	});
+	return (() => {
+		var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("group/carousel relative grid gap-2", local.class);
+		} }, rest), false, true);
+		use(emblaRef, _el$2);
+		insert(_el$3, () => local.children);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return local.controls ?? true;
+			},
+			get children() {
+				var _el$4 = _tmpl$2();
+				insert(_el$4, createComponent(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					get disabled() {
+						return !canPrev();
+					},
+					get ["aria-label"]() {
+						return local.previousLabel ?? "Previous slide";
+					},
+					onClick: () => embla()?.scrollPrev(),
+					get children() {
+						return createComponent(ChevronLeft, {
+							"aria-hidden": "true",
+							"class": "rotate-0"
+						});
+					}
+				}), null);
+				insert(_el$4, createComponent(Show, {
+					get when() {
+						return local.dots;
+					},
+					get children() {
+						var _el$5 = _tmpl$();
+						insert(_el$5, createComponent(For, {
+							get each() {
+								return Array.from({ length: count() });
+							},
+							children: (_, index) => (() => {
+								var _el$6 = _tmpl$4();
+								_el$6.$$click = () => embla()?.scrollTo(index());
+								effect((_p$) => {
+									var _v$3 = cn("size-1.5 rounded-full bg-muted-foreground/40 transition-colors hover:bg-muted-foreground", selected() === index() && "bg-primary"), _v$4 = local.dotLabel?.(index()) ?? `Go to slide ${index() + 1}`, _v$5 = selected() === index() ? "true" : void 0;
+									_v$3 !== _p$.e && className(_el$6, _p$.e = _v$3);
+									_v$4 !== _p$.t && setAttribute(_el$6, "aria-label", _p$.t = _v$4);
+									_v$5 !== _p$.a && setAttribute(_el$6, "aria-current", _p$.a = _v$5);
+									return _p$;
+								}, {
+									e: void 0,
+									t: void 0,
+									a: void 0
+								});
+								return _el$6;
+							})()
+						}));
+						return _el$5;
+					}
+				}), null);
+				insert(_el$4, createComponent(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					get disabled() {
+						return !canNext();
+					},
+					get ["aria-label"]() {
+						return local.nextLabel ?? "Next slide";
+					},
+					onClick: () => embla()?.scrollNext(),
+					get children() {
+						return createComponent(ChevronRight, { "aria-hidden": "true" });
+					}
+				}), null);
+				return _el$4;
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$ = cn("scroll-fade overflow-hidden rounded-lg focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"), _v$2 = cn("flex", orientation() === "vertical" ? "flex-col" : "flex-row");
+			_v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})();
+}
+/**
+* One slide. `basis` is what makes `slidesToShow` work: embla measures the slide
+* elements, so a slide that is not sized to a fraction of the viewport would show
+* one per screen regardless of the setting.
+*/
+function CarouselSlide(props) {
+	return (() => {
+		var _el$7 = _tmpl$5();
+		insert(_el$7, () => props.children);
+		effect((_p$) => {
+			var _v$6 = cn("min-w-0 shrink-0 grow-0", props.class), _v$7 = `${100 / (props.slidesToShow ?? 1)}%`;
+			_v$6 !== _p$.e && className(_el$7, _p$.e = _v$6);
+			_v$7 !== _p$.t && setStyleProperty(_el$7, "flex-basis", _p$.t = _v$7);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$7;
+	})();
+}
+delegateEvents(["click"]);
+//#endregion
+export { Carousel, CarouselSlide };
+
+//# sourceMappingURL=carousel.js.map

package/dist/components/ui/carousel/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","names":["createEffect","createSignal","For","onCleanup","Show","splitProps","JSX","createEmblaCarousel","EmblaCarouselType","ChevronLeft","ChevronRight","cn","Button","CarouselApi","CarouselProps","children","Element","orientation","slidesToShow","align","loop","controls","dots","previousLabel","nextLabel","dotLabel","index","onApi","api","class","Carousel","props","local","rest","emblaRef","embla","axis","slidesToScroll","containScroll","selected","setSelected","count","setCount","canPrev","setCanPrev","canNext","setCanNext","sync","selectedScrollSnap","canScrollPrev","canScrollNext","scrollSnapList","length","on","off","_el$","_tmpl$3","_el$2","firstChild","_el$3","_$spread","_$mergeProps","_$use","_$insert","_$createComponent","when","_el$4","_tmpl$2","variant","size","disabled","aria-label","onClick","scrollPrev","_el$5","_tmpl$","each","Array","from","_","_el$6","_tmpl$4","$$click","scrollTo","_$effect","_p$","_v$3","_v$4","_v$5","undefined","e","_$className","t","_$setAttribute","a","scrollNext","_v$","_v$2","CarouselSlide","_el$7","_tmpl$5","_v$6","_v$7","_$setStyleProperty","_$delegateEvents","_$mergeProps","_$createComponent","_$className","_$setAttribute","_$setStyleProperty","_$delegateEvents"],"sources":["../../../../src/components/ui/carousel/carousel.tsx"],"sourcesContent":["import { createEffect, createSignal, For, onCleanup, Show, splitProps, type JSX } from 'solid-js'\nimport createEmblaCarousel from 'embla-carousel-solid'\nimport type { EmblaCarouselType } from 'embla-carousel'\nimport { ChevronLeft, ChevronRight } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../button'\n\n/**\n * Carousel.\n *\n * A horizontal scroller with snap points, over embla. The primitive owns the\n * physics — momentum, snapping, drag — and this owns the two things a carousel\n * always needs and embla deliberately leaves to the caller: a keyboard path and a\n * way to tell how far along you are.\n *\n * **It is a scroll container, not a slide show.** `slidesToScroll` defaults to 1\n * and the track is keyboard-focusable, so arrow keys move between slides and a\n * slide that contains a link stays reachable. A carousel that hijacks the arrow\n * keys or hides its off-screen slides from the tab order is the standard\n * accessibility failure of this component, and both are avoided here by not\n * disabling anything: the slides stay in the DOM and in the tab order, and the\n * container scrolls.\n *\n * `orientation=\"vertical\"` exists because embla supports it and a vertical\n * carousel is what a short list of cards becomes on a phone. It is a prop rather\n * than a second component because every part — the track, the previous/next\n * buttons, the dots — has the same relationship to the axis.\n *\n * The dot indicators are buttons, not spans: a carousel with twelve slides and a\n * \"go to slide 7\" affordance is the only way to reach the seventh without\n * dragging through six. Each is labelled, because a row of unlabelled dots is a\n * row of identical controls to a screen reader.\n */\n\nexport type CarouselApi = EmblaCarouselType\n\nexport type CarouselProps = {\n  /** The slides. Each is wrapped in its own element so embla can measure it. */\n  children: JSX.Element\n  /** The axis. Vertical is what a card list becomes on a narrow screen. */\n  orientation?: 'horizontal' | 'vertical'\n  /** How many slides are visible at once. */\n  slidesToShow?: number\n  /** Align the active slide to the start, centre, or end of the viewport. */\n  align?: 'start' | 'center' | 'end'\n  /** Whether dragging past the ends loops. Off by default: a loop hides the ends. */\n  loop?: boolean\n  /** Show the previous/next controls. */\n  controls?: boolean\n  /** Show the dot indicators. Off by default — a single-slide carousel needs none. */\n  dots?: boolean\n  /** Accessible names. Override for a non-English application. */\n  previousLabel?: string\n  nextLabel?: string\n  /** The label for a dot, given a zero-based index. */\n  dotLabel?: (index: number) => string\n  /** Receives the embla API, for a caller that needs to drive it. */\n  onApi?: (api: CarouselApi) => void\n  class?: string\n}\n\nexport function Carousel(props: CarouselProps) {\n  const [local, rest] = splitProps(props, [\n    'children',\n    'orientation',\n    'slidesToShow',\n    'align',\n    'loop',\n    'controls',\n    'dots',\n    'previousLabel',\n    'nextLabel',\n    'dotLabel',\n    'onApi',\n    'class',\n  ])\n\n  const orientation = () => local.orientation ?? 'horizontal'\n\n  // The first element of the tuple is the ref setter, the second the accessor —\n  // so `ref={emblaRef}` is the whole wiring.\n  const [emblaRef, embla] = createEmblaCarousel(() => ({\n    axis: orientation() === 'vertical' ? 'y' : 'x',\n    loop: local.loop ?? false,\n    align: local.align ?? 'start',\n    slidesToScroll: 1,\n    containScroll: 'trimSnaps',\n  }))\n\n  const [selected, setSelected] = createSignal(0)\n  const [count, setCount] = createSignal(0)\n  const [canPrev, setCanPrev] = createSignal(false)\n  const [canNext, setCanNext] = createSignal(false)\n\n  /**\n   * The scroll event, not the select event alone: `select` fires on a settle, so a\n   * drag in progress would leave the dots behind the thumb. `scroll` covers both.\n   */\n  createEffect(() => {\n    const api = embla()\n    if (!api) return\n    local.onApi?.(api)\n\n    const sync = () => {\n      setSelected(api.selectedScrollSnap())\n      setCanPrev(api.canScrollPrev())\n      setCanNext(api.canScrollNext())\n    }\n    sync()\n    setCount(api.scrollSnapList().length)\n\n    api.on('select', sync)\n    api.on('scroll', sync)\n    api.on('reInit', sync)\n    onCleanup(() => {\n      api.off('select', sync)\n      api.off('scroll', sync)\n      api.off('reInit', sync)\n    })\n  })\n\n  return (\n    <div\n      class={cn('group/carousel relative grid gap-2', local.class)}\n      role=\"group\"\n      aria-roledescription=\"carousel\"\n      {...rest}\n    >\n      <div\n        ref={emblaRef}\n        // A scroll container has to be reachable by keyboard — the same\n        // requirement the code block's scroller meets.\n        tabindex=\"0\"\n        class={cn(\n          'scroll-fade overflow-hidden rounded-lg focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none'\n        )}\n        aria-label=\"Carousel\"\n      >\n        <div class={cn('flex', orientation() === 'vertical' ? 'flex-col' : 'flex-row')}>\n          {local.children}\n        </div>\n      </div>\n\n      <Show when={local.controls ?? true}>\n        <div class=\"flex items-center justify-center gap-1\">\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            disabled={!canPrev()}\n            aria-label={local.previousLabel ?? 'Previous slide'}\n            onClick={() => embla()?.scrollPrev()}\n          >\n            <ChevronLeft aria-hidden=\"true\" class=\"rotate-0\" />\n          </Button>\n          <Show when={local.dots}>\n            <div class=\"flex items-center gap-1 px-1\">\n              <For each={Array.from({ length: count() })}>\n                {(_, index) => (\n                  <button\n                    type=\"button\"\n                    class={cn(\n                      'size-1.5 rounded-full bg-muted-foreground/40 transition-colors hover:bg-muted-foreground',\n                      selected() === index() && 'bg-primary'\n                    )}\n                    aria-label={local.dotLabel?.(index()) ?? `Go to slide ${index() + 1}`}\n                    aria-current={selected() === index() ? 'true' : undefined}\n                    onClick={() => embla()?.scrollTo(index())}\n                  />\n                )}\n              </For>\n            </div>\n          </Show>\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            disabled={!canNext()}\n            aria-label={local.nextLabel ?? 'Next slide'}\n            onClick={() => embla()?.scrollNext()}\n          >\n            <ChevronRight aria-hidden=\"true\" />\n          </Button>\n        </div>\n      </Show>\n    </div>\n  )\n}\n\n/**\n * One slide. `basis` is what makes `slidesToShow` work: embla measures the slide\n * elements, so a slide that is not sized to a fraction of the viewport would show\n * one per screen regardless of the setting.\n */\nexport function CarouselSlide(props: {\n  children: JSX.Element\n  /** How many slides share the viewport at this slide's widest breakpoint. */\n  slidesToShow?: number\n  class?: string\n}) {\n  return (\n    <div\n      class={cn('min-w-0 shrink-0 grow-0', props.class)}\n      style={{ 'flex-basis': `${100 / (props.slidesToShow ?? 1)}%` }}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n    >\n      {props.children}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA6DA,SAAgB8B,SAASC,OAAsB;CAC7C,MAAM,CAACC,OAAOC,QAAQ5B,WAAW0B,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAO,CACR;CAED,MAAMd,oBAAoBe,MAAMf,eAAe;CAI/C,MAAM,CAACiB,UAAUC,SAAS5B,2BAA2B;EACnD6B,MAAMnB,YAAY,MAAM,aAAa,MAAM;EAC3CG,MAAMY,MAAMZ,QAAQ;EACpBD,OAAOa,MAAMb,SAAS;EACtBkB,gBAAgB;EAChBC,eAAe;CACjB,EAAE;CAEF,MAAM,CAACC,UAAUC,eAAevC,aAAa,CAAC;CAC9C,MAAM,CAACwC,OAAOC,YAAYzC,aAAa,CAAC;CACxC,MAAM,CAAC0C,SAASC,cAAc3C,aAAa,KAAK;CAChD,MAAM,CAAC4C,SAASC,cAAc7C,aAAa,KAAK;;;;;CAMhDD,mBAAmB;EACjB,MAAM4B,MAAMO,MAAM;EAClB,IAAI,CAACP,KAAK;EACVI,MAAML,QAAQC,GAAG;EAEjB,MAAMmB,aAAa;GACjBP,YAAYZ,IAAIoB,mBAAmB,CAAC;GACpCJ,WAAWhB,IAAIqB,cAAc,CAAC;GAC9BH,WAAWlB,IAAIsB,cAAc,CAAC;EAChC;EACAH,KAAK;EACLL,SAASd,IAAIuB,eAAe,CAAC,CAACC,MAAM;EAEpCxB,IAAIyB,GAAG,UAAUN,IAAI;EACrBnB,IAAIyB,GAAG,UAAUN,IAAI;EACrBnB,IAAIyB,GAAG,UAAUN,IAAI;EACrB5C,gBAAgB;GACdyB,IAAI0B,IAAI,UAAUP,IAAI;GACtBnB,IAAI0B,IAAI,UAAUP,IAAI;GACtBnB,IAAI0B,IAAI,UAAUP,IAAI;EACxB,CAAC;CACH,CAAC;CAED,cAAA;EAAA,IAAAQ,OAAAC,QAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC;EAAAE,OAAAL,MAAAM,WAAA,EAAA,KAAA,WAAA;GAAA,OAEWlD,GAAG,sCAAsCqB,MAAMH,KAAK;EAAC,EAAA,GAGxDI,IAAI,GAAA,OAAA,IAAA;EAAA6B,IAGD5B,UAAQuB,KAAA;EAAAM,OAAAJ,aAUV3B,MAAMjB,QAAQ;EAAAgD,OAAAR,MAAAS,gBAIlB5D,MAAI;GAAA,IAAC6D,OAAI;IAAA,OAAEjC,MAAMX,YAAY;GAAI;GAAA,IAAAN,WAAA;IAAA,IAAAmD,QAAAC,QAAA;IAAAJ,OAAAG,OAAAF,gBAE7BpD,QAAM;KACLwD,SAAO;KACPC,MAAI;KAAA,IACJC,WAAQ;MAAA,OAAE,CAAC3B,QAAQ;KAAC;KAAA,KAAA,gBAAA;MAAA,OACRX,MAAMT,iBAAiB;KAAgB;KACnDiD,eAAerC,MAAM,CAAC,EAAEsC,WAAW;KAAC,IAAA1D,WAAA;MAAA,OAAAiD,gBAEnCvD,aAAW;OAAA,eAAA;OAAA,SAAA;MAAA,CAAA;KAAA;IAAA,CAAA,GAAA,IAAA;IAAAsD,OAAAG,OAAAF,gBAEb5D,MAAI;KAAA,IAAC6D,OAAI;MAAA,OAAEjC,MAAMV;KAAI;KAAA,IAAAP,WAAA;MAAA,IAAA2D,QAAAC,OAAA;MAAAZ,OAAAW,OAAAV,gBAEjB9D,KAAG;OAAA,IAAC0E,OAAI;QAAA,OAAEC,MAAMC,KAAK,EAAE1B,QAAQX,MAAM,EAAE,CAAC;OAAC;OAAA1B,WACtCgE,GAAGrD,iBAAK;QAAA,IAAAsD,QAAAC,QAAA;QAAAD,MAAAE,gBASS/C,MAAM,CAAC,EAAEgD,SAASzD,MAAM,CAAC;QAAC0D,QAAAC,QAAA;SAAA,IAAAC,OANlC3E,GACL,4FACA4B,SAAS,MAAMb,MAAM,KAAK,YAC5B,GAAC6D,OACWvD,MAAMP,WAAWC,MAAM,CAAC,KAAK,eAAeA,MAAM,IAAI,KAAG8D,OACvDjD,SAAS,MAAMb,MAAM,IAAI,SAAS+D,KAAAA;SAASH,SAAAD,IAAAK,KAAAC,UAAAX,OAAAK,IAAAK,IAAAJ,IAAA;SAAAC,SAAAF,IAAAO,KAAAC,aAAAb,OAAA,cAAAK,IAAAO,IAAAL,IAAA;SAAAC,SAAAH,IAAAS,KAAAD,aAAAb,OAAA,gBAAAK,IAAAS,IAAAN,IAAA;SAAA,OAAAH;QAAA,GAAA;SAAAK,GAAAD,KAAAA;SAAAG,GAAAH,KAAAA;SAAAK,GAAAL,KAAAA;QAAA,CAAA;QAAA,OAAAT;OAAA,EAAA,CAAA;MAG5D,CAAA,CAAA;MAAA,OAAAN;KAAA;IAAA,CAAA,GAAA,IAAA;IAAAX,OAAAG,OAAAF,gBAINpD,QAAM;KACLwD,SAAO;KACPC,MAAI;KAAA,IACJC,WAAQ;MAAA,OAAE,CAACzB,QAAQ;KAAC;KAAA,KAAA,gBAAA;MAAA,OACRb,MAAMR,aAAa;KAAY;KAC3CgD,eAAerC,MAAM,CAAC,EAAE4D,WAAW;KAAC,IAAAhF,WAAA;MAAA,OAAAiD,gBAEnCtD,cAAY,EAAA,eAAA,OAAA,CAAA;KAAA;IAAA,CAAA,GAAA,IAAA;IAAA,OAAAwD;GAAA;EAAA,CAAA,GAAA,IAAA;EAAAkB,QAAAC,QAAA;GAAA,IAAAW,MA9CVrF,GACL,gHACF,GAACsF,OAGWtF,GAAG,QAAQM,YAAY,MAAM,aAAa,aAAa,UAAU;GAAC+E,QAAAX,IAAAK,KAAAC,UAAAlC,OAAA4B,IAAAK,IAAAM,GAAA;GAAAC,SAAAZ,IAAAO,KAAAD,UAAAhC,OAAA0B,IAAAO,IAAAK,IAAA;GAAA,OAAAZ;EAAA,GAAA;GAAAK,GAAAD,KAAAA;GAAAG,GAAAH,KAAAA;EAAA,CAAA;EAAA,OAAAlC;CAAA,EAAA,CAAA;AA+CtF;;;;;;AAOA,SAAgB2C,cAAcnE,OAK3B;CACD,cAAA;EAAA,IAAAoE,QAAAC,QAAA;EAAArC,OAAAoC,aAOKpE,MAAMhB,QAAQ;EAAAqE,QAAAC,QAAA;GAAA,IAAAgB,OALR1F,GAAG,2BAA2BoB,MAAMF,KAAK,GAACyE,OAC1B,GAAG,OAAOvE,MAAMb,gBAAgB,GAAE;GAAGmF,SAAAhB,IAAAK,KAAAC,UAAAQ,OAAAd,IAAAK,IAAAW,IAAA;GAAAC,SAAAjB,IAAAO,KAAAW,iBAAAJ,OAAA,cAAAd,IAAAO,IAAAU,IAAA;GAAA,OAAAjB;EAAA,GAAA;GAAAK,GAAAD,KAAAA;GAAAG,GAAAH,KAAAA;EAAA,CAAA;EAAA,OAAAU;CAAA,EAAA,CAAA;AAOlE;AAACK,eAAA,CAAA,OAAA,CAAA"}

package/dist/components/ui/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel, CarouselSlide, type CarouselApi, type CarouselProps } from './carousel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/ui/chart/chart.d.ts

@@ -0,0 +1,154 @@
+import { type JSX } from 'solid-js';
+import { Chart as ChartJs } from 'chart.js';
+import type { ChartOptions, ChartType } from 'chart.js';
+/**
+ * Chart.
+ *
+ * A thin wrapper over Chart.js, themed through the same CSS custom properties as
+ * everything else. The wrapper is thin on purpose: a design system's job here is
+ * to make a chart *look like the rest of the application* — the palette, the
+ * type scale, the tooltip surface, the grid lines — and not to re-implement
+ * scales and axes, which is where a hand-rolled chart goes wrong.
+ *
+ * ## Registration, and why it is here rather than left to the caller
+ *
+ * Chart.js is tree-shakeable through explicit registration: nothing is bundled
+ * until a controller, a scale or a plugin is registered. That is the whole reason
+ * it was chosen over a batteries-included charting library, and it only pays off
+ * if the registrations are scoped to what a component actually uses.
+ *
+ * This module registers the **shared** pieces once — scales, elements, tooltip,
+ * legend, filler — and nothing else. The controllers are imported per component
+ * so a `LineChart` does not carry the radar controller, and a consumer that
+ * imports only `LineChart` gets only that. Measured: see the story for the
+ * per-component figures the tree-shaking gate publishes.
+ *
+ * A caller with a chart type this file does not export registers its own
+ * controller with `registerChartPiece`, which is the escape hatch rather than a
+ * reason to widen the registration above.
+ *
+ * ## Theming
+ *
+ * Colours resolve from `--chart-1` through `--chart-5`, which every theme
+ * defines, plus `--chart-grid`, `--chart-axis` and `--chart-label`. That means a
+ * chart follows the accent axis, the appearance, and the font axis with no
+ * per-chart configuration — and a caller that wants a specific series colour
+ * passes it explicitly rather than reaching into the theme.
+ */
+/**
+ * Register a piece with Chart.js. The escape hatch for a caller's own chart type.
+ *
+ * `solid-chartjs` re-exports the typed components but not the registry, so
+ * registration comes from `chart.js` itself — which is also the honest place for
+ * it, since the registry is Chart.js's global.
+ */
+export declare function registerChartPiece(piece: Parameters<typeof ChartJs.register>[number]): void;
+/** The five series colours, in the order a multi-series chart should use them. */
+export declare const chartSeriesColors: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
+/**
+ * The theme's defaults as Chart.js options.
+ *
+ * Exported so a caller can spread it and change one thing, rather than
+ * restating every colour. Everything a chart draws that is not data — grid,
+ * ticks, legend, tooltip — is decided here once, which is what makes two charts
+ * in one application look like they came from the same place.
+ */
+export declare function chartOptions(overrides?: ChartOptions): ChartOptions;
+/** A chart's frame: a bordered surface with a title and an optional description. */
+export type ChartFrameProps = {
+    /** The chart's title. Required — a chart with no name is not readable. */
+    title: string;
+    /** What the chart shows. Announced to assistive technology, and drawn. */
+    description?: string;
+    /** Trailing controls. */
+    actions?: JSX.Element;
+    children: JSX.Element;
+    class?: string;
+};
+export declare function ChartFrame(props: ChartFrameProps): JSX.Element;
+type SeriesChartProps = {
+    /** The category labels along the axis. */
+    labels: readonly string[];
+    /** One entry per series. `data` is aligned to `labels`. */
+    series: readonly {
+        label: string;
+        data: readonly number[];
+        color?: string;
+    }[];
+    /** Chart.js options, merged over the theme's defaults. */
+    options?: ChartOptions;
+    /** Stack the series. */
+    stacked?: boolean;
+    class?: string;
+};
+/** A line chart. The default for a series over time. */
+export declare function LineChart(props: SeriesChartProps & {
+    area?: boolean;
+}): JSX.Element;
+/** A bar chart. `stacked` for parts of a whole over categories. */
+export declare function BarChart(props: SeriesChartProps & {
+    horizontal?: boolean;
+}): JSX.Element;
+/** A scatter plot, for a correlation rather than a series. */
+export declare function ScatterChart(props: {
+    series: readonly {
+        label: string;
+        data: readonly {
+            x: number;
+            y: number;
+        }[];
+        color?: string;
+    }[];
+    options?: ChartOptions;
+    class?: string;
+}): JSX.Element;
+/** A bubble chart: scatter with a third dimension carried by the radius. */
+export declare function BubbleChart(props: {
+    series: readonly {
+        label: string;
+        data: readonly {
+            x: number;
+            y: number;
+            r: number;
+        }[];
+        color?: string;
+    }[];
+    options?: ChartOptions;
+    class?: string;
+}): JSX.Element;
+/** A radar chart, for a profile across fixed axes. */
+export declare function RadarChart(props: SeriesChartProps): JSX.Element;
+/** A polar area chart: radial bars, for a composition. */
+export declare function PolarAreaChart(props: {
+    labels: readonly string[];
+    data: readonly number[];
+    options?: ChartOptions;
+    class?: string;
+}): JSX.Element;
+/**
+ * A doughnut or a pie, for a composition with few enough slices to name.
+ *
+ * Both are one component because the only difference is the hole, and a caller
+ * choosing between them is choosing a ratio rather than a chart. `cutout` is the
+ * hole's share of the radius: 0 is a pie, 60% is the doughnut most dashboards
+ * mean. A composition with more than about six slices should be a bar chart —
+ * past that, the smallest slices become unreadable and their labels collide.
+ */
+export declare function DonutChart(props: {
+    labels: readonly string[];
+    data: readonly number[];
+    /** The hole, as a percentage of the radius. 0 for a pie. */
+    cutout?: number;
+    options?: ChartOptions;
+    class?: string;
+}): JSX.Element;
+/** A legend built from the same five colours, for a chart whose legend is elsewhere. */
+export declare function ChartLegend(props: {
+    series: readonly {
+        label: string;
+        color?: string;
+    }[];
+    class?: string;
+}): JSX.Element;
+export type { ChartType, ChartOptions };
+//# sourceMappingURL=chart.d.ts.map

package/dist/components/ui/chart/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/chart/chart.tsx"],"names":[],"mappings":"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"}