@askrjs/themes 0.0.1

package/dist/_internal/box-layout.js

@@ -0,0 +1,115 @@
+import { mergeLayoutStyles, resolveSpaceValue, setResponsiveStyleVar } from "./layout.js";
+//#region src/components/_internal/box-layout.ts
+const SPACE_PROP_KEYS = new Set([
+	"m",
+	"mx",
+	"my",
+	"mt",
+	"mr",
+	"mb",
+	"ml",
+	"p",
+	"px",
+	"py",
+	"pt",
+	"pr",
+	"pb",
+	"pl",
+	"inset",
+	"top",
+	"right",
+	"bottom",
+	"left"
+]);
+const BOX_PROP_KEYS = new Set([
+	"display",
+	"m",
+	"mx",
+	"my",
+	"mt",
+	"mr",
+	"mb",
+	"ml",
+	"p",
+	"px",
+	"py",
+	"pt",
+	"pr",
+	"pb",
+	"pl",
+	"width",
+	"minWidth",
+	"maxWidth",
+	"height",
+	"minHeight",
+	"maxHeight",
+	"position",
+	"inset",
+	"top",
+	"right",
+	"bottom",
+	"left",
+	"overflow",
+	"overflowX",
+	"overflowY",
+	"flexBasis",
+	"flexGrow",
+	"flexShrink",
+	"gridArea",
+	"gridColumn",
+	"gridColumnStart",
+	"gridColumnEnd",
+	"gridRow",
+	"gridRowStart",
+	"gridRowEnd"
+]);
+function variableNameForProp(prop) {
+	switch (prop) {
+		case "overflowX": return "overflow-x";
+		case "overflowY": return "overflow-y";
+		case "minWidth": return "min-width";
+		case "maxWidth": return "max-width";
+		case "minHeight": return "min-height";
+		case "maxHeight": return "max-height";
+		case "flexBasis": return "flex-basis";
+		case "flexGrow": return "flex-grow";
+		case "flexShrink": return "flex-shrink";
+		case "gridArea": return "grid-area";
+		case "gridColumn": return "grid-column";
+		case "gridColumnStart": return "grid-column-start";
+		case "gridColumnEnd": return "grid-column-end";
+		case "gridRow": return "grid-row";
+		case "gridRowStart": return "grid-row-start";
+		case "gridRowEnd": return "grid-row-end";
+		default: return prop;
+	}
+}
+function splitBoxLayoutProps(props) {
+	const boxProps = {};
+	const rest = {};
+	for (const [key, value] of Object.entries(props)) if (BOX_PROP_KEYS.has(key)) boxProps[key] = value;
+	else rest[key] = value;
+	return {
+		boxProps,
+		rest
+	};
+}
+function applyBoxLayoutStyles(styles, boxProps) {
+	for (const key of BOX_PROP_KEYS) {
+		const value = boxProps[key];
+		if (value === void 0) continue;
+		const variable = variableNameForProp(key);
+		if (SPACE_PROP_KEYS.has(key)) {
+			setResponsiveStyleVar(styles, variable, value, resolveSpaceValue);
+			continue;
+		}
+		setResponsiveStyleVar(styles, variable, value, (input) => input);
+	}
+}
+function withBoxLayoutStyle(styles, userStyle) {
+	return mergeLayoutStyles(styles, userStyle);
+}
+//#endregion
+export { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutStyle };
+
+//# sourceMappingURL=box-layout.js.map

