@gunkin/uiify 0.0.1-alpha

package/dist/components/line-chart/client/index.js

@@ -0,0 +1,5 @@
+import { LineChartClient } from "./LineChartClient.js";
+export {
+  LineChartClient
+};
+//# sourceMappingURL=index.js.map

package/dist/components/line-chart/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/line-chart/client/index.ts"],"sourcesContent":["export { LineChartClient } from \"./LineChartClient.js\";\nexport type {\n  LineChartAxisLabel,\n  LineChartData,\n  LineChartOwnProps,\n  LineChartPointerPosition,\n  LineChartProps,\n} from \"../types.js\";\n"],"mappings":"AAAA,SAAS,uBAAuB;","names":[]}

package/dist/components/line-chart/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/line-chart/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/line-chart/index.d.ts

@@ -0,0 +1,3 @@
+export { LineChart } from "./LineChart.js";
+export type { LineChartAxisLabel, LineChartData, LineChartOwnProps, LineChartPointerPosition, LineChartProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/line-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/components/line-chart/index.js

@@ -0,0 +1,5 @@
+import { LineChart } from "./LineChart.js";
+export {
+  LineChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/line-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/line-chart/index.ts"],"sourcesContent":["export { LineChart } from \"./LineChart.js\";\nexport type {\n  LineChartAxisLabel,\n  LineChartData,\n  LineChartOwnProps,\n  LineChartPointerPosition,\n  LineChartProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/components/line-chart/line-chart-geometry.d.ts

@@ -0,0 +1,54 @@
+import type { CSSProperties, ReactNode } from "react";
+import type { LineChartAxisLabel, LineChartData } from "./types.js";
+export interface PointStyle extends CSSProperties {
+    "--line-prev-x"?: string;
+    "--line-prev-y"?: string;
+    "--line-slot": string;
+    "--line-x": string;
+    "--line-y": string;
+    "--line-cursor-y"?: string;
+}
+export interface PointsStyle extends CSSProperties {
+    "--line-count": string;
+    "--line-segment-slot": string;
+}
+export interface CrosshairStyle extends CSSProperties {
+    "--line-crosshair-x": string;
+    "--line-cursor-y"?: string;
+}
+export interface CursorStyle extends CSSProperties {
+    "--line-cursor-y"?: string;
+}
+export interface AxisStyle extends CSSProperties {
+    "--line-axis-x"?: string;
+    "--line-axis-y"?: string;
+}
+type LineTrend = "down" | "flat" | "up";
+interface LinePointGeometry {
+    readonly previousX: string | undefined;
+    readonly previousY: string | undefined;
+    readonly slot: string;
+    readonly trend: LineTrend;
+    readonly x: string;
+    readonly y: string;
+}
+export declare function getValueBounds(data: readonly LineChartData[]): {
+    max: number;
+    min: number;
+};
+export interface AxisLabel {
+    readonly label: ReactNode;
+    readonly position: number;
+}
+export declare function pointPosition(index: number, count: number): number;
+export declare function monthLabelsFor(data: readonly LineChartData[]): AxisLabel[];
+export declare function valueLabelsFor(min: number, max: number): AxisLabel[];
+export declare function geometryFor(point: LineChartData, previousPoint: LineChartData | undefined, index: number, count: number, min: number, max: number): LinePointGeometry;
+export declare function pointStyle(geometry: LinePointGeometry, cursorY: number | undefined): PointStyle;
+export declare function pointsStyle(count: number): PointsStyle;
+export declare function crosshairStyle(index: number, count: number, cursorY: number | undefined): CrosshairStyle;
+export declare function cursorStyle(cursorY: number | undefined): CursorStyle;
+export declare function axisStyle(axis: "x" | "y", position: number): AxisStyle;
+export declare function axisLabelsFor(overrides: readonly LineChartAxisLabel[] | undefined, fallback: readonly AxisLabel[]): readonly AxisLabel[];
+export {};
+//# sourceMappingURL=line-chart-geometry.d.ts.map

package/dist/components/line-chart/line-chart-geometry.d.ts.map

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

package/dist/components/line-chart/line-chart-geometry.js

@@ -0,0 +1,124 @@
+function percent(value) {
+  const rounded = Math.round(value * 1e4) / 1e4;
+  return `${rounded}%`;
+}
+function valueToPercent(value, min, range) {
+  if (range === 0) return 50;
+  return Math.min(100, Math.max(0, (min + range - value) / range * 100));
+}
+function getValueBounds(data) {
+  let min = Number.POSITIVE_INFINITY;
+  let max = Number.NEGATIVE_INFINITY;
+  for (const point of data) {
+    min = Math.min(min, point.value);
+    max = Math.max(max, point.value);
+  }
+  if (data.length === 0) return { max: 1, min: 0 };
+  return { max, min };
+}
+function monthKey(time) {
+  const date = new Date(time);
+  if (Number.isNaN(date.getTime())) return String(time);
+  return `${date.getUTCFullYear()}-${date.getUTCMonth()}`;
+}
+function monthLabel(time) {
+  const date = new Date(time);
+  if (Number.isNaN(date.getTime())) return String(time);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    timeZone: "UTC",
+    year: "2-digit"
+  }).format(date);
+}
+function pointPosition(index, count) {
+  if (count <= 1) return 50;
+  return index / (count - 1) * 100;
+}
+function monthLabelsFor(data) {
+  const labels = [];
+  const seen = /* @__PURE__ */ new Set();
+  data.forEach((point, index) => {
+    const key = monthKey(point.time);
+    if (seen.has(key)) return;
+    seen.add(key);
+    labels.push({
+      label: monthLabel(point.time),
+      position: pointPosition(index, data.length)
+    });
+  });
+  return labels;
+}
+function valueLabelsFor(min, max) {
+  const tickCount = 6;
+  const range = max - min;
+  return Array.from({ length: tickCount }, (_, index) => {
+    const ratio = index / (tickCount - 1);
+    const value = max - range * ratio;
+    return {
+      label: new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 }).format(value),
+      position: ratio * 100
+    };
+  });
+}
+function trendFor(value, previousValue) {
+  if (previousValue === void 0 || value === previousValue) return "flat";
+  return value > previousValue ? "up" : "down";
+}
+function geometryFor(point, previousPoint, index, count, min, max) {
+  const range = max - min;
+  return {
+    previousX: previousPoint === void 0 ? void 0 : percent(pointPosition(index - 1, count)),
+    previousY: previousPoint === void 0 ? void 0 : percent(valueToPercent(previousPoint.value, min, range)),
+    slot: percent(count > 1 ? 100 / (count - 1) : 100),
+    trend: trendFor(point.value, previousPoint?.value),
+    x: percent(pointPosition(index, count)),
+    y: percent(valueToPercent(point.value, min, range))
+  };
+}
+function pointStyle(geometry, cursorY) {
+  return {
+    ...geometry.previousX === void 0 ? {} : { "--line-prev-x": geometry.previousX },
+    ...geometry.previousY === void 0 ? {} : { "--line-prev-y": geometry.previousY },
+    "--line-slot": geometry.slot,
+    "--line-x": geometry.x,
+    "--line-y": geometry.y,
+    ...cursorY === void 0 ? {} : { "--line-cursor-y": `${Math.max(0, cursorY)}px` }
+  };
+}
+function pointsStyle(count) {
+  return {
+    "--line-count": String(Math.max(count, 1)),
+    "--line-segment-slot": percent(count > 1 ? 100 / (count - 1) : 100)
+  };
+}
+function crosshairStyle(index, count, cursorY) {
+  return {
+    "--line-crosshair-x": percent(pointPosition(index, count)),
+    ...cursorY === void 0 ? {} : { "--line-cursor-y": `${Math.max(0, cursorY)}px` }
+  };
+}
+function cursorStyle(cursorY) {
+  return cursorY === void 0 ? {} : { "--line-cursor-y": `${Math.max(0, cursorY)}px` };
+}
+function axisStyle(axis, position) {
+  const value = percent(Math.min(100, Math.max(0, position)));
+  if (axis === "x") return { "--line-axis-x": value };
+  return { "--line-axis-y": value };
+}
+function axisLabelsFor(overrides, fallback) {
+  return overrides ?? fallback;
+}
+export {
+  axisLabelsFor,
+  axisStyle,
+  crosshairStyle,
+  cursorStyle,
+  geometryFor,
+  getValueBounds,
+  monthLabelsFor,
+  pointPosition,
+  pointStyle,
+  pointsStyle,
+  valueLabelsFor
+};
+//# sourceMappingURL=line-chart-geometry.js.map

