@adea-ai/ui 0.60.3 → 0.61.0

package/dist/components/ui/button-group/button-group.js

@@ -0,0 +1,63 @@
+import { cn } from "../../../lib/utils.js";
+import { Separator } from "../separator/separator.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/button-group/button-group.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=button-group role=group>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=button-group-text>`);
+function ButtonGroup(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"label",
+		"orientation",
+		"children"
+	]);
+	const horizontal = () => local.orientation !== "vertical";
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({
+			get ["aria-label"]() {
+				return local.label;
+			},
+			get ["class"]() {
+				return cn("flex w-fit items-stretch", horizontal() ? "flex-row" : "flex-col", horizontal() ? "[&>*:first-child]:rounded-e-none [&>*:last-child]:rounded-s-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ms-px" : "[&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-mt-px", local.class);
+			}
+		}, rest), false, true);
+		insert(_el$, () => local.children);
+		return _el$;
+	})();
+}
+/**
+* A separator inside a group. `orientation` follows the group: a vertical rule in a
+* horizontal group, and the reverse.
+*/
+function ButtonGroupSeparator(props) {
+	const [local, rest] = splitProps(props, ["class", "orientation"]);
+	return createComponent(Separator, mergeProps({
+		get orientation() {
+			return local.orientation ?? "vertical";
+		},
+		get ["class"]() {
+			return cn("self-stretch", local.class);
+		}
+	}, rest));
+}
+/**
+* Static text in a group — a unit, a label, a readout that is not a control. It
+* takes the group's border and height so it sits in the row as a peer, but it is
+* not focusable and does not pretend to be.
+*/
+function ButtonGroupText(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("bg-muted text-muted-foreground flex items-center gap-2 rounded-md border border-border px-control-sm text-sm", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };
+
+//# sourceMappingURL=button-group.js.map

package/dist/components/ui/button-group/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":["ComponentProps","splitProps","cn","Separator","ButtonGroupProps","label","orientation","ButtonGroup","props","local","rest","horizontal","_el$","_tmpl$","_$spread","_$mergeProps","aria-label","class","_$insert","children","ButtonGroupSeparator","_$createComponent","ButtonGroupText","_el$2","_tmpl$2","_$mergeProps","_$createComponent"],"sources":["../../../../src/components/ui/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { Separator } from '../separator/separator'\n\n/**\n * ButtonGroup.\n *\n * Several controls acting as one. The point is the *join*: the items share a\n * border, collapse the seam between them, and round only at the ends, so a row of\n * buttons reads as a single object with segments rather than as buttons that happen\n * to be adjacent.\n *\n * The joining lives on the group, through child selectors, so an item never has to\n * know whether it sits at an end — which is also where the border collapse belongs.\n * A caller composing a group out of `Button`, `Select` and `InputGroup` therefore\n * gets the same treatment without those components knowing about it.\n *\n * The group is a `role=\"group\"` with a label, because a screen reader announcing\n * four unrelated buttons where the sighted user sees one control is the failure\n * this prevents.\n */\nexport type ButtonGroupProps = ComponentProps<'div'> & {\n  /** The group's accessible name. Required: a group with no name is announced as loose buttons. */\n  label: string\n  orientation?: 'horizontal' | 'vertical'\n}\n\nexport function ButtonGroup(props: ButtonGroupProps) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'orientation', 'children'])\n\n  const horizontal = () => local.orientation !== 'vertical'\n\n  return (\n    <div\n      data-slot=\"button-group\"\n      role=\"group\"\n      aria-label={local.label}\n      class={cn(\n        'flex w-fit items-stretch',\n        horizontal() ? 'flex-row' : 'flex-col',\n        /* Ends keep their outer radius; everything between them is squared, and the\n           seam is collapsed by pulling each item back over its neighbour's border. */\n        horizontal()\n          ? '[&>*:first-child]:rounded-e-none [&>*:last-child]:rounded-s-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-ms-px'\n          : '[&>*:first-child]:rounded-b-none [&>*:last-child]:rounded-t-none [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:not(:first-child)]:-mt-px',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * A separator inside a group. `orientation` follows the group: a vertical rule in a\n * horizontal group, and the reverse.\n */\nexport function ButtonGroupSeparator(\n  props: ComponentProps<typeof Separator> & { orientation?: 'horizontal' | 'vertical' }\n) {\n  const [local, rest] = splitProps(props, ['class', 'orientation'])\n\n  return (\n    <Separator\n      orientation={local.orientation ?? 'vertical'}\n      class={cn('self-stretch', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/**\n * Static text in a group — a unit, a label, a readout that is not a control. It\n * takes the group's border and height so it sits in the row as a peer, but it is\n * not focusable and does not pretend to be.\n */\nexport function ButtonGroupText(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <div\n      data-slot=\"button-group-text\"\n      class={cn(\n        'bg-muted text-muted-foreground flex items-center gap-2 rounded-md border border-border px-control-sm text-sm',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;;AA4BA,SAAgBO,YAAYC,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQT,WAAWO,OAAO;EAAC;EAAS;EAAS;EAAe;CAAU,CAAC;CAErF,MAAMG,mBAAmBF,MAAMH,gBAAgB;CAE/C,cAAA;EAAA,IAAAM,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA;GAAA,KAAA,gBAAA;IAAA,OAIgBN,MAAMJ;GAAK;GAAA,KAAA,WAAA;IAAA,OAChBH,GACL,4BACAS,WAAW,IAAI,aAAa,YAG5BA,WAAW,IACP,0JACA,yJACJF,MAAMQ,KACR;GAAC;EAAA,GACGP,IAAI,GAAA,OAAA,IAAA;EAAAQ,OAAAN,YAEPH,MAAMU,QAAQ;EAAA,OAAAP;CAAA,EAAA,CAAA;AAGrB;;;;;AAMA,SAAgBQ,qBACdZ,OACA;CACA,MAAM,CAACC,OAAOC,QAAQT,WAAWO,OAAO,CAAC,SAAS,aAAa,CAAC;CAEhE,OAAAa,gBACGlB,WAASY,WAAA;EAAA,IACRT,cAAW;GAAA,OAAEG,MAAMH,eAAe;EAAU;EAAA,KAAA,WAAA;GAAA,OACrCJ,GAAG,gBAAgBO,MAAMQ,KAAK;EAAC;CAAA,GAClCP,IAAI,CAAA;AAGd;;;;;;AAOA,SAAgBY,gBAAgBd,OAA8B;CAC5D,MAAM,CAACC,OAAOC,QAAQT,WAAWO,OAAO,CAAC,OAAO,CAAC;CAEjD,cAAA;EAAA,IAAAe,QAAAC,QAAA;EAAAV,OAAAS,OAAAR,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWb,GACL,gHACAO,MAAMQ,KACR;EAAC,EAAA,GACGP,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAa;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/ui/button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupProps, } from './button-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAA"}

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