package/dist/_internal/box-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-layout.js","names":[],"sources":["../../src/components/_internal/box-layout.ts"],"sourcesContent":["import { mergeLayoutStyles, resolveSpaceValue, setResponsiveStyleVar } from \"./layout\";\nimport type { BoxLayoutOwnProps } from \"../box/box.types\";\n\nconst SPACE_PROP_KEYS = new Set([\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"inset\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n]);\n\nconst BOX_PROP_KEYS = new Set<keyof BoxLayoutOwnProps>([\n  \"display\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"width\",\n  \"minWidth\",\n  \"maxWidth\",\n  \"height\",\n  \"minHeight\",\n  \"maxHeight\",\n  \"position\",\n  \"inset\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n  \"overflow\",\n  \"overflowX\",\n  \"overflowY\",\n  \"flexBasis\",\n  \"flexGrow\",\n  \"flexShrink\",\n  \"gridArea\",\n  \"gridColumn\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"gridRow\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n]);\n\nfunction variableNameForProp(prop: keyof BoxLayoutOwnProps): string {\n  switch (prop) {\n    case \"overflowX\":\n      return \"overflow-x\";\n    case \"overflowY\":\n      return \"overflow-y\";\n    case \"minWidth\":\n      return \"min-width\";\n    case \"maxWidth\":\n      return \"max-width\";\n    case \"minHeight\":\n      return \"min-height\";\n    case \"maxHeight\":\n      return \"max-height\";\n    case \"flexBasis\":\n      return \"flex-basis\";\n    case \"flexGrow\":\n      return \"flex-grow\";\n    case \"flexShrink\":\n      return \"flex-shrink\";\n    case \"gridArea\":\n      return \"grid-area\";\n    case \"gridColumn\":\n      return \"grid-column\";\n    case \"gridColumnStart\":\n      return \"grid-column-start\";\n    case \"gridColumnEnd\":\n      return \"grid-column-end\";\n    case \"gridRow\":\n      return \"grid-row\";\n    case \"gridRowStart\":\n      return \"grid-row-start\";\n    case \"gridRowEnd\":\n      return \"grid-row-end\";\n    default:\n      return prop;\n  }\n}\n\nexport function splitBoxLayoutProps<T extends Record<string, unknown>>(\n  props: T,\n): {\n  boxProps: Partial<BoxLayoutOwnProps>;\n  rest: Omit<T, keyof BoxLayoutOwnProps>;\n} {\n  const boxProps: Partial<BoxLayoutOwnProps> = {};\n  const rest: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(props)) {\n    if (BOX_PROP_KEYS.has(key as keyof BoxLayoutOwnProps)) {\n      (boxProps as Record<string, unknown>)[key] = value;\n    } else {\n      rest[key] = value;\n    }\n  }\n\n  return { boxProps, rest: rest as Omit<T, keyof BoxLayoutOwnProps> };\n}\n\nexport function applyBoxLayoutStyles(\n  styles: Record<string, string | number>,\n  boxProps: Partial<BoxLayoutOwnProps>,\n) {\n  for (const key of BOX_PROP_KEYS) {\n    const value = boxProps[key];\n    if (value === undefined) continue;\n\n    const variable = variableNameForProp(key);\n    if (SPACE_PROP_KEYS.has(key)) {\n      setResponsiveStyleVar(styles, variable, value as string | number, resolveSpaceValue);\n      continue;\n    }\n\n    setResponsiveStyleVar(\n      styles,\n      variable,\n      value as string | number,\n      (input) => input as string | number,\n    );\n  }\n}\n\nexport function withBoxLayoutStyle(\n  styles: Record<string, string | number>,\n  userStyle: unknown,\n): string | undefined {\n  return mergeLayoutStyles(styles, userStyle);\n}\n"],"mappings":";;AAGA,MAAM,kBAAkB,IAAI,IAAI;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAM,gBAAgB,IAAI,IAA6B;CACrD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAS,oBAAoB,MAAuC;AAClE,SAAQ,MAAR;EACE,KAAK,YACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,kBACH,QAAO;EACT,KAAK,gBACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAgB,oBACd,OAIA;CACA,MAAM,WAAuC,EAAE;CAC/C,MAAM,OAAgC,EAAE;AAExC,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAAI,cAAc,IAAI,IAA+B,CAClD,UAAqC,OAAO;KAE7C,MAAK,OAAO;AAIhB,QAAO;EAAE;EAAgB;EAA0C;;AAGrE,SAAgB,qBACd,QACA,UACA;AACA,MAAK,MAAM,OAAO,eAAe;EAC/B,MAAM,QAAQ,SAAS;AACvB,MAAI,UAAU,KAAA,EAAW;EAEzB,MAAM,WAAW,oBAAoB,IAAI;AACzC,MAAI,gBAAgB,IAAI,IAAI,EAAE;AAC5B,yBAAsB,QAAQ,UAAU,OAA0B,kBAAkB;AACpF;;AAGF,wBACE,QACA,UACA,QACC,UAAU,MACZ;;;AAIL,SAAgB,mBACd,QACA,WACoB;AACpB,QAAO,kBAAkB,QAAQ,UAAU"}

package/dist/_internal/classes.js

@@ -0,0 +1,8 @@
+//#region src/components/_internal/classes.ts
+function classes(...values) {
+	return values.filter((item) => typeof item === "string" && item.trim()).join(" ") || void 0;
+}
+//#endregion
+export { classes };
+
+//# sourceMappingURL=classes.js.map

package/dist/_internal/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","names":[],"sources":["../../src/components/_internal/classes.ts"],"sourcesContent":["export function classes(...values: Array<unknown>): string | undefined {\n  const value = values.filter((item) => typeof item === \"string\" && item.trim()).join(\" \");\n\n  return value || undefined;\n}\n"],"mappings":";AAAA,SAAgB,QAAQ,GAAG,QAA4C;AAGrE,QAFc,OAAO,QAAQ,SAAS,OAAO,SAAS,YAAY,KAAK,MAAM,CAAC,CAAC,KAAK,IAExE,IAAI,KAAA"}

package/dist/_internal/jsx.js

@@ -0,0 +1,12 @@
+//#region src/components/_internal/jsx.ts
+function isJsxElement(value) {
+	return typeof value === "object" && value !== null && "$$typeof" in value && "props" in value;
+}
+function toChildArray(children) {
+	if (Array.isArray(children)) return children;
+	return children === void 0 || children === null ? [] : [children];
+}
+//#endregion
+export { isJsxElement, toChildArray };
+
+//# sourceMappingURL=jsx.js.map