package/dist/components/line-chart/line-chart-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/line-chart/line-chart-geometry.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport type { LineChartAxisLabel, LineChartData } from \"./types.js\";\n\nexport interface PointStyle extends CSSProperties {\n  \"--line-prev-x\"?: string;\n  \"--line-prev-y\"?: string;\n  \"--line-slot\": string;\n  \"--line-x\": string;\n  \"--line-y\": string;\n  \"--line-cursor-y\"?: string;\n}\n\nexport interface PointsStyle extends CSSProperties {\n  \"--line-count\": string;\n  \"--line-segment-slot\": string;\n}\n\nexport interface CrosshairStyle extends CSSProperties {\n  \"--line-crosshair-x\": string;\n  \"--line-cursor-y\"?: string;\n}\n\nexport interface CursorStyle extends CSSProperties {\n  \"--line-cursor-y\"?: string;\n}\n\nexport interface AxisStyle extends CSSProperties {\n  \"--line-axis-x\"?: string;\n  \"--line-axis-y\"?: string;\n}\n\ntype LineTrend = \"down\" | \"flat\" | \"up\";\n\ninterface LinePointGeometry {\n  readonly previousX: string | undefined;\n  readonly previousY: string | undefined;\n  readonly slot: string;\n  readonly trend: LineTrend;\n  readonly x: string;\n  readonly y: string;\n}\n\nfunction percent(value: number): string {\n  const rounded = Math.round(value * 10000) / 10000;\n  return `${rounded}%`;\n}\n\nfunction valueToPercent(value: number, min: number, range: number): number {\n  if (range === 0) return 50;\n  return Math.min(100, Math.max(0, ((min + range - value) / range) * 100));\n}\n\nexport function getValueBounds(data: readonly LineChartData[]): { max: number; min: number } {\n  let min = Number.POSITIVE_INFINITY;\n  let max = Number.NEGATIVE_INFINITY;\n\n  for (const point of data) {\n    min = Math.min(min, point.value);\n    max = Math.max(max, point.value);\n  }\n\n  if (data.length === 0) return { max: 1, min: 0 };\n  return { max, min };\n}\n\nexport interface AxisLabel {\n  readonly label: ReactNode;\n  readonly position: number;\n}\n\nfunction monthKey(time: string | number): string {\n  const date = new Date(time);\n  if (Number.isNaN(date.getTime())) return String(time);\n  return `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n}\n\nfunction monthLabel(time: string | number): string {\n  const date = new Date(time);\n  if (Number.isNaN(date.getTime())) return String(time);\n  return new Intl.DateTimeFormat(\"en-US\", {\n    month: \"short\",\n    timeZone: \"UTC\",\n    year: \"2-digit\",\n  }).format(date);\n}\n\nexport function pointPosition(index: number, count: number): number {\n  if (count <= 1) return 50;\n  return (index / (count - 1)) * 100;\n}\n\nexport function monthLabelsFor(data: readonly LineChartData[]): AxisLabel[] {\n  const labels: AxisLabel[] = [];\n  const seen = new Set<string>();\n\n  data.forEach((point, index) => {\n    const key = monthKey(point.time);\n    if (seen.has(key)) return;\n    seen.add(key);\n    labels.push({\n      label: monthLabel(point.time),\n      position: pointPosition(index, data.length),\n    });\n  });\n\n  return labels;\n}\n\nexport function valueLabelsFor(min: number, max: number): AxisLabel[] {\n  const tickCount = 6;\n  const range = max - min;\n\n  return Array.from({ length: tickCount }, (_, index) => {\n    const ratio = index / (tickCount - 1);\n    const value = max - range * ratio;\n    return {\n      label: new Intl.NumberFormat(\"en-US\", { maximumFractionDigits: 2 }).format(value),\n      position: ratio * 100,\n    };\n  });\n}\n\nfunction trendFor(value: number, previousValue: number | undefined): LineTrend {\n  if (previousValue === undefined || value === previousValue) return \"flat\";\n  return value > previousValue ? \"up\" : \"down\";\n}\n\nexport function geometryFor(\n  point: LineChartData,\n  previousPoint: LineChartData | undefined,\n  index: number,\n  count: number,\n  min: number,\n  max: number,\n): LinePointGeometry {\n  const range = max - min;\n  return {\n    previousX: previousPoint === undefined ? undefined : percent(pointPosition(index - 1, count)),\n    previousY:\n      previousPoint === undefined\n        ? undefined\n        : percent(valueToPercent(previousPoint.value, min, range)),\n    slot: percent(count > 1 ? 100 / (count - 1) : 100),\n    trend: trendFor(point.value, previousPoint?.value),\n    x: percent(pointPosition(index, count)),\n    y: percent(valueToPercent(point.value, min, range)),\n  };\n}\n\nexport function pointStyle(geometry: LinePointGeometry, cursorY: number | undefined): PointStyle {\n  return {\n    ...(geometry.previousX === undefined ? {} : { \"--line-prev-x\": geometry.previousX }),\n    ...(geometry.previousY === undefined ? {} : { \"--line-prev-y\": geometry.previousY }),\n    \"--line-slot\": geometry.slot,\n    \"--line-x\": geometry.x,\n    \"--line-y\": geometry.y,\n    ...(cursorY === undefined ? {} : { \"--line-cursor-y\": `${Math.max(0, cursorY)}px` }),\n  };\n}\n\nexport function pointsStyle(count: number): PointsStyle {\n  return {\n    \"--line-count\": String(Math.max(count, 1)),\n    \"--line-segment-slot\": percent(count > 1 ? 100 / (count - 1) : 100),\n  };\n}\n\nexport function crosshairStyle(\n  index: number,\n  count: number,\n  cursorY: number | undefined,\n): CrosshairStyle {\n  return {\n    \"--line-crosshair-x\": percent(pointPosition(index, count)),\n    ...(cursorY === undefined ? {} : { \"--line-cursor-y\": `${Math.max(0, cursorY)}px` }),\n  };\n}\n\nexport function cursorStyle(cursorY: number | undefined): CursorStyle {\n  return cursorY === undefined ? {} : { \"--line-cursor-y\": `${Math.max(0, cursorY)}px` };\n}\n\nexport function axisStyle(axis: \"x\" | \"y\", position: number): AxisStyle {\n  const value = percent(Math.min(100, Math.max(0, position)));\n  if (axis === \"x\") return { \"--line-axis-x\": value };\n  return { \"--line-axis-y\": value };\n}\n\nexport function axisLabelsFor(\n  overrides: readonly LineChartAxisLabel[] | undefined,\n  fallback: readonly AxisLabel[],\n): readonly AxisLabel[] {\n  return overrides ?? fallback;\n}\n"],"mappings":"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","names":[]}

