@askrjs/themes 0.2.0 → 0.2.1

package/THEMING.md

@@ -147,7 +147,7 @@ giving up the canonical `data-slot` contract.
 Responsive rules:
 
 - Build mobile first. Base selectors must work on narrow screens; larger layouts are additive via `min-width` media queries.
-- `Block` is the only layout engine. Responsive layout props use `base`, `sm`, `md`, `lg`, and `xl`.
+- `Block` is the only layout engine. Responsive layout props, including boolean `wrap`, use `base`, `sm`, `md`, `lg`, and `xl`; omitted `wrap` retains `nowrap`.
 - The default theme uses semantic breakpoints `sm`, `md`, `lg`, and `xl` for layout variables.
 - Keep breakpoint values centralized in theme tokens so the default theme and generated themes stay aligned.
 - Responsive behavior must target only public hooks and Block-owned CSS variables.

package/dist/components/_internal/block-layout.d.ts

@@ -30,6 +30,7 @@ type BlockLayoutProps = {
   align?: ResponsiveValue<BlockAlign>;
   justify?: ResponsiveValue<BlockJustify>;
   gap?: ResponsiveValue<BlockSpace>;
+  wrap?: ResponsiveValue<boolean>;
   grow?: ResponsiveValue<boolean | number>;
   shrink?: ResponsiveValue<boolean | number>;
   center?: ResponsiveValue<boolean>;

package/dist/components/_internal/block-layout.js

@@ -80,6 +80,7 @@ const BLOCK_LAYOUT_KEYS = /* @__PURE__ */ new Set([
 	"align",
 	"justify",
 	"gap",
+	"wrap",
 	"grow",
 	"shrink",
 	"center",
@@ -186,6 +187,7 @@ function applyBlockLayoutStyles(styles, props) {
 	setResponsiveVar(styles, "align-items", props.align, resolveAlignValue);
 	setResponsiveVar(styles, "justify-content", props.justify, resolveJustifyValue);
 	setResponsiveVar(styles, "gap", props.gap, resolveSpaceValue);
+	setResponsiveVar(styles, "flex-wrap", props.wrap, (value) => value ? "wrap" : "nowrap");
 	setResponsiveVar(styles, "flex-grow", props.grow, resolveFlexFlag);
 	setResponsiveVar(styles, "flex-shrink", props.shrink, resolveFlexFlag);
 	if (props.sticky) styles["--ak-position-base"] = "sticky";

package/dist/components/_internal/block-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"block-layout.js","names":[],"sources":["../../../src/components/_internal/block-layout.ts"],"sourcesContent":["import { serializeCssDeclarations } from \"./style\";\n\nexport type LayoutBreakpoint = \"base\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;\n\nexport type BlockSpace = \"0\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"page\";\nexport type BlockMargin = BlockSpace | \"auto\";\nexport type BlockSize =\n  | \"auto\"\n  | \"full\"\n  | \"screen\"\n  | \"content\"\n  | \"sidebar\"\n  | \"page\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\";\nexport type BlockDirection = \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\nexport type BlockRowFrom = Exclude<LayoutBreakpoint, \"base\">;\nexport type BlockAlign = \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\";\nexport type BlockJustify = \"start\" | \"end\" | \"center\" | \"between\";\nexport type BlockBackground =\n  | \"surface\"\n  | \"muted\"\n  | \"selected\"\n  | \"canvas\"\n  | \"raised\"\n  | \"overlay\"\n  | \"transparent\";\nexport type BlockRadius = true | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"round\";\nexport type BlockShadow = true | \"sm\" | \"md\" | \"lg\";\nexport type BlockZIndex =\n  | \"header\"\n  | \"sticky\"\n  | \"fixed\"\n  | \"dropdown\"\n  | \"modal\"\n  | \"popover\"\n  | \"toast\"\n  | \"tooltip\";\n\nexport type BlockLayoutProps = {\n  padding?: ResponsiveValue<BlockSpace>;\n  paddingX?: ResponsiveValue<BlockSpace>;\n  paddingY?: ResponsiveValue<BlockSpace>;\n  margin?: ResponsiveValue<BlockMargin>;\n  marginX?: ResponsiveValue<BlockMargin>;\n  marginY?: ResponsiveValue<BlockMargin>;\n  width?: ResponsiveValue<BlockSize>;\n  minWidth?: ResponsiveValue<BlockSize>;\n  maxWidth?: ResponsiveValue<BlockSize>;\n  height?: ResponsiveValue<BlockSize>;\n  minHeight?: ResponsiveValue<BlockSize>;\n  maxHeight?: ResponsiveValue<BlockSize>;\n  rowFrom?: BlockRowFrom;\n  direction?: ResponsiveValue<BlockDirection>;\n  align?: ResponsiveValue<BlockAlign>;\n  justify?: ResponsiveValue<BlockJustify>;\n  gap?: ResponsiveValue<BlockSpace>;\n  grow?: ResponsiveValue<boolean | number>;\n  shrink?: ResponsiveValue<boolean | number>;\n  center?: ResponsiveValue<boolean>;\n  sticky?: boolean;\n  top?: ResponsiveValue<BlockSpace>;\n  zIndex?: ResponsiveValue<BlockZIndex>;\n  background?: ResponsiveValue<BlockBackground>;\n  border?: ResponsiveValue<boolean>;\n  borderTop?: ResponsiveValue<boolean>;\n  borderBottom?: ResponsiveValue<boolean>;\n  borderRight?: ResponsiveValue<boolean>;\n  radius?: ResponsiveValue<BlockRadius>;\n  shadow?: ResponsiveValue<BlockShadow>;\n  hide?: ResponsiveValue<boolean>;\n};\n\nconst BREAKPOINTS: readonly LayoutBreakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nconst SPACE_TOKEN_MAP: Record<string, string> = {\n  \"0\": \"0\",\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  page: \"var(--ak-layout-page-gutter)\",\n};\n\nconst SIZE_TOKEN_MAP: Record<string, string> = {\n  auto: \"auto\",\n  full: \"100%\",\n  screen: \"100dvh\",\n  content: \"min(60vh, 36rem)\",\n  sidebar: \"var(--ak-layout-sidebar-width)\",\n  page: \"var(--ak-layout-content-max-width)\",\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 BACKGROUND_TOKEN_MAP: Record<string, string> = {\n  canvas: \"var(--ak-color-bg)\",\n  surface: \"var(--ak-color-surface)\",\n  muted: \"var(--ak-color-surface-muted)\",\n  raised: \"var(--ak-color-surface-raised)\",\n  overlay: \"var(--ak-color-surface-overlay)\",\n  selected: \"var(--ak-color-selected)\",\n  transparent: \"transparent\",\n};\n\nconst RADIUS_TOKEN_MAP: Record<string, string> = {\n  sm: \"var(--ak-radius-sm)\",\n  md: \"var(--ak-radius-md)\",\n  lg: \"var(--ak-radius-lg)\",\n  xl: \"var(--ak-radius-xl)\",\n  round: \"var(--ak-radius-round)\",\n};\n\nconst SHADOW_TOKEN_MAP: Record<string, string> = {\n  sm: \"var(--ak-shadow-sm)\",\n  md: \"var(--ak-shadow-md)\",\n  lg: \"var(--ak-shadow-lg)\",\n};\n\nconst Z_INDEX_TOKEN_MAP: Record<string, string> = {\n  header: \"var(--ak-z-sticky)\",\n  sticky: \"var(--ak-z-sticky)\",\n  fixed: \"var(--ak-z-fixed)\",\n  dropdown: \"var(--ak-z-dropdown)\",\n  modal: \"var(--ak-z-modal)\",\n  popover: \"var(--ak-z-popover)\",\n  toast: \"var(--ak-z-toast)\",\n  tooltip: \"var(--ak-z-tooltip)\",\n};\n\nconst BORDER_VALUE = \"1px solid var(--ak-color-border-subtle)\";\n\nconst BLOCK_LAYOUT_KEYS = new Set<keyof BlockLayoutProps>([\n  \"padding\",\n  \"paddingX\",\n  \"paddingY\",\n  \"margin\",\n  \"marginX\",\n  \"marginY\",\n  \"width\",\n  \"minWidth\",\n  \"maxWidth\",\n  \"height\",\n  \"minHeight\",\n  \"maxHeight\",\n  \"rowFrom\",\n  \"direction\",\n  \"align\",\n  \"justify\",\n  \"gap\",\n  \"grow\",\n  \"shrink\",\n  \"center\",\n  \"sticky\",\n  \"top\",\n  \"zIndex\",\n  \"background\",\n  \"border\",\n  \"borderTop\",\n  \"borderBottom\",\n  \"borderRight\",\n  \"radius\",\n  \"shadow\",\n  \"hide\",\n]);\n\nfunction isResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): value is Partial<Record<LayoutBreakpoint, T>> {\n  return Boolean(\n    value &&\n    typeof value === \"object\" &&\n    !Array.isArray(value) &&\n    BREAKPOINTS.some((breakpoint) => breakpoint in value),\n  );\n}\n\nfunction 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 { base: value };\n}\n\nfunction resolveTokenValue(\n  value: string | number,\n  tokens: Record<string, string>,\n): string | number {\n  if (typeof value === \"number\") return value;\n  const trimmed = value.trim();\n  return tokens[trimmed] ?? trimmed;\n}\n\nexport function resolveSpaceValue(value: string | number): string | number {\n  return resolveTokenValue(value, SPACE_TOKEN_MAP);\n}\n\nfunction resolveSizeValue(value: string, axis: \"inline\" | \"block\"): string {\n  if (value === \"screen\") return axis === \"inline\" ? \"100dvw\" : \"100dvh\";\n  return String(resolveTokenValue(value, SIZE_TOKEN_MAP));\n}\n\nfunction resolveAlignValue(value: BlockAlign): string {\n  if (value === \"start\") return \"flex-start\";\n  if (value === \"end\") return \"flex-end\";\n  return value;\n}\n\nfunction resolveJustifyValue(value: BlockJustify): string {\n  if (value === \"start\") return \"flex-start\";\n  if (value === \"end\") return \"flex-end\";\n  if (value === \"between\") return \"space-between\";\n  return value;\n}\n\nfunction resolveFlexFlag(value: boolean | number): string | number {\n  if (value === true) return 1;\n  if (value === false) return 0;\n  return value;\n}\n\nfunction resolveBorderValue(value: boolean): string | undefined {\n  if (value === false) return \"0\";\n  return BORDER_VALUE;\n}\n\nfunction resolveRadiusValue(value: BlockRadius): string | undefined {\n  if (value === true) return RADIUS_TOKEN_MAP.md;\n  return String(resolveTokenValue(value, RADIUS_TOKEN_MAP));\n}\n\nfunction resolveShadowValue(value: BlockShadow): string | undefined {\n  if (value === true) return SHADOW_TOKEN_MAP.sm;\n  return String(resolveTokenValue(value, SHADOW_TOKEN_MAP));\n}\n\nexport function setResponsiveVar<T>(\n  styles: Record<string, string | number>,\n  property: string,\n  value: ResponsiveValue<T> | undefined,\n  resolve: (value: T) => 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 === \"\") continue;\n    styles[`--ak-${property}-${breakpoint}`] = resolved;\n  }\n}\n\nexport function splitBlockLayoutProps<T extends Record<string, unknown>>(\n  props: T,\n): {\n  blockProps: Partial<BlockLayoutProps>;\n  rest: Omit<T, keyof BlockLayoutProps>;\n} {\n  const blockProps: Partial<BlockLayoutProps> = {};\n  const rest: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(props)) {\n    if (BLOCK_LAYOUT_KEYS.has(key as keyof BlockLayoutProps)) {\n      (blockProps as Record<string, unknown>)[key] = value;\n    } else {\n      rest[key] = value;\n    }\n  }\n\n  return { blockProps, rest: rest as Omit<T, keyof BlockLayoutProps> };\n}\n\nexport function applyBlockLayoutStyles(\n  styles: Record<string, string | number>,\n  props: Partial<BlockLayoutProps>,\n) {\n  setResponsiveVar(styles, \"p\", props.padding, resolveSpaceValue);\n  setResponsiveVar(styles, \"px\", props.paddingX, resolveSpaceValue);\n  setResponsiveVar(styles, \"py\", props.paddingY, resolveSpaceValue);\n  setResponsiveVar(styles, \"m\", props.margin, resolveSpaceValue);\n  setResponsiveVar(styles, \"mx\", props.marginX, resolveSpaceValue);\n  setResponsiveVar(styles, \"my\", props.marginY, resolveSpaceValue);\n\n  setResponsiveVar(styles, \"width\", props.width, (value) => resolveSizeValue(value, \"inline\"));\n  setResponsiveVar(styles, \"min-width\", props.minWidth, (value) =>\n    resolveSizeValue(value, \"inline\"),\n  );\n  setResponsiveVar(styles, \"max-width\", props.maxWidth, (value) =>\n    resolveSizeValue(value, \"inline\"),\n  );\n  setResponsiveVar(styles, \"height\", props.height, (value) => resolveSizeValue(value, \"block\"));\n  setResponsiveVar(styles, \"min-height\", props.minHeight, (value) =>\n    resolveSizeValue(value, \"block\"),\n  );\n  setResponsiveVar(styles, \"max-height\", props.maxHeight, (value) =>\n    resolveSizeValue(value, \"block\"),\n  );\n\n  if (props.rowFrom !== undefined) {\n    styles[`--ak-flex-direction-${props.rowFrom}`] = \"row\";\n  }\n  if (props.center !== undefined) {\n    setResponsiveVar(styles, \"align-items\", props.center, (value) =>\n      value ? \"center\" : \"stretch\",\n    );\n    setResponsiveVar(styles, \"justify-content\", props.center, (value) =>\n      value ? \"center\" : \"flex-start\",\n    );\n  }\n  setResponsiveVar(styles, \"flex-direction\", props.direction, (value) => value);\n  setResponsiveVar(styles, \"align-items\", props.align, resolveAlignValue);\n  setResponsiveVar(styles, \"justify-content\", props.justify, resolveJustifyValue);\n  setResponsiveVar(styles, \"gap\", props.gap, resolveSpaceValue);\n  setResponsiveVar(styles, \"flex-grow\", props.grow, resolveFlexFlag);\n  setResponsiveVar(styles, \"flex-shrink\", props.shrink, resolveFlexFlag);\n\n  if (props.sticky) {\n    styles[\"--ak-position-base\"] = \"sticky\";\n  }\n  setResponsiveVar(styles, \"top\", props.top, resolveSpaceValue);\n  setResponsiveVar(styles, \"z-index\", props.zIndex, (value) =>\n    String(resolveTokenValue(value, Z_INDEX_TOKEN_MAP)),\n  );\n\n  setResponsiveVar(styles, \"background\", props.background, (value) =>\n    String(resolveTokenValue(value, BACKGROUND_TOKEN_MAP)),\n  );\n  setResponsiveVar(styles, \"border\", props.border, resolveBorderValue);\n  setResponsiveVar(styles, \"border-top\", props.borderTop, resolveBorderValue);\n  setResponsiveVar(styles, \"border-bottom\", props.borderBottom, resolveBorderValue);\n  setResponsiveVar(styles, \"border-right\", props.borderRight, resolveBorderValue);\n  setResponsiveVar(styles, \"border-radius\", props.radius, resolveRadiusValue);\n  setResponsiveVar(styles, \"box-shadow\", props.shadow, resolveShadowValue);\n  setResponsiveVar(styles, \"display\", props.hide, (value) => (value ? \"none\" : \"flex\"));\n}\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 = serializeCssDeclarations(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"],"mappings":"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"}
+{"version":3,"file":"block-layout.js","names":[],"sources":["../../../src/components/_internal/block-layout.ts"],"sourcesContent":["import { serializeCssDeclarations } from \"./style\";\n\nexport type LayoutBreakpoint = \"base\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;\n\nexport type BlockSpace = \"0\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"page\";\nexport type BlockMargin = BlockSpace | \"auto\";\nexport type BlockSize =\n  | \"auto\"\n  | \"full\"\n  | \"screen\"\n  | \"content\"\n  | \"sidebar\"\n  | \"page\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\";\nexport type BlockDirection = \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\nexport type BlockRowFrom = Exclude<LayoutBreakpoint, \"base\">;\nexport type BlockAlign = \"start\" | \"end\" | \"center\" | \"stretch\" | \"baseline\";\nexport type BlockJustify = \"start\" | \"end\" | \"center\" | \"between\";\nexport type BlockBackground =\n  | \"surface\"\n  | \"muted\"\n  | \"selected\"\n  | \"canvas\"\n  | \"raised\"\n  | \"overlay\"\n  | \"transparent\";\nexport type BlockRadius = true | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"round\";\nexport type BlockShadow = true | \"sm\" | \"md\" | \"lg\";\nexport type BlockZIndex =\n  | \"header\"\n  | \"sticky\"\n  | \"fixed\"\n  | \"dropdown\"\n  | \"modal\"\n  | \"popover\"\n  | \"toast\"\n  | \"tooltip\";\n\nexport type BlockLayoutProps = {\n  padding?: ResponsiveValue<BlockSpace>;\n  paddingX?: ResponsiveValue<BlockSpace>;\n  paddingY?: ResponsiveValue<BlockSpace>;\n  margin?: ResponsiveValue<BlockMargin>;\n  marginX?: ResponsiveValue<BlockMargin>;\n  marginY?: ResponsiveValue<BlockMargin>;\n  width?: ResponsiveValue<BlockSize>;\n  minWidth?: ResponsiveValue<BlockSize>;\n  maxWidth?: ResponsiveValue<BlockSize>;\n  height?: ResponsiveValue<BlockSize>;\n  minHeight?: ResponsiveValue<BlockSize>;\n  maxHeight?: ResponsiveValue<BlockSize>;\n  rowFrom?: BlockRowFrom;\n  direction?: ResponsiveValue<BlockDirection>;\n  align?: ResponsiveValue<BlockAlign>;\n  justify?: ResponsiveValue<BlockJustify>;\n  gap?: ResponsiveValue<BlockSpace>;\n  wrap?: ResponsiveValue<boolean>;\n  grow?: ResponsiveValue<boolean | number>;\n  shrink?: ResponsiveValue<boolean | number>;\n  center?: ResponsiveValue<boolean>;\n  sticky?: boolean;\n  top?: ResponsiveValue<BlockSpace>;\n  zIndex?: ResponsiveValue<BlockZIndex>;\n  background?: ResponsiveValue<BlockBackground>;\n  border?: ResponsiveValue<boolean>;\n  borderTop?: ResponsiveValue<boolean>;\n  borderBottom?: ResponsiveValue<boolean>;\n  borderRight?: ResponsiveValue<boolean>;\n  radius?: ResponsiveValue<BlockRadius>;\n  shadow?: ResponsiveValue<BlockShadow>;\n  hide?: ResponsiveValue<boolean>;\n};\n\nconst BREAKPOINTS: readonly LayoutBreakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nconst SPACE_TOKEN_MAP: Record<string, string> = {\n  \"0\": \"0\",\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  page: \"var(--ak-layout-page-gutter)\",\n};\n\nconst SIZE_TOKEN_MAP: Record<string, string> = {\n  auto: \"auto\",\n  full: \"100%\",\n  screen: \"100dvh\",\n  content: \"min(60vh, 36rem)\",\n  sidebar: \"var(--ak-layout-sidebar-width)\",\n  page: \"var(--ak-layout-content-max-width)\",\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 BACKGROUND_TOKEN_MAP: Record<string, string> = {\n  canvas: \"var(--ak-color-bg)\",\n  surface: \"var(--ak-color-surface)\",\n  muted: \"var(--ak-color-surface-muted)\",\n  raised: \"var(--ak-color-surface-raised)\",\n  overlay: \"var(--ak-color-surface-overlay)\",\n  selected: \"var(--ak-color-selected)\",\n  transparent: \"transparent\",\n};\n\nconst RADIUS_TOKEN_MAP: Record<string, string> = {\n  sm: \"var(--ak-radius-sm)\",\n  md: \"var(--ak-radius-md)\",\n  lg: \"var(--ak-radius-lg)\",\n  xl: \"var(--ak-radius-xl)\",\n  round: \"var(--ak-radius-round)\",\n};\n\nconst SHADOW_TOKEN_MAP: Record<string, string> = {\n  sm: \"var(--ak-shadow-sm)\",\n  md: \"var(--ak-shadow-md)\",\n  lg: \"var(--ak-shadow-lg)\",\n};\n\nconst Z_INDEX_TOKEN_MAP: Record<string, string> = {\n  header: \"var(--ak-z-sticky)\",\n  sticky: \"var(--ak-z-sticky)\",\n  fixed: \"var(--ak-z-fixed)\",\n  dropdown: \"var(--ak-z-dropdown)\",\n  modal: \"var(--ak-z-modal)\",\n  popover: \"var(--ak-z-popover)\",\n  toast: \"var(--ak-z-toast)\",\n  tooltip: \"var(--ak-z-tooltip)\",\n};\n\nconst BORDER_VALUE = \"1px solid var(--ak-color-border-subtle)\";\n\nconst BLOCK_LAYOUT_KEYS = new Set<keyof BlockLayoutProps>([\n  \"padding\",\n  \"paddingX\",\n  \"paddingY\",\n  \"margin\",\n  \"marginX\",\n  \"marginY\",\n  \"width\",\n  \"minWidth\",\n  \"maxWidth\",\n  \"height\",\n  \"minHeight\",\n  \"maxHeight\",\n  \"rowFrom\",\n  \"direction\",\n  \"align\",\n  \"justify\",\n  \"gap\",\n  \"wrap\",\n  \"grow\",\n  \"shrink\",\n  \"center\",\n  \"sticky\",\n  \"top\",\n  \"zIndex\",\n  \"background\",\n  \"border\",\n  \"borderTop\",\n  \"borderBottom\",\n  \"borderRight\",\n  \"radius\",\n  \"shadow\",\n  \"hide\",\n]);\n\nfunction isResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): value is Partial<Record<LayoutBreakpoint, T>> {\n  return Boolean(\n    value &&\n    typeof value === \"object\" &&\n    !Array.isArray(value) &&\n    BREAKPOINTS.some((breakpoint) => breakpoint in value),\n  );\n}\n\nfunction 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 { base: value };\n}\n\nfunction resolveTokenValue(\n  value: string | number,\n  tokens: Record<string, string>,\n): string | number {\n  if (typeof value === \"number\") return value;\n  const trimmed = value.trim();\n  return tokens[trimmed] ?? trimmed;\n}\n\nexport function resolveSpaceValue(value: string | number): string | number {\n  return resolveTokenValue(value, SPACE_TOKEN_MAP);\n}\n\nfunction resolveSizeValue(value: string, axis: \"inline\" | \"block\"): string {\n  if (value === \"screen\") return axis === \"inline\" ? \"100dvw\" : \"100dvh\";\n  return String(resolveTokenValue(value, SIZE_TOKEN_MAP));\n}\n\nfunction resolveAlignValue(value: BlockAlign): string {\n  if (value === \"start\") return \"flex-start\";\n  if (value === \"end\") return \"flex-end\";\n  return value;\n}\n\nfunction resolveJustifyValue(value: BlockJustify): string {\n  if (value === \"start\") return \"flex-start\";\n  if (value === \"end\") return \"flex-end\";\n  if (value === \"between\") return \"space-between\";\n  return value;\n}\n\nfunction resolveFlexFlag(value: boolean | number): string | number {\n  if (value === true) return 1;\n  if (value === false) return 0;\n  return value;\n}\n\nfunction resolveBorderValue(value: boolean): string | undefined {\n  if (value === false) return \"0\";\n  return BORDER_VALUE;\n}\n\nfunction resolveRadiusValue(value: BlockRadius): string | undefined {\n  if (value === true) return RADIUS_TOKEN_MAP.md;\n  return String(resolveTokenValue(value, RADIUS_TOKEN_MAP));\n}\n\nfunction resolveShadowValue(value: BlockShadow): string | undefined {\n  if (value === true) return SHADOW_TOKEN_MAP.sm;\n  return String(resolveTokenValue(value, SHADOW_TOKEN_MAP));\n}\n\nexport function setResponsiveVar<T>(\n  styles: Record<string, string | number>,\n  property: string,\n  value: ResponsiveValue<T> | undefined,\n  resolve: (value: T) => 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 === \"\") continue;\n    styles[`--ak-${property}-${breakpoint}`] = resolved;\n  }\n}\n\nexport function splitBlockLayoutProps<T extends Record<string, unknown>>(\n  props: T,\n): {\n  blockProps: Partial<BlockLayoutProps>;\n  rest: Omit<T, keyof BlockLayoutProps>;\n} {\n  const blockProps: Partial<BlockLayoutProps> = {};\n  const rest: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(props)) {\n    if (BLOCK_LAYOUT_KEYS.has(key as keyof BlockLayoutProps)) {\n      (blockProps as Record<string, unknown>)[key] = value;\n    } else {\n      rest[key] = value;\n    }\n  }\n\n  return { blockProps, rest: rest as Omit<T, keyof BlockLayoutProps> };\n}\n\nexport function applyBlockLayoutStyles(\n  styles: Record<string, string | number>,\n  props: Partial<BlockLayoutProps>,\n) {\n  setResponsiveVar(styles, \"p\", props.padding, resolveSpaceValue);\n  setResponsiveVar(styles, \"px\", props.paddingX, resolveSpaceValue);\n  setResponsiveVar(styles, \"py\", props.paddingY, resolveSpaceValue);\n  setResponsiveVar(styles, \"m\", props.margin, resolveSpaceValue);\n  setResponsiveVar(styles, \"mx\", props.marginX, resolveSpaceValue);\n  setResponsiveVar(styles, \"my\", props.marginY, resolveSpaceValue);\n\n  setResponsiveVar(styles, \"width\", props.width, (value) => resolveSizeValue(value, \"inline\"));\n  setResponsiveVar(styles, \"min-width\", props.minWidth, (value) =>\n    resolveSizeValue(value, \"inline\"),\n  );\n  setResponsiveVar(styles, \"max-width\", props.maxWidth, (value) =>\n    resolveSizeValue(value, \"inline\"),\n  );\n  setResponsiveVar(styles, \"height\", props.height, (value) => resolveSizeValue(value, \"block\"));\n  setResponsiveVar(styles, \"min-height\", props.minHeight, (value) =>\n    resolveSizeValue(value, \"block\"),\n  );\n  setResponsiveVar(styles, \"max-height\", props.maxHeight, (value) =>\n    resolveSizeValue(value, \"block\"),\n  );\n\n  if (props.rowFrom !== undefined) {\n    styles[`--ak-flex-direction-${props.rowFrom}`] = \"row\";\n  }\n  if (props.center !== undefined) {\n    setResponsiveVar(styles, \"align-items\", props.center, (value) =>\n      value ? \"center\" : \"stretch\",\n    );\n    setResponsiveVar(styles, \"justify-content\", props.center, (value) =>\n      value ? \"center\" : \"flex-start\",\n    );\n  }\n  setResponsiveVar(styles, \"flex-direction\", props.direction, (value) => value);\n  setResponsiveVar(styles, \"align-items\", props.align, resolveAlignValue);\n  setResponsiveVar(styles, \"justify-content\", props.justify, resolveJustifyValue);\n  setResponsiveVar(styles, \"gap\", props.gap, resolveSpaceValue);\n  setResponsiveVar(styles, \"flex-wrap\", props.wrap, (value) => (value ? \"wrap\" : \"nowrap\"));\n  setResponsiveVar(styles, \"flex-grow\", props.grow, resolveFlexFlag);\n  setResponsiveVar(styles, \"flex-shrink\", props.shrink, resolveFlexFlag);\n\n  if (props.sticky) {\n    styles[\"--ak-position-base\"] = \"sticky\";\n  }\n  setResponsiveVar(styles, \"top\", props.top, resolveSpaceValue);\n  setResponsiveVar(styles, \"z-index\", props.zIndex, (value) =>\n    String(resolveTokenValue(value, Z_INDEX_TOKEN_MAP)),\n  );\n\n  setResponsiveVar(styles, \"background\", props.background, (value) =>\n    String(resolveTokenValue(value, BACKGROUND_TOKEN_MAP)),\n  );\n  setResponsiveVar(styles, \"border\", props.border, resolveBorderValue);\n  setResponsiveVar(styles, \"border-top\", props.borderTop, resolveBorderValue);\n  setResponsiveVar(styles, \"border-bottom\", props.borderBottom, resolveBorderValue);\n  setResponsiveVar(styles, \"border-right\", props.borderRight, resolveBorderValue);\n  setResponsiveVar(styles, \"border-radius\", props.radius, resolveRadiusValue);\n  setResponsiveVar(styles, \"box-shadow\", props.shadow, resolveShadowValue);\n  setResponsiveVar(styles, \"display\", props.hide, (value) => (value ? \"none\" : \"flex\"));\n}\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 = serializeCssDeclarations(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"],"mappings":"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"}

package/dist/components/catalog.d.ts

@@ -1,3 +1,6 @@
+import { BlockLayoutProps, BlockSpace, ResponsiveValue } from "./_internal/block-layout.js";
+import { BlockDivProps, BlockElement } from "./block/block.types.js";
+import "./block/index.js";
 import { JSX } from "@askrjs/askr/jsx-runtime";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 //#region src/components/catalog.d.ts
@@ -13,20 +16,34 @@ type CatalogComponentProps = Record<string, unknown> & {
   class?: string;
   ref?: Ref<HTMLElement>;
 };
-/** Legacy `Box` layout alias for {@link Block} with no default direction. */
-declare function Box(props: CatalogComponentProps): JSX.Element;
-/** Legacy `Stack` layout alias for {@link Block} that defaults to a column direction. */
-declare function Stack(props: CatalogComponentProps): JSX.Element;
-/** Legacy `Inline` layout alias for {@link Block} that defaults to a row direction. */
-declare function Inline(props: CatalogComponentProps): JSX.Element;
-/** Legacy `Shell` layout alias for {@link Block}; the `variant` prop is accepted but ignored. */
-declare function Shell(props: CatalogComponentProps & {
-  variant?: unknown;
+type LegacySpace = BlockSpace | "none" | "1" | "2" | "3" | "4" | "5" | "6" | "8";
+type LegacyLayoutConveniences = {
+  gap?: ResponsiveValue<LegacySpace>;
+  p?: ResponsiveValue<LegacySpace>;
+  padding?: ResponsiveValue<LegacySpace>;
+  wrap?: ResponsiveValue<boolean>;
+};
+type LegacyStructuralProps = Partial<Pick<BlockDivProps, "children" | "class" | "className" | "style" | "ref" | "id" | "title" | "role" | "tabIndex" | "hidden" | "dir" | "lang" | "onAbort" | "onBlur" | "onChange" | "onClick" | "onDblClick" | "onFocus" | "onInput" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onMouseUp" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerUp" | "onScroll" | "onSubmit" | "onTouchEnd" | "onTouchStart" | "onWheel">> & {
+  as?: BlockElement;
+  asChild?: boolean;
+  [attribute: `aria-${string}`]: BlockDivProps[`aria-${string}`];
+  [attribute: `data-${string}`]: BlockDivProps[`data-${string}`];
+};
+type LegacyLayoutProps = Omit<BlockLayoutProps, "gap" | "padding" | "wrap"> & LegacyStructuralProps & LegacyLayoutConveniences;
+/** @deprecated Use {@link Block} directly. */
+declare function Box(props: LegacyLayoutProps): JSX.Element;
+/** @deprecated Use `<Block direction="column">`. */
+declare function Stack(props: LegacyLayoutProps): JSX.Element;
+/** @deprecated Use `<Block direction="row">`. */
+declare function Inline(props: LegacyLayoutProps): JSX.Element;
+/** @deprecated Compose semantic {@link Block} primitives instead. */
+declare function Shell(props: LegacyLayoutProps & {
+  variant?: string;
 }): JSX.Element;
-/** Legacy `ShellNav` layout alias for {@link Block}. */
-declare function ShellNav(props: CatalogComponentProps): JSX.Element;
-/** Legacy `ShellMain` layout alias for {@link Block} that renders a growing `<main>` element. */
-declare function ShellMain(props: CatalogComponentProps): JSX.Element;
+/** @deprecated Use `<Block as="nav">`. */
+declare function ShellNav(props: LegacyLayoutProps): JSX.Element;
+/** @deprecated Use `<Block as="main" grow>`. */
+declare function ShellMain(props: LegacyLayoutProps): JSX.Element;
 /** Renders the `alert-title` part of the shadcn-compatible catalog primitives. */
 declare function AlertTitle(props: CatalogComponentProps): JSX.Element;
 /** Renders the `alert-description` part of the shadcn-compatible catalog primitives. */
@@ -280,4 +297,4 @@ declare function TypographyLead(props: CatalogComponentProps): JSX.Element;
 /** Renders the `typography-muted` part of the shadcn-compatible catalog primitives. */
 declare function TypographyMuted(props: CatalogComponentProps): JSX.Element;
 //#endregion
-export { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CatalogComponentProps, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP };
+export { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CatalogComponentProps, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, LegacyLayoutProps, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP };

package/dist/components/catalog.js

@@ -56,43 +56,36 @@ function normalizeLegacySpace(value) {
 	if (value === "8") return "2xl";
 	return value;
 }
+function normalizeLegacyResponsiveSpace(value) {
+	if (value === void 0) return void 0;
+	if (typeof value === "object") return Object.fromEntries(Object.entries(value).map(([breakpoint, space]) => [breakpoint, normalizeLegacySpace(space)]));
+	return normalizeLegacySpace(value);
+}
 function layoutAlias(props, defaults) {
-	const { gap, p, padding, style, wrap, ...rest } = props;
-	const BlockComponent = Block;
-	const wrapStyle = wrap ? {
-		...style,
-		flexWrap: "wrap"
-	} : style;
-	return /* @__PURE__ */ jsx(BlockComponent, {
+	const { gap, p, padding, ...rest } = props;
+	return /* @__PURE__ */ jsx(Block, {
 		...defaults,
 		...rest,
-		gap: normalizeLegacySpace(gap),
-		padding: padding ?? normalizeLegacySpace(p),
-		style: wrapStyle
+		gap: normalizeLegacyResponsiveSpace(gap),
+		padding: normalizeLegacyResponsiveSpace(padding ?? p)
 	});
 }
-/** Legacy `Box` layout alias for {@link Block} with no default direction. */
 function Box(props) {
 	return layoutAlias(props, {});
 }
-/** Legacy `Stack` layout alias for {@link Block} that defaults to a column direction. */
 function Stack(props) {
 	return layoutAlias(props, { direction: "column" });
 }
-/** Legacy `Inline` layout alias for {@link Block} that defaults to a row direction. */
 function Inline(props) {
 	return layoutAlias(props, { direction: "row" });
 }
-/** Legacy `Shell` layout alias for {@link Block}; the `variant` prop is accepted but ignored. */
 function Shell(props) {
 	const { variant: _variant, ...rest } = props;
 	return layoutAlias(rest, {});
 }
-/** Legacy `ShellNav` layout alias for {@link Block}. */
 function ShellNav(props) {
 	return layoutAlias(props, {});
 }
-/** Legacy `ShellMain` layout alias for {@link Block} that renders a growing `<main>` element. */
 function ShellMain(props) {
 	return layoutAlias(props, {
 		as: "main",

package/dist/components/catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"catalog.js","names":[],"sources":["../../src/components/catalog.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport type { Ref } from \"@askrjs/askr/foundations/utilities\";\nimport { DialogContent, DialogDescription, DialogTitle } from \"@askrjs/ui\";\nimport { Block } from \"./block\";\nimport { classes } from \"./_internal/classes\";\nimport { mergeProps } from \"./_internal/merge-props\";\n\nconst CatalogDialogContent = DialogContent as (props: Record<string, unknown>) => JSX.Element;\nconst CatalogDialogTitle = DialogTitle as (props: Record<string, unknown>) => JSX.Element;\nconst CatalogDialogDescription = DialogDescription as (\n  props: Record<string, unknown>,\n) => JSX.Element;\n\ntype CatalogElement = keyof JSX.IntrinsicElements;\n\n/**\n * Shared prop shape for the shadcn-compatible catalog primitives below: a\n * polymorphic `as`/`asChild` element plus passthrough attributes.\n */\nexport type CatalogComponentProps = Record<string, unknown> & {\n  as?: CatalogElement;\n  asChild?: boolean;\n  children?: unknown;\n  class?: string;\n  ref?: Ref<HTMLElement>;\n};\n\ntype CatalogDefaults = {\n  className?: string;\n  element?: CatalogElement;\n  role?: string;\n  slot: string;\n};\n\nfunction catalogPart(props: CatalogComponentProps, defaults: CatalogDefaults): JSX.Element {\n  const { as, asChild, children, class: className, ref, ...rest } = props;\n  const Element = (as ?? defaults.element ?? \"div\") as \"div\";\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(defaults.className, className),\n    \"data-slot\": defaults.slot,\n    role: defaults.role,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <Element {...finalProps}>{children}</Element>;\n}\n\nfunction buttonPart(props: CatalogComponentProps, slot: string, className?: string): JSX.Element {\n  const { as, asChild, children, ref, class: classProp, type = \"button\", ...rest } = props;\n  void as;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(className, classProp),\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\"} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nfunction normalizeLegacySpace(value: unknown): unknown {\n  if (value === \"none\") return \"0\";\n  if (value === \"1\") return \"xs\";\n  if (value === \"2\") return \"xs\";\n  if (value === \"3\") return \"sm\";\n  if (value === \"4\") return \"md\";\n  if (value === \"5\") return \"lg\";\n  if (value === \"6\") return \"xl\";\n  if (value === \"8\") return \"2xl\";\n  return value;\n}\n\nfunction layoutAlias(props: CatalogComponentProps, defaults: Record<string, unknown>): JSX.Element {\n  const { gap, p, padding, style, wrap, ...rest } = props as CatalogComponentProps & {\n    gap?: unknown;\n    p?: unknown;\n    padding?: unknown;\n    style?: Record<string, unknown>;\n    wrap?: boolean | string;\n  };\n  const BlockComponent = Block as (blockProps: Record<string, unknown>) => JSX.Element;\n  const wrapStyle = wrap\n    ? {\n        ...style,\n        flexWrap: \"wrap\",\n      }\n    : style;\n\n  return (\n    <BlockComponent\n      {...defaults}\n      {...rest}\n      gap={normalizeLegacySpace(gap)}\n      padding={padding ?? normalizeLegacySpace(p)}\n      style={wrapStyle}\n    />\n  );\n}\n\n/** Legacy `Box` layout alias for {@link Block} with no default direction. */\nexport function Box(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, {});\n}\n\n/** Legacy `Stack` layout alias for {@link Block} that defaults to a column direction. */\nexport function Stack(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, { direction: \"column\" });\n}\n\n/** Legacy `Inline` layout alias for {@link Block} that defaults to a row direction. */\nexport function Inline(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, { direction: \"row\" });\n}\n\n/** Legacy `Shell` layout alias for {@link Block}; the `variant` prop is accepted but ignored. */\nexport function Shell(props: CatalogComponentProps & { variant?: unknown }): JSX.Element {\n  const { variant: _variant, ...rest } = props;\n  void _variant;\n  return layoutAlias(rest, {});\n}\n\n/** Legacy `ShellNav` layout alias for {@link Block}. */\nexport function ShellNav(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, {});\n}\n\n/** Legacy `ShellMain` layout alias for {@link Block} that renders a growing `<main>` element. */\nexport function ShellMain(props: CatalogComponentProps): JSX.Element {\n  return layoutAlias(props, { as: \"main\", grow: true });\n}\n\n/** Renders the `alert-title` part of the shadcn-compatible catalog primitives. */\nexport function AlertTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"alert-title\", element: \"h3\", className: \"alert-title\" });\n}\n\n/** Renders the `alert-description` part of the shadcn-compatible catalog primitives. */\nexport function AlertDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, {\n    slot: \"alert-description\",\n    element: \"p\",\n    className: \"alert-description\",\n  });\n}\n\n/** Renders the `breadcrumb` part of the shadcn-compatible catalog primitives. */\nexport function Breadcrumb(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb\", element: \"nav\", role: \"navigation\" });\n}\n\n/** Renders the `breadcrumb-list` part of the shadcn-compatible catalog primitives. */\nexport function BreadcrumbList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-list\", element: \"ol\" });\n}\n\n/** Renders the `breadcrumb-item` part of the shadcn-compatible catalog primitives. */\nexport function BreadcrumbItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-item\", element: \"li\" });\n}\n\n/** Renders the `breadcrumb-link` part of the shadcn-compatible catalog primitives. */\nexport function BreadcrumbLink(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-link\", element: \"a\" });\n}\n\n/** Renders the current (non-link) breadcrumb page, marked `aria-current=\"page\"`. */\nexport function BreadcrumbPage(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(\n    { \"aria-current\": \"page\", ...props },\n    {\n      slot: \"breadcrumb-page\",\n      element: \"span\",\n    },\n  );\n}\n\n/** Renders the separator between breadcrumb items (defaults to `\"/\"`). */\nexport function BreadcrumbSeparator(props: CatalogComponentProps): JSX.Element {\n  const { children = \"/\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"breadcrumb-separator\",\n      element: \"li\",\n    },\n  );\n}\n\n/** Renders a non-interactive ellipsis marker in a breadcrumb trail. */\nexport function BreadcrumbEllipsis(props: CatalogComponentProps): JSX.Element {\n  const { children = \"...\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"breadcrumb-ellipsis\",\n      element: \"span\",\n    },\n  );\n}\n\n/** Renders the `calendar` part of the shadcn-compatible catalog primitives. */\nexport function Calendar(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar\" });\n}\n\n/** Renders the `calendar-header` part of the shadcn-compatible catalog primitives. */\nexport function CalendarHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-header\" });\n}\n\n/** Renders the `calendar-caption` part of the shadcn-compatible catalog primitives. */\nexport function CalendarCaption(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-caption\" });\n}\n\n/** Renders the `calendar-nav` part of the shadcn-compatible catalog primitives. */\nexport function CalendarNav(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-nav\" });\n}\n\n/** Button that navigates the calendar to the previous month. */\nexport function CalendarPreviousButton(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous month\", ...rest } = props;\n  return buttonPart(\n    { \"aria-label\": \"Previous month\", children, ...rest },\n    \"calendar-previous\",\n    \"btn btn-icon btn-ghost\",\n  );\n}\n\n/** Button that navigates the calendar to the next month. */\nexport function CalendarNextButton(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next month\", ...rest } = props;\n  return buttonPart(\n    { \"aria-label\": \"Next month\", children, ...rest },\n    \"calendar-next\",\n    \"btn btn-icon btn-ghost\",\n  );\n}\n\n/** Renders the `calendar-grid` part of the shadcn-compatible catalog primitives. */\nexport function CalendarGrid(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-grid\", role: \"grid\" });\n}\n\n/** Renders the `calendar-head` part of the shadcn-compatible catalog primitives. */\nexport function CalendarHead(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-head\", role: \"row\" });\n}\n\n/** Renders the `calendar-body` part of the shadcn-compatible catalog primitives. */\nexport function CalendarBody(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-body\" });\n}\n\n/** Renders the `calendar-row` part of the shadcn-compatible catalog primitives. */\nexport function CalendarRow(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-row\", role: \"row\" });\n}\n\n/** Renders the `calendar-cell` part of the shadcn-compatible catalog primitives. */\nexport function CalendarCell(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-cell\", role: \"gridcell\" });\n}\n\n/** Renders a single selectable day cell in the calendar grid, with selection/range/today state exposed as data attributes. */\nexport function CalendarDay(\n  props: CatalogComponentProps & {\n    disabled?: boolean;\n    outside?: boolean;\n    rangeEnd?: boolean;\n    rangeMiddle?: boolean;\n    rangeStart?: boolean;\n    selected?: boolean;\n    today?: boolean;\n  },\n): JSX.Element {\n  const { disabled, outside, rangeEnd, rangeMiddle, rangeStart, selected, today, ...rest } = props;\n  return buttonPart(\n    {\n      disabled,\n      \"aria-disabled\": disabled ? \"true\" : undefined,\n      \"aria-selected\": selected ? \"true\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-outside\": outside ? \"true\" : undefined,\n      \"data-range-end\": rangeEnd ? \"true\" : undefined,\n      \"data-range-middle\": rangeMiddle ? \"true\" : undefined,\n      \"data-range-start\": rangeStart ? \"true\" : undefined,\n      \"data-selected\": selected ? \"true\" : undefined,\n      \"data-today\": today ? \"true\" : undefined,\n      ...rest,\n    },\n    \"calendar-day\",\n  );\n}\n\n/** Renders the `carousel` part of the shadcn-compatible catalog primitives. */\nexport function Carousel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel\" });\n}\n\n/** Renders the `carousel-content` part of the shadcn-compatible catalog primitives. */\nexport function CarouselContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel-content\" });\n}\n\n/** Renders the `carousel-item` part of the shadcn-compatible catalog primitives. */\nexport function CarouselItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel-item\" });\n}\n\n/** Button that navigates the carousel to the previous item. */\nexport function CarouselPrevious(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous\", ...rest } = props;\n  return buttonPart({ children, ...rest }, \"carousel-previous\", \"btn btn-icon\");\n}\n\n/** Button that navigates the carousel to the next item. */\nexport function CarouselNext(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next\", ...rest } = props;\n  return buttonPart({ children, ...rest }, \"carousel-next\", \"btn btn-icon\");\n}\n\n/** Renders the `combobox` part of the shadcn-compatible catalog primitives. */\nexport function Combobox(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox\" });\n}\n\n/** Renders the combobox's text input, wired up with `role=\"combobox\"`. */\nexport function ComboboxInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"combobox-input\",\n    role: \"combobox\",\n  });\n\n  return <input {...finalProps} />;\n}\n\n/** Renders the `combobox-list` part of the shadcn-compatible catalog primitives. */\nexport function ComboboxList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox-list\", role: \"listbox\" });\n}\n\n/** Renders the `combobox-option` part of the shadcn-compatible catalog primitives. */\nexport function ComboboxOption(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox-option\", role: \"option\" });\n}\n\n/** Renders the `command` part of the shadcn-compatible catalog primitives. */\nexport function Command(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command\" });\n}\n\n/** Renders the `command-dialog` part of the shadcn-compatible catalog primitives. */\nexport function CommandDialog(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-dialog\" });\n}\n\n/** Renders the command palette's search `<input>`. */\nexport function CommandInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"command-input\",\n  });\n\n  return <input {...finalProps} />;\n}\n\n/** Renders the `command-header` part of the shadcn-compatible catalog primitives. */\nexport function CommandHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-header\" });\n}\n\n/** Renders the `command-list` part of the shadcn-compatible catalog primitives. */\nexport function CommandList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-list\", role: \"listbox\" });\n}\n\n/** Renders the `command-empty` part of the shadcn-compatible catalog primitives. */\nexport function CommandEmpty(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-empty\" });\n}\n\n/** Renders the `command-group` part of the shadcn-compatible catalog primitives. */\nexport function CommandGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-group\", role: \"group\" });\n}\n\n/** Renders the `command-group-heading` part of the shadcn-compatible catalog primitives. */\nexport function CommandGroupHeading(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-group-heading\", element: \"div\" });\n}\n\n/** Renders a selectable command list entry, exposing `active`/`disabled`/`selected` as ARIA and data attributes. */\nexport function CommandItem(\n  props: CatalogComponentProps & { active?: boolean; disabled?: boolean; selected?: boolean },\n): JSX.Element {\n  const { active, disabled, selected, ...rest } = props;\n  return catalogPart(\n    {\n      \"aria-disabled\": disabled ? \"true\" : undefined,\n      \"aria-selected\": selected || active ? \"true\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected || active ? \"true\" : undefined,\n      ...rest,\n    },\n    { slot: \"command-item\", role: \"option\" },\n  );\n}\n\n/** Renders the `command-separator` part of the shadcn-compatible catalog primitives. */\nexport function CommandSeparator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-separator\", element: \"div\", role: \"separator\" });\n}\n\n/** Renders the `command-shortcut` part of the shadcn-compatible catalog primitives. */\nexport function CommandShortcut(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-shortcut\", element: \"span\" });\n}\n\n/**\n * Styling-only container for the `data-table` catalog slot. It does not sort, filter, select, or paginate data.\n * Compose semantic `Table`/`VirtualTable` primitives with application-owned data state for those behaviors.\n */\nexport function DataTable(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"data-table\" });\n}\n\n/** Renders the `date-picker` part of the shadcn-compatible catalog primitives. */\nexport function DatePicker(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"date-picker\" });\n}\n\n/** Renders the date picker's `<input type=\"date\">` by default. */\nexport function DatePickerInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, type = \"date\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"date-picker-input\",\n  });\n\n  return <input type={type as string} {...finalProps} />;\n}\n\n/** Sets the `dir` attribute (defaulting to `\"ltr\"`) on its wrapping element for RTL/LTR scoping. */\nexport function Direction(props: CatalogComponentProps & { dir?: \"ltr\" | \"rtl\" }): JSX.Element {\n  const { dir = \"ltr\", ...rest } = props;\n  return catalogPart({ dir, ...rest }, { slot: \"direction\" });\n}\n\n/** Renders the `empty` part of the shadcn-compatible catalog primitives. */\nexport function Empty(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty\" });\n}\n\n/** Renders the `empty-header` part of the shadcn-compatible catalog primitives. */\nexport function EmptyHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-header\" });\n}\n\n/** Renders the `empty-title` part of the shadcn-compatible catalog primitives. */\nexport function EmptyTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-title\", element: \"h3\" });\n}\n\n/** Renders the `empty-description` part of the shadcn-compatible catalog primitives. */\nexport function EmptyDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-description\", element: \"p\" });\n}\n\n/** Renders the `empty-content` part of the shadcn-compatible catalog primitives. */\nexport function EmptyContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-content\" });\n}\n\n/** Renders the `empty-media` part of the shadcn-compatible catalog primitives. */\nexport function EmptyMedia(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-media\" });\n}\n\n/** Renders the `field-group` part of the shadcn-compatible catalog primitives. */\nexport function FieldGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-group\" });\n}\n\n/** Renders the `field-set` part of the shadcn-compatible catalog primitives. */\nexport function FieldSet(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-set\", element: \"fieldset\" });\n}\n\n/** Renders the `field-legend` part of the shadcn-compatible catalog primitives. */\nexport function FieldLegend(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-legend\", element: \"legend\" });\n}\n\n/** Renders the `field-label` part of the shadcn-compatible catalog primitives. */\nexport function FieldLabel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-label\", element: \"label\", className: \"label\" });\n}\n\n/** Renders the `field-description` part of the shadcn-compatible catalog primitives. */\nexport function FieldDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-description\", element: \"p\", className: \"field-hint\" });\n}\n\n/** Renders the `field-content` part of the shadcn-compatible catalog primitives. */\nexport function FieldContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-content\" });\n}\n\n/** Renders the `field-title` part of the shadcn-compatible catalog primitives. */\nexport function FieldTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-title\", element: \"div\" });\n}\n\n/** Renders the `field-separator` part of the shadcn-compatible catalog primitives. */\nexport function FieldSeparator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-separator\", role: \"separator\" });\n}\n\n/** Renders the `input-otp` part of the shadcn-compatible catalog primitives. */\nexport function InputOTP(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp\", role: \"group\" });\n}\n\n/** Renders the `input-otp-group` part of the shadcn-compatible catalog primitives. */\nexport function InputOTPGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp-group\", role: \"group\" });\n}\n\n/** Renders the `input-otp-slot` part of the shadcn-compatible catalog primitives. */\nexport function InputOTPSlot(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp-slot\", element: \"span\" });\n}\n\n/** Renders the visual separator between InputOTP groups (defaults to `\"-\"`). */\nexport function InputOTPSeparator(props: CatalogComponentProps): JSX.Element {\n  const { children = \"-\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"input-otp-separator\",\n      element: \"span\",\n    },\n  );\n}\n\n/** Renders a generic list item part, exposing `active`/`size`/`variant` as data attributes. */\nexport function Item(\n  props: CatalogComponentProps & {\n    active?: boolean;\n    size?: \"default\" | \"sm\" | \"xs\";\n    variant?: \"default\" | \"outline\" | \"muted\";\n  },\n): JSX.Element {\n  const { active, size, variant, ...rest } = props;\n  return catalogPart(\n    {\n      \"data-active\": active ? \"true\" : undefined,\n      \"data-size\": size && size !== \"default\" ? size : undefined,\n      \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n      ...rest,\n    },\n    { slot: \"item\" },\n  );\n}\n\n/** Renders the `item-group` part of the shadcn-compatible catalog primitives. */\nexport function ItemGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-group\" });\n}\n\n/** Renders the `item-header` part of the shadcn-compatible catalog primitives. */\nexport function ItemHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-header\" });\n}\n\n/** Renders the `item-media` part of the shadcn-compatible catalog primitives. */\nexport function ItemMedia(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-media\" });\n}\n\n/** Renders the `item-content` part of the shadcn-compatible catalog primitives. */\nexport function ItemContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-content\" });\n}\n\n/** Renders the `item-title` part of the shadcn-compatible catalog primitives. */\nexport function ItemTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-title\" });\n}\n\n/** Renders the `item-description` part of the shadcn-compatible catalog primitives. */\nexport function ItemDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-description\" });\n}\n\n/** Renders the `item-actions` part of the shadcn-compatible catalog primitives. */\nexport function ItemActions(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-actions\" });\n}\n\n/** Renders the `item-footer` part of the shadcn-compatible catalog primitives. */\nexport function ItemFooter(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-footer\" });\n}\n\n/** Renders the `kbd` part of the shadcn-compatible catalog primitives. */\nexport function Kbd(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"kbd\", element: \"kbd\" });\n}\n\n/** Renders a styled native `<select>` element. */\nexport function NativeSelect(props: CatalogComponentProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"native-select\",\n  });\n\n  return <select {...finalProps}>{children}</select>;\n}\n\n/** Renders the `navigation-menu` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenu(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu\", element: \"nav\" });\n}\n\n/** Renders the `navigation-menu-list` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-list\", element: \"ul\" });\n}\n\n/** Renders the `navigation-menu-item` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-item\", element: \"li\" });\n}\n\n/** Renders the `navigation-menu-content` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuTrigger(props: CatalogComponentProps): JSX.Element {\n  return buttonPart(props, \"navigation-menu-trigger\", \"nav-item\");\n}\n\n/** Renders the `navigation-menu-content` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-content\" });\n}\n\n/** Renders the `navigation-menu-link` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuLink(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-link\", element: \"a\" });\n}\n\n/** Renders the `navigation-menu-viewport` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuViewport(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-viewport\" });\n}\n\n/** Renders the `navigation-menu-indicator` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuIndicator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-indicator\" });\n}\n\n/** Renders the `pagination` part of the shadcn-compatible catalog primitives. */\nexport function Pagination(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination\", element: \"nav\", role: \"navigation\" });\n}\n\n/** Renders the `pagination-content` part of the shadcn-compatible catalog primitives. */\nexport function PaginationContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination-content\", element: \"ul\" });\n}\n\n/** Renders the `pagination-item` part of the shadcn-compatible catalog primitives. */\nexport function PaginationItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination-item\", element: \"li\" });\n}\n\n/** Renders a pagination page link, marking it `aria-current=\"page\"` when `active`. */\nexport function PaginationLink(props: CatalogComponentProps & { active?: boolean }): JSX.Element {\n  const { active, ...rest } = props;\n  return catalogPart(\n    {\n      \"aria-current\": active ? \"page\" : undefined,\n      \"data-active\": active ? \"true\" : undefined,\n      ...rest,\n    },\n    { slot: \"pagination-link\", element: \"a\" },\n  );\n}\n\n/** Pagination link that moves to the previous page. */\nexport function PaginationPrevious(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous\", ...rest } = props;\n  return catalogPart({ children, ...rest }, { slot: \"pagination-previous\", element: \"a\" });\n}\n\n/** Pagination link that moves to the next page. */\nexport function PaginationNext(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next\", ...rest } = props;\n  return catalogPart({ children, ...rest }, { slot: \"pagination-next\", element: \"a\" });\n}\n\n/** Renders a non-interactive ellipsis marker between pagination links. */\nexport function PaginationEllipsis(props: CatalogComponentProps): JSX.Element {\n  const { children = \"...\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"pagination-ellipsis\",\n      element: \"span\",\n    },\n  );\n}\n\n/**\n * Styling-only container for the `resizable-panel-group` catalog slot. It does not implement resizing.\n * Consumers own pointer, keyboard, sizing, and ARIA state until a behavior primitive exists in `@askrjs/ui`.\n */\nexport function ResizablePanelGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-panel-group\" });\n}\n\n/** Styling-only `resizable-panel` slot; it does not implement resizing or manage panel dimensions. */\nexport function ResizablePanel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-panel\" });\n}\n\n/** Styling-only separator slot; it does not implement resizing, pointer dragging, or keyboard controls. */\nexport function ResizableHandle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-handle\", role: \"separator\" });\n}\n\n/** Renders the `tabs-list` part of the shadcn-compatible catalog primitives. */\nexport function TabsList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"tabs-list\", role: \"tablist\" });\n}\n\n/** Renders the `tabs-content` part of the shadcn-compatible catalog primitives. */\nexport function TabsTrigger(props: CatalogComponentProps): JSX.Element {\n  return buttonPart(props, \"tabs-trigger\", \"tab\");\n}\n\n/** Renders the `tabs-content` part of the shadcn-compatible catalog primitives. */\nexport function TabsContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"tabs-content\", role: \"tabpanel\" });\n}\n\n/** Sheet variant of the dialog content part; defaults to sliding in from the right. */\nexport function SheetContent(\n  props: CatalogComponentProps & {\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  },\n): JSX.Element {\n  const { side = \"right\", ...rest } = props;\n  return <CatalogDialogContent {...rest} data-side={side} data-slot=\"sheet-content\" />;\n}\n\n/** Renders the `sheet-header` part of the shadcn-compatible catalog primitives. */\nexport function SheetHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-header\" });\n}\n\n/** Renders the `sheet-footer` part of the shadcn-compatible catalog primitives. */\nexport function SheetFooter(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-footer\" });\n}\n\n/** Sheet variant of the dialog title part. */\nexport function SheetTitle(props: CatalogComponentProps): JSX.Element {\n  return <CatalogDialogTitle {...props} data-slot=\"sheet-title\" />;\n}\n\n/** Sheet variant of the dialog description part. */\nexport function SheetDescription(props: CatalogComponentProps): JSX.Element {\n  return <CatalogDialogDescription {...props} data-slot=\"sheet-description\" />;\n}\n\n/** Renders the `sonner` part of the shadcn-compatible catalog primitives. */\nexport function Toaster(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sonner\" });\n}\n\n/** Alias of {@link Toaster} kept for shadcn/sonner API compatibility. */\nexport const Sonner = Toaster;\n\n/** Renders the `typography` part of the shadcn-compatible catalog primitives. */\nexport function Typography(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography\" });\n}\n\n/** Renders the `typography-h1` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH1(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h1\", element: \"h1\" });\n}\n\n/** Renders the `typography-h2` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH2(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h2\", element: \"h2\" });\n}\n\n/** Renders the `typography-h3` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH3(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h3\", element: \"h3\" });\n}\n\n/** Renders the `typography-h4` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH4(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h4\", element: \"h4\" });\n}\n\n/** Renders the `typography-p` part of the shadcn-compatible catalog primitives. */\nexport function TypographyP(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-p\", element: \"p\" });\n}\n\n/** Renders the `typography-blockquote` part of the shadcn-compatible catalog primitives. */\nexport function TypographyBlockquote(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-blockquote\", element: \"blockquote\" });\n}\n\n/** Renders the `typography-list` part of the shadcn-compatible catalog primitives. */\nexport function TypographyList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-list\", element: \"ul\" });\n}\n\n/** Renders the `typography-lead` part of the shadcn-compatible catalog primitives. */\nexport function TypographyLead(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-lead\", element: \"p\" });\n}\n\n/** Renders the `typography-muted` part of the shadcn-compatible catalog primitives. */\nexport function TypographyMuted(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-muted\", element: \"p\" });\n}\n"],"mappings":"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"}
+{"version":3,"file":"catalog.js","names":["BlockComponent"],"sources":["../../src/components/catalog.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport type { Ref } from \"@askrjs/askr/foundations/utilities\";\nimport { DialogContent, DialogDescription, DialogTitle } from \"@askrjs/ui\";\nimport { Block } from \"./block\";\nimport type { BlockDivProps, BlockElement, BlockResponsiveValue, BlockSpace } from \"./block\";\nimport type { BlockLayoutProps } from \"./_internal/block-layout\";\nimport { classes } from \"./_internal/classes\";\nimport { mergeProps } from \"./_internal/merge-props\";\n\nconst CatalogDialogContent = DialogContent as (props: Record<string, unknown>) => JSX.Element;\nconst CatalogDialogTitle = DialogTitle as (props: Record<string, unknown>) => JSX.Element;\nconst CatalogDialogDescription = DialogDescription as (\n  props: Record<string, unknown>,\n) => JSX.Element;\n\ntype CatalogElement = keyof JSX.IntrinsicElements;\n\n/**\n * Shared prop shape for the shadcn-compatible catalog primitives below: a\n * polymorphic `as`/`asChild` element plus passthrough attributes.\n */\nexport type CatalogComponentProps = Record<string, unknown> & {\n  as?: CatalogElement;\n  asChild?: boolean;\n  children?: unknown;\n  class?: string;\n  ref?: Ref<HTMLElement>;\n};\n\ntype CatalogDefaults = {\n  className?: string;\n  element?: CatalogElement;\n  role?: string;\n  slot: string;\n};\n\nfunction catalogPart(props: CatalogComponentProps, defaults: CatalogDefaults): JSX.Element {\n  const { as, asChild, children, class: className, ref, ...rest } = props;\n  const Element = (as ?? defaults.element ?? \"div\") as \"div\";\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(defaults.className, className),\n    \"data-slot\": defaults.slot,\n    role: defaults.role,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <Element {...finalProps}>{children}</Element>;\n}\n\nfunction buttonPart(props: CatalogComponentProps, slot: string, className?: string): JSX.Element {\n  const { as, asChild, children, ref, class: classProp, type = \"button\", ...rest } = props;\n  void as;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(className, classProp),\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\"} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\ntype LegacySpace = BlockSpace | \"none\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"8\";\n\ntype LegacyLayoutConveniences = {\n  gap?: BlockResponsiveValue<LegacySpace>;\n  p?: BlockResponsiveValue<LegacySpace>;\n  padding?: BlockResponsiveValue<LegacySpace>;\n  wrap?: BlockResponsiveValue<boolean>;\n};\n\ntype LegacyStructuralProps = Partial<\n  Pick<\n    BlockDivProps,\n    | \"children\"\n    | \"class\"\n    | \"className\"\n    | \"style\"\n    | \"ref\"\n    | \"id\"\n    | \"title\"\n    | \"role\"\n    | \"tabIndex\"\n    | \"hidden\"\n    | \"dir\"\n    | \"lang\"\n    | \"onAbort\"\n    | \"onBlur\"\n    | \"onChange\"\n    | \"onClick\"\n    | \"onDblClick\"\n    | \"onFocus\"\n    | \"onInput\"\n    | \"onKeyDown\"\n    | \"onKeyUp\"\n    | \"onMouseDown\"\n    | \"onMouseEnter\"\n    | \"onMouseLeave\"\n    | \"onMouseMove\"\n    | \"onMouseOut\"\n    | \"onMouseOver\"\n    | \"onMouseUp\"\n    | \"onPointerDown\"\n    | \"onPointerDownCapture\"\n    | \"onPointerEnter\"\n    | \"onPointerLeave\"\n    | \"onPointerMove\"\n    | \"onPointerUp\"\n    | \"onScroll\"\n    | \"onSubmit\"\n    | \"onTouchEnd\"\n    | \"onTouchStart\"\n    | \"onWheel\"\n  >\n> & {\n  as?: BlockElement;\n  asChild?: boolean;\n  [attribute: `aria-${string}`]: BlockDivProps[`aria-${string}`];\n  [attribute: `data-${string}`]: BlockDivProps[`data-${string}`];\n};\n\nexport type LegacyLayoutProps = Omit<BlockLayoutProps, \"gap\" | \"padding\" | \"wrap\"> &\n  LegacyStructuralProps &\n  LegacyLayoutConveniences;\n\nfunction normalizeLegacySpace(value: LegacySpace): BlockSpace {\n  if (value === \"none\") return \"0\";\n  if (value === \"1\") return \"xs\";\n  if (value === \"2\") return \"xs\";\n  if (value === \"3\") return \"sm\";\n  if (value === \"4\") return \"md\";\n  if (value === \"5\") return \"lg\";\n  if (value === \"6\") return \"xl\";\n  if (value === \"8\") return \"2xl\";\n  return value;\n}\n\nfunction normalizeLegacyResponsiveSpace(\n  value: BlockResponsiveValue<LegacySpace> | undefined,\n): BlockResponsiveValue<BlockSpace> | undefined {\n  if (value === undefined) return undefined;\n  if (typeof value === \"object\") {\n    return Object.fromEntries(\n      Object.entries(value).map(([breakpoint, space]) => [\n        breakpoint,\n        normalizeLegacySpace(space as LegacySpace),\n      ]),\n    );\n  }\n  return normalizeLegacySpace(value);\n}\n\nfunction layoutAlias(props: LegacyLayoutProps, defaults: Record<string, unknown>): JSX.Element {\n  const { gap, p, padding, ...rest } = props as LegacyLayoutProps & Record<string, unknown>;\n  const BlockComponent = Block as (blockProps: Record<string, unknown>) => JSX.Element;\n\n  return (\n    <BlockComponent\n      {...defaults}\n      {...rest}\n      gap={normalizeLegacyResponsiveSpace(gap)}\n      padding={normalizeLegacyResponsiveSpace(padding ?? p)}\n    />\n  );\n}\n\n/** @deprecated Use {@link Block} directly. */\nexport function Box(props: LegacyLayoutProps): JSX.Element;\nexport function Box(props: LegacyLayoutProps): JSX.Element {\n  return layoutAlias(props, {});\n}\n\n/** @deprecated Use `<Block direction=\"column\">`. */\nexport function Stack(props: LegacyLayoutProps): JSX.Element;\nexport function Stack(props: LegacyLayoutProps): JSX.Element {\n  return layoutAlias(props, { direction: \"column\" });\n}\n\n/** @deprecated Use `<Block direction=\"row\">`. */\nexport function Inline(props: LegacyLayoutProps): JSX.Element;\nexport function Inline(props: LegacyLayoutProps): JSX.Element {\n  return layoutAlias(props, { direction: \"row\" });\n}\n\n/** @deprecated Compose semantic {@link Block} primitives instead. */\nexport function Shell(props: LegacyLayoutProps & { variant?: string }): JSX.Element;\nexport function Shell(props: LegacyLayoutProps & { variant?: string }): JSX.Element {\n  const { variant: _variant, ...rest } = props;\n  void _variant;\n  return layoutAlias(rest, {});\n}\n\n/** @deprecated Use `<Block as=\"nav\">`. */\nexport function ShellNav(props: LegacyLayoutProps): JSX.Element;\nexport function ShellNav(props: LegacyLayoutProps): JSX.Element {\n  return layoutAlias(props, {});\n}\n\n/** @deprecated Use `<Block as=\"main\" grow>`. */\nexport function ShellMain(props: LegacyLayoutProps): JSX.Element;\nexport function ShellMain(props: LegacyLayoutProps): JSX.Element {\n  return layoutAlias(props, { as: \"main\", grow: true });\n}\n\n/** Renders the `alert-title` part of the shadcn-compatible catalog primitives. */\nexport function AlertTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"alert-title\", element: \"h3\", className: \"alert-title\" });\n}\n\n/** Renders the `alert-description` part of the shadcn-compatible catalog primitives. */\nexport function AlertDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, {\n    slot: \"alert-description\",\n    element: \"p\",\n    className: \"alert-description\",\n  });\n}\n\n/** Renders the `breadcrumb` part of the shadcn-compatible catalog primitives. */\nexport function Breadcrumb(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb\", element: \"nav\", role: \"navigation\" });\n}\n\n/** Renders the `breadcrumb-list` part of the shadcn-compatible catalog primitives. */\nexport function BreadcrumbList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-list\", element: \"ol\" });\n}\n\n/** Renders the `breadcrumb-item` part of the shadcn-compatible catalog primitives. */\nexport function BreadcrumbItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-item\", element: \"li\" });\n}\n\n/** Renders the `breadcrumb-link` part of the shadcn-compatible catalog primitives. */\nexport function BreadcrumbLink(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"breadcrumb-link\", element: \"a\" });\n}\n\n/** Renders the current (non-link) breadcrumb page, marked `aria-current=\"page\"`. */\nexport function BreadcrumbPage(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(\n    { \"aria-current\": \"page\", ...props },\n    {\n      slot: \"breadcrumb-page\",\n      element: \"span\",\n    },\n  );\n}\n\n/** Renders the separator between breadcrumb items (defaults to `\"/\"`). */\nexport function BreadcrumbSeparator(props: CatalogComponentProps): JSX.Element {\n  const { children = \"/\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"breadcrumb-separator\",\n      element: \"li\",\n    },\n  );\n}\n\n/** Renders a non-interactive ellipsis marker in a breadcrumb trail. */\nexport function BreadcrumbEllipsis(props: CatalogComponentProps): JSX.Element {\n  const { children = \"...\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"breadcrumb-ellipsis\",\n      element: \"span\",\n    },\n  );\n}\n\n/** Renders the `calendar` part of the shadcn-compatible catalog primitives. */\nexport function Calendar(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar\" });\n}\n\n/** Renders the `calendar-header` part of the shadcn-compatible catalog primitives. */\nexport function CalendarHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-header\" });\n}\n\n/** Renders the `calendar-caption` part of the shadcn-compatible catalog primitives. */\nexport function CalendarCaption(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-caption\" });\n}\n\n/** Renders the `calendar-nav` part of the shadcn-compatible catalog primitives. */\nexport function CalendarNav(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-nav\" });\n}\n\n/** Button that navigates the calendar to the previous month. */\nexport function CalendarPreviousButton(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous month\", ...rest } = props;\n  return buttonPart(\n    { \"aria-label\": \"Previous month\", children, ...rest },\n    \"calendar-previous\",\n    \"btn btn-icon btn-ghost\",\n  );\n}\n\n/** Button that navigates the calendar to the next month. */\nexport function CalendarNextButton(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next month\", ...rest } = props;\n  return buttonPart(\n    { \"aria-label\": \"Next month\", children, ...rest },\n    \"calendar-next\",\n    \"btn btn-icon btn-ghost\",\n  );\n}\n\n/** Renders the `calendar-grid` part of the shadcn-compatible catalog primitives. */\nexport function CalendarGrid(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-grid\", role: \"grid\" });\n}\n\n/** Renders the `calendar-head` part of the shadcn-compatible catalog primitives. */\nexport function CalendarHead(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-head\", role: \"row\" });\n}\n\n/** Renders the `calendar-body` part of the shadcn-compatible catalog primitives. */\nexport function CalendarBody(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-body\" });\n}\n\n/** Renders the `calendar-row` part of the shadcn-compatible catalog primitives. */\nexport function CalendarRow(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-row\", role: \"row\" });\n}\n\n/** Renders the `calendar-cell` part of the shadcn-compatible catalog primitives. */\nexport function CalendarCell(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"calendar-cell\", role: \"gridcell\" });\n}\n\n/** Renders a single selectable day cell in the calendar grid, with selection/range/today state exposed as data attributes. */\nexport function CalendarDay(\n  props: CatalogComponentProps & {\n    disabled?: boolean;\n    outside?: boolean;\n    rangeEnd?: boolean;\n    rangeMiddle?: boolean;\n    rangeStart?: boolean;\n    selected?: boolean;\n    today?: boolean;\n  },\n): JSX.Element {\n  const { disabled, outside, rangeEnd, rangeMiddle, rangeStart, selected, today, ...rest } = props;\n  return buttonPart(\n    {\n      disabled,\n      \"aria-disabled\": disabled ? \"true\" : undefined,\n      \"aria-selected\": selected ? \"true\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-outside\": outside ? \"true\" : undefined,\n      \"data-range-end\": rangeEnd ? \"true\" : undefined,\n      \"data-range-middle\": rangeMiddle ? \"true\" : undefined,\n      \"data-range-start\": rangeStart ? \"true\" : undefined,\n      \"data-selected\": selected ? \"true\" : undefined,\n      \"data-today\": today ? \"true\" : undefined,\n      ...rest,\n    },\n    \"calendar-day\",\n  );\n}\n\n/** Renders the `carousel` part of the shadcn-compatible catalog primitives. */\nexport function Carousel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel\" });\n}\n\n/** Renders the `carousel-content` part of the shadcn-compatible catalog primitives. */\nexport function CarouselContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel-content\" });\n}\n\n/** Renders the `carousel-item` part of the shadcn-compatible catalog primitives. */\nexport function CarouselItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"carousel-item\" });\n}\n\n/** Button that navigates the carousel to the previous item. */\nexport function CarouselPrevious(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous\", ...rest } = props;\n  return buttonPart({ children, ...rest }, \"carousel-previous\", \"btn btn-icon\");\n}\n\n/** Button that navigates the carousel to the next item. */\nexport function CarouselNext(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next\", ...rest } = props;\n  return buttonPart({ children, ...rest }, \"carousel-next\", \"btn btn-icon\");\n}\n\n/** Renders the `combobox` part of the shadcn-compatible catalog primitives. */\nexport function Combobox(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox\" });\n}\n\n/** Renders the combobox's text input, wired up with `role=\"combobox\"`. */\nexport function ComboboxInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"combobox-input\",\n    role: \"combobox\",\n  });\n\n  return <input {...finalProps} />;\n}\n\n/** Renders the `combobox-list` part of the shadcn-compatible catalog primitives. */\nexport function ComboboxList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox-list\", role: \"listbox\" });\n}\n\n/** Renders the `combobox-option` part of the shadcn-compatible catalog primitives. */\nexport function ComboboxOption(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"combobox-option\", role: \"option\" });\n}\n\n/** Renders the `command` part of the shadcn-compatible catalog primitives. */\nexport function Command(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command\" });\n}\n\n/** Renders the `command-dialog` part of the shadcn-compatible catalog primitives. */\nexport function CommandDialog(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-dialog\" });\n}\n\n/** Renders the command palette's search `<input>`. */\nexport function CommandInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"command-input\",\n  });\n\n  return <input {...finalProps} />;\n}\n\n/** Renders the `command-header` part of the shadcn-compatible catalog primitives. */\nexport function CommandHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-header\" });\n}\n\n/** Renders the `command-list` part of the shadcn-compatible catalog primitives. */\nexport function CommandList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-list\", role: \"listbox\" });\n}\n\n/** Renders the `command-empty` part of the shadcn-compatible catalog primitives. */\nexport function CommandEmpty(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-empty\" });\n}\n\n/** Renders the `command-group` part of the shadcn-compatible catalog primitives. */\nexport function CommandGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-group\", role: \"group\" });\n}\n\n/** Renders the `command-group-heading` part of the shadcn-compatible catalog primitives. */\nexport function CommandGroupHeading(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-group-heading\", element: \"div\" });\n}\n\n/** Renders a selectable command list entry, exposing `active`/`disabled`/`selected` as ARIA and data attributes. */\nexport function CommandItem(\n  props: CatalogComponentProps & { active?: boolean; disabled?: boolean; selected?: boolean },\n): JSX.Element {\n  const { active, disabled, selected, ...rest } = props;\n  return catalogPart(\n    {\n      \"aria-disabled\": disabled ? \"true\" : undefined,\n      \"aria-selected\": selected || active ? \"true\" : undefined,\n      \"data-disabled\": disabled ? \"\" : undefined,\n      \"data-selected\": selected || active ? \"true\" : undefined,\n      ...rest,\n    },\n    { slot: \"command-item\", role: \"option\" },\n  );\n}\n\n/** Renders the `command-separator` part of the shadcn-compatible catalog primitives. */\nexport function CommandSeparator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-separator\", element: \"div\", role: \"separator\" });\n}\n\n/** Renders the `command-shortcut` part of the shadcn-compatible catalog primitives. */\nexport function CommandShortcut(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"command-shortcut\", element: \"span\" });\n}\n\n/**\n * Styling-only container for the `data-table` catalog slot. It does not sort, filter, select, or paginate data.\n * Compose semantic `Table`/`VirtualTable` primitives with application-owned data state for those behaviors.\n */\nexport function DataTable(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"data-table\" });\n}\n\n/** Renders the `date-picker` part of the shadcn-compatible catalog primitives. */\nexport function DatePicker(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"date-picker\" });\n}\n\n/** Renders the date picker's `<input type=\"date\">` by default. */\nexport function DatePickerInput(props: CatalogComponentProps): JSX.Element {\n  const { ref, class: className, type = \"date\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"date-picker-input\",\n  });\n\n  return <input type={type as string} {...finalProps} />;\n}\n\n/** Sets the `dir` attribute (defaulting to `\"ltr\"`) on its wrapping element for RTL/LTR scoping. */\nexport function Direction(props: CatalogComponentProps & { dir?: \"ltr\" | \"rtl\" }): JSX.Element {\n  const { dir = \"ltr\", ...rest } = props;\n  return catalogPart({ dir, ...rest }, { slot: \"direction\" });\n}\n\n/** Renders the `empty` part of the shadcn-compatible catalog primitives. */\nexport function Empty(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty\" });\n}\n\n/** Renders the `empty-header` part of the shadcn-compatible catalog primitives. */\nexport function EmptyHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-header\" });\n}\n\n/** Renders the `empty-title` part of the shadcn-compatible catalog primitives. */\nexport function EmptyTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-title\", element: \"h3\" });\n}\n\n/** Renders the `empty-description` part of the shadcn-compatible catalog primitives. */\nexport function EmptyDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-description\", element: \"p\" });\n}\n\n/** Renders the `empty-content` part of the shadcn-compatible catalog primitives. */\nexport function EmptyContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-content\" });\n}\n\n/** Renders the `empty-media` part of the shadcn-compatible catalog primitives. */\nexport function EmptyMedia(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"empty-media\" });\n}\n\n/** Renders the `field-group` part of the shadcn-compatible catalog primitives. */\nexport function FieldGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-group\" });\n}\n\n/** Renders the `field-set` part of the shadcn-compatible catalog primitives. */\nexport function FieldSet(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-set\", element: \"fieldset\" });\n}\n\n/** Renders the `field-legend` part of the shadcn-compatible catalog primitives. */\nexport function FieldLegend(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-legend\", element: \"legend\" });\n}\n\n/** Renders the `field-label` part of the shadcn-compatible catalog primitives. */\nexport function FieldLabel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-label\", element: \"label\", className: \"label\" });\n}\n\n/** Renders the `field-description` part of the shadcn-compatible catalog primitives. */\nexport function FieldDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-description\", element: \"p\", className: \"field-hint\" });\n}\n\n/** Renders the `field-content` part of the shadcn-compatible catalog primitives. */\nexport function FieldContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-content\" });\n}\n\n/** Renders the `field-title` part of the shadcn-compatible catalog primitives. */\nexport function FieldTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-title\", element: \"div\" });\n}\n\n/** Renders the `field-separator` part of the shadcn-compatible catalog primitives. */\nexport function FieldSeparator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"field-separator\", role: \"separator\" });\n}\n\n/** Renders the `input-otp` part of the shadcn-compatible catalog primitives. */\nexport function InputOTP(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp\", role: \"group\" });\n}\n\n/** Renders the `input-otp-group` part of the shadcn-compatible catalog primitives. */\nexport function InputOTPGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp-group\", role: \"group\" });\n}\n\n/** Renders the `input-otp-slot` part of the shadcn-compatible catalog primitives. */\nexport function InputOTPSlot(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"input-otp-slot\", element: \"span\" });\n}\n\n/** Renders the visual separator between InputOTP groups (defaults to `\"-\"`). */\nexport function InputOTPSeparator(props: CatalogComponentProps): JSX.Element {\n  const { children = \"-\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"input-otp-separator\",\n      element: \"span\",\n    },\n  );\n}\n\n/** Renders a generic list item part, exposing `active`/`size`/`variant` as data attributes. */\nexport function Item(\n  props: CatalogComponentProps & {\n    active?: boolean;\n    size?: \"default\" | \"sm\" | \"xs\";\n    variant?: \"default\" | \"outline\" | \"muted\";\n  },\n): JSX.Element {\n  const { active, size, variant, ...rest } = props;\n  return catalogPart(\n    {\n      \"data-active\": active ? \"true\" : undefined,\n      \"data-size\": size && size !== \"default\" ? size : undefined,\n      \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n      ...rest,\n    },\n    { slot: \"item\" },\n  );\n}\n\n/** Renders the `item-group` part of the shadcn-compatible catalog primitives. */\nexport function ItemGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-group\" });\n}\n\n/** Renders the `item-header` part of the shadcn-compatible catalog primitives. */\nexport function ItemHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-header\" });\n}\n\n/** Renders the `item-media` part of the shadcn-compatible catalog primitives. */\nexport function ItemMedia(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-media\" });\n}\n\n/** Renders the `item-content` part of the shadcn-compatible catalog primitives. */\nexport function ItemContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-content\" });\n}\n\n/** Renders the `item-title` part of the shadcn-compatible catalog primitives. */\nexport function ItemTitle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-title\" });\n}\n\n/** Renders the `item-description` part of the shadcn-compatible catalog primitives. */\nexport function ItemDescription(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-description\" });\n}\n\n/** Renders the `item-actions` part of the shadcn-compatible catalog primitives. */\nexport function ItemActions(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-actions\" });\n}\n\n/** Renders the `item-footer` part of the shadcn-compatible catalog primitives. */\nexport function ItemFooter(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"item-footer\" });\n}\n\n/** Renders the `kbd` part of the shadcn-compatible catalog primitives. */\nexport function Kbd(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"kbd\", element: \"kbd\" });\n}\n\n/** Renders a styled native `<select>` element. */\nexport function NativeSelect(props: CatalogComponentProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"input\", className),\n    \"data-slot\": \"native-select\",\n  });\n\n  return <select {...finalProps}>{children}</select>;\n}\n\n/** Renders the `navigation-menu` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenu(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu\", element: \"nav\" });\n}\n\n/** Renders the `navigation-menu-list` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-list\", element: \"ul\" });\n}\n\n/** Renders the `navigation-menu-item` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-item\", element: \"li\" });\n}\n\n/** Renders the `navigation-menu-content` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuTrigger(props: CatalogComponentProps): JSX.Element {\n  return buttonPart(props, \"navigation-menu-trigger\", \"nav-item\");\n}\n\n/** Renders the `navigation-menu-content` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-content\" });\n}\n\n/** Renders the `navigation-menu-link` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuLink(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-link\", element: \"a\" });\n}\n\n/** Renders the `navigation-menu-viewport` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuViewport(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-viewport\" });\n}\n\n/** Renders the `navigation-menu-indicator` part of the shadcn-compatible catalog primitives. */\nexport function NavigationMenuIndicator(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"navigation-menu-indicator\" });\n}\n\n/** Renders the `pagination` part of the shadcn-compatible catalog primitives. */\nexport function Pagination(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination\", element: \"nav\", role: \"navigation\" });\n}\n\n/** Renders the `pagination-content` part of the shadcn-compatible catalog primitives. */\nexport function PaginationContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination-content\", element: \"ul\" });\n}\n\n/** Renders the `pagination-item` part of the shadcn-compatible catalog primitives. */\nexport function PaginationItem(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"pagination-item\", element: \"li\" });\n}\n\n/** Renders a pagination page link, marking it `aria-current=\"page\"` when `active`. */\nexport function PaginationLink(props: CatalogComponentProps & { active?: boolean }): JSX.Element {\n  const { active, ...rest } = props;\n  return catalogPart(\n    {\n      \"aria-current\": active ? \"page\" : undefined,\n      \"data-active\": active ? \"true\" : undefined,\n      ...rest,\n    },\n    { slot: \"pagination-link\", element: \"a\" },\n  );\n}\n\n/** Pagination link that moves to the previous page. */\nexport function PaginationPrevious(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Previous\", ...rest } = props;\n  return catalogPart({ children, ...rest }, { slot: \"pagination-previous\", element: \"a\" });\n}\n\n/** Pagination link that moves to the next page. */\nexport function PaginationNext(props: CatalogComponentProps): JSX.Element {\n  const { children = \"Next\", ...rest } = props;\n  return catalogPart({ children, ...rest }, { slot: \"pagination-next\", element: \"a\" });\n}\n\n/** Renders a non-interactive ellipsis marker between pagination links. */\nexport function PaginationEllipsis(props: CatalogComponentProps): JSX.Element {\n  const { children = \"...\", ...rest } = props;\n  return catalogPart(\n    { \"aria-hidden\": \"true\", children, ...rest },\n    {\n      slot: \"pagination-ellipsis\",\n      element: \"span\",\n    },\n  );\n}\n\n/**\n * Styling-only container for the `resizable-panel-group` catalog slot. It does not implement resizing.\n * Consumers own pointer, keyboard, sizing, and ARIA state until a behavior primitive exists in `@askrjs/ui`.\n */\nexport function ResizablePanelGroup(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-panel-group\" });\n}\n\n/** Styling-only `resizable-panel` slot; it does not implement resizing or manage panel dimensions. */\nexport function ResizablePanel(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-panel\" });\n}\n\n/** Styling-only separator slot; it does not implement resizing, pointer dragging, or keyboard controls. */\nexport function ResizableHandle(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"resizable-handle\", role: \"separator\" });\n}\n\n/** Renders the `tabs-list` part of the shadcn-compatible catalog primitives. */\nexport function TabsList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"tabs-list\", role: \"tablist\" });\n}\n\n/** Renders the `tabs-content` part of the shadcn-compatible catalog primitives. */\nexport function TabsTrigger(props: CatalogComponentProps): JSX.Element {\n  return buttonPart(props, \"tabs-trigger\", \"tab\");\n}\n\n/** Renders the `tabs-content` part of the shadcn-compatible catalog primitives. */\nexport function TabsContent(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"tabs-content\", role: \"tabpanel\" });\n}\n\n/** Sheet variant of the dialog content part; defaults to sliding in from the right. */\nexport function SheetContent(\n  props: CatalogComponentProps & {\n    side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  },\n): JSX.Element {\n  const { side = \"right\", ...rest } = props;\n  return <CatalogDialogContent {...rest} data-side={side} data-slot=\"sheet-content\" />;\n}\n\n/** Renders the `sheet-header` part of the shadcn-compatible catalog primitives. */\nexport function SheetHeader(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-header\" });\n}\n\n/** Renders the `sheet-footer` part of the shadcn-compatible catalog primitives. */\nexport function SheetFooter(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sheet-footer\" });\n}\n\n/** Sheet variant of the dialog title part. */\nexport function SheetTitle(props: CatalogComponentProps): JSX.Element {\n  return <CatalogDialogTitle {...props} data-slot=\"sheet-title\" />;\n}\n\n/** Sheet variant of the dialog description part. */\nexport function SheetDescription(props: CatalogComponentProps): JSX.Element {\n  return <CatalogDialogDescription {...props} data-slot=\"sheet-description\" />;\n}\n\n/** Renders the `sonner` part of the shadcn-compatible catalog primitives. */\nexport function Toaster(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"sonner\" });\n}\n\n/** Alias of {@link Toaster} kept for shadcn/sonner API compatibility. */\nexport const Sonner = Toaster;\n\n/** Renders the `typography` part of the shadcn-compatible catalog primitives. */\nexport function Typography(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography\" });\n}\n\n/** Renders the `typography-h1` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH1(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h1\", element: \"h1\" });\n}\n\n/** Renders the `typography-h2` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH2(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h2\", element: \"h2\" });\n}\n\n/** Renders the `typography-h3` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH3(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h3\", element: \"h3\" });\n}\n\n/** Renders the `typography-h4` part of the shadcn-compatible catalog primitives. */\nexport function TypographyH4(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-h4\", element: \"h4\" });\n}\n\n/** Renders the `typography-p` part of the shadcn-compatible catalog primitives. */\nexport function TypographyP(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-p\", element: \"p\" });\n}\n\n/** Renders the `typography-blockquote` part of the shadcn-compatible catalog primitives. */\nexport function TypographyBlockquote(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-blockquote\", element: \"blockquote\" });\n}\n\n/** Renders the `typography-list` part of the shadcn-compatible catalog primitives. */\nexport function TypographyList(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-list\", element: \"ul\" });\n}\n\n/** Renders the `typography-lead` part of the shadcn-compatible catalog primitives. */\nexport function TypographyLead(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-lead\", element: \"p\" });\n}\n\n/** Renders the `typography-muted` part of the shadcn-compatible catalog primitives. */\nexport function TypographyMuted(props: CatalogComponentProps): JSX.Element {\n  return catalogPart(props, { slot: \"typography-muted\", element: \"p\" });\n}\n"],"mappings":"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"}

package/dist/components.d.ts

@@ -91,6 +91,6 @@ import { Toolbar } from "./components/toolbar/toolbar.js";
 import "./components/toolbar/index.js";
 import { CAT_THEME_NAMES, CAT_THEME_OPTIONS, CatThemeName, DEFAULT_THEME_OPTIONS, ThemeName, ThemeOption, ThemePicker, ThemePickerProps, ThemeScope, ThemeScopeProps, ThemeScopeValue, ThemeToggle, ThemeToggleProps, ThemeToggleRenderContext, theme } from "./components/theme/theme.js";
 import "./components/theme/index.js";
-import { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CatalogComponentProps, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP } from "./components/catalog.js";
+import { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CatalogComponentProps, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, LegacyLayoutProps, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP } from "./components/catalog.js";
 import { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Button, ButtonAsChildElement, ButtonAsChildProps, ButtonNativeProps, ButtonProps, ButtonSize, ButtonVariant, ButtonWidth, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, DebouncedInput, Dialog, Dialog as Drawer, Dialog as Sheet, DialogClose, DialogClose as DrawerClose, DialogClose as SheetClose, DialogContent, DialogContent as DrawerContent, DialogDescription, DialogDescription as DrawerDescription, DialogOverlay, DialogOverlay as DrawerOverlay, DialogOverlay as SheetOverlay, DialogPortal, DialogPortal as DrawerPortal, DialogPortal as SheetPortal, DialogProps, DialogTitle, DialogTitle as DrawerTitle, DialogTrigger, DialogTrigger as DrawerTrigger, DialogTrigger as SheetTrigger, Dropdown, Dropdown as ContextMenu, Dropdown as DropdownMenu, DropdownGroup, DropdownGroup as ContextMenuGroup, DropdownGroup as DropdownMenuGroup, DropdownItem, DropdownItem as ContextMenuItem, DropdownItem as DropdownMenuItem, DropdownItemVariant, DropdownLabel, DropdownLabel as ContextMenuLabel, DropdownLabel as DropdownMenuLabel, DropdownPortal, DropdownPortal as ContextMenuPortal, DropdownPortal as DropdownMenuPortal, DropdownSeparator, DropdownSeparator as ContextMenuSeparator, DropdownSeparator as DropdownMenuSeparator, DropdownTrigger, DropdownTrigger as ContextMenuTrigger, DropdownTrigger as DropdownMenuTrigger, DropdownTriggerSize, DropdownTriggerVariant, Form, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Input, Label, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Popover, PopoverClose, PopoverContent, PopoverContentWidth, PopoverPortal, PopoverTrigger, Progress, ProgressCircle, ProgressCircleIndicator, ProgressIndicator, RadioGroup, RadioGroupItem, ScrollArea, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Select, SelectContent, SelectGroup, SelectItem, SelectItemText, SelectLabel, SelectPortal, SelectSeparator, SelectTrigger, SelectTriggerSize, SelectValue, Slider, SliderRange, SliderThumb, SliderTrack, Switch, Table, TableBody, TableCaption, TableCell, TableFoot, TableHead, TableHeaderCell, TableRow, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastHost, ToastTitle, ToastViewport, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipTrigger, VirtualList, VirtualListApi, VirtualListAsChildProps, VirtualListProps, VirtualListRowComponent, VirtualListRowComponentProps, VirtualListRowElement, VirtualListState, VirtualListViewport, VirtualTable, VirtualTableApi, VirtualTableAsChildProps, VirtualTableCellComponent, VirtualTableCellComponentProps, VirtualTableCellElement, VirtualTableColumn, VirtualTableProps, VirtualTableState, VirtualTableViewport, VirtualTableWidth, VisuallyHidden } from "@askrjs/ui";
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertHeadingTag, type AlertProps, AlertTitle, type AlertVariant, Aside, type AsideProps, AspectRatio, type AspectRatioAsChildProps, type AspectRatioProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeAsChildProps, type BadgeOwnProps, type BadgeProps, Block, type BlockAlign, type BlockAsChildProps, type BlockBackground, type BlockDirection, type BlockDivProps, type BlockElement, type BlockElementProps, type BlockJustify, type BlockMargin, type BlockNativeProps, type BlockOwnProps, type BlockProps, type BlockRadius, type ResponsiveValue as BlockResponsiveValue, type BlockRowFrom, type BlockShadow, type BlockSize, type BlockSpace, type BlockSpanProps, type BlockZIndex, Box, Brand, BrandLabel, BrandMark, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonAsChildElement, type ButtonAsChildProps, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonNativeProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonWidth, CAT_THEME_NAMES, CAT_THEME_OPTIONS, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleHeadingTag, type CardTitleProps, type CardVariant, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CatThemeName, CatalogComponentProps, Checkbox, Close, type CloseNativeProps, type CloseOwnProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteContent, type CommandPaletteContentProps, CommandPaletteLink, type CommandPaletteLinkProps, CommandPaletteList, type CommandPaletteListProps, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerAsChildProps, type CommandPaletteTriggerProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, DropdownContent as ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, DEFAULT_THEME_OPTIONS, DataTable, DatePicker, DatePickerInput, DebouncedInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, Direction, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownContent, DropdownGroup, DropdownItem, type DropdownItemVariant, DropdownLabel, DropdownMenu, DropdownContent as DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, DropdownPortal, DropdownSeparator, DropdownTrigger, type DropdownTriggerSize, type DropdownTriggerVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateHeadingTag, type EmptyStateProps, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldHint, type FieldHintProps, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, Footer, FooterContent, type FooterContentProps, FooterDescription, type FooterDescriptionProps, FooterLink, type FooterLinkProps, FooterLinks, type FooterLinksProps, type FooterProps, FooterSection, type FooterSectionProps, FooterTitle, type FooterTitleProps, Form, Grid, type GridAlign, type GridColumns, type GridElement, type GridProps, Header, type HeaderProps, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Inline, Input, InputGroup, type InputGroupOrientation, type InputGroupProps, InputGroupText, type InputGroupTextAsChildProps, type InputGroupTextProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, Label, Main, type MainProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, Navbar as Nav, NavBrand, type NavBrandProps, NavDropdown, type NavDropdownProps, NavGroup, type NavGroupProps, NavItem, type NavItemAsChildProps, type NavItemProps, NavLink, type NavLinkProps, Navbar, type NavbarCollapseBreakpoint, type NavbarProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Page, PageHeader, type PageHeaderProps, type PageProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Pill, type PillProps, Pills, type PillsAsChildProps, type PillsProps, Popover, PopoverClose, PopoverContent, type PopoverContentWidth, PopoverPortal, PopoverTrigger, Progress, ProgressCircle, ProgressCircleIndicator, ProgressIndicator, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Section, type SectionProps, Select, SelectContent, SelectGroup, SelectItem, SelectItemText, SelectLabel, SelectPortal, SelectSeparator, SelectTrigger, type SelectTriggerSize, SelectValue, Separator, type SeparatorAsChildProps, type SeparatorNativeProps, type SeparatorOwnProps, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShellMain, ShellNav, Sidebar, type SidebarButtonProps, type SidebarCollapsible, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, type SidebarPartProps, type SidebarProps, SidebarRail, type SidebarRailProps, SidebarScope, type SidebarSide, type SidebarTooltipSide, SidebarTrigger, type SidebarVariant, Skeleton, type SkeletonAsChildProps, type SkeletonOwnProps, type SkeletonProps, Slider, SliderRange, SliderThumb, SliderTrack, Sonner, Spinner, type SpinnerOwnProps, type SpinnerProps, type SpinnerSize, Stack, Stat, StatDescription, StatLabel, StatValue, Switch, Tab, type TabProps, Table, TableBody, TableCaption, TableCell, TableFoot, TableHead, TableHeaderCell, TableRow, Tabs, type TabsAsChildProps, TabsContent, TabsList, type TabsProps, TabsTrigger, Text, type TextElement, type TextFont, type TextNumeric, type TextProps, type TextSize, type TextTone, type TextWeight, type TextWrap, Textarea, type ThemeName, type ThemeOption, ThemePicker, type ThemePickerProps, ThemeScope, type ThemeScopeProps, type ThemeScopeValue, ThemeToggle, type ThemeToggleProps, type ThemeToggleRenderContext, Toast, ToastAction, ToastClose, ToastDescription, ToastHost, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipTrigger, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP, VirtualList, type VirtualListApi, type VirtualListAsChildProps, type VirtualListProps, type VirtualListRowComponent, type VirtualListRowComponentProps, type VirtualListRowElement, type VirtualListState, type VirtualListViewport, VirtualTable, type VirtualTableApi, type VirtualTableAsChildProps, type VirtualTableCellComponent, type VirtualTableCellComponentProps, type VirtualTableCellElement, type VirtualTableColumn, type VirtualTableProps, type VirtualTableState, type VirtualTableViewport, type VirtualTableWidth, VisuallyHidden, theme };
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertHeadingTag, type AlertProps, AlertTitle, type AlertVariant, Aside, type AsideProps, AspectRatio, type AspectRatioAsChildProps, type AspectRatioProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeAsChildProps, type BadgeOwnProps, type BadgeProps, Block, type BlockAlign, type BlockAsChildProps, type BlockBackground, type BlockDirection, type BlockDivProps, type BlockElement, type BlockElementProps, type BlockJustify, type BlockMargin, type BlockNativeProps, type BlockOwnProps, type BlockProps, type BlockRadius, type ResponsiveValue as BlockResponsiveValue, type BlockRowFrom, type BlockShadow, type BlockSize, type BlockSpace, type BlockSpanProps, type BlockZIndex, Box, Brand, BrandLabel, BrandMark, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonAsChildElement, type ButtonAsChildProps, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonNativeProps, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonWidth, CAT_THEME_NAMES, CAT_THEME_OPTIONS, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleHeadingTag, type CardTitleProps, type CardVariant, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CatThemeName, CatalogComponentProps, Checkbox, Close, type CloseNativeProps, type CloseOwnProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandPalette, CommandPaletteContent, type CommandPaletteContentProps, CommandPaletteLink, type CommandPaletteLinkProps, CommandPaletteList, type CommandPaletteListProps, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerAsChildProps, type CommandPaletteTriggerProps, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, DropdownContent as ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, DEFAULT_THEME_OPTIONS, DataTable, DatePicker, DatePickerInput, DebouncedInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, type DialogProps, DialogTitle, DialogTrigger, Direction, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Dropdown, DropdownContent, DropdownGroup, DropdownItem, type DropdownItemVariant, DropdownLabel, DropdownMenu, DropdownContent as DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, DropdownPortal, DropdownSeparator, DropdownTrigger, type DropdownTriggerSize, type DropdownTriggerVariant, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateHeadingTag, type EmptyStateProps, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, type FieldErrorProps, FieldGroup, FieldHint, type FieldHintProps, FieldLabel, FieldLegend, type FieldProps, FieldSeparator, FieldSet, FieldTitle, Footer, FooterContent, type FooterContentProps, FooterDescription, type FooterDescriptionProps, FooterLink, type FooterLinkProps, FooterLinks, type FooterLinksProps, type FooterProps, FooterSection, type FooterSectionProps, FooterTitle, type FooterTitleProps, Form, Grid, type GridAlign, type GridColumns, type GridElement, type GridProps, Header, type HeaderProps, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, Inline, Input, InputGroup, type InputGroupOrientation, type InputGroupProps, InputGroupText, type InputGroupTextAsChildProps, type InputGroupTextProps, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, Label, LegacyLayoutProps, Main, type MainProps, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NativeSelect, Navbar as Nav, NavBrand, type NavBrandProps, NavDropdown, type NavDropdownProps, NavGroup, type NavGroupProps, NavItem, type NavItemAsChildProps, type NavItemProps, NavLink, type NavLinkProps, Navbar, type NavbarCollapseBreakpoint, type NavbarProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Page, PageHeader, type PageHeaderProps, type PageProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Pill, type PillProps, Pills, type PillsAsChildProps, type PillsProps, Popover, PopoverClose, PopoverContent, type PopoverContentWidth, PopoverPortal, PopoverTrigger, Progress, ProgressCircle, ProgressCircleIndicator, ProgressIndicator, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, Section, type SectionProps, Select, SelectContent, SelectGroup, SelectItem, SelectItemText, SelectLabel, SelectPortal, SelectSeparator, SelectTrigger, type SelectTriggerSize, SelectValue, Separator, type SeparatorAsChildProps, type SeparatorNativeProps, type SeparatorOwnProps, type SeparatorProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShellMain, ShellNav, Sidebar, type SidebarButtonProps, type SidebarCollapsible, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, type SidebarPartProps, type SidebarProps, SidebarRail, type SidebarRailProps, SidebarScope, type SidebarSide, type SidebarTooltipSide, SidebarTrigger, type SidebarVariant, Skeleton, type SkeletonAsChildProps, type SkeletonOwnProps, type SkeletonProps, Slider, SliderRange, SliderThumb, SliderTrack, Sonner, Spinner, type SpinnerOwnProps, type SpinnerProps, type SpinnerSize, Stack, Stat, StatDescription, StatLabel, StatValue, Switch, Tab, type TabProps, Table, TableBody, TableCaption, TableCell, TableFoot, TableHead, TableHeaderCell, TableRow, Tabs, type TabsAsChildProps, TabsContent, TabsList, type TabsProps, TabsTrigger, Text, type TextElement, type TextFont, type TextNumeric, type TextProps, type TextSize, type TextTone, type TextWeight, type TextWrap, Textarea, type ThemeName, type ThemeOption, ThemePicker, type ThemePickerProps, ThemeScope, type ThemeScopeProps, type ThemeScopeValue, ThemeToggle, type ThemeToggleProps, type ThemeToggleRenderContext, Toast, ToastAction, ToastClose, ToastDescription, ToastHost, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, type ToolbarProps, Tooltip, TooltipContent, TooltipPortal, TooltipTrigger, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP, VirtualList, type VirtualListApi, type VirtualListAsChildProps, type VirtualListProps, type VirtualListRowComponent, type VirtualListRowComponentProps, type VirtualListRowElement, type VirtualListState, type VirtualListViewport, VirtualTable, type VirtualTableApi, type VirtualTableAsChildProps, type VirtualTableCellComponent, type VirtualTableCellComponentProps, type VirtualTableCellElement, type VirtualTableColumn, type VirtualTableProps, type VirtualTableState, type VirtualTableViewport, type VirtualTableWidth, VisuallyHidden, theme };

package/dist/themes/default/index.css

@@ -1331,7 +1331,7 @@
   align-items: stretch;
 }
 
-:where([data-slot="navbar"] > [data-slot="nav-group"]:not([data-align="end"])) {
+:where([data-slot="navbar"] [data-slot="nav-group"]:not([data-align="end"])) {
   grid-column: 2;
   justify-self: center;
 }
@@ -1492,13 +1492,14 @@
 }
 
 @media (width >= 40rem) {
+  :where([data-slot="navbar"][data-collapse-at="sm"]) :where([data-slot="navbar-collapse"]) {
+    grid-column: 2 / -1;
+    width: 100%;
+    display: block;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="sm"]) :where([data-slot="navbar-content"]) {
-    flex-direction: row;
-    flex-basis: auto;
-    grid-column: 2;
-    justify-self: center;
-    align-items: center;
-    width: auto;
+    width: 100%;
     display: flex;
   }
 
@@ -1517,13 +1518,14 @@
 }
 
 @media (width >= 48rem) {
+  :where([data-slot="navbar"][data-collapse-at="md"]) :where([data-slot="navbar-collapse"]) {
+    grid-column: 2 / -1;
+    width: 100%;
+    display: block;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="md"]) :where([data-slot="navbar-content"]) {
-    flex-direction: row;
-    flex-basis: auto;
-    grid-column: 2;
-    justify-self: center;
-    align-items: center;
-    width: auto;
+    width: 100%;
     display: flex;
   }
 
@@ -1542,13 +1544,14 @@
 }
 
 @media (width >= 64rem) {
+  :where([data-slot="navbar"][data-collapse-at="lg"]) :where([data-slot="navbar-collapse"]) {
+    grid-column: 2 / -1;
+    width: 100%;
+    display: block;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="lg"]) :where([data-slot="navbar-content"]) {
-    flex-direction: row;
-    flex-basis: auto;
-    grid-column: 2;
-    justify-self: center;
-    align-items: center;
-    width: auto;
+    width: 100%;
     display: flex;
   }
 
@@ -1567,13 +1570,14 @@
 }
 
 @media (width >= 80rem) {
+  :where([data-slot="navbar"][data-collapse-at="xl"]) :where([data-slot="navbar-collapse"]) {
+    grid-column: 2 / -1;
+    width: 100%;
+    display: block;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="xl"]) :where([data-slot="navbar-content"]) {
-    flex-direction: row;
-    flex-basis: auto;
-    grid-column: 2;
-    justify-self: center;
-    align-items: center;
-    width: auto;
+    width: 100%;
     display: flex;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askrjs/themes",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Default theme tokens, styles, and component presets for Askr apps.",
   "keywords": [
     "askr",

package/src/components/_internal/block-layout.ts

@@ -58,6 +58,7 @@ export type BlockLayoutProps = {
   align?: ResponsiveValue<BlockAlign>;
   justify?: ResponsiveValue<BlockJustify>;
   gap?: ResponsiveValue<BlockSpace>;
+  wrap?: ResponsiveValue<boolean>;
   grow?: ResponsiveValue<boolean | number>;
   shrink?: ResponsiveValue<boolean | number>;
   center?: ResponsiveValue<boolean>;
@@ -156,6 +157,7 @@ const BLOCK_LAYOUT_KEYS = new Set<keyof BlockLayoutProps>([
   "align",
   "justify",
   "gap",
+  "wrap",
   "grow",
   "shrink",
   "center",
@@ -322,6 +324,7 @@ export function applyBlockLayoutStyles(
   setResponsiveVar(styles, "align-items", props.align, resolveAlignValue);
   setResponsiveVar(styles, "justify-content", props.justify, resolveJustifyValue);
   setResponsiveVar(styles, "gap", props.gap, resolveSpaceValue);
+  setResponsiveVar(styles, "flex-wrap", props.wrap, (value) => (value ? "wrap" : "nowrap"));
   setResponsiveVar(styles, "flex-grow", props.grow, resolveFlexFlag);
   setResponsiveVar(styles, "flex-shrink", props.shrink, resolveFlexFlag);
 

package/src/components/catalog.tsx

@@ -3,6 +3,8 @@ import { Slot } from "@askrjs/askr/foundations";
 import type { Ref } from "@askrjs/askr/foundations/utilities";
 import { DialogContent, DialogDescription, DialogTitle } from "@askrjs/ui";
 import { Block } from "./block";
+import type { BlockDivProps, BlockElement, BlockResponsiveValue, BlockSpace } from "./block";
+import type { BlockLayoutProps } from "./_internal/block-layout";
 import { classes } from "./_internal/classes";
 import { mergeProps } from "./_internal/merge-props";
 
@@ -70,7 +72,70 @@ function buttonPart(props: CatalogComponentProps, slot: string, className?: stri
   );
 }
 
-function normalizeLegacySpace(value: unknown): unknown {
+type LegacySpace = BlockSpace | "none" | "1" | "2" | "3" | "4" | "5" | "6" | "8";
+
+type LegacyLayoutConveniences = {
+  gap?: BlockResponsiveValue<LegacySpace>;
+  p?: BlockResponsiveValue<LegacySpace>;
+  padding?: BlockResponsiveValue<LegacySpace>;
+  wrap?: BlockResponsiveValue<boolean>;
+};
+
+type LegacyStructuralProps = Partial<
+  Pick<
+    BlockDivProps,
+    | "children"
+    | "class"
+    | "className"
+    | "style"
+    | "ref"
+    | "id"
+    | "title"
+    | "role"
+    | "tabIndex"
+    | "hidden"
+    | "dir"
+    | "lang"
+    | "onAbort"
+    | "onBlur"
+    | "onChange"
+    | "onClick"
+    | "onDblClick"
+    | "onFocus"
+    | "onInput"
+    | "onKeyDown"
+    | "onKeyUp"
+    | "onMouseDown"
+    | "onMouseEnter"
+    | "onMouseLeave"
+    | "onMouseMove"
+    | "onMouseOut"
+    | "onMouseOver"
+    | "onMouseUp"
+    | "onPointerDown"
+    | "onPointerDownCapture"
+    | "onPointerEnter"
+    | "onPointerLeave"
+    | "onPointerMove"
+    | "onPointerUp"
+    | "onScroll"
+    | "onSubmit"
+    | "onTouchEnd"
+    | "onTouchStart"
+    | "onWheel"
+  >
+> & {
+  as?: BlockElement;
+  asChild?: boolean;
+  [attribute: `aria-${string}`]: BlockDivProps[`aria-${string}`];
+  [attribute: `data-${string}`]: BlockDivProps[`data-${string}`];
+};
+
+export type LegacyLayoutProps = Omit<BlockLayoutProps, "gap" | "padding" | "wrap"> &
+  LegacyStructuralProps &
+  LegacyLayoutConveniences;
+
+function normalizeLegacySpace(value: LegacySpace): BlockSpace {
   if (value === "none") return "0";
   if (value === "1") return "xs";
   if (value === "2") return "xs";
@@ -82,62 +147,70 @@ function normalizeLegacySpace(value: unknown): unknown {
   return value;
 }
 
-function layoutAlias(props: CatalogComponentProps, defaults: Record<string, unknown>): JSX.Element {
-  const { gap, p, padding, style, wrap, ...rest } = props as CatalogComponentProps & {
-    gap?: unknown;
-    p?: unknown;
-    padding?: unknown;
-    style?: Record<string, unknown>;
-    wrap?: boolean | string;
-  };
+function normalizeLegacyResponsiveSpace(
+  value: BlockResponsiveValue<LegacySpace> | undefined,
+): BlockResponsiveValue<BlockSpace> | undefined {
+  if (value === undefined) return undefined;
+  if (typeof value === "object") {
+    return Object.fromEntries(
+      Object.entries(value).map(([breakpoint, space]) => [
+        breakpoint,
+        normalizeLegacySpace(space as LegacySpace),
+      ]),
+    );
+  }
+  return normalizeLegacySpace(value);
+}
+
+function layoutAlias(props: LegacyLayoutProps, defaults: Record<string, unknown>): JSX.Element {
+  const { gap, p, padding, ...rest } = props as LegacyLayoutProps & Record<string, unknown>;
   const BlockComponent = Block as (blockProps: Record<string, unknown>) => JSX.Element;
-  const wrapStyle = wrap
-    ? {
-        ...style,
-        flexWrap: "wrap",
-      }
-    : style;
 
   return (
     <BlockComponent
       {...defaults}
       {...rest}
-      gap={normalizeLegacySpace(gap)}
-      padding={padding ?? normalizeLegacySpace(p)}
-      style={wrapStyle}
+      gap={normalizeLegacyResponsiveSpace(gap)}
+      padding={normalizeLegacyResponsiveSpace(padding ?? p)}
     />
   );
 }
 
-/** Legacy `Box` layout alias for {@link Block} with no default direction. */
-export function Box(props: CatalogComponentProps): JSX.Element {
+/** @deprecated Use {@link Block} directly. */
+export function Box(props: LegacyLayoutProps): JSX.Element;
+export function Box(props: LegacyLayoutProps): JSX.Element {
   return layoutAlias(props, {});
 }
 
-/** Legacy `Stack` layout alias for {@link Block} that defaults to a column direction. */
-export function Stack(props: CatalogComponentProps): JSX.Element {
+/** @deprecated Use `<Block direction="column">`. */
+export function Stack(props: LegacyLayoutProps): JSX.Element;
+export function Stack(props: LegacyLayoutProps): JSX.Element {
   return layoutAlias(props, { direction: "column" });
 }
 
-/** Legacy `Inline` layout alias for {@link Block} that defaults to a row direction. */
-export function Inline(props: CatalogComponentProps): JSX.Element {
+/** @deprecated Use `<Block direction="row">`. */
+export function Inline(props: LegacyLayoutProps): JSX.Element;
+export function Inline(props: LegacyLayoutProps): JSX.Element {
   return layoutAlias(props, { direction: "row" });
 }
 
-/** Legacy `Shell` layout alias for {@link Block}; the `variant` prop is accepted but ignored. */
-export function Shell(props: CatalogComponentProps & { variant?: unknown }): JSX.Element {
+/** @deprecated Compose semantic {@link Block} primitives instead. */
+export function Shell(props: LegacyLayoutProps & { variant?: string }): JSX.Element;
+export function Shell(props: LegacyLayoutProps & { variant?: string }): JSX.Element {
   const { variant: _variant, ...rest } = props;
   void _variant;
   return layoutAlias(rest, {});
 }
 
-/** Legacy `ShellNav` layout alias for {@link Block}. */
-export function ShellNav(props: CatalogComponentProps): JSX.Element {
+/** @deprecated Use `<Block as="nav">`. */
+export function ShellNav(props: LegacyLayoutProps): JSX.Element;
+export function ShellNav(props: LegacyLayoutProps): JSX.Element {
   return layoutAlias(props, {});
 }
 
-/** Legacy `ShellMain` layout alias for {@link Block} that renders a growing `<main>` element. */
-export function ShellMain(props: CatalogComponentProps): JSX.Element {
+/** @deprecated Use `<Block as="main" grow>`. */
+export function ShellMain(props: LegacyLayoutProps): JSX.Element;
+export function ShellMain(props: LegacyLayoutProps): JSX.Element {
   return layoutAlias(props, { as: "main", grow: true });
 }
 

package/src/themes/default/styles/shell/navbar.css

@@ -18,7 +18,7 @@
   align-items: stretch;
 }
 
-:where([data-slot="navbar"] > [data-slot="nav-group"]:not([data-align="end"])) {
+:where([data-slot="navbar"] [data-slot="nav-group"]:not([data-align="end"])) {
   grid-column: 2;
   justify-self: center;
 }
@@ -187,14 +187,15 @@
 }
 
 @media (min-width: 40rem) {
+  :where([data-slot="navbar"][data-collapse-at="sm"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="sm"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="sm"])
@@ -214,14 +215,15 @@
 }
 
 @media (min-width: 48rem) {
+  :where([data-slot="navbar"][data-collapse-at="md"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="md"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="md"])
@@ -241,14 +243,15 @@
 }
 
 @media (min-width: 64rem) {
+  :where([data-slot="navbar"][data-collapse-at="lg"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="lg"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="lg"])
@@ -268,14 +271,15 @@
 }
 
 @media (min-width: 80rem) {
+  :where([data-slot="navbar"][data-collapse-at="xl"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="xl"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="xl"])

package/templates/theme/styles/shell/navbar.css

@@ -18,7 +18,7 @@
   align-items: stretch;
 }
 
-:where([data-slot="navbar"] > [data-slot="nav-group"]:not([data-align="end"])) {
+:where([data-slot="navbar"] [data-slot="nav-group"]:not([data-align="end"])) {
   grid-column: 2;
   justify-self: center;
 }
@@ -187,14 +187,15 @@
 }
 
 @media (min-width: 40rem) {
+  :where([data-slot="navbar"][data-collapse-at="sm"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="sm"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="sm"])
@@ -214,14 +215,15 @@
 }
 
 @media (min-width: 48rem) {
+  :where([data-slot="navbar"][data-collapse-at="md"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="md"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="md"])
@@ -241,14 +243,15 @@
 }
 
 @media (min-width: 64rem) {
+  :where([data-slot="navbar"][data-collapse-at="lg"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="lg"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="lg"])
@@ -268,14 +271,15 @@
 }
 
 @media (min-width: 80rem) {
+  :where([data-slot="navbar"][data-collapse-at="xl"]) :where([data-slot="navbar-collapse"]) {
+    display: block;
+    grid-column: 2 / -1;
+    width: 100%;
+  }
+
   :where([data-slot="navbar"][data-collapse-at="xl"]) :where([data-slot="navbar-content"]) {
     display: flex;
-    grid-column: 2;
-    justify-self: center;
-    flex-basis: auto;
-    flex-direction: row;
-    align-items: center;
-    width: auto;
+    width: 100%;
   }
 
   :where([data-slot="navbar"][data-collapse-at="xl"])