package/dist/_internal/jsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.js","names":[],"sources":["../../src/components/_internal/jsx.ts"],"sourcesContent":["import type { JSXElement } from \"@askrjs/askr/foundations\";\n\nexport function isJsxElement(value: unknown): value is JSXElement {\n  return typeof value === \"object\" && value !== null && \"$$typeof\" in value && \"props\" in value;\n}\n\nexport function hasJsxIntrinsicType(value: unknown, expectedType: string): value is JSXElement {\n  return isJsxElement(value) && value.type === expectedType;\n}\n\nexport function toChildArray(children: unknown): unknown[] {\n  if (Array.isArray(children)) {\n    return children;\n  }\n\n  return children === undefined || children === null ? [] : [children];\n}\n\nexport function mapJsxTree(children: unknown, mapper: (element: JSXElement) => unknown): unknown {\n  if (Array.isArray(children)) {\n    return children.map((child) => mapJsxTree(child, mapper));\n  }\n\n  if (!isJsxElement(children)) {\n    return children;\n  }\n\n  const mapped = mapper(children);\n\n  if (!isJsxElement(mapped)) {\n    return mapped;\n  }\n\n  const currentChildren = mapped.props?.children;\n  const nextChildren = mapJsxTree(currentChildren, mapper);\n\n  if (nextChildren === currentChildren) {\n    return mapped;\n  }\n\n  return {\n    ...mapped,\n    props: {\n      ...mapped.props,\n      children: nextChildren,\n    },\n  };\n}\n\nexport function collectJsxElements(\n  children: unknown,\n  predicate?: (element: JSXElement) => boolean,\n): JSXElement[] {\n  const result: JSXElement[] = [];\n\n  const visit = (value: unknown) => {\n    if (Array.isArray(value)) {\n      value.forEach(visit);\n      return;\n    }\n\n    if (!isJsxElement(value)) {\n      return;\n    }\n\n    if (!predicate || predicate(value)) {\n      result.push(value);\n    }\n\n    visit(value.props?.children);\n  };\n\n  visit(children);\n\n  return result;\n}\n\nexport function extractTextContent(value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map((entry) => extractTextContent(entry)).join(\"\");\n  }\n\n  if (\n    value === undefined ||\n    value === null ||\n    typeof value === \"boolean\" ||\n    typeof value === \"function\"\n  ) {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    return extractTextContent(value.props?.children);\n  }\n\n  return \"\";\n}\n\nexport function serializeForId(value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map((item) => serializeForId(item)).join(\"|\");\n  }\n\n  if (value === undefined || value === null || typeof value === \"boolean\") {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    const typeName =\n      typeof value.type === \"string\"\n        ? value.type\n        : typeof value.type === \"function\"\n          ? value.type.name || \"component\"\n          : \"component\";\n    const propEntries = Object.entries(value.props ?? {})\n      .filter(\n        ([key, entryValue]) =>\n          key !== \"children\" &&\n          key !== \"ref\" &&\n          !key.startsWith(\"on\") &&\n          (typeof entryValue === \"string\" ||\n            typeof entryValue === \"number\" ||\n            typeof entryValue === \"boolean\"),\n      )\n      .sort(([left], [right]) => left.localeCompare(right))\n      .map(([key, entryValue]) => `${key}:${String(entryValue)}`)\n      .join(\",\");\n\n    return `${typeName}[${propEntries}](${serializeForId(value.props?.children)})`;\n  }\n\n  return typeof value;\n}\n"],"mappings":";AAEA,SAAgB,aAAa,OAAqC;AAChE,QAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,SAAS,WAAW;;AAO1F,SAAgB,aAAa,UAA8B;AACzD,KAAI,MAAM,QAAQ,SAAS,CACzB,QAAO;AAGT,QAAO,aAAa,KAAA,KAAa,aAAa,OAAO,EAAE,GAAG,CAAC,SAAS"}

package/dist/_internal/layout.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/_internal/layout.d.ts
+/**
+ * Layout helpers shared by headless layout primitives.
+ */
+type LayoutBreakpoint = "initial" | "sm" | "md" | "lg" | "xl";
+type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;
+//#endregion
+export { ResponsiveValue };
+//# sourceMappingURL=layout.d.ts.map

package/dist/_internal/layout.js