@@ -0,0 +1,93 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+import Calendar, { type RootProps as CorvuCalendarProps, type RootSingleProps } from '@corvu/calendar';
+/** The three modes corvu's calendar is a union over. */
+export type CalendarMode = 'single' | 'multiple' | 'range';
+/**
+ * Calendar.
+ *
+ * A month grid, over `@corvu/calendar`. The primitive owns the hard part — the
+ * roving `tabindex` that makes a grid of days one tab stop rather than 42, the
+ * arrow-key navigation, the `aria-selected`/`aria-disabled` bookkeeping, and the
+ * `data-*` attributes that carry the states.
+ *
+ * What this component owns is the *presentation* of those states, and it is worth
+ * saying why they are styled from `data-*` rather than from props: a day is today,
+ * selected, in range, at a range end, and disabled independently, and a range
+ * start that is also today has to read as both. Boolean props cannot express that
+ * without a combinatorial explosion; the data attributes can.
+ *
+ * `mode` is the primitive's discriminated union — `single`, `multiple`, `range` —
+ * so `value` and `onValueChange` change type with it. That is why this forwards
+ * the props rather than normalising them: a normalised `Date[]` would lose what a
+ * range needs to know which end moved.
+ *
+ * Three things the primitive leaves open, and this closes:
+ *
+ * 1. **The month caption is a heading**, wired to the grid's `aria-labelledby`, so
+ *    the grid has a name and a screen reader user can hear which month they are in.
+ * 2. **The nav buttons have accessible names.** A bare chevron is not a name.
+ * 3. **Today is a ring, not a fill.** A fill would be indistinguishable from
+ *    selected, and today is often also selected.
+ *
+ * The sub-components come off the default export as statics (`Calendar.Cell`,
+ * `Calendar.CellTrigger`, …) — corvu's shape, and the reason this file does not
+ * import seven names.
+ */
+/**
+ * The props this wrapper adds on top of the primitive's own. They are separate so
+ * `splitProps` has a fixed list to pull out, and so the mode-specific props stay
+ * the primitive's to define.
+ */
+type CalendarExtras = {
+    /** Weekday header labels, Sunday first. Defaults to the locale's short names. */
+    weekdayLabels?: readonly string[];
+    /** Accessible names for the month navigation. Override for a non-English app. */
+    previousLabel?: string;
+    nextLabel?: string;
+    /** Format a month for the caption. Defaults to `Intl.DateTimeFormat`. */
+    formatMonth?: (month: Date) => string;
+    class?: string;
+};
+/**
+ * `Omit` distributes over a union, which would collapse the three modes into one
+ * shape and lose the discriminant. This keeps them apart. `children` is dropped
+ * because the surface supplies the grid itself — the caller's job is the value,
+ * not the layout.
+ */
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+/** The props of any of the three modes. `mode` decides the shape of `value`. */
+export type CalendarProps = DistributiveOmit<CorvuCalendarProps, 'children'> & CalendarExtras;
+/**
+ * Generic over the mode on purpose. `splitProps` cannot carry a discriminant
+ * through destructuring — the rest object widens to `mode: 'single' | 'multiple' |
+ * 'range'`, which is assignable to no single member of the primitive's union. A
+ * type parameter keeps `mode` a literal, so `Extract` resolves the right member
+ * and the forwarding stays checked rather than cast.
+ */
+export declare function CalendarSurface<M extends CalendarMode>(props: CalendarProps & {
+    mode: M;
+}): JSX.Element;
+/**
+ * Built from the primitive's *single* props rather than from `CalendarProps` with
+ * `mode` omitted. Omitting a discriminant leaves the other members of the union
+ * behind — `value` stays `Date | Date[] | {from,to}` — and the picker would then
+ * have to cast to prove what its own name already says.
+ */
+export type DatePickerProps = Omit<RootSingleProps, 'mode' | 'children'> & CalendarExtras & {
+    /** A labelled heading above the grid. */
+    label?: string;
+    /** A footer slot: the confirm and cancel row a picker usually has. */
+    footer?: JSX.Element;
+};
+/**
+ * A single-day picker: the calendar with a name and a footer. Split from
+ * `CalendarSurface` because a bare calendar is a control inside a form the caller
+ * already owns, while a picker is a thing the caller drops in — and the two want
+ * different surroundings.
+ */
+export declare function DatePicker(props: DatePickerProps): JSX.Element;
+/** Re-exported so a caller can type a value it holds. */
+export type { CalendarProps as CorvuCalendarProps };
+export { Calendar as CalendarRoot };
+export type CalendarElementProps = ComponentProps<'div'>;
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/calendar/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,QAAQ,EAAE,EACf,KAAK,SAAS,IAAI,kBAAkB,EACpC,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAA;AAExB,wDAAwD;AACxD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;AAK1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;GAIG;AACH,KAAK,cAAc,GAAG;IACpB,iFAAiF;IACjF,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACjC,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;GAKG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAA;AAExF,gFAAgF;AAChF,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG,cAAc,CAAA;AA2I7F;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,aAAa,GAAG;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,eAezF;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,UAAU,CAAC,GACtE,cAAc,GAAG;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACrB,CAAA;AAEH;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,eAmBhD;AAED,yDAAyD;AACzD,YAAY,EAAE,aAAa,IAAI,kBAAkB,EAAE,CAAA;AACnD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,CAAA;AACnC,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA"}