package/dist/components/line-chart/types.d.ts

@@ -0,0 +1,31 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface LineChartData {
+    readonly time: string | number;
+    readonly value: number;
+}
+export interface LineChartAxisLabel {
+    readonly label: ReactNode;
+    /** Position on the axis as a percentage from 0 to 100. */
+    readonly position: number;
+}
+export interface LineChartPointerPosition {
+    readonly index: number;
+    /** Pointer offset inside the point hit area, in CSS pixels. */
+    readonly offsetY: number;
+}
+export interface LineChartOwnProps {
+    readonly "aria-label"?: string;
+    readonly activePointIndex?: number;
+    readonly cursorY?: number;
+    readonly data: readonly LineChartData[];
+    readonly interactive?: boolean;
+    readonly onPointClick?: (index: number) => void;
+    readonly onPointPointerLeave?: () => void;
+    readonly onPointPointerMove?: (position: LineChartPointerPosition) => void;
+    readonly selectedPointIndex?: number;
+    readonly xAxis?: readonly LineChartAxisLabel[];
+    readonly yAxis?: readonly LineChartAxisLabel[];
+}
+export type LineChartProps<TAs extends ElementType = "figure"> = RenderableProps<TAs, LineChartOwnProps, Record<string, never>, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/line-chart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,SAAS,aAAa,EAAE,CAAC;IACxC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;CAChD;AAED,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,IAAI,eAAe,CAC9E,GAAG,EACH,iBAAiB,EACjB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}