@@ -0,0 +1,156 @@
+//#region src/components/_internal/layout.ts
+const BREAKPOINTS = [
+	"initial",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+/** Units and patterns that identify a concrete CSS length value. */
+const CSS_UNIT_RE = /^-?[\d.]+(%|px|em|rem|ex|ch|ic|lh|rlh|vw|vh|vmin|vmax|svw|svh|dvw|dvh|cqw|cqh|cqi|cqb|fr|cm|mm|in|pt|pc|Q)$/;
+const SPACE_TOKEN_MAP = {
+	"1": "var(--ak-space-1)",
+	"2": "var(--ak-space-2)",
+	"3": "var(--ak-space-3)",
+	"4": "var(--ak-space-4)",
+	"5": "var(--ak-space-5)",
+	"6": "var(--ak-space-6)",
+	"7": "var(--ak-space-7)",
+	"8": "var(--ak-space-8)",
+	"9": "var(--ak-space-9)",
+	xs: "var(--ak-space-xs)",
+	sm: "var(--ak-space-sm)",
+	md: "var(--ak-space-md)",
+	lg: "var(--ak-space-lg)",
+	xl: "var(--ak-space-xl)",
+	"2xl": "var(--ak-space-2xl)",
+	"3xl": "var(--ak-space-3xl)"
+};
+const CONTAINER_SIZE_MAP = {
+	"1": "var(--ak-container-1)",
+	"2": "var(--ak-container-2)",
+	"3": "var(--ak-container-3)",
+	"4": "var(--ak-container-4)",
+	sm: "var(--ak-container-1)",
+	md: "var(--ak-container-2)",
+	lg: "var(--ak-container-3)",
+	xl: "var(--ak-container-4)"
+};
+/**
+* Returns true when `value` is a concrete CSS length/size that can be applied
+* directly as an inline style.
+*/
+function isCssLength(value) {
+	if (typeof value !== "string") return false;
+	const v = value.trim();
+	if (v === "0") return true;
+	if (CSS_UNIT_RE.test(v)) return true;
+	if (/^[a-z][a-z-]*\(/.test(v)) return true;
+	return false;
+}
+function isResponsiveValue(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+	return BREAKPOINTS.some((breakpoint) => breakpoint in value);
+}
+function normalizeResponsiveValue(value) {
+	if (value === void 0) return void 0;
+	if (isResponsiveValue(value)) return value;
+	return { initial: value };
+}
+function serializeResponsiveValue(value) {
+	const normalized = normalizeResponsiveValue(value);
+	if (!normalized) return void 0;
+	return BREAKPOINTS.map((breakpoint) => {
+		const breakpointValue = normalized[breakpoint];
+		if (breakpointValue === void 0) return "";
+		return `${breakpoint}:${String(breakpointValue)}`;
+	}).filter(Boolean).join("|");
+}
+function serializeResponsiveValueIf(value, predicate) {
+	const normalized = normalizeResponsiveValue(value);
+	if (!normalized) return void 0;
+	for (const breakpoint of BREAKPOINTS) {
+		const breakpointValue = normalized[breakpoint];
+		if (breakpointValue === void 0) continue;
+		if (!predicate(breakpointValue)) return void 0;
+	}
+	return serializeResponsiveValue(value);
+}
+function serializeValueIf(value, predicate) {
+	if (value === void 0 || !predicate(value)) return void 0;
+	return String(value);
+}
+function setResponsiveStyleVar(styles, variable, value, resolve = (input) => input) {
+	const normalized = normalizeResponsiveValue(value);
+	if (!normalized) return;
+	for (const breakpoint of BREAKPOINTS) {
+		const breakpointValue = normalized[breakpoint];
+		if (breakpointValue === void 0) continue;
+		const resolved = resolve(breakpointValue);
+		if (resolved === void 0 || resolved === null || resolved === "") continue;
+		styles[`--ak-${variable}-${breakpoint}`] = resolved;
+	}
+}
+function resolveSpaceValue(value) {
+	if (typeof value === "number") return String(value);
+	const trimmed = value.trim();
+	return SPACE_TOKEN_MAP[trimmed] ?? trimmed;
+}
+function resolveContainerSizeValue(value) {
+	const trimmed = value.trim();
+	return CONTAINER_SIZE_MAP[trimmed] ?? trimmed;
+}
+function resolveGridTrackValue(value) {
+	if (typeof value === "number") return `repeat(${value}, minmax(0, 1fr))`;
+	const trimmed = value.trim();
+	if (/^\d+$/.test(trimmed)) return `repeat(${trimmed}, minmax(0, 1fr))`;
+	return trimmed;
+}
+function resolveJustifyValue(value) {
+	const trimmed = value.trim();
+	if (trimmed === "between") return "space-between";
+	if (trimmed === "start") return "flex-start";
+	if (trimmed === "end") return "flex-end";
+	return trimmed;
+}
+function resolveAlignValue(value) {
+	const trimmed = value.trim();
+	if (trimmed === "start") return "flex-start";
+	if (trimmed === "end") return "flex-end";
+	return trimmed;
+}
+function resolveInlineAlignValue(value) {
+	if (value === "left") return {
+		marginLeft: "0",
+		marginRight: "auto"
+	};
+	if (value === "right") return {
+		marginLeft: "auto",
+		marginRight: "0"
+	};
+	return {
+		marginLeft: "auto",
+		marginRight: "auto"
+	};
+}
+/**
+* Merges a record of computed layout styles with a user-supplied `style` prop.
+* The user's styles take precedence for conflicting keys.
+*/
+function mergeLayoutStyles(layout, user) {
+	const merged = { ...layout };
+	if (user !== null && user !== void 0 && typeof user === "object") Object.assign(merged, user);
+	const mergedString = objectToCssString(merged);
+	if (typeof user === "string" && user.trim()) return mergedString ? `${mergedString};${user.trim()}` : user.trim();
+	return mergedString || void 0;
+}
+function camelToKebab(s) {
+	return s.replace(/([A-Z])/g, (c) => `-${c.toLowerCase()}`);
+}
+function objectToCssString(styles) {
+	return Object.entries(styles).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => `${camelToKebab(key)}:${String(value)}`).join(";");
+}
+//#endregion
+export { isCssLength, isResponsiveValue, mergeLayoutStyles, resolveAlignValue, resolveContainerSizeValue, resolveGridTrackValue, resolveInlineAlignValue, resolveJustifyValue, resolveSpaceValue, serializeResponsiveValueIf, serializeValueIf, setResponsiveStyleVar };
+
+//# sourceMappingURL=layout.js.map

package/dist/_internal/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../src/components/_internal/layout.ts"],"sourcesContent":["/**\n * Layout helpers shared by headless layout primitives.\n */\n\nexport type LayoutBreakpoint = \"initial\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;\n\nconst BREAKPOINTS: readonly LayoutBreakpoint[] = [\"initial\", \"sm\", \"md\", \"lg\", \"xl\"];\n\n/** Units and patterns that identify a concrete CSS length value. */\nconst CSS_UNIT_RE =\n  /^-?[\\d.]+(%|px|em|rem|ex|ch|ic|lh|rlh|vw|vh|vmin|vmax|svw|svh|dvw|dvh|cqw|cqh|cqi|cqb|fr|cm|mm|in|pt|pc|Q)$/;\n\nconst SPACE_TOKEN_MAP: Record<string, string> = {\n  \"1\": \"var(--ak-space-1)\",\n  \"2\": \"var(--ak-space-2)\",\n  \"3\": \"var(--ak-space-3)\",\n  \"4\": \"var(--ak-space-4)\",\n  \"5\": \"var(--ak-space-5)\",\n  \"6\": \"var(--ak-space-6)\",\n  \"7\": \"var(--ak-space-7)\",\n  \"8\": \"var(--ak-space-8)\",\n  \"9\": \"var(--ak-space-9)\",\n  xs: \"var(--ak-space-xs)\",\n  sm: \"var(--ak-space-sm)\",\n  md: \"var(--ak-space-md)\",\n  lg: \"var(--ak-space-lg)\",\n  xl: \"var(--ak-space-xl)\",\n  \"2xl\": \"var(--ak-space-2xl)\",\n  \"3xl\": \"var(--ak-space-3xl)\",\n};\n\nconst CONTAINER_SIZE_MAP: Record<string, string> = {\n  \"1\": \"var(--ak-container-1)\",\n  \"2\": \"var(--ak-container-2)\",\n  \"3\": \"var(--ak-container-3)\",\n  \"4\": \"var(--ak-container-4)\",\n  sm: \"var(--ak-container-1)\",\n  md: \"var(--ak-container-2)\",\n  lg: \"var(--ak-container-3)\",\n  xl: \"var(--ak-container-4)\",\n};\n\nconst SECTION_SIZE_MAP: Record<string, string> = {\n  \"1\": \"var(--ak-section-1)\",\n  \"2\": \"var(--ak-section-2)\",\n  \"3\": \"var(--ak-section-3)\",\n  \"4\": \"var(--ak-section-4)\",\n};\n\n/**\n * Returns true when `value` is a concrete CSS length/size that can be applied\n * directly as an inline style.\n */\nexport function isCssLength(value: unknown): value is string {\n  if (typeof value !== \"string\") return false;\n  const v = value.trim();\n  if (v === \"0\") return true;\n  if (CSS_UNIT_RE.test(v)) return true;\n  // CSS functions: calc(), min(), max(), clamp(), fit-content(), env(), var()\n  if (/^[a-z][a-z-]*\\(/.test(v)) return true;\n  return false;\n}\n\nexport function isResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): value is Partial<Record<LayoutBreakpoint, T>> {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) return false;\n  return BREAKPOINTS.some((breakpoint) => breakpoint in value);\n}\n\nexport function normalizeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): Partial<Record<LayoutBreakpoint, T>> | undefined {\n  if (value === undefined) return undefined;\n  if (isResponsiveValue(value)) return value;\n  return { initial: value };\n}\n\nexport function serializeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): string | undefined {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return undefined;\n\n  return BREAKPOINTS.map((breakpoint) => {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) return \"\";\n    return `${breakpoint}:${String(breakpointValue)}`;\n  })\n    .filter(Boolean)\n    .join(\"|\");\n}\n\nexport function serializeResponsiveValueIf<T>(\n  value: ResponsiveValue<T> | undefined,\n  predicate: (value: T) => boolean,\n): string | undefined {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return undefined;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) continue;\n    if (!predicate(breakpointValue)) return undefined;\n  }\n\n  return serializeResponsiveValue(value);\n}\n\nexport function serializeValueIf<T>(\n  value: T | undefined,\n  predicate: (value: T) => boolean,\n): string | undefined {\n  if (value === undefined || !predicate(value)) return undefined;\n  return String(value);\n}\n\nexport function setResponsiveStyleVar<T>(\n  styles: Record<string, string | number>,\n  variable: string,\n  value: ResponsiveValue<T> | undefined,\n  resolve: (value: T) => string | number | undefined = (input) =>\n    input as string | number | undefined,\n) {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) continue;\n    const resolved = resolve(breakpointValue);\n    if (resolved === undefined || resolved === null || resolved === \"\") continue;\n    styles[`--ak-${variable}-${breakpoint}`] = resolved;\n  }\n}\n\nexport function resolveSpaceValue(value: string | number): string | number {\n  if (typeof value === \"number\") return String(value);\n  const trimmed = value.trim();\n  return SPACE_TOKEN_MAP[trimmed] ?? trimmed;\n}\n\nexport function resolveContainerSizeValue(value: string): string {\n  const trimmed = value.trim();\n  return CONTAINER_SIZE_MAP[trimmed] ?? trimmed;\n}\n\nexport function resolveSectionSizeValue(value: string): string {\n  const trimmed = value.trim();\n  return SECTION_SIZE_MAP[trimmed] ?? trimmed;\n}\n\nexport function resolveGridTrackValue(value: string | number): string {\n  if (typeof value === \"number\") {\n    return `repeat(${value}, minmax(0, 1fr))`;\n  }\n\n  const trimmed = value.trim();\n  if (/^\\d+$/.test(trimmed)) {\n    return `repeat(${trimmed}, minmax(0, 1fr))`;\n  }\n\n  return trimmed;\n}\n\nexport function resolveJustifyValue(value: string): string {\n  const trimmed = value.trim();\n  if (trimmed === \"between\") return \"space-between\";\n  if (trimmed === \"start\") return \"flex-start\";\n  if (trimmed === \"end\") return \"flex-end\";\n  return trimmed;\n}\n\nexport function resolveAlignValue(value: string): string {\n  const trimmed = value.trim();\n  if (trimmed === \"start\") return \"flex-start\";\n  if (trimmed === \"end\") return \"flex-end\";\n  return trimmed;\n}\n\nexport function resolveInlineAlignValue(value: \"left\" | \"center\" | \"right\"): {\n  marginLeft?: string;\n  marginRight?: string;\n} {\n  if (value === \"left\") return { marginLeft: \"0\", marginRight: \"auto\" };\n  if (value === \"right\") return { marginLeft: \"auto\", marginRight: \"0\" };\n  return { marginLeft: \"auto\", marginRight: \"auto\" };\n}\n\n/**\n * Merges a record of computed layout styles with a user-supplied `style` prop.\n * The user's styles take precedence for conflicting keys.\n */\nexport function mergeLayoutStyles(\n  layout: Record<string, string | number>,\n  user: unknown,\n): string | undefined {\n  const merged: Record<string, unknown> = { ...layout };\n\n  if (user !== null && user !== undefined && typeof user === \"object\") {\n    Object.assign(merged, user as Record<string, unknown>);\n  }\n\n  const mergedString = objectToCssString(merged);\n\n  if (typeof user === \"string\" && user.trim()) {\n    return mergedString ? `${mergedString};${user.trim()}` : user.trim();\n  }\n\n  return mergedString || undefined;\n}\n\nfunction camelToKebab(s: string): string {\n  return s.replace(/([A-Z])/g, (c) => `-${c.toLowerCase()}`);\n}\n\nfunction objectToCssString(styles: Record<string, unknown>): string {\n  return Object.entries(styles)\n    .filter(([, value]) => value !== undefined && value !== null)\n    .map(([key, value]) => `${camelToKebab(key)}:${String(value)}`)\n    .join(\";\");\n}\n"],"mappings":";AAOA,MAAM,cAA2C;CAAC;CAAW;CAAM;CAAM;CAAM;CAAK;;AAGpF,MAAM,cACJ;AAEF,MAAM,kBAA0C;CAC9C,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACR;AAED,MAAM,qBAA6C;CACjD,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;;;;;AAaD,SAAgB,YAAY,OAAiC;AAC3D,KAAI,OAAO,UAAU,SAAU,QAAO;CACtC,MAAM,IAAI,MAAM,MAAM;AACtB,KAAI,MAAM,IAAK,QAAO;AACtB,KAAI,YAAY,KAAK,EAAE,CAAE,QAAO;AAEhC,KAAI,kBAAkB,KAAK,EAAE,CAAE,QAAO;AACtC,QAAO;;AAGT,SAAgB,kBACd,OAC+C;AAC/C,KAAI,CAAC,SAAS,OAAO,UAAU,YAAY,MAAM,QAAQ,MAAM,CAAE,QAAO;AACxE,QAAO,YAAY,MAAM,eAAe,cAAc,MAAM;;AAG9D,SAAgB,yBACd,OACkD;AAClD,KAAI,UAAU,KAAA,EAAW,QAAO,KAAA;AAChC,KAAI,kBAAkB,MAAM,CAAE,QAAO;AACrC,QAAO,EAAE,SAAS,OAAO;;AAG3B,SAAgB,yBACd,OACoB;CACpB,MAAM,aAAa,yBAAyB,MAAM;AAClD,KAAI,CAAC,WAAY,QAAO,KAAA;AAExB,QAAO,YAAY,KAAK,eAAe;EACrC,MAAM,kBAAkB,WAAW;AACnC,MAAI,oBAAoB,KAAA,EAAW,QAAO;AAC1C,SAAO,GAAG,WAAW,GAAG,OAAO,gBAAgB;GAC/C,CACC,OAAO,QAAQ,CACf,KAAK,IAAI;;AAGd,SAAgB,2BACd,OACA,WACoB;CACpB,MAAM,aAAa,yBAAyB,MAAM;AAClD,KAAI,CAAC,WAAY,QAAO,KAAA;AAExB,MAAK,MAAM,cAAc,aAAa;EACpC,MAAM,kBAAkB,WAAW;AACnC,MAAI,oBAAoB,KAAA,EAAW;AACnC,MAAI,CAAC,UAAU,gBAAgB,CAAE,QAAO,KAAA;;AAG1C,QAAO,yBAAyB,MAAM;;AAGxC,SAAgB,iBACd,OACA,WACoB;AACpB,KAAI,UAAU,KAAA,KAAa,CAAC,UAAU,MAAM,CAAE,QAAO,KAAA;AACrD,QAAO,OAAO,MAAM;;AAGtB,SAAgB,sBACd,QACA,UACA,OACA,WAAsD,UACpD,OACF;CACA,MAAM,aAAa,yBAAyB,MAAM;AAClD,KAAI,CAAC,WAAY;AAEjB,MAAK,MAAM,cAAc,aAAa;EACpC,MAAM,kBAAkB,WAAW;AACnC,MAAI,oBAAoB,KAAA,EAAW;EACnC,MAAM,WAAW,QAAQ,gBAAgB;AACzC,MAAI,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa,GAAI;AACpE,SAAO,QAAQ,SAAS,GAAG,gBAAgB;;;AAI/C,SAAgB,kBAAkB,OAAyC;AACzE,KAAI,OAAO,UAAU,SAAU,QAAO,OAAO,MAAM;CACnD,MAAM,UAAU,MAAM,MAAM;AAC5B,QAAO,gBAAgB,YAAY;;AAGrC,SAAgB,0BAA0B,OAAuB;CAC/D,MAAM,UAAU,MAAM,MAAM;AAC5B,QAAO,mBAAmB,YAAY;;AAQxC,SAAgB,sBAAsB,OAAgC;AACpE,KAAI,OAAO,UAAU,SACnB,QAAO,UAAU,MAAM;CAGzB,MAAM,UAAU,MAAM,MAAM;AAC5B,KAAI,QAAQ,KAAK,QAAQ,CACvB,QAAO,UAAU,QAAQ;AAG3B,QAAO;;AAGT,SAAgB,oBAAoB,OAAuB;CACzD,MAAM,UAAU,MAAM,MAAM;AAC5B,KAAI,YAAY,UAAW,QAAO;AAClC,KAAI,YAAY,QAAS,QAAO;AAChC,KAAI,YAAY,MAAO,QAAO;AAC9B,QAAO;;AAGT,SAAgB,kBAAkB,OAAuB;CACvD,MAAM,UAAU,MAAM,MAAM;AAC5B,KAAI,YAAY,QAAS,QAAO;AAChC,KAAI,YAAY,MAAO,QAAO;AAC9B,QAAO;;AAGT,SAAgB,wBAAwB,OAGtC;AACA,KAAI,UAAU,OAAQ,QAAO;EAAE,YAAY;EAAK,aAAa;EAAQ;AACrE,KAAI,UAAU,QAAS,QAAO;EAAE,YAAY;EAAQ,aAAa;EAAK;AACtE,QAAO;EAAE,YAAY;EAAQ,aAAa;EAAQ;;;;;;AAOpD,SAAgB,kBACd,QACA,MACoB;CACpB,MAAM,SAAkC,EAAE,GAAG,QAAQ;AAErD,KAAI,SAAS,QAAQ,SAAS,KAAA,KAAa,OAAO,SAAS,SACzD,QAAO,OAAO,QAAQ,KAAgC;CAGxD,MAAM,eAAe,kBAAkB,OAAO;AAE9C,KAAI,OAAO,SAAS,YAAY,KAAK,MAAM,CACzC,QAAO,eAAe,GAAG,aAAa,GAAG,KAAK,MAAM,KAAK,KAAK,MAAM;AAGtE,QAAO,gBAAgB,KAAA;;AAGzB,SAAS,aAAa,GAAmB;AACvC,QAAO,EAAE,QAAQ,aAAa,MAAM,IAAI,EAAE,aAAa,GAAG;;AAG5D,SAAS,kBAAkB,QAAyC;AAClE,QAAO,OAAO,QAAQ,OAAO,CAC1B,QAAQ,GAAG,WAAW,UAAU,KAAA,KAAa,UAAU,KAAK,CAC5D,KAAK,CAAC,KAAK,WAAW,GAAG,aAAa,IAAI,CAAC,GAAG,OAAO,MAAM,GAAG,CAC9D,KAAK,IAAI"}