package/dist/components/ui/calendar/calendar.js

@@ -0,0 +1,243 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { className, createComponent, effect, insert, mergeProps, template } from "solid-js/web";
+import { ChevronLeft, ChevronRight } from "lucide-solid";
+import { For, Show, splitProps } from "solid-js";
+import Calendar from "@corvu/calendar";
+//#region src/components/ui/calendar/calendar.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<thead><tr>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<tbody>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="flex flex-col gap-2"><div class="flex items-center justify-between gap-2">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<tr>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class=visually-hidden>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<p class="text-xs font-semibold text-foreground">`);
+var _tmpl$9 = /*#__PURE__*/ template(`<div class="flex justify-end gap-2">`);
+var EXTRAS = [
+	"weekdayLabels",
+	"previousLabel",
+	"nextLabel",
+	"formatMonth",
+	"class"
+];
+var MONTH_FORMAT = {
+	month: "long",
+	year: "numeric"
+};
+function monthLabel(month, format) {
+	return format ? format(month) : new Intl.DateTimeFormat(void 0, MONTH_FORMAT).format(month);
+}
+/**
+* A day's accessible name: the full date, because the visible number is only
+* meaningful next to its column heading.
+*/
+function dayLabel(day) {
+	return new Intl.DateTimeFormat(void 0, {
+		day: "numeric",
+		month: "long",
+		year: "numeric"
+	}).format(day);
+}
+/** The locale's short weekday names, Sunday first — which is the order corvu's `weeks` use. */
+function defaultWeekdays() {
+	const format = new Intl.DateTimeFormat(void 0, { weekday: "short" });
+	return Array.from({ length: 7 }, (_, index) => format.format(new Date(2024, 0, 7 + index)));
+}
+/**
+* The grid, inside the root's context. A separate component because
+* `Calendar.useContext` is only available to a descendant, and reading `months()`
+* in the same component that provides it renders one month behind.
+*/
+function CalendarGrid(props) {
+	const context = Calendar.useContext();
+	const weekdays = () => props.weekdayLabels ?? defaultWeekdays();
+	return createComponent(For, {
+		get each() {
+			return context.months();
+		},
+		children: (month, index) => (() => {
+			var _el$ = _tmpl$3(), _el$2 = _el$.firstChild;
+			insert(_el$2, createComponent(Calendar.Nav, {
+				action: "prev-month",
+				as: Button,
+				variant: "ghost",
+				size: "icon-sm",
+				get ["aria-label"]() {
+					return props.previousLabel;
+				},
+				get children() {
+					return createComponent(ChevronLeft, { "aria-hidden": "true" });
+				}
+			}), null);
+			insert(_el$2, createComponent(Calendar.Label, {
+				get index() {
+					return index();
+				},
+				"class": "text-sm font-semibold text-foreground",
+				get children() {
+					return monthLabel(month.month, props.formatMonth);
+				}
+			}), null);
+			insert(_el$2, createComponent(Calendar.Nav, {
+				action: "next-month",
+				as: Button,
+				variant: "ghost",
+				size: "icon-sm",
+				get ["aria-label"]() {
+					return props.nextLabel;
+				},
+				get children() {
+					return createComponent(ChevronRight, { "aria-hidden": "true" });
+				}
+			}), null);
+			insert(_el$, createComponent(Calendar.Table, {
+				"class": "w-full border-collapse",
+				get children() {
+					return [(() => {
+						var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
+						insert(_el$4, createComponent(For, {
+							get each() {
+								return weekdays();
+							},
+							children: (label) => createComponent(Calendar.HeadCell, {
+								as: "th",
+								scope: "col",
+								"class": "pb-1 text-2xs font-medium text-muted-foreground",
+								children: label
+							})
+						}));
+						return _el$3;
+					})(), (() => {
+						var _el$5 = _tmpl$2();
+						insert(_el$5, createComponent(For, {
+							get each() {
+								return month.weeks;
+							},
+							children: (week) => (() => {
+								var _el$6 = _tmpl$4();
+								insert(_el$6, createComponent(For, {
+									each: week,
+									children: (day) => createComponent(Calendar.Cell, {
+										as: "td",
+										"class": "p-0.5 text-center",
+										get children() {
+											return createComponent(Calendar.CellTrigger, {
+												as: "button",
+												day,
+												get month() {
+													return month.month;
+												},
+												get ["class"]() {
+													return cn("w-full rounded-md text-xs text-foreground transition-colors", "min-h-control-xs", "hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", "data-selected:bg-primary data-selected:text-primary-foreground", "data-in-range:bg-primary-subtle", "data-range-start:rounded-r-none data-range-end:rounded-l-none", "data-today:ring-1 data-today:ring-ring", "data-disabled:text-muted-foreground data-disabled:line-through", "data-disabled:hover:bg-transparent");
+												},
+												get children() {
+													return [(() => {
+														var _el$7 = _tmpl$5();
+														insert(_el$7, () => day.getDate());
+														return _el$7;
+													})(), (() => {
+														var _el$8 = _tmpl$6();
+														insert(_el$8, () => dayLabel(day));
+														return _el$8;
+													})()];
+												}
+											});
+										}
+									})
+								}));
+								return _el$6;
+							})()
+						}));
+						return _el$5;
+					})()];
+				}
+			}), null);
+			return _el$;
+		})()
+	});
+}
+/**
+* Generic over the mode on purpose. `splitProps` cannot carry a discriminant
+* through destructuring — the rest object widens to `mode: 'single' | 'multiple' |
+* 'range'`, which is assignable to no single member of the primitive's union. A
+* type parameter keeps `mode` a literal, so `Extract` resolves the right member
+* and the forwarding stays checked rather than cast.
+*/
+function CalendarSurface(props) {
+	const [local, rest] = splitProps(props, [...EXTRAS]);
+	return (() => {
+		var _el$9 = _tmpl$7();
+		insert(_el$9, createComponent(Calendar, mergeProps(rest, { get children() {
+			return createComponent(CalendarGrid, {
+				get weekdayLabels() {
+					return local.weekdayLabels;
+				},
+				get previousLabel() {
+					return local.previousLabel ?? "Previous month";
+				},
+				get nextLabel() {
+					return local.nextLabel ?? "Next month";
+				},
+				get formatMonth() {
+					return local.formatMonth;
+				}
+			});
+		} })));
+		effect(() => className(_el$9, cn("w-fit rounded-lg border border-border bg-card p-3", local.class)));
+		return _el$9;
+	})();
+}
+/**
+* A single-day picker: the calendar with a name and a footer. Split from
+* `CalendarSurface` because a bare calendar is a control inside a form the caller
+* already owns, while a picker is a thing the caller drops in — and the two want
+* different surroundings.
+*/
+function DatePicker(props) {
+	const [local, rest] = splitProps(props, [
+		"value",
+		"onValueChange",
+		"label",
+		"footer",
+		"class"
+	]);
+	return (() => {
+		var _el$0 = _tmpl$7();
+		insert(_el$0, createComponent(Show, {
+			get when() {
+				return local.label;
+			},
+			get children() {
+				var _el$1 = _tmpl$8();
+				insert(_el$1, () => local.label);
+				return _el$1;
+			}
+		}), null);
+		insert(_el$0, createComponent(CalendarSurface, mergeProps(rest, {
+			mode: "single",
+			get value() {
+				return local.value;
+			},
+			get onValueChange() {
+				return local.onValueChange;
+			}
+		})), null);
+		insert(_el$0, createComponent(Show, {
+			get when() {
+				return local.footer;
+			},
+			get children() {
+				var _el$10 = _tmpl$9();
+				insert(_el$10, () => local.footer);
+				return _el$10;
+			}
+		}), null);
+		effect(() => className(_el$0, cn("grid w-fit gap-2", local.class)));
+		return _el$0;
+	})();
+}
+//#endregion
+export { Calendar as CalendarRoot, CalendarSurface, DatePicker };
+
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["For","Show","splitProps","ComponentProps","JSX","Calendar","RootProps","CorvuCalendarProps","RootSingleProps","CalendarMode","ChevronLeft","ChevronRight","cn","Button","CalendarExtras","weekdayLabels","previousLabel","nextLabel","formatMonth","month","Date","class","DistributiveOmit","PropertyKey","T","Omit","K","CalendarProps","EXTRAS","const","MONTH_FORMAT","Intl","DateTimeFormatOptions","year","monthLabel","format","DateTimeFormat","undefined","dayLabel","day","defaultWeekdays","weekday","Array","from","length","_","index","CalendarGrid","props","context","useContext","weekdays","_$createComponent","each","months","children","_el$","_tmpl$3","_el$2","firstChild","_$insert","Nav","action","as","variant","size","aria-label","Label","Table","_el$3","_tmpl$","_el$4","label","HeadCell","scope","_el$5","_tmpl$2","weeks","week","_el$6","_tmpl$4","Cell","CellTrigger","_el$7","_tmpl$5","getDate","_el$8","_tmpl$6","CalendarSurface","mode","M","local","rest","_el$9","_tmpl$7","_$mergeProps","Extract","_$effect","_$className","DatePickerProps","footer","Element","DatePicker","_el$0","when","_el$1","_tmpl$8","value","onValueChange","_el$10","_tmpl$9","CalendarRoot","CalendarElementProps","_$createComponent","_$mergeProps","_$className"],"sources":["../../../../src/components/ui/calendar/calendar.tsx"],"sourcesContent":["import { For, Show, splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport Calendar, {\n  type RootProps as CorvuCalendarProps,\n  type RootSingleProps,\n} from '@corvu/calendar'\n\n/** The three modes corvu's calendar is a union over. */\nexport type CalendarMode = 'single' | 'multiple' | 'range'\nimport { ChevronLeft, ChevronRight } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { Button } from '../button'\n\n/**\n * Calendar.\n *\n * A month grid, over `@corvu/calendar`. The primitive owns the hard part — the\n * roving `tabindex` that makes a grid of days one tab stop rather than 42, the\n * arrow-key navigation, the `aria-selected`/`aria-disabled` bookkeeping, and the\n * `data-*` attributes that carry the states.\n *\n * What this component owns is the *presentation* of those states, and it is worth\n * saying why they are styled from `data-*` rather than from props: a day is today,\n * selected, in range, at a range end, and disabled independently, and a range\n * start that is also today has to read as both. Boolean props cannot express that\n * without a combinatorial explosion; the data attributes can.\n *\n * `mode` is the primitive's discriminated union — `single`, `multiple`, `range` —\n * so `value` and `onValueChange` change type with it. That is why this forwards\n * the props rather than normalising them: a normalised `Date[]` would lose what a\n * range needs to know which end moved.\n *\n * Three things the primitive leaves open, and this closes:\n *\n * 1. **The month caption is a heading**, wired to the grid's `aria-labelledby`, so\n *    the grid has a name and a screen reader user can hear which month they are in.\n * 2. **The nav buttons have accessible names.** A bare chevron is not a name.\n * 3. **Today is a ring, not a fill.** A fill would be indistinguishable from\n *    selected, and today is often also selected.\n *\n * The sub-components come off the default export as statics (`Calendar.Cell`,\n * `Calendar.CellTrigger`, …) — corvu's shape, and the reason this file does not\n * import seven names.\n */\n\n/**\n * The props this wrapper adds on top of the primitive's own. They are separate so\n * `splitProps` has a fixed list to pull out, and so the mode-specific props stay\n * the primitive's to define.\n */\ntype CalendarExtras = {\n  /** Weekday header labels, Sunday first. Defaults to the locale's short names. */\n  weekdayLabels?: readonly string[]\n  /** Accessible names for the month navigation. Override for a non-English app. */\n  previousLabel?: string\n  nextLabel?: string\n  /** Format a month for the caption. Defaults to `Intl.DateTimeFormat`. */\n  formatMonth?: (month: Date) => string\n  class?: string\n}\n\n/**\n * `Omit` distributes over a union, which would collapse the three modes into one\n * shape and lose the discriminant. This keeps them apart. `children` is dropped\n * because the surface supplies the grid itself — the caller's job is the value,\n * not the layout.\n */\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never\n\n/** The props of any of the three modes. `mode` decides the shape of `value`. */\nexport type CalendarProps = DistributiveOmit<CorvuCalendarProps, 'children'> & CalendarExtras\n\nconst EXTRAS = ['weekdayLabels', 'previousLabel', 'nextLabel', 'formatMonth', 'class'] as const\n\nconst MONTH_FORMAT: Intl.DateTimeFormatOptions = { month: 'long', year: 'numeric' }\n\nfunction monthLabel(month: Date, format?: (month: Date) => string): string {\n  return format ? format(month) : new Intl.DateTimeFormat(undefined, MONTH_FORMAT).format(month)\n}\n\n/**\n * A day's accessible name: the full date, because the visible number is only\n * meaningful next to its column heading.\n */\nfunction dayLabel(day: Date): string {\n  return new Intl.DateTimeFormat(undefined, {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  }).format(day)\n}\n\n/** The locale's short weekday names, Sunday first — which is the order corvu's `weeks` use. */\nfunction defaultWeekdays(): string[] {\n  const format = new Intl.DateTimeFormat(undefined, { weekday: 'short' })\n  // 2024-01-07 is a Sunday, so index 0 is Sunday without arithmetic.\n  return Array.from({ length: 7 }, (_, index) => format.format(new Date(2024, 0, 7 + index)))\n}\n\n/**\n * The grid, inside the root's context. A separate component because\n * `Calendar.useContext` is only available to a descendant, and reading `months()`\n * in the same component that provides it renders one month behind.\n */\nfunction CalendarGrid(props: {\n  weekdayLabels?: readonly string[]\n  previousLabel: string\n  nextLabel: string\n  formatMonth?: (month: Date) => string\n}) {\n  const context = Calendar.useContext()\n  const weekdays = () => props.weekdayLabels ?? defaultWeekdays()\n\n  return (\n    <For each={context.months()}>\n      {(month, index) => (\n        <div class=\"flex flex-col gap-2\">\n          <div class=\"flex items-center justify-between gap-2\">\n            <Calendar.Nav\n              action=\"prev-month\"\n              as={Button}\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={props.previousLabel}\n            >\n              <ChevronLeft aria-hidden=\"true\" />\n            </Calendar.Nav>\n            <Calendar.Label index={index()} class=\"text-sm font-semibold text-foreground\">\n              {monthLabel(month.month, props.formatMonth)}\n            </Calendar.Label>\n            <Calendar.Nav\n              action=\"next-month\"\n              as={Button}\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={props.nextLabel}\n            >\n              <ChevronRight aria-hidden=\"true\" />\n            </Calendar.Nav>\n          </div>\n          <Calendar.Table class=\"w-full border-collapse\">\n            <thead>\n              <tr>\n                <For each={weekdays()}>\n                  {(label) => (\n                    <Calendar.HeadCell\n                      as=\"th\"\n                      scope=\"col\"\n                      class=\"pb-1 text-2xs font-medium text-muted-foreground\"\n                    >\n                      {label}\n                    </Calendar.HeadCell>\n                  )}\n                </For>\n              </tr>\n            </thead>\n            <tbody>\n              <For each={month.weeks}>\n                {(week) => (\n                  <tr>\n                    <For each={week}>\n                      {(day) => (\n                        <Calendar.Cell as=\"td\" class=\"p-0.5 text-center\">\n                          <Calendar.CellTrigger\n                            as=\"button\"\n                            day={day}\n                            month={month.month}\n                            class={cn(\n                              'w-full rounded-md text-xs text-foreground transition-colors',\n                              'min-h-control-xs',\n                              'hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none',\n                              // Styled from data states, so a day can be a range\n                              // end and today at once without a prop per pair.\n                              'data-selected:bg-primary data-selected:text-primary-foreground',\n                              'data-in-range:bg-primary-subtle',\n                              'data-range-start:rounded-r-none data-range-end:rounded-l-none',\n                              'data-today:ring-1 data-today:ring-ring',\n                              'data-disabled:text-muted-foreground data-disabled:line-through',\n                              'data-disabled:hover:bg-transparent'\n                            )}\n                          >\n                            {/*\n                              The trigger renders no children of its own, so the\n                              day number is the caller's — without it every cell\n                              is an unnamed button (`button-name`).\n\n                              The number is what a sighted reader needs and the\n                              full date is what a screen reader user needs: \"25\"\n                              alone is meaningless out of context. So the number\n                              is hidden from the accessibility tree and the date\n                              supplies the name.\n                            */}\n                            <span aria-hidden=\"true\">{day.getDate()}</span>\n                            <span class=\"visually-hidden\">{dayLabel(day)}</span>\n                          </Calendar.CellTrigger>\n                        </Calendar.Cell>\n                      )}\n                    </For>\n                  </tr>\n                )}\n              </For>\n            </tbody>\n          </Calendar.Table>\n        </div>\n      )}\n    </For>\n  )\n}\n\n/**\n * Generic over the mode on purpose. `splitProps` cannot carry a discriminant\n * through destructuring — the rest object widens to `mode: 'single' | 'multiple' |\n * 'range'`, which is assignable to no single member of the primitive's union. A\n * type parameter keeps `mode` a literal, so `Extract` resolves the right member\n * and the forwarding stays checked rather than cast.\n */\nexport function CalendarSurface<M extends CalendarMode>(props: CalendarProps & { mode: M }) {\n  const [local, rest] = splitProps(props as CalendarProps, [...EXTRAS])\n\n  return (\n    <div class={cn('w-fit rounded-lg border border-border bg-card p-3', local.class)}>\n      <Calendar {...(rest as Extract<CorvuCalendarProps, { mode: M }>)}>\n        <CalendarGrid\n          weekdayLabels={local.weekdayLabels}\n          previousLabel={local.previousLabel ?? 'Previous month'}\n          nextLabel={local.nextLabel ?? 'Next month'}\n          formatMonth={local.formatMonth}\n        />\n      </Calendar>\n    </div>\n  )\n}\n\n/**\n * Built from the primitive's *single* props rather than from `CalendarProps` with\n * `mode` omitted. Omitting a discriminant leaves the other members of the union\n * behind — `value` stays `Date | Date[] | {from,to}` — and the picker would then\n * have to cast to prove what its own name already says.\n */\nexport type DatePickerProps = Omit<RootSingleProps, 'mode' | 'children'> &\n  CalendarExtras & {\n    /** A labelled heading above the grid. */\n    label?: string\n    /** A footer slot: the confirm and cancel row a picker usually has. */\n    footer?: JSX.Element\n  }\n\n/**\n * A single-day picker: the calendar with a name and a footer. Split from\n * `CalendarSurface` because a bare calendar is a control inside a form the caller\n * already owns, while a picker is a thing the caller drops in — and the two want\n * different surroundings.\n */\nexport function DatePicker(props: DatePickerProps) {\n  const [local, rest] = splitProps(props, ['value', 'onValueChange', 'label', 'footer', 'class'])\n\n  return (\n    <div class={cn('grid w-fit gap-2', local.class)}>\n      <Show when={local.label}>\n        <p class=\"text-xs font-semibold text-foreground\">{local.label}</p>\n      </Show>\n      <CalendarSurface\n        {...rest}\n        mode=\"single\"\n        value={local.value}\n        onValueChange={local.onValueChange}\n      />\n      <Show when={local.footer}>\n        <div class=\"flex justify-end gap-2\">{local.footer}</div>\n      </Show>\n    </div>\n  )\n}\n\n/** Re-exported so a caller can type a value it holds. */\nexport type { CalendarProps as CorvuCalendarProps }\nexport { Calendar as CalendarRoot }\nexport type CalendarElementProps = ComponentProps<'div'>\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { CalendarSurface, DatePicker, type CalendarProps, type DatePickerProps } from './calendar';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,23 @@
+import type { ComponentProps, JSX } from 'solid-js';
+/**
+ * Card.
+ *
+ * A surface that sits on the canvas. Every card carries its own edge — a
+ * border — because in the light theme `--card` and `--background` are both
+ * white, and a borderless card there is invisible. Making the border
+ * structural rather than optional is what stops one app's cards from reading
+ * as floating panels and another's as nothing at all.
+ *
+ * The parts are separate components rather than a template because a card's
+ * header, content and footer have different padding on purpose: the header and
+ * footer are tight, the content breathes.
+ */
+export declare function Card(props: ComponentProps<'div'>): JSX.Element;
+export declare function CardHeader(props: ComponentProps<'div'>): JSX.Element;
+export declare function CardTitle(props: ComponentProps<'div'>): JSX.Element;
+export declare function CardDescription(props: ComponentProps<'div'>): JSX.Element;
+export declare function CardAction(props: ComponentProps<'div'>): JSX.Element;
+export declare function CardContent(props: ComponentProps<'div'>): JSX.Element;
+export declare function CardFooter(props: ComponentProps<'div'>): JSX.Element;
+export type CardProps = ComponentProps<'div'> & JSX.HTMLAttributes<HTMLDivElement>;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAYhD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAKtD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eASrD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAS3D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAStD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAGvD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAGtD;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA"}

package/dist/components/ui/card/card.js

@@ -0,0 +1,98 @@
+import { cn } from "../../../lib/utils.js";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/ui/card/card.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=card>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=card-header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=card-title>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=card-description>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=card-action>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div data-slot=card-content>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=card-footer>`);
+/**
+* Card.
+*
+* A surface that sits on the canvas. Every card carries its own edge — a
+* border — because in the light theme `--card` and `--background` are both
+* white, and a borderless card there is invisible. Making the border
+* structural rather than optional is what stops one app's cards from reading
+* as floating panels and another's as nothing at all.
+*
+* The parts are separate components rather than a template because a card's
+* header, content and footer have different padding on purpose: the header and
+* footer are tight, the content breathes.
+*/
+function Card(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("bg-card text-card-foreground flex flex-col gap-4 rounded-xl border border-border py-4 shadow-xs", local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
+}
+function CardHeader(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("flex flex-col gap-1 px-4", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
+}
+function CardTitle(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("text-base leading-none font-semibold tracking-tight", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
+}
+function CardDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$4 = _tmpl$4();
+		spread(_el$4, mergeProps({ get ["class"]() {
+			return cn("text-muted-foreground text-sm", local.class);
+		} }, rest), false, false);
+		return _el$4;
+	})();
+}
+function CardAction(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", local.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
+}
+function CardContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$6 = _tmpl$6();
+		spread(_el$6, mergeProps({ get ["class"]() {
+			return cn("px-4", local.class);
+		} }, rest), false, false);
+		return _el$6;
+	})();
+}
+function CardFooter(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$7 = _tmpl$7();
+		spread(_el$7, mergeProps({ get ["class"]() {
+			return cn("flex items-center px-4", local.class);
+		} }, rest), false, false);
+		return _el$7;
+	})();
+}
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":["ComponentProps","JSX","splitProps","cn","Card","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","CardHeader","_el$2","_tmpl$2","CardTitle","_el$3","_tmpl$3","CardDescription","_el$4","_tmpl$4","CardAction","_el$5","_tmpl$5","CardContent","_el$6","_tmpl$6","CardFooter","_el$7","_tmpl$7","CardProps","HTMLAttributes","HTMLDivElement","_$mergeProps"],"sources":["../../../../src/components/ui/card/card.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Card.\n *\n * A surface that sits on the canvas. Every card carries its own edge — a\n * border — because in the light theme `--card` and `--background` are both\n * white, and a borderless card there is invisible. Making the border\n * structural rather than optional is what stops one app's cards from reading\n * as floating panels and another's as nothing at all.\n *\n * The parts are separate components rather than a template because a card's\n * header, content and footer have different padding on purpose: the header and\n * footer are tight, the content breathes.\n */\nexport function Card(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card\"\n      class={cn(\n        'bg-card text-card-foreground flex flex-col gap-4 rounded-xl border border-border py-4 shadow-xs',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function CardHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div data-slot=\"card-header\" class={cn('flex flex-col gap-1 px-4', local.class)} {...rest} />\n  )\n}\n\nexport function CardTitle(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-title\"\n      class={cn('text-base leading-none font-semibold tracking-tight', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardDescription(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={cn('text-muted-foreground text-sm', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardAction(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"card-action\"\n      class={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function CardContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <div data-slot=\"card-content\" class={cn('px-4', local.class)} {...rest} />\n}\n\nexport function CardFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <div data-slot=\"card-footer\" class={cn('flex items-center px-4', local.class)} {...rest} />\n}\n\nexport type CardProps = ComponentProps<'div'> & JSX.HTMLAttributes<HTMLDivElement>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,SAAgBI,KAAKC,OAA8B;CACjD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GACL,mGACAG,MAAMM,KACR;EAAC,EAAA,GACGL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBK,WAAWR,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAS,QAAAC,QAAA;EAAAL,OAAAI,OAAAH,WAAA,EAAA,KAAA,WAAA;GAAA,OACsCR,GAAG,4BAA4BG,MAAMM,KAAK;EAAC,EAAA,GAAML,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAO;CAAA,EAAA,CAAA;AAE7F;AAEA,SAAgBE,UAAUX,OAA8B;CACtD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAY,QAAAC,QAAA;EAAAR,OAAAO,OAAAN,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GAAG,uDAAuDG,MAAMM,KAAK;EAAC,EAAA,GACzEL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAU;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,gBAAgBd,OAA8B;CAC5D,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAe,QAAAC,QAAA;EAAAX,OAAAU,OAAAT,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GAAG,iCAAiCG,MAAMM,KAAK;EAAC,EAAA,GACnDL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAa;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,WAAWjB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAkB,QAAAC,QAAA;EAAAd,OAAAa,OAAAZ,WAAA,EAAA,KAAA,WAAA;GAAA,OAGWR,GAAG,kEAAkEG,MAAMM,KAAK;EAAC,EAAA,GACpFL,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAgB;CAAA,EAAA,CAAA;AAGd;AAEA,SAAgBE,YAAYpB,OAA8B;CACxD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAqB,QAAAC,QAAA;EAAAjB,OAAAgB,OAAAf,WAAA,EAAA,KAAA,WAAA;GAAA,OAA4CR,GAAG,QAAQG,MAAMM,KAAK;EAAC,EAAA,GAAML,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAmB;CAAA,EAAA,CAAA;AAC/E;AAEA,SAAgBE,WAAWvB,OAA8B;CACvD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAwB,QAAAC,QAAA;EAAApB,OAAAmB,OAAAlB,WAAA,EAAA,KAAA,WAAA;GAAA,OAA2CR,GAAG,0BAA0BG,MAAMM,KAAK;EAAC,EAAA,GAAML,IAAI,GAAA,OAAA,KAAA;EAAA,OAAAsB;CAAA,EAAA,CAAA;AAChG"}

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

@@ -0,0 +1,2 @@
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, } from './card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA"}