package/dist/components/line-chart/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/line-chart/types.js.map

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

package/dist/components/line-chart.d.ts

@@ -0,0 +1 @@
+export * from "./line-chart/index.js";

package/dist/components/line-chart.js

@@ -0,0 +1 @@
+export * from "./line-chart/index.js";

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from "react";
+import type { ModalProps } from "./types.js";
+/**
+ * Convenience shell over the native parts: one trigger, one modal `<dialog>`
+ * with title/description ids, one close button. Controlled or initially open
+ * dialogs use `ModalClientContent` from `@gunkin/uiify/components/modal/client`.
+ */
+export declare function Modal({ id, trigger, title, description, children, closeLabel, triggerClassName, className, closeClassName, }: ModalProps): ReactElement;
+export declare namespace Modal {
+    var displayName: string;
+}
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,cAAc,GACf,EAAE,UAAU,GAAG,YAAY,CAwB3B;yBAlCe,KAAK"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ModalClose, ModalContent, ModalTrigger } from "./ModalParts.js";
+function Modal({
+  id,
+  trigger,
+  title,
+  description,
+  children,
+  closeLabel = "Close",
+  triggerClassName,
+  className,
+  closeClassName
+}) {
+  const titleId = `${id}-title`;
+  const descriptionId = `${id}-description`;
+  return /* @__PURE__ */ jsxs("div", { "data-uiify-dialog-scope": "", "data-uiify-modal-scope": "", children: [
+    /* @__PURE__ */ jsx(ModalTrigger, { className: triggerClassName, target: id, children: trigger }),
+    /* @__PURE__ */ jsxs(
+      ModalContent,
+      {
+        "aria-describedby": description === void 0 ? void 0 : descriptionId,
+        "aria-labelledby": titleId,
+        className,
+        id,
+        children: [
+          /* @__PURE__ */ jsx("h2", { id: titleId, children: title }),
+          description === void 0 ? null : /* @__PURE__ */ jsx("p", { id: descriptionId, children: description }),
+          children,
+          /* @__PURE__ */ jsx(ModalClose, { className: closeClassName, target: id, children: closeLabel })
+        ]
+      }
+    )
+  ] });
+}
+Modal.displayName = "Modal";
+export {
+  Modal
+};
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { ModalClose, ModalContent, ModalTrigger } from \"./ModalParts.js\";\nimport type { ModalProps } from \"./types.js\";\n\n/**\n * Convenience shell over the native parts: one trigger, one modal `<dialog>`\n * with title/description ids, one close button. Controlled or initially open\n * dialogs use `ModalClientContent` from `@gunkin/uiify/components/modal/client`.\n */\nexport function Modal({\n  id,\n  trigger,\n  title,\n  description,\n  children,\n  closeLabel = \"Close\",\n  triggerClassName,\n  className,\n  closeClassName,\n}: ModalProps): ReactElement {\n  const titleId = `${id}-title`;\n  const descriptionId = `${id}-description`;\n\n  return (\n    <div data-uiify-dialog-scope=\"\" data-uiify-modal-scope=\"\">\n      <ModalTrigger className={triggerClassName} target={id}>\n        {trigger}\n      </ModalTrigger>\n      <ModalContent\n        aria-describedby={description === undefined ? undefined : descriptionId}\n        aria-labelledby={titleId}\n        className={className}\n        id={id}\n      >\n        <h2 id={titleId}>{title}</h2>\n        {description === undefined ? null : <p id={descriptionId}>{description}</p>}\n        {children}\n        <ModalClose className={closeClassName} target={id}>\n          {closeLabel}\n        </ModalClose>\n      </ModalContent>\n    </div>\n  );\n}\nModal.displayName = \"Modal\";\n"],"mappings":"AAyBM,cAGA,YAHA;AAxBN,SAAS,YAAY,cAAc,oBAAoB;AAQhD,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE,qBAAC,SAAI,2BAAwB,IAAG,0BAAuB,IACrD;AAAA,wBAAC,gBAAa,WAAW,kBAAkB,QAAQ,IAChD,mBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,QAC1D,mBAAiB;AAAA,QACjB;AAAA,QACA;AAAA,QAEA;AAAA,8BAAC,QAAG,IAAI,SAAU,iBAAM;AAAA,UACvB,gBAAgB,SAAY,OAAO,oBAAC,OAAE,IAAI,eAAgB,uBAAY;AAAA,UACtE;AAAA,UACD,oBAAC,cAAW,WAAW,gBAAgB,QAAQ,IAC5C,sBACH;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AACA,MAAM,cAAc;","names":[]}

package/dist/components/modal/ModalParts.d.ts