package/dist/_internal/merge-props.js

@@ -0,0 +1,50 @@
+//#region src/components/_internal/merge-props.ts
+function isEventHandlerKey(key) {
+	return key.startsWith("on");
+}
+function isDefaultPrevented(value) {
+	return typeof value === "object" && value !== null && "defaultPrevented" in value && value.defaultPrevented === true;
+}
+function composeHandlers(first, second) {
+	return (...args) => {
+		first(...args);
+		if (isDefaultPrevented(args[0])) return;
+		second(...args);
+	};
+}
+function setRef(ref, value) {
+	if (!ref) return;
+	if (typeof ref === "function") {
+		ref(value);
+		return;
+	}
+	if (Object.isExtensible(ref)) ref.current = value;
+}
+function composeRefs(...refs) {
+	return (value) => {
+		for (const ref of refs) setRef(ref, value);
+	};
+}
+function mergeProps(base, injected) {
+	const baseKeys = Object.keys(base);
+	if (baseKeys.length === 0) return injected;
+	const out = { ...injected };
+	for (const key of baseKeys) {
+		const baseValue = base[key];
+		const injectedValue = injected[key];
+		if (key === "ref") {
+			out[key] = composeRefs(injectedValue, baseValue);
+			continue;
+		}
+		if (isEventHandlerKey(key) && typeof baseValue === "function" && typeof injectedValue === "function") {
+			out[key] = composeHandlers(injectedValue, baseValue);
+			continue;
+		}
+		out[key] = baseValue;
+	}
+	return out;
+}
+//#endregion
+export { mergeProps };
+
+//# sourceMappingURL=merge-props.js.map