@@ -0,0 +1,45 @@
+import type { ElementType, ReactElement } from "react";
+import type { ModalCloseProps, ModalContentProps, ModalTriggerProps } from "./types.js";
+/**
+ * Opens `target` modally through the browser: no React handler, works before hydration.
+ *
+ * Built on `@gunkin/uiify/elements/dialog`'s `Dialog.Trigger` (aliased — the element and this
+ * component share a name), which already
+ * emits `data-uiify-dialog-trigger`; this part adds its own `data-uiify-modal-trigger`.
+ *
+ * Calls the element directly as a function rather than rendering `<ElementDialogTrigger>`:
+ * `Dialog.Trigger` has no hooks and no state (Tier 0, enforced by
+ * elements/architecture.test.ts), so it is safe to invoke like any other pure function, and
+ * doing so skips a `jsx()` call — measurable at this component's byte budget (`.size-limit.json`).
+ */
+export declare function ModalTrigger<TAs extends ElementType = "button">(props: ModalTriggerProps<TAs>): ReactElement;
+export declare namespace ModalTrigger {
+    var displayName: string;
+}
+/**
+ * A plain, initially closed `<dialog>`; the accessible name is the consumer's responsibility.
+ *
+ * Mirrors `@gunkin/uiify/elements/dialog`'s `Dialog.Content` markup and marker
+ * (`data-uiify-dialog-content`) exactly, plus this component's own
+ * `data-uiify-modal-content`. Written inline rather than rendered through the element:
+ * `Dialog.Content`'s type requires an accessible name (aria-labelledby xor aria-label), and
+ * `ModalContentProps` deliberately does not
+ * tighten to match, since this part is a public, generic native part in its own right, not
+ * only an implementation detail of the `Modal` convenience shell (which always supplies one).
+ */
+export declare function ModalContent(props: ModalContentProps): ReactElement;
+export declare namespace ModalContent {
+    var displayName: string;
+}
+/**
+ * Requests closing `target` (fires the cancelable `cancel` event first).
+ *
+ * Built on `@gunkin/uiify/elements/dialog`'s `Dialog.Close`, which already emits
+ * `data-uiify-dialog-close`; this part adds its own `data-uiify-modal-close`. See
+ * `ModalTrigger` for why this calls the element as a function instead of rendering it.
+ */
+export declare function ModalClose<TAs extends ElementType = "button">(props: ModalCloseProps<TAs>): ReactElement;
+export declare namespace ModalClose {
+    var displayName: string;
+}
+//# sourceMappingURL=ModalParts.d.ts.map

package/dist/components/modal/ModalParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAExF;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC7D,KAAK,EAAE,iBAAiB,CAAC,GAAG,CAAC,GAC5B,YAAY,CAQd;yBAVe,YAAY;;;AAa5B;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAOnE;yBAPe,YAAY;;;AAU5B;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAC3D,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,CAQd;yBAVe,UAAU"}

package/dist/components/modal/ModalParts.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  DialogClose as ElementDialogClose,
+  DialogTrigger as ElementDialogTrigger
+} from "../../elements/dialog/index.js";
+function ModalTrigger(props) {
+  const { as, target, ...consumerProps } = props;
+  return ElementDialogTrigger({
+    ...consumerProps,
+    ...as === void 0 ? {} : { as },
+    "data-uiify-modal-trigger": "",
+    target
+  });
+}
+ModalTrigger.displayName = "ModalTrigger";
+function ModalContent(props) {
+  const { children, ...dialogProps } = props;
+  return /* @__PURE__ */ jsx("dialog", { ...dialogProps, "data-uiify-dialog-content": "", "data-uiify-modal-content": "", children });
+}
+ModalContent.displayName = "ModalContent";
+function ModalClose(props) {
+  const { as, target, ...consumerProps } = props;
+  return ElementDialogClose({
+    ...consumerProps,
+    ...as === void 0 ? {} : { as },
+    "data-uiify-modal-close": "",
+    target
+  });
+}
+ModalClose.displayName = "ModalClose";
+export {
+  ModalClose,
+  ModalContent,
+  ModalTrigger
+};
+//# sourceMappingURL=ModalParts.js.map

package/dist/components/modal/ModalParts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modal/ModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport {\n  DialogClose as ElementDialogClose,\n  DialogTrigger as ElementDialogTrigger,\n} from \"../../elements/dialog/index.js\";\nimport type { DialogCloseProps, DialogTriggerProps } from \"../../elements/dialog/index.js\";\nimport type { ModalCloseProps, ModalContentProps, ModalTriggerProps } from \"./types.js\";\n\n/**\n * Opens `target` modally through the browser: no React handler, works before hydration.\n *\n * Built on `@gunkin/uiify/elements/dialog`'s `Dialog.Trigger` (aliased — the element and this\n * component share a name), which already\n * emits `data-uiify-dialog-trigger`; this part adds its own `data-uiify-modal-trigger`.\n *\n * Calls the element directly as a function rather than rendering `<ElementDialogTrigger>`:\n * `Dialog.Trigger` has no hooks and no state (Tier 0, enforced by\n * elements/architecture.test.ts), so it is safe to invoke like any other pure function, and\n * doing so skips a `jsx()` call — measurable at this component's byte budget (`.size-limit.json`).\n */\nexport function ModalTrigger<TAs extends ElementType = \"button\">(\n  props: ModalTriggerProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as ModalTriggerProps<\"button\">;\n  return ElementDialogTrigger({\n    ...consumerProps,\n    ...(as === undefined ? {} : { as }),\n    \"data-uiify-modal-trigger\": \"\",\n    target,\n  } as unknown as DialogTriggerProps<TAs>);\n}\nModalTrigger.displayName = \"ModalTrigger\";\n\n/**\n * A plain, initially closed `<dialog>`; the accessible name is the consumer's responsibility.\n *\n * Mirrors `@gunkin/uiify/elements/dialog`'s `Dialog.Content` markup and marker\n * (`data-uiify-dialog-content`) exactly, plus this component's own\n * `data-uiify-modal-content`. Written inline rather than rendered through the element:\n * `Dialog.Content`'s type requires an accessible name (aria-labelledby xor aria-label), and\n * `ModalContentProps` deliberately does not\n * tighten to match, since this part is a public, generic native part in its own right, not\n * only an implementation detail of the `Modal` convenience shell (which always supplies one).\n */\nexport function ModalContent(props: ModalContentProps): ReactElement {\n  const { children, ...dialogProps } = props;\n  return (\n    <dialog {...dialogProps} data-uiify-dialog-content=\"\" data-uiify-modal-content=\"\">\n      {children}\n    </dialog>\n  );\n}\nModalContent.displayName = \"ModalContent\";\n\n/**\n * Requests closing `target` (fires the cancelable `cancel` event first).\n *\n * Built on `@gunkin/uiify/elements/dialog`'s `Dialog.Close`, which already emits\n * `data-uiify-dialog-close`; this part adds its own `data-uiify-modal-close`. See\n * `ModalTrigger` for why this calls the element as a function instead of rendering it.\n */\nexport function ModalClose<TAs extends ElementType = \"button\">(\n  props: ModalCloseProps<TAs>,\n): ReactElement {\n  const { as, target, ...consumerProps } = props as ModalCloseProps<\"button\">;\n  return ElementDialogClose({\n    ...consumerProps,\n    ...(as === undefined ? {} : { as }),\n    \"data-uiify-modal-close\": \"\",\n    target,\n  } as unknown as DialogCloseProps<TAs>);\n}\nModalClose.displayName = \"ModalClose\";\n"],"mappings":"AA+CI;AA9CJ;AAAA,EACE,eAAe;AAAA,EACf,iBAAiB;AAAA,OACZ;AAgBA,SAAS,aACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,qBAAqB;AAAA,IAC1B,GAAG;AAAA,IACH,GAAI,OAAO,SAAY,CAAC,IAAI,EAAE,GAAG;AAAA,IACjC,4BAA4B;AAAA,IAC5B;AAAA,EACF,CAAuC;AACzC;AACA,aAAa,cAAc;AAapB,SAAS,aAAa,OAAwC;AACnE,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE,oBAAC,YAAQ,GAAG,aAAa,6BAA0B,IAAG,4BAAyB,IAC5E,UACH;AAEJ;AACA,aAAa,cAAc;AASpB,SAAS,WACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,mBAAmB;AAAA,IACxB,GAAG;AAAA,IACH,GAAI,OAAO,SAAY,CAAC,IAAI,EAAE,GAAG;AAAA,IACjC,0BAA0B;AAAA,IAC1B;AAAA,EACF,CAAqC;AACvC;AACA,WAAW,cAAc;","names":[]}

package/dist/components/modal/client/ModalClientContent.d.ts

@@ -0,0 +1,16 @@
+import type { ReactElement } from "react";
+import type { ModalClientContentProps } from "../types.js";
+/**
+ * Controlled/initially-open adapter over a native modal `<dialog>`.
+ *
+ * The browser stays the owner of modality: opening is `showModal()`, closing is
+ * `close()`, and every change — invoker command, Escape, `requestClose()`,
+ * `form method="dialog"`, programmatic — is observed through the single native
+ * `toggle` event (Chrome 132, Firefox 133, Safari 26). SSR never emits `open`;
+ * `defaultOpen` and controlled `open` are applied after mount.
+ */
+export declare function ModalClientContent(props: ModalClientContentProps): ReactElement;
+export declare namespace ModalClientContent {
+    var displayName: string;
+}
+//# sourceMappingURL=ModalClientContent.d.ts.map

package/dist/components/modal/client/ModalClientContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClientContent.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/client/ModalClientContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAM3D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,YAAY,CAoG/E;yBApGe,kBAAkB"}

package/dist/components/modal/client/ModalClientContent.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useReducer, useRef, useState } from "react";
+import { useMergedRefs } from "@gunkin/uiify/hooks";
+function increment(count) {
+  return count + 1;
+}
+function ModalClientContent(props) {
+  const {
+    children,
+    closeOnBackdropClick = false,
+    defaultOpen = false,
+    onClick,
+    onOpenChange,
+    open,
+    ref,
+    ...dialogProps
+  } = props;
+  const elementRef = useRef(null);
+  const mergedRef = useMergedRefs(elementRef, ref);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const [nativeVersion, recordNativeToggle] = useReducer(increment, 0);
+  const controlled = open !== void 0;
+  const wantOpen = controlled ? open : uncontrolledOpen;
+  const wantOpenRef = useRef(wantOpen);
+  wantOpenRef.current = wantOpen;
+  const onOpenChangeRef = useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const reconciledRef = useRef(false);
+  useEffect(() => {
+    const dialog = elementRef.current;
+    if (!dialog) return;
+    if (!reconciledRef.current) {
+      reconciledRef.current = true;
+      if (dialog.open && !wantOpenRef.current) {
+        if (!controlled) setUncontrolledOpen(true);
+        onOpenChangeRef.current?.(true);
+        recordNativeToggle();
+        return;
+      }
+    }
+    if (wantOpen && !dialog.open) dialog.showModal();
+    else if (!wantOpen && dialog.open) dialog.close();
+  }, [nativeVersion, wantOpen, controlled]);
+  useEffect(() => {
+    const dialog = elementRef.current;
+    if (!dialog) return;
+    const onToggle = (event) => {
+      const next = event.newState === "open";
+      if (next === wantOpenRef.current) return;
+      if (!controlled) setUncontrolledOpen(next);
+      onOpenChangeRef.current?.(next);
+      recordNativeToggle();
+    };
+    dialog.addEventListener("toggle", onToggle);
+    return () => dialog.removeEventListener("toggle", onToggle);
+  }, [controlled]);
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented || !closeOnBackdropClick) return;
+    if (event.target !== event.currentTarget) return;
+    event.currentTarget.requestClose();
+  };
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ...dialogProps,
+      "data-uiify-dialog-content": "",
+      "data-uiify-modal-content": "",
+      onClick: handleClick,
+      ref: mergedRef,
+      suppressHydrationWarning: true,
+      children
+    }
+  );
+}
+ModalClientContent.displayName = "ModalClientContent";
+export {
+  ModalClientContent
+};
+//# sourceMappingURL=ModalClientContent.js.map