package/dist/_internal/merge-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-props.js","names":[],"sources":["../../src/components/_internal/merge-props.ts"],"sourcesContent":["type Handler = (...args: readonly unknown[]) => void;\ntype Ref<T> = { current: T | null } | ((value: T | null) => void) | null | undefined;\n\nfunction isEventHandlerKey(key: string): boolean {\n  return key.startsWith(\"on\");\n}\n\nfunction isDefaultPrevented(value: unknown): value is { defaultPrevented: true } {\n  return (\n    typeof value === \"object\" &&\n    value !== null &&\n    \"defaultPrevented\" in value &&\n    (value as { defaultPrevented?: boolean }).defaultPrevented === true\n  );\n}\n\nfunction composeHandlers(first: Handler, second: Handler): Handler {\n  return (...args) => {\n    first(...args);\n\n    if (isDefaultPrevented(args[0])) {\n      return;\n    }\n\n    second(...args);\n  };\n}\n\nfunction setRef<T>(ref: Ref<T>, value: T | null): void {\n  if (!ref) return;\n\n  if (typeof ref === \"function\") {\n    ref(value);\n    return;\n  }\n\n  if (Object.isExtensible(ref)) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\nfunction composeRefs<T>(...refs: Array<Ref<T>>): (value: T | null) => void {\n  return (value: T | null) => {\n    for (const ref of refs) {\n      setRef(ref, value);\n    }\n  };\n}\n\nexport function mergeProps<TBase extends object, TInjected extends object>(\n  base: TBase,\n  injected: TInjected,\n): TInjected & TBase {\n  const baseKeys = Object.keys(base);\n  if (baseKeys.length === 0) {\n    return injected as TInjected & TBase;\n  }\n\n  const out = { ...(injected as object) } as TInjected & TBase;\n\n  for (const key of baseKeys as Array<Extract<keyof TBase, string>>) {\n    const baseValue = (base as Record<string, unknown>)[key];\n    const injectedValue = (injected as Record<string, unknown>)[key];\n\n    if (key === \"ref\") {\n      (out as Record<string, unknown>)[key] = composeRefs(\n        injectedValue as Ref<unknown>,\n        baseValue as Ref<unknown>,\n      );\n      continue;\n    }\n\n    if (\n      isEventHandlerKey(key) &&\n      typeof baseValue === \"function\" &&\n      typeof injectedValue === \"function\"\n    ) {\n      (out as Record<string, unknown>)[key] = composeHandlers(\n        injectedValue as Handler,\n        baseValue as Handler,\n      );\n      continue;\n    }\n\n    (out as Record<string, unknown>)[key] = baseValue;\n  }\n\n  return out;\n}\n"],"mappings":";AAGA,SAAS,kBAAkB,KAAsB;AAC/C,QAAO,IAAI,WAAW,KAAK;;AAG7B,SAAS,mBAAmB,OAAqD;AAC/E,QACE,OAAO,UAAU,YACjB,UAAU,QACV,sBAAsB,SACrB,MAAyC,qBAAqB;;AAInE,SAAS,gBAAgB,OAAgB,QAA0B;AACjE,SAAQ,GAAG,SAAS;AAClB,QAAM,GAAG,KAAK;AAEd,MAAI,mBAAmB,KAAK,GAAG,CAC7B;AAGF,SAAO,GAAG,KAAK;;;AAInB,SAAS,OAAU,KAAa,OAAuB;AACrD,KAAI,CAAC,IAAK;AAEV,KAAI,OAAO,QAAQ,YAAY;AAC7B,MAAI,MAAM;AACV;;AAGF,KAAI,OAAO,aAAa,IAAI,CACzB,KAA8B,UAAU;;AAI7C,SAAS,YAAe,GAAG,MAAgD;AACzE,SAAQ,UAAoB;AAC1B,OAAK,MAAM,OAAO,KAChB,QAAO,KAAK,MAAM;;;AAKxB,SAAgB,WACd,MACA,UACmB;CACnB,MAAM,WAAW,OAAO,KAAK,KAAK;AAClC,KAAI,SAAS,WAAW,EACtB,QAAO;CAGT,MAAM,MAAM,EAAE,GAAI,UAAqB;AAEvC,MAAK,MAAM,OAAO,UAAiD;EACjE,MAAM,YAAa,KAAiC;EACpD,MAAM,gBAAiB,SAAqC;AAE5D,MAAI,QAAQ,OAAO;AAChB,OAAgC,OAAO,YACtC,eACA,UACD;AACD;;AAGF,MACE,kBAAkB,IAAI,IACtB,OAAO,cAAc,cACrB,OAAO,kBAAkB,YACzB;AACC,OAAgC,OAAO,gBACtC,eACA,UACD;AACD;;AAGD,MAAgC,OAAO;;AAG1C,QAAO"}