package/dist/components/modal/client/ModalClientContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/client/ModalClientContent.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useReducer, useRef, useState } from \"react\";\nimport type { MouseEvent, ReactElement } from \"react\";\nimport { useMergedRefs } from \"@gunkin/uiify/hooks\";\nimport type { ModalClientContentProps } from \"../types.js\";\n\nfunction increment(count: number): number {\n  return count + 1;\n}\n\n/**\n * Controlled/initially-open adapter over a native modal `<dialog>`.\n *\n * The browser stays the owner of modality: opening is `showModal()`, closing is\n * `close()`, and every change — invoker command, Escape, `requestClose()`,\n * `form method=\"dialog\"`, programmatic — is observed through the single native\n * `toggle` event (Chrome 132, Firefox 133, Safari 26). SSR never emits `open`;\n * `defaultOpen` and controlled `open` are applied after mount.\n */\nexport function ModalClientContent(props: ModalClientContentProps): ReactElement {\n  const {\n    children,\n    closeOnBackdropClick = false,\n    defaultOpen = false,\n    onClick,\n    onOpenChange,\n    open,\n    ref,\n    ...dialogProps\n  } = props;\n\n  const elementRef = useRef<HTMLDialogElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLDialogElement>(elementRef, ref);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  // Bumped on every native toggle so the sync effect re-runs after the parent\n  // has had its render: a controlling parent that rejected the change is then\n  // reconciled by reverting the element.\n  const [nativeVersion, recordNativeToggle] = useReducer(increment, 0);\n  const controlled = open !== undefined;\n  const wantOpen = controlled ? open : uncontrolledOpen;\n\n  const wantOpenRef = useRef(wantOpen);\n  wantOpenRef.current = wantOpen;\n  const onOpenChangeRef = useRef(onOpenChange);\n  onOpenChangeRef.current = onOpenChange;\n  // One-shot: has the first-mount reconciliation below already run?\n  const reconciledRef = useRef(false);\n\n  useEffect(() => {\n    const dialog = elementRef.current;\n    if (!dialog) return;\n    if (!reconciledRef.current) {\n      reconciledRef.current = true;\n      // SSR markup is always closed. If the dialog is already open at mount,\n      // that can only mean a native invoker command opened it in the window\n      // between initial paint and this effect running — the `toggle` event\n      // fired with no listener attached yet, and that notification is\n      // otherwise lost forever. Recover it exactly like a native toggle.\n      //\n      // The reverse (closed at mount) is never reconciled: it's indistinguishable\n      // from \"nothing happened\" versus a pre-hydration open+close cycle that\n      // netted back to closed, and it's also the normal starting shape for\n      // defaultOpen (open before hydration) is reconciled when the DOM catches up.\n      if (dialog.open && !wantOpenRef.current) {\n        if (!controlled) setUncontrolledOpen(true);\n        onOpenChangeRef.current?.(true);\n        // Defer enacting show/close to the next pass, once the controlling\n        // parent (if any) has had a chance to react to the report above —\n        // the DOM already matches what was just reported, so there is\n        // nothing to enact this pass regardless.\n        recordNativeToggle();\n        return;\n      }\n    }\n    if (wantOpen && !dialog.open) dialog.showModal();\n    else if (!wantOpen && dialog.open) dialog.close();\n    // `controlled` is read above (line 66) and must be a dependency; the sibling\n    // `toggle`-listener effect below lists it for the same reason.\n  }, [nativeVersion, wantOpen, controlled]);\n\n  useEffect(() => {\n    const dialog = elementRef.current;\n    if (!dialog) return;\n    const onToggle = (event: Event): void => {\n      const next = (event as ToggleEvent).newState === \"open\";\n      // Programmatic changes already match the desired state; only report\n      // changes the browser initiated.\n      if (next === wantOpenRef.current) return;\n      if (!controlled) setUncontrolledOpen(next);\n      onOpenChangeRef.current?.(next);\n      recordNativeToggle();\n    };\n    dialog.addEventListener(\"toggle\", onToggle);\n    return () => dialog.removeEventListener(\"toggle\", onToggle);\n  }, [controlled]);\n\n  const handleClick = (event: MouseEvent<HTMLDialogElement>): void => {\n    onClick?.(event);\n    if (event.defaultPrevented || !closeOnBackdropClick) return;\n    if (event.target !== event.currentTarget) return;\n    (event.currentTarget as HTMLDialogElement & { requestClose(): void }).requestClose();\n  };\n\n  return (\n    <dialog\n      {...dialogProps}\n      data-uiify-dialog-content=\"\"\n      data-uiify-modal-content=\"\"\n      onClick={handleClick}\n      ref={mergedRef}\n      // SSR markup is always closed, but the browser may have already opened this\n      // dialog via a native invoker command before hydration (see the effect above,\n      // which reconciles exactly that). React's hydration diff otherwise flags the\n      // resulting `open` mismatch as an error; it is the documented recovery path.\n      suppressHydrationWarning\n    >\n      {children}\n    </dialog>\n  );\n}\nModalClientContent.displayName = \"ModalClientContent\";\n"],"mappings":";AAyGI;AAvGJ,SAAS,WAAW,YAAY,QAAQ,gBAAgB;AAExD,SAAS,qBAAqB;AAG9B,SAAS,UAAU,OAAuB;AACxC,SAAO,QAAQ;AACjB;AAWO,SAAS,mBAAmB,OAA8C;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA,uBAAuB;AAAA,IACvB,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,aAAa,OAAiC,IAAI;AACxD,QAAM,YAAY,cAAiC,YAAY,GAAG;AAClE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,WAAW;AAIpE,QAAM,CAAC,eAAe,kBAAkB,IAAI,WAAW,WAAW,CAAC;AACnE,QAAM,aAAa,SAAS;AAC5B,QAAM,WAAW,aAAa,OAAO;AAErC,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,kBAAkB,OAAO,YAAY;AAC3C,kBAAgB,UAAU;AAE1B,QAAM,gBAAgB,OAAO,KAAK;AAElC,YAAU,MAAM;AACd,UAAM,SAAS,WAAW;AAC1B,QAAI,CAAC,OAAQ;AACb,QAAI,CAAC,cAAc,SAAS;AAC1B,oBAAc,UAAU;AAWxB,UAAI,OAAO,QAAQ,CAAC,YAAY,SAAS;AACvC,YAAI,CAAC,WAAY,qBAAoB,IAAI;AACzC,wBAAgB,UAAU,IAAI;AAK9B,2BAAmB;AACnB;AAAA,MACF;AAAA,IACF;AACA,QAAI,YAAY,CAAC,OAAO,KAAM,QAAO,UAAU;AAAA,aACtC,CAAC,YAAY,OAAO,KAAM,QAAO,MAAM;AAAA,EAGlD,GAAG,CAAC,eAAe,UAAU,UAAU,CAAC;AAExC,YAAU,MAAM;AACd,UAAM,SAAS,WAAW;AAC1B,QAAI,CAAC,OAAQ;AACb,UAAM,WAAW,CAAC,UAAuB;AACvC,YAAM,OAAQ,MAAsB,aAAa;AAGjD,UAAI,SAAS,YAAY,QAAS;AAClC,UAAI,CAAC,WAAY,qBAAoB,IAAI;AACzC,sBAAgB,UAAU,IAAI;AAC9B,yBAAmB;AAAA,IACrB;AACA,WAAO,iBAAiB,UAAU,QAAQ;AAC1C,WAAO,MAAM,OAAO,oBAAoB,UAAU,QAAQ;AAAA,EAC5D,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,cAAc,CAAC,UAA+C;AAClE,cAAU,KAAK;AACf,QAAI,MAAM,oBAAoB,CAAC,qBAAsB;AACrD,QAAI,MAAM,WAAW,MAAM,cAAe;AAC1C,IAAC,MAAM,cAA+D,aAAa;AAAA,EACrF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,6BAA0B;AAAA,MAC1B,4BAAyB;AAAA,MACzB,SAAS;AAAA,MACT,KAAK;AAAA,MAKL,0BAAwB;AAAA,MAEvB;AAAA;AAAA,EACH;AAEJ;AACA,mBAAmB,cAAc;","names":[]}

package/dist/components/modal/client/index.d.ts

@@ -0,0 +1,3 @@
+export { ModalClientContent } from "./ModalClientContent.js";
+export type { ModalClientContentOwnProps, ModalClientContentProps } from "../types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/modal/client/index.js

@@ -0,0 +1,5 @@
+import { ModalClientContent } from "./ModalClientContent.js";
+export {
+  ModalClientContent
+};
+//# sourceMappingURL=index.js.map

package/dist/components/modal/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal/client/index.ts"],"sourcesContent":["export { ModalClientContent } from \"./ModalClientContent.js\";\nexport type { ModalClientContentOwnProps, ModalClientContentProps } from \"../types.js\";\n"],"mappings":"AAAA,SAAS,0BAA0B;","names":[]}

package/dist/components/modal/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/modal/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+export { Modal } from "./Modal.js";
+export { ModalClose, ModalContent, ModalTrigger } from "./ModalParts.js";
+export type { ModalCloseOwnProps, ModalCloseProps, ModalContentOwnProps, ModalContentProps, ModalProps, ModalTriggerOwnProps, ModalTriggerProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EACV,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/components/modal/index.js

@@ -0,0 +1,9 @@
+import { Modal } from "./Modal.js";
+import { ModalClose, ModalContent, ModalTrigger } from "./ModalParts.js";
+export {
+  Modal,
+  ModalClose,
+  ModalContent,
+  ModalTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/modal/index.ts"],"sourcesContent":["export { Modal } from \"./Modal.js\";\nexport { ModalClose, ModalContent, ModalTrigger } from \"./ModalParts.js\";\nexport type {\n  ModalCloseOwnProps,\n  ModalCloseProps,\n  ModalContentOwnProps,\n  ModalContentProps,\n  ModalProps,\n  ModalTriggerOwnProps,\n  ModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,aAAa;AACtB,SAAS,YAAY,cAAc,oBAAoB;","names":[]}