package/dist/accessible-icon/accessible-icon.d.ts

@@ -0,0 +1,7 @@
+import { AccessibleIconProps } from "./accessible-icon.types.js";
+
+//#region src/components/accessible-icon/accessible-icon.d.ts
+declare function AccessibleIcon(props: AccessibleIconProps): JSX.Element;
+//#endregion
+export { AccessibleIcon };
+//# sourceMappingURL=accessible-icon.d.ts.map

package/dist/accessible-icon/accessible-icon.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "@askrjs/askr/jsx-runtime";
+//#region src/components/accessible-icon/accessible-icon.tsx
+function AccessibleIcon(props) {
+	const { children, label, decorative = label ? false : true } = props;
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "accessible-icon",
+		"data-decorative": decorative ? "true" : void 0,
+		role: decorative ? void 0 : "img",
+		"aria-hidden": decorative ? "true" : void 0,
+		"aria-label": decorative ? void 0 : label,
+		children: [children, !decorative && label ? /* @__PURE__ */ jsx("span", {
+			class: "sr-only",
+			children: label
+		}) : null]
+	});
+}
+//#endregion
+export { AccessibleIcon };
+
+//# sourceMappingURL=accessible-icon.js.map

package/dist/accessible-icon/accessible-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessible-icon.js","names":[],"sources":["../../src/components/accessible-icon/accessible-icon.tsx"],"sourcesContent":["import type { AccessibleIconProps } from \"./accessible-icon.types\";\n\nexport function AccessibleIcon(props: AccessibleIconProps): JSX.Element {\n  const { children, label, decorative = label ? false : true } = props;\n\n  return (\n    <span\n      data-slot=\"accessible-icon\"\n      data-decorative={decorative ? \"true\" : undefined}\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? \"true\" : undefined}\n      aria-label={decorative ? undefined : label}\n    >\n      {children}\n      {!decorative && label ? <span class=\"sr-only\">{label}</span> : null}\n    </span>\n  );\n}\n"],"mappings":";;AAEA,SAAgB,eAAe,OAAyC;CACtE,MAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,QAAQ,SAAS;AAE/D,QACE,qBAAC,QAAD;EACE,aAAU;EACV,mBAAiB,aAAa,SAAS,KAAA;EACvC,MAAM,aAAa,KAAA,IAAY;EAC/B,eAAa,aAAa,SAAS,KAAA;EACnC,cAAY,aAAa,KAAA,IAAY;YALvC,CAOG,UACA,CAAC,cAAc,QAAQ,oBAAC,QAAD;GAAM,OAAM;aAAW;GAAa,CAAA,GAAG,KAC1D"}

package/dist/accessible-icon/accessible-icon.types.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/accessible-icon/accessible-icon.types.d.ts
+type AccessibleIconProps = {
+  children?: unknown;
+  label?: string;
+  decorative?: boolean;
+};
+//#endregion
+export { AccessibleIconProps };
+//# sourceMappingURL=accessible-icon.types.d.ts.map

package/dist/askr/dist/common/jsx.d.ts

@@ -0,0 +1,16 @@
+import { Props } from "./props.js";
+
+//#region ../askr/dist/common/jsx.d.ts
+interface JSXElement {
+  /** Internal element marker */
+  $$typeof: symbol;
+  /** Element type: string, component, Fragment, etc */
+  type: string | ((props: Props) => unknown) | symbol;
+  /** Props bag */
+  props: Props;
+  /** Optional key (normalized by runtime) */
+  key?: string | number | null;
+} //#endregion
+//#endregion
+export { JSXElement };
+//# sourceMappingURL=jsx.d.ts.map

package/dist/askr/dist/common/props.d.ts

@@ -0,0 +1,22 @@
+//#region ../askr/dist/common/props.d.ts
+//#region src/common/props.d.ts
+/**
+ * Common call contracts: Props
+ *
+ * This file holds structural types shared across multiple modules.
+ */
+/**
+ * Props accepted by components and elements.
+ * Intentionally permissive but provides a single named type.
+ */
+interface Props {
+  /** Optional key for keyed lists (string | number | symbol for internal frames) */
+  key?: string | number | symbol;
+  /** Optional children slot */
+  children?: unknown;
+  /** Allow additional arbitrary attributes (e.g., class, id, data-*) */
+  [attr: string]: unknown;
+}
+//#endregion
+export { Props };
+//# sourceMappingURL=props.d.ts.map