@askrjs/themes 0.0.21 → 0.0.23

package/capabilities.json

@@ -0,0 +1,36 @@
+{
+  "version": 1,
+  "package": "@askrjs/themes",
+  "capabilities": [
+    {
+      "intent": "default design tokens and CSS theme",
+      "package": "@askrjs/themes",
+      "import": "@askrjs/themes/default",
+      "exports": ["tokens.css", "foundations.css", "styles/*"],
+      "constraints": ["theme tokens are CSS custom properties", "CSS imports are side-effectful"],
+      "stability": "stable",
+      "docs": "https://github.com/askrjs/askr-themes/blob/main/THEMING.md",
+      "docsPath": "THEMING.md"
+    },
+    {
+      "intent": "component presets and layout helpers",
+      "package": "@askrjs/themes",
+      "import": "@askrjs/themes/components",
+      "exports": ["EmptyState", "Spinner", "Badge", "Stack", "Button"],
+      "constraints": ["presets compose headless @askrjs/ui primitives"],
+      "stability": "stable",
+      "docs": "https://github.com/askrjs/askr-themes/blob/main/THEMING.md",
+      "docsPath": "THEMING.md"
+    },
+    {
+      "intent": "theme runtime and SSR helpers",
+      "package": "@askrjs/themes",
+      "import": "@askrjs/themes/theme",
+      "exports": ["createTheme", "resolveTheme"],
+      "constraints": ["theme selection must be deterministic during SSR"],
+      "stability": "stable",
+      "docs": "https://github.com/askrjs/askr-themes/blob/main/THEMING.md",
+      "docsPath": "THEMING.md"
+    }
+  ]
+}

package/dist/components/_internal/jsx.js

@@ -1,9 +1,14 @@
 import { jsx } from "@askrjs/askr/jsx-runtime";
 //#region src/components/_internal/jsx.ts
 const renderIntrinsicElement = jsx;
+function normalizeAriaProps(props) {
+	const normalized = { ...props };
+	for (const key of Object.keys(normalized)) if (key.startsWith("aria-") && typeof normalized[key] === "boolean") normalized[key] = String(normalized[key]);
+	return normalized;
+}
 function intrinsicElement(type, props, children) {
 	return renderIntrinsicElement(type, {
-		...props,
+		...normalizeAriaProps(props),
 		children
 	});
 }
@@ -15,4 +20,4 @@ function toChildArray(children) {
 	return children === void 0 || children === null ? [] : [children];
 }
 //#endregion
-export { intrinsicElement, isJsxElement, toChildArray };
+export { intrinsicElement, isJsxElement, normalizeAriaProps, toChildArray };

package/dist/components/_internal/jsx.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.js","names":[],"sources":["../../../src/components/_internal/jsx.ts"],"sourcesContent":["import type { JSXElement } from \"@askrjs/askr/foundations\";\nimport { jsx, type JSX } from \"@askrjs/askr/jsx-runtime\";\n\nconst renderIntrinsicElement = jsx as (type: string, props: Record<string, unknown>) => JSX.Element;\n\nexport function intrinsicElement(\n  type: string,\n  props: Record<string, unknown>,\n  children: unknown,\n): JSX.Element {\n  return renderIntrinsicElement(type, { ...props, children });\n}\n\nexport function isJsxElement(value: unknown): value is JSXElement {\n  return typeof value === \"object\" && value !== null && \"$$typeof\" in value && \"props\" in value;\n}\n\nexport function hasJsxIntrinsicType(value: unknown, expectedType: string): value is JSXElement {\n  return isJsxElement(value) && value.type === expectedType;\n}\n\nexport function toChildArray(children: unknown): unknown[] {\n  if (Array.isArray(children)) {\n    return children;\n  }\n\n  return children === undefined || children === null ? [] : [children];\n}\n\nexport function mapJsxTree(children: unknown, mapper: (element: JSXElement) => unknown): unknown {\n  if (Array.isArray(children)) {\n    return children.map((child) => mapJsxTree(child, mapper));\n  }\n\n  if (!isJsxElement(children)) {\n    return children;\n  }\n\n  const mapped = mapper(children);\n\n  if (!isJsxElement(mapped)) {\n    return mapped;\n  }\n\n  const currentChildren = mapped.props?.children;\n  const nextChildren = mapJsxTree(currentChildren, mapper);\n\n  if (nextChildren === currentChildren) {\n    return mapped;\n  }\n\n  return {\n    ...mapped,\n    props: {\n      ...mapped.props,\n      children: nextChildren,\n    },\n  };\n}\n\nexport function collectJsxElements(\n  children: unknown,\n  predicate?: (element: JSXElement) => boolean,\n): JSXElement[] {\n  const result: JSXElement[] = [];\n\n  function visit(value: unknown): void {\n    if (Array.isArray(value)) {\n      for (let index = 0; index < value.length; index += 1) {\n        visit(value[index]);\n      }\n      return;\n    }\n\n    if (!isJsxElement(value)) {\n      return;\n    }\n\n    if (!predicate || predicate(value)) {\n      result.push(value);\n    }\n\n    visit(value.props?.children);\n  }\n\n  visit(children);\n\n  return result;\n}\n\nfunction isEventHandlerLikeKey(key: string): boolean {\n  return key.length >= 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110;\n}\n\nfunction compareKeys(left: string, right: string): number {\n  if (left < right) return -1;\n  if (left > right) return 1;\n  return 0;\n}\n\nfunction serializeArray(value: readonly unknown[]): string {\n  if (value.length === 0) {\n    return \"\";\n  }\n\n  if (value.length === 1) {\n    return serializeForId(value[0]);\n  }\n\n  if (value.length === 2) {\n    return `${serializeForId(value[0])}|${serializeForId(value[1])}`;\n  }\n\n  let result = serializeForId(value[0]);\n\n  for (let index = 1; index < value.length; index += 1) {\n    result += `|${serializeForId(value[index])}`;\n  }\n\n  return result;\n}\n\nfunction serializeSerializableProps(props: Record<string, unknown>): string {\n  const keys: string[] = [];\n\n  for (const key of Object.keys(props)) {\n    if (key === \"children\" || key === \"ref\" || isEventHandlerLikeKey(key)) {\n      continue;\n    }\n\n    const entryValue = props[key];\n\n    if (\n      typeof entryValue === \"string\" ||\n      typeof entryValue === \"number\" ||\n      typeof entryValue === \"boolean\"\n    ) {\n      keys.push(key);\n    }\n  }\n\n  if (keys.length === 0) {\n    return \"\";\n  }\n\n  if (keys.length === 1) {\n    const key = keys[0];\n\n    return `${key}:${String(props[key])}`;\n  }\n\n  if (keys.length === 2) {\n    if (keys[1] < keys[0]) {\n      [keys[0], keys[1]] = [keys[1], keys[0]];\n    }\n\n    return `${keys[0]}:${String(props[keys[0]])},${keys[1]}:${String(props[keys[1]])}`;\n  }\n\n  keys.sort(compareKeys);\n\n  let result = `${keys[0]}:${String(props[keys[0]])}`;\n\n  for (let index = 1; index < keys.length; index += 1) {\n    const key = keys[index];\n    result += `,${key}:${String(props[key])}`;\n  }\n\n  return result;\n}\n\nfunction hasEmptyJsxChildren(children: unknown): boolean {\n  return (\n    children === undefined ||\n    children === null ||\n    typeof children === \"boolean\" ||\n    (Array.isArray(children) && children.length === 0)\n  );\n}\n\nexport function extractTextContent(value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map((entry) => extractTextContent(entry)).join(\"\");\n  }\n\n  if (\n    value === undefined ||\n    value === null ||\n    typeof value === \"boolean\" ||\n    typeof value === \"function\"\n  ) {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    return extractTextContent(value.props?.children);\n  }\n\n  return \"\";\n}\n\nexport function serializeForId(value: unknown): string {\n  if (Array.isArray(value)) {\n    return serializeArray(value);\n  }\n\n  if (value === undefined || value === null || typeof value === \"boolean\") {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    const typeName =\n      typeof value.type === \"string\"\n        ? value.type\n        : typeof value.type === \"function\"\n          ? value.type.name || \"component\"\n          : \"component\";\n    const props = (value.props ?? {}) as Record<string, unknown>;\n    const propEntries = serializeSerializableProps(props);\n    const children = props.children;\n    const propsPrefix = propEntries === \"\" ? `${typeName}[]` : `${typeName}[${propEntries}]`;\n\n    if (hasEmptyJsxChildren(children)) {\n      return `${propsPrefix}()`;\n    }\n\n    return `${propsPrefix}(${serializeForId(children)})`;\n  }\n\n  return typeof value;\n}\n"],"mappings":";;AAGA,MAAM,yBAAyB;AAE/B,SAAgB,iBACd,MACA,OACA,UACa;CACb,OAAO,uBAAuB,MAAM;EAAE,GAAG;EAAO;CAAS,CAAC;AAC5D;AAEA,SAAgB,aAAa,OAAqC;CAChE,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,SAAS,WAAW;AAC1F;AAMA,SAAgB,aAAa,UAA8B;CACzD,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO;CAGT,OAAO,aAAa,KAAA,KAAa,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ;AACrE"}
+{"version":3,"file":"jsx.js","names":[],"sources":["../../../src/components/_internal/jsx.ts"],"sourcesContent":["import type { JSXElement } from \"@askrjs/askr/foundations\";\nimport { jsx, type JSX } from \"@askrjs/askr/jsx-runtime\";\n\nconst renderIntrinsicElement = jsx as (type: string, props: Record<string, unknown>) => JSX.Element;\n\nexport function normalizeAriaProps(props: Record<string, unknown>): Record<string, unknown> {\n  const normalized = { ...props };\n  for (const key of Object.keys(normalized)) {\n    if (key.startsWith(\"aria-\") && typeof normalized[key] === \"boolean\") {\n      normalized[key] = String(normalized[key]);\n    }\n  }\n  return normalized;\n}\n\nexport function intrinsicElement(\n  type: string,\n  props: Record<string, unknown>,\n  children: unknown,\n): JSX.Element {\n  return renderIntrinsicElement(type, { ...normalizeAriaProps(props), children });\n}\n\nexport function isJsxElement(value: unknown): value is JSXElement {\n  return typeof value === \"object\" && value !== null && \"$$typeof\" in value && \"props\" in value;\n}\n\nexport function hasJsxIntrinsicType(value: unknown, expectedType: string): value is JSXElement {\n  return isJsxElement(value) && value.type === expectedType;\n}\n\nexport function toChildArray(children: unknown): unknown[] {\n  if (Array.isArray(children)) {\n    return children;\n  }\n\n  return children === undefined || children === null ? [] : [children];\n}\n\nexport function mapJsxTree(children: unknown, mapper: (element: JSXElement) => unknown): unknown {\n  if (Array.isArray(children)) {\n    return children.map((child) => mapJsxTree(child, mapper));\n  }\n\n  if (!isJsxElement(children)) {\n    return children;\n  }\n\n  const mapped = mapper(children);\n\n  if (!isJsxElement(mapped)) {\n    return mapped;\n  }\n\n  const currentChildren = mapped.props?.children;\n  const nextChildren = mapJsxTree(currentChildren, mapper);\n\n  if (nextChildren === currentChildren) {\n    return mapped;\n  }\n\n  return {\n    ...mapped,\n    props: {\n      ...mapped.props,\n      children: nextChildren,\n    },\n  };\n}\n\nexport function collectJsxElements(\n  children: unknown,\n  predicate?: (element: JSXElement) => boolean,\n): JSXElement[] {\n  const result: JSXElement[] = [];\n\n  function visit(value: unknown): void {\n    if (Array.isArray(value)) {\n      for (let index = 0; index < value.length; index += 1) {\n        visit(value[index]);\n      }\n      return;\n    }\n\n    if (!isJsxElement(value)) {\n      return;\n    }\n\n    if (!predicate || predicate(value)) {\n      result.push(value);\n    }\n\n    visit(value.props?.children);\n  }\n\n  visit(children);\n\n  return result;\n}\n\nfunction isEventHandlerLikeKey(key: string): boolean {\n  return key.length >= 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110;\n}\n\nfunction compareKeys(left: string, right: string): number {\n  if (left < right) return -1;\n  if (left > right) return 1;\n  return 0;\n}\n\nfunction serializeArray(value: readonly unknown[]): string {\n  if (value.length === 0) {\n    return \"\";\n  }\n\n  if (value.length === 1) {\n    return serializeForId(value[0]);\n  }\n\n  if (value.length === 2) {\n    return `${serializeForId(value[0])}|${serializeForId(value[1])}`;\n  }\n\n  let result = serializeForId(value[0]);\n\n  for (let index = 1; index < value.length; index += 1) {\n    result += `|${serializeForId(value[index])}`;\n  }\n\n  return result;\n}\n\nfunction serializeSerializableProps(props: Record<string, unknown>): string {\n  const keys: string[] = [];\n\n  for (const key of Object.keys(props)) {\n    if (key === \"children\" || key === \"ref\" || isEventHandlerLikeKey(key)) {\n      continue;\n    }\n\n    const entryValue = props[key];\n\n    if (\n      typeof entryValue === \"string\" ||\n      typeof entryValue === \"number\" ||\n      typeof entryValue === \"boolean\"\n    ) {\n      keys.push(key);\n    }\n  }\n\n  if (keys.length === 0) {\n    return \"\";\n  }\n\n  if (keys.length === 1) {\n    const key = keys[0];\n\n    return `${key}:${String(props[key])}`;\n  }\n\n  if (keys.length === 2) {\n    if (keys[1] < keys[0]) {\n      [keys[0], keys[1]] = [keys[1], keys[0]];\n    }\n\n    return `${keys[0]}:${String(props[keys[0]])},${keys[1]}:${String(props[keys[1]])}`;\n  }\n\n  keys.sort(compareKeys);\n\n  let result = `${keys[0]}:${String(props[keys[0]])}`;\n\n  for (let index = 1; index < keys.length; index += 1) {\n    const key = keys[index];\n    result += `,${key}:${String(props[key])}`;\n  }\n\n  return result;\n}\n\nfunction hasEmptyJsxChildren(children: unknown): boolean {\n  return (\n    children === undefined ||\n    children === null ||\n    typeof children === \"boolean\" ||\n    (Array.isArray(children) && children.length === 0)\n  );\n}\n\nexport function extractTextContent(value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map((entry) => extractTextContent(entry)).join(\"\");\n  }\n\n  if (\n    value === undefined ||\n    value === null ||\n    typeof value === \"boolean\" ||\n    typeof value === \"function\"\n  ) {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    return extractTextContent(value.props?.children);\n  }\n\n  return \"\";\n}\n\nexport function serializeForId(value: unknown): string {\n  if (Array.isArray(value)) {\n    return serializeArray(value);\n  }\n\n  if (value === undefined || value === null || typeof value === \"boolean\") {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    const typeName =\n      typeof value.type === \"string\"\n        ? value.type\n        : typeof value.type === \"function\"\n          ? value.type.name || \"component\"\n          : \"component\";\n    const props = (value.props ?? {}) as Record<string, unknown>;\n    const propEntries = serializeSerializableProps(props);\n    const children = props.children;\n    const propsPrefix = propEntries === \"\" ? `${typeName}[]` : `${typeName}[${propEntries}]`;\n\n    if (hasEmptyJsxChildren(children)) {\n      return `${propsPrefix}()`;\n    }\n\n    return `${propsPrefix}(${serializeForId(children)})`;\n  }\n\n  return typeof value;\n}\n"],"mappings":";;AAGA,MAAM,yBAAyB;AAE/B,SAAgB,mBAAmB,OAAyD;CAC1F,MAAM,aAAa,EAAE,GAAG,MAAM;CAC9B,KAAK,MAAM,OAAO,OAAO,KAAK,UAAU,GACtC,IAAI,IAAI,WAAW,OAAO,KAAK,OAAO,WAAW,SAAS,WACxD,WAAW,OAAO,OAAO,WAAW,IAAI;CAG5C,OAAO;AACT;AAEA,SAAgB,iBACd,MACA,OACA,UACa;CACb,OAAO,uBAAuB,MAAM;EAAE,GAAG,mBAAmB,KAAK;EAAG;CAAS,CAAC;AAChF;AAEA,SAAgB,aAAa,OAAqC;CAChE,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,SAAS,WAAW;AAC1F;AAMA,SAAgB,aAAa,UAA8B;CACzD,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO;CAGT,OAAO,aAAa,KAAA,KAAa,aAAa,OAAO,CAAC,IAAI,CAAC,QAAQ;AACrE"}

package/dist/components/_internal/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/_internal/style.ts"],"sourcesContent":["import * as Askr from \"@askrjs/askr\";\n\nconst cssPropertyNameCache = new Map<string, string>();\nconst MAX_PROPERTY_CACHE = 256;\n\nconst CSS_UNSAFE_RE = /[{}<>\\\\]/;\nconst CSS_URI_SCHEME_RE = /(?:^|[\\s(,])([a-z][a-z0-9+.-]*):/i;\nconst CSS_FUNCTION_NAME_RE = /([a-z-][a-z0-9-]*)\\s*\\(/gi;\nconst CSS_ALLOWED_FUNCTIONS = new Set([\n  \"var\",\n  \"calc\",\n  \"min\",\n  \"max\",\n  \"clamp\",\n  \"minmax\",\n  \"repeat\",\n  \"rgb\",\n  \"rgba\",\n  \"hsl\",\n  \"hsla\",\n  \"lab\",\n  \"lch\",\n  \"oklab\",\n  \"oklch\",\n  \"color\",\n  \"color-mix\",\n  \"translate\",\n  \"translatex\",\n  \"translatey\",\n  \"translatez\",\n  \"scale\",\n  \"scalex\",\n  \"scaley\",\n  \"scalez\",\n  \"rotate\",\n  \"rotatex\",\n  \"rotatey\",\n  \"rotatez\",\n  \"skew\",\n  \"skewx\",\n  \"skewy\",\n  \"matrix\",\n  \"matrix3d\",\n  \"linear-gradient\",\n  \"radial-gradient\",\n  \"conic-gradient\",\n  \"repeating-linear-gradient\",\n  \"repeating-radial-gradient\",\n  \"repeating-conic-gradient\",\n  \"cubic-bezier\",\n  \"steps\",\n]);\n\nfunction isSafeCssPropertyName(name: string): boolean {\n  if (name.startsWith(\"--\")) return /^--[a-zA-Z0-9_-]+$/.test(name);\n  return /^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(name);\n}\n\nfunction isSafeCssValue(value: string): boolean {\n  if (CSS_UNSAFE_RE.test(value) || CSS_URI_SCHEME_RE.test(value)) return false;\n\n  for (const match of value.matchAll(CSS_FUNCTION_NAME_RE)) {\n    if (!CSS_ALLOWED_FUNCTIONS.has(match[1]!.toLowerCase())) return false;\n  }\n\n  return true;\n}\n\nfunction splitCssDeclarations(value: string): string[] {\n  const declarations: string[] = [];\n  let start = 0;\n  let depth = 0;\n  let quote: string | undefined;\n\n  for (let index = 0; index < value.length; index += 1) {\n    const char = value[index]!;\n    if (quote) {\n      if (char === quote && value[index - 1] !== \"\\\\\") quote = undefined;\n      continue;\n    }\n    if (char === '\"' || char === \"'\") {\n      quote = char;\n      continue;\n    }\n    if (char === \"(\") depth += 1;\n    if (char === \")\" && depth > 0) depth -= 1;\n    if (char === \";\" && depth === 0) {\n      declarations.push(value.slice(start, index));\n      start = index + 1;\n    }\n  }\n\n  declarations.push(value.slice(start));\n  return declarations;\n}\n\nfunction serializeCssString(value: string): string {\n  const entries: Array<[string, string]> = [];\n  for (const candidate of splitCssDeclarations(value)) {\n    const separator = candidate.indexOf(\":\");\n    if (separator <= 0) continue;\n    const key = candidate.slice(0, separator).trim();\n    const cssValue = candidate.slice(separator + 1).trim();\n    if (key && cssValue) entries.push([key, cssValue]);\n  }\n  return serializeCssDeclarations(Object.fromEntries(entries));\n}\n\nfunction cssPropertyName(name: string): string {\n  let cached = cssPropertyNameCache.get(name);\n  if (cached !== undefined) {\n    return cached;\n  }\n\n  let result = \"\";\n\n  for (let index = 0; index < name.length; index += 1) {\n    const code = name.charCodeAt(index);\n\n    if (code >= 65 && code <= 90) {\n      result += `-${String.fromCharCode(code + 32)}`;\n    } else {\n      result += name[index];\n    }\n  }\n\n  if (cssPropertyNameCache.size < MAX_PROPERTY_CACHE) {\n    cssPropertyNameCache.set(name, result);\n  }\n  return result;\n}\n\nexport function serializeCssDeclarations(styles: Record<string, unknown>): string {\n  const keys = Object.keys(styles);\n  let result = \"\";\n\n  for (const key of keys) {\n    const value = styles[key];\n    if (value === undefined || value === null) {\n      continue;\n    }\n\n    const rawProperty = key.trim();\n    if (!isSafeCssPropertyName(rawProperty)) {\n      continue;\n    }\n    const property = cssPropertyName(rawProperty).trim();\n    const cssValue = String(value).trim();\n    if (!cssValue || !isSafeCssValue(cssValue)) {\n      continue;\n    }\n\n    const declaration = `${property}:${cssValue}`;\n    result = result ? `${result};${declaration}` : declaration;\n  }\n\n  return result;\n}\n\nexport function mergeCssVar(style: unknown, name: string, value: string): string {\n  const decl = `${name}:${value}`;\n\n  if (typeof style === \"string\") {\n    const trimmed = style.trim();\n    return trimmed ? `${trimmed};${decl}` : decl;\n  }\n\n  if (style && typeof style === \"object\") {\n    const entries = serializeCssDeclarations(style as Record<string, unknown>);\n    return entries ? `${entries};${decl}` : decl;\n  }\n\n  return decl;\n}\n\nconst STYLE_REGISTRY_ATTR = \"data-askr-style-registry\";\nconst STYLE_CLASS_PREFIX = \"ak-style-\";\nconst MAX_STYLE_RULES = 512;\nconst MAX_COLLISION_CACHE = 4096;\n\ntype StyleRule = {\n  className: string;\n  declarations: string;\n  rule: string;\n};\n\nconst styleCollisionCache = new Map<string, StyleRule>();\ntype StyleRegistry = {\n  element: HTMLStyleElement;\n  ruleCount: number;\n  rules: Map<string, StyleRule>;\n};\nconst registries = new WeakMap<Document, Map<string, StyleRegistry>>();\nfunction countRegisteredRules(value: string | null): number {\n  return value?.match(/\\.ak-style-[a-z0-9]+\\{/g)?.length ?? 0;\n}\n\nfunction styleClassName(declarations: string): string {\n  let first = 0xdeadbeef ^ declarations.length;\n  let second = 0x41c6ce57 ^ declarations.length;\n\n  for (let index = 0; index < declarations.length; index += 1) {\n    const code = declarations.charCodeAt(index);\n    first = Math.imul(first ^ code, 2_654_435_761);\n    second = Math.imul(second ^ code, 1_597_334_677);\n  }\n\n  first =\n    Math.imul(first ^ (first >>> 16), 2_246_822_507) ^\n    Math.imul(second ^ (second >>> 13), 3_266_489_909);\n  second =\n    Math.imul(second ^ (second >>> 16), 2_246_822_507) ^\n    Math.imul(first ^ (first >>> 13), 3_266_489_909);\n\n  return `${STYLE_CLASS_PREFIX}${(second >>> 0).toString(36)}${(first >>> 0).toString(36)}`;\n}\n\nfunction escapeStyleRawText(value: string): string {\n  return value.replace(/<\\//g, \"<\\\\/\");\n}\n\nfunction styleRuleFor(declarations: string): StyleRule {\n  const className = styleClassName(declarations);\n  const existing = styleCollisionCache.get(className);\n  if (existing) {\n    if (existing.declarations !== declarations) {\n      throw new RangeError(\"Theme style class collision detected.\");\n    }\n    return existing;\n  }\n\n  const entry = {\n    className,\n    declarations,\n    rule: `.${className}{${escapeStyleRawText(declarations)}}`,\n  };\n  return entry;\n}\n\nfunction rememberStyleRule(entry: StyleRule): void {\n  styleCollisionCache.delete(entry.className);\n  styleCollisionCache.set(entry.className, entry);\n  while (styleCollisionCache.size > MAX_COLLISION_CACHE) {\n    const oldest = styleCollisionCache.keys().next().value;\n    if (oldest === undefined) break;\n    styleCollisionCache.delete(oldest);\n  }\n}\n\nfunction registerSSRStyle(entry: StyleRule): void {\n  const register = (\n    Askr as typeof Askr & {\n      registerSSRStyle?: (id: string, cssText: string) => void;\n    }\n  ).registerSSRStyle;\n  register?.(entry.className, entry.rule);\n}\n\nfunction ensureStyleRegistry(nonce: string | undefined): StyleRegistry | null {\n  if (typeof document === \"undefined\") return null;\n  const key = nonce ?? \"\";\n  let documentRegistries = registries.get(document);\n  if (!documentRegistries) {\n    documentRegistries = new Map();\n    registries.set(document, documentRegistries);\n  }\n  const current = documentRegistries.get(key);\n  if (current?.element.isConnected) return current;\n\n  const existingStyleElements = Array.from(\n    document.querySelectorAll<HTMLStyleElement>(`style[${STYLE_REGISTRY_ATTR}]`),\n  );\n  const styleElement =\n    existingStyleElements.find((element) => (element.nonce || undefined) === nonce) ??\n    (nonce === undefined && existingStyleElements.length === 1\n      ? existingStyleElements[0]\n      : undefined) ??\n    document.createElement(\"style\");\n  if (!styleElement.isConnected) {\n    styleElement.setAttribute(STYLE_REGISTRY_ATTR, \"true\");\n    if (nonce !== undefined) styleElement.nonce = nonce;\n    (document.head ?? document.documentElement).append(styleElement);\n  }\n  const registry: StyleRegistry = {\n    element: styleElement,\n    ruleCount: countRegisteredRules(styleElement.textContent),\n    rules: new Map(),\n  };\n  documentRegistries.set(key, registry);\n  return registry;\n}\n\nfunction normalizeDeclarations(declarations: string): string {\n  return serializeCssString(declarations);\n}\n\nexport function styleDeclarationsToClass(declarations: string | undefined): string | undefined {\n  if (typeof declarations !== \"string\") return undefined;\n\n  const normalized = normalizeDeclarations(declarations);\n  if (!normalized) return undefined;\n\n  const entry = styleRuleFor(normalized);\n  const nonce = Askr.cspNonce();\n  const registry = ensureStyleRegistry(nonce);\n  const registered = registry?.rules.get(normalized);\n  if (registered) {\n    registerSSRStyle(registered);\n    return registered.className;\n  }\n\n  if (registry) {\n    if (!registry.rules.has(normalized) && !registry.element.textContent?.includes(entry.rule)) {\n      if (registry.ruleCount >= MAX_STYLE_RULES) {\n        throw new RangeError(\"Theme style registry capacity exceeded.\");\n      }\n    }\n    if (!registry.element.textContent?.includes(entry.rule)) {\n      registry.element.append(entry.rule, \"\\n\");\n      registry.ruleCount += 1;\n    }\n    registry.rules.set(normalized, entry);\n  }\n\n  rememberStyleRule(entry);\n  registerSSRStyle(entry);\n\n  return entry.className;\n}\n"],"mappings":"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"}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/_internal/style.ts"],"sourcesContent":["import * as Askr from \"@askrjs/askr\";\n\nconst cssPropertyNameCache = new Map<string, string>();\nconst MAX_PROPERTY_CACHE = 256;\n\nconst CSS_UNSAFE_RE = /[{}<>\\\\]/;\nconst CSS_URI_SCHEME_RE = /(?:^|[\\s(,])([a-z][a-z0-9+.-]*):/i;\nconst CSS_FUNCTION_NAME_RE = /([a-z-][a-z0-9-]*)\\s*\\(/gi;\nconst CSS_ALLOWED_FUNCTIONS = new Set([\n  \"var\",\n  \"calc\",\n  \"min\",\n  \"max\",\n  \"clamp\",\n  \"minmax\",\n  \"repeat\",\n  \"rgb\",\n  \"rgba\",\n  \"hsl\",\n  \"hsla\",\n  \"lab\",\n  \"lch\",\n  \"oklab\",\n  \"oklch\",\n  \"color\",\n  \"color-mix\",\n  \"translate\",\n  \"translatex\",\n  \"translatey\",\n  \"translatez\",\n  \"scale\",\n  \"scalex\",\n  \"scaley\",\n  \"scalez\",\n  \"rotate\",\n  \"rotatex\",\n  \"rotatey\",\n  \"rotatez\",\n  \"skew\",\n  \"skewx\",\n  \"skewy\",\n  \"matrix\",\n  \"matrix3d\",\n  \"linear-gradient\",\n  \"radial-gradient\",\n  \"conic-gradient\",\n  \"repeating-linear-gradient\",\n  \"repeating-radial-gradient\",\n  \"repeating-conic-gradient\",\n  \"cubic-bezier\",\n  \"steps\",\n]);\n\nfunction isSafeCssPropertyName(name: string): boolean {\n  if (name.startsWith(\"--\")) return /^--[a-zA-Z0-9_-]+$/.test(name);\n  return /^[a-zA-Z_][a-zA-Z0-9_-]*$/.test(name);\n}\n\nfunction isSafeCssValue(value: string): boolean {\n  if (CSS_UNSAFE_RE.test(value) || CSS_URI_SCHEME_RE.test(value)) return false;\n\n  for (const match of value.matchAll(CSS_FUNCTION_NAME_RE)) {\n    if (!CSS_ALLOWED_FUNCTIONS.has(match[1]!.toLowerCase())) return false;\n  }\n\n  return true;\n}\n\nfunction splitCssDeclarations(value: string): string[] {\n  const declarations: string[] = [];\n  let start = 0;\n  let depth = 0;\n  let quote: string | undefined;\n\n  for (let index = 0; index < value.length; index += 1) {\n    const char = value[index]!;\n    if (quote) {\n      if (char === quote && value[index - 1] !== \"\\\\\") quote = undefined;\n      continue;\n    }\n    if (char === '\"' || char === \"'\") {\n      quote = char;\n      continue;\n    }\n    if (char === \"(\") depth += 1;\n    if (char === \")\" && depth > 0) depth -= 1;\n    if (char === \";\" && depth === 0) {\n      declarations.push(value.slice(start, index));\n      start = index + 1;\n    }\n  }\n\n  declarations.push(value.slice(start));\n  return declarations;\n}\n\nfunction serializeCssString(value: string): string {\n  const entries: Array<[string, string]> = [];\n  for (const candidate of splitCssDeclarations(value)) {\n    const separator = candidate.indexOf(\":\");\n    if (separator <= 0) continue;\n    const key = candidate.slice(0, separator).trim();\n    const cssValue = candidate.slice(separator + 1).trim();\n    if (key && cssValue) entries.push([key, cssValue]);\n  }\n  return serializeCssDeclarations(Object.fromEntries(entries));\n}\n\nfunction cssPropertyName(name: string): string {\n  let cached = cssPropertyNameCache.get(name);\n  if (cached !== undefined) {\n    return cached;\n  }\n\n  let result = \"\";\n\n  for (let index = 0; index < name.length; index += 1) {\n    const code = name.charCodeAt(index);\n\n    if (code >= 65 && code <= 90) {\n      result += `-${String.fromCharCode(code + 32)}`;\n    } else {\n      result += name[index];\n    }\n  }\n\n  if (cssPropertyNameCache.size < MAX_PROPERTY_CACHE) {\n    cssPropertyNameCache.set(name, result);\n  }\n  return result;\n}\n\nexport function serializeCssDeclarations(styles: Record<string, unknown>): string {\n  const keys = Object.keys(styles);\n  let result = \"\";\n\n  for (const key of keys) {\n    const value = styles[key];\n    if (value === undefined || value === null) {\n      continue;\n    }\n\n    const rawProperty = key.trim();\n    if (!isSafeCssPropertyName(rawProperty)) {\n      continue;\n    }\n    const property = cssPropertyName(rawProperty).trim();\n    const cssValue = String(value).trim();\n    if (!cssValue || !isSafeCssValue(cssValue)) {\n      continue;\n    }\n\n    const declaration = `${property}:${cssValue}`;\n    result = result ? `${result};${declaration}` : declaration;\n  }\n\n  return result;\n}\n\nexport function mergeCssVar(style: unknown, name: string, value: string): string {\n  const decl = `${name}:${value}`;\n\n  if (typeof style === \"string\") {\n    const trimmed = style.trim();\n    return trimmed ? `${trimmed};${decl}` : decl;\n  }\n\n  if (style && typeof style === \"object\") {\n    const entries = serializeCssDeclarations(style as Record<string, unknown>);\n    return entries ? `${entries};${decl}` : decl;\n  }\n\n  return decl;\n}\n\nconst STYLE_REGISTRY_ATTR = \"data-askr-style-registry\";\nconst STYLE_CLASS_PREFIX = \"ak-style-\";\nconst MAX_STYLE_RULES = 512;\nconst MAX_COLLISION_CACHE = 4096;\n\ntype StyleRule = {\n  className: string;\n  declarations: string;\n  rule: string;\n};\n\nconst styleCollisionCache = new Map<string, StyleRule>();\ntype StyleRegistry = {\n  element: HTMLStyleElement;\n  ruleCount: number;\n  rules: Map<string, StyleRule>;\n};\nconst registries = new WeakMap<Document, Map<string, StyleRegistry>>();\nfunction countRegisteredRules(value: string | null): number {\n  return value?.match(/\\.ak-style-[a-z0-9]+\\{/g)?.length ?? 0;\n}\n\nfunction styleClassName(declarations: string): string {\n  let first = 0xdeadbeef ^ declarations.length;\n  let second = 0x41c6ce57 ^ declarations.length;\n\n  for (let index = 0; index < declarations.length; index += 1) {\n    const code = declarations.charCodeAt(index);\n    first = Math.imul(first ^ code, 2_654_435_761);\n    second = Math.imul(second ^ code, 1_597_334_677);\n  }\n\n  first =\n    Math.imul(first ^ (first >>> 16), 2_246_822_507) ^\n    Math.imul(second ^ (second >>> 13), 3_266_489_909);\n  second =\n    Math.imul(second ^ (second >>> 16), 2_246_822_507) ^\n    Math.imul(first ^ (first >>> 13), 3_266_489_909);\n\n  return `${STYLE_CLASS_PREFIX}${(second >>> 0).toString(36)}${(first >>> 0).toString(36)}`;\n}\n\nfunction escapeStyleRawText(value: string): string {\n  return value.replace(/<\\//g, \"<\\\\/\");\n}\n\nfunction styleRuleFor(declarations: string): StyleRule {\n  const className = styleClassName(declarations);\n  const existing = styleCollisionCache.get(className);\n  if (existing) {\n    if (existing.declarations !== declarations) {\n      throw new RangeError(\"Theme style class collision detected.\");\n    }\n    return existing;\n  }\n\n  const entry = {\n    className,\n    declarations,\n    rule: `.${className}{${escapeStyleRawText(declarations)}}`,\n  };\n  return entry;\n}\n\nfunction rememberStyleRule(entry: StyleRule): void {\n  styleCollisionCache.delete(entry.className);\n  styleCollisionCache.set(entry.className, entry);\n  while (styleCollisionCache.size > MAX_COLLISION_CACHE) {\n    const oldest = styleCollisionCache.keys().next().value;\n    if (oldest === undefined) break;\n    styleCollisionCache.delete(oldest);\n  }\n}\n\nfunction registerSSRStyle(entry: StyleRule): void {\n  const register = (\n    Askr as typeof Askr & {\n      registerSSRStyle?: (id: string, cssText: string) => void;\n    }\n  ).registerSSRStyle;\n  register?.(entry.className, entry.rule);\n}\n\nfunction ensureStyleRegistry(nonce: string | undefined): StyleRegistry | null {\n  if (typeof document === \"undefined\") return null;\n  const key = nonce ?? \"\";\n  let documentRegistries = registries.get(document);\n  if (!documentRegistries) {\n    documentRegistries = new Map();\n    registries.set(document, documentRegistries);\n  }\n  const current = documentRegistries.get(key);\n  if (current?.element.isConnected) return current;\n\n  const existingStyleElements = Array.from(\n    document.querySelectorAll<HTMLStyleElement>(`style[${STYLE_REGISTRY_ATTR}]`),\n  );\n  const styleElement =\n    existingStyleElements.find((element) => (element.nonce || undefined) === nonce) ??\n    (nonce === undefined && existingStyleElements.length === 1\n      ? existingStyleElements[0]\n      : undefined) ??\n    document.createElement(\"style\");\n  if (!styleElement.isConnected) {\n    styleElement.setAttribute(STYLE_REGISTRY_ATTR, \"true\");\n    if (nonce !== undefined) styleElement.nonce = nonce;\n    (document.head ?? document.documentElement).append(styleElement);\n  }\n  const registry: StyleRegistry = {\n    element: styleElement,\n    ruleCount: countRegisteredRules(styleElement.textContent),\n    rules: new Map(),\n  };\n  documentRegistries.set(key, registry);\n  return registry;\n}\n\nfunction normalizeDeclarations(declarations: string): string {\n  return serializeCssString(declarations);\n}\n\nexport function styleDeclarationsToClass(declarations: string | undefined): string | undefined {\n  if (typeof declarations !== \"string\") return undefined;\n\n  const normalized = normalizeDeclarations(declarations);\n  if (!normalized) return undefined;\n\n  const entry = styleRuleFor(normalized);\n  const nonce = Askr.cspNonce();\n  const registry = ensureStyleRegistry(nonce);\n  const registered = registry?.rules.get(normalized);\n  if (registered) {\n    registerSSRStyle(registered);\n    return registered.className;\n  }\n\n  if (registry) {\n    if (!registry.rules.has(normalized) && !registry.element.textContent?.includes(entry.rule)) {\n      if (registry.ruleCount >= MAX_STYLE_RULES) {\n        throw new RangeError(\"Theme style registry capacity exceeded.\");\n      }\n    }\n    if (!registry.element.textContent?.includes(entry.rule)) {\n      registry.element.append(entry.rule, \"\\n\");\n      registry.ruleCount += 1;\n    }\n    registry.rules.set(normalized, entry);\n  }\n\n  rememberStyleRule(entry);\n  registerSSRStyle(entry);\n\n  return entry.className;\n}\n"],"mappings":"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"}

package/dist/components/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { classes } from \"../_internal/classes\";\nimport { Close } from \"../close\";\nimport type { AlertProps } from \"./alert.types\";\n\nfunction resolveAlertRole(variant: AlertProps[\"variant\"] | undefined): \"alert\" | \"status\" {\n  if (variant === \"danger\" || variant === \"warning\") {\n    return \"alert\";\n  }\n\n  return \"status\";\n}\n\nexport function Alert(props: AlertProps): JSX.Element {\n  const {\n    actions,\n    children,\n    class: className,\n    description,\n    dismissLabel = \"Dismiss alert\",\n    icon,\n    onDismiss,\n    ref,\n    title,\n    titleAs: TitleTag = \"h3\",\n    variant = \"default\",\n    role,\n    ...rest\n  } = props;\n  const shouldRenderDismiss = onDismiss !== undefined;\n  const resolvedRole = role ?? resolveAlertRole(variant);\n  const hasVariant = variant !== \"default\";\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"alert\",\n        hasVariant ? `alert-${variant}` : undefined,\n        shouldRenderDismiss ? \"alert-dismissible\" : undefined,\n        className,\n      )}\n      data-dismissible={shouldRenderDismiss ? \"true\" : undefined}\n      data-slot=\"alert\"\n      data-variant={hasVariant ? variant : undefined}\n      role={resolvedRole as string}\n    >\n      {icon !== undefined ? (\n        <div aria-hidden=\"true\" class=\"alert-icon\" data-slot=\"alert-icon\">\n          {icon}\n        </div>\n      ) : null}\n\n      <div class=\"alert-content\" data-slot=\"alert-content\">\n        {title !== undefined ? (\n          <TitleTag class=\"alert-title\" data-slot=\"alert-title\">\n            {title}\n          </TitleTag>\n        ) : null}\n\n        {description !== undefined ? (\n          <p class=\"alert-description\" data-slot=\"alert-description\">\n            {description}\n          </p>\n        ) : null}\n\n        {children}\n\n        {actions !== undefined ? (\n          <div class=\"alert-actions\" data-slot=\"alert-actions\">\n            {actions}\n          </div>\n        ) : null}\n      </div>\n\n      {shouldRenderDismiss ? (\n        <div class=\"alert-close\" data-slot=\"alert-close\">\n          <Close label={dismissLabel} onPress={onDismiss} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,SAAS,iBAAiB,SAAgE;CACxF,IAAI,YAAY,YAAY,YAAY,WACtC,OAAO;CAGT,OAAO;AACT;AAEA,SAAgB,MAAM,OAAgC;CACpD,MAAM,EACJ,SACA,UACA,OAAO,WACP,aACA,eAAe,iBACf,MACA,WACA,KACA,OACA,SAAS,WAAW,MACpB,UAAU,WACV,MACA,GAAG,SACD;CACJ,MAAM,sBAAsB,cAAc,KAAA;CAC1C,MAAM,eAAe,QAAQ,iBAAiB,OAAO;CACrD,MAAM,aAAa,YAAY;CAE/B,OACE,qBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,SACA,aAAa,SAAS,YAAY,KAAA,GAClC,sBAAsB,sBAAsB,KAAA,GAC5C,SACF;EACA,oBAAkB,sBAAsB,SAAS,KAAA;EACjD,aAAU;EACV,gBAAc,aAAa,UAAU,KAAA;EACrC,MAAM;YAZR;GAcG,SAAS,KAAA,IACR,oBAAC,OAAD;IAAK,eAAY;IAAO,OAAM;IAAa,aAAU;cAClD;GACE,CAAA,IACH;GAEJ,qBAAC,OAAD;IAAK,OAAM;IAAgB,aAAU;cAArC;KACG,UAAU,KAAA,IACT,oBAAC,UAAD;MAAU,OAAM;MAAc,aAAU;gBACrC;KACO,CAAA,IACR;KAEH,gBAAgB,KAAA,IACf,oBAAC,KAAD;MAAG,OAAM;MAAoB,aAAU;gBACpC;KACA,CAAA,IACD;KAEH;KAEA,YAAY,KAAA,IACX,oBAAC,OAAD;MAAK,OAAM;MAAgB,aAAU;gBAClC;KACE,CAAA,IACH;IACD;;GAEJ,sBACC,oBAAC,OAAD;IAAK,OAAM;IAAc,aAAU;cACjC,oBAAC,OAAD;KAAO,OAAO;KAAc,SAAS;IAAY,CAAA;GAC9C,CAAA,IACH;EACD;;AAET"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { classes } from \"../_internal/classes\";\nimport { Close } from \"../close\";\nimport type { AlertProps } from \"./alert.types\";\n\nfunction resolveAlertRole(variant: AlertProps[\"variant\"] | undefined): \"alert\" | \"status\" {\n  if (variant === \"danger\" || variant === \"warning\") {\n    return \"alert\";\n  }\n\n  return \"status\";\n}\n\nexport function Alert(props: AlertProps): JSX.Element {\n  const {\n    actions,\n    children,\n    class: className,\n    description,\n    dismissLabel = \"Dismiss alert\",\n    icon,\n    onDismiss,\n    ref,\n    title,\n    titleAs: TitleTag = \"h3\",\n    variant = \"default\",\n    role,\n    ...rest\n  } = props;\n  const shouldRenderDismiss = onDismiss !== undefined;\n  const resolvedRole = role ?? resolveAlertRole(variant);\n  const hasVariant = variant !== \"default\";\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"alert\",\n        hasVariant ? `alert-${variant}` : undefined,\n        shouldRenderDismiss ? \"alert-dismissible\" : undefined,\n        className,\n      )}\n      data-dismissible={shouldRenderDismiss ? \"true\" : undefined}\n      data-slot=\"alert\"\n      data-variant={hasVariant ? variant : undefined}\n      role={resolvedRole as string}\n    >\n      {icon !== undefined ? (\n        <div aria-hidden=\"true\" class=\"alert-icon\" data-slot=\"alert-icon\">\n          {icon}\n        </div>\n      ) : null}\n\n      <div class=\"alert-content\" data-slot=\"alert-content\">\n        {title !== undefined ? (\n          <TitleTag class=\"alert-title\" data-slot=\"alert-title\">\n            {title}\n          </TitleTag>\n        ) : null}\n\n        {description !== undefined ? (\n          <p class=\"alert-description\" data-slot=\"alert-description\">\n            {description}\n          </p>\n        ) : null}\n\n        {children}\n\n        {actions !== undefined ? (\n          <div class=\"alert-actions\" data-slot=\"alert-actions\">\n            {actions}\n          </div>\n        ) : null}\n      </div>\n\n      {shouldRenderDismiss ? (\n        <div class=\"alert-close\" data-slot=\"alert-close\">\n          <Close label={dismissLabel} onPress={onDismiss} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,SAAS,iBAAiB,SAAgE;CACxF,IAAI,YAAY,YAAY,YAAY,WACtC,OAAO;CAGT,OAAO;AACT;AAEA,SAAgB,MAAM,OAAgC;CACpD,MAAM,EACJ,SACA,UACA,OAAO,WACP,aACA,eAAe,iBACf,MACA,WACA,KACA,OACA,SAAS,WAAW,MACpB,UAAU,WACV,MACA,GAAG,SACD;CACJ,MAAM,sBAAsB,cAAc,KAAA;CAC1C,MAAM,eAAe,QAAQ,iBAAiB,OAAO;CACrD,MAAM,aAAa,YAAY;CAE/B,OACE,qBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,SACA,aAAa,SAAS,YAAY,KAAA,GAClC,sBAAsB,sBAAsB,KAAA,GAC5C,SACF;EACA,oBAAkB,sBAAsB,SAAS,KAAA;EACjD,aAAU;EACV,gBAAc,aAAa,UAAU,KAAA;EACrC,MAAM;EAZR,UAAA;GAcG,SAAS,KAAA,IACR,oBAAC,OAAD;IAAK,eAAY;IAAO,OAAM;IAAa,aAAU;IAClD,UAAA;GACE,CAAA,IACH;GAEJ,qBAAC,OAAD;IAAK,OAAM;IAAgB,aAAU;IAArC,UAAA;KACG,UAAU,KAAA,IACT,oBAAC,UAAD;MAAU,OAAM;MAAc,aAAU;MACrC,UAAA;KACO,CAAA,IACR;KAEH,gBAAgB,KAAA,IACf,oBAAC,KAAD;MAAG,OAAM;MAAoB,aAAU;MACpC,UAAA;KACA,CAAA,IACD;KAEH;KAEA,YAAY,KAAA,IACX,oBAAC,OAAD;MAAK,OAAM;MAAgB,aAAU;MAClC,UAAA;KACE,CAAA,IACH;IACD;;GAEJ,sBACC,oBAAC,OAAD;IAAK,OAAM;IAAc,aAAU;IACjC,UAAA,oBAAC,OAAD;KAAO,OAAO;KAAc,SAAS;IAAY,CAAA;GAC9C,CAAA,IACH;EACD;;AAET"}

package/dist/components/brand/brand.js

@@ -22,23 +22,25 @@ function Brand(props) {
 }
 function BrandMark(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("brand-mark", className),
+		"data-slot": "brand-mark"
+	});
 	return /* @__PURE__ */ jsx("span", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("brand-mark", className),
-			"data-slot": "brand-mark"
-		}),
+		...finalProps,
 		children
 	});
 }
 function BrandLabel(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("brand-label", className),
+		"data-slot": "brand-label"
+	});
 	return /* @__PURE__ */ jsx("span", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("brand-label", className),
-			"data-slot": "brand-label"
-		}),
+		...finalProps,
 		children
 	});
 }

package/dist/components/brand/brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"brand.js","names":[],"sources":["../../../src/components/brand/brand.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type {\n  BrandAsChildProps,\n  BrandLabelProps,\n  BrandMarkProps,\n  BrandNativeProps,\n  BrandProps,\n} from \"./brand.types\";\n\nconst DEFAULT_ELEMENT = \"div\";\n\nexport function Brand<TElement extends \"div\" | \"a\" | \"span\" = \"div\">(\n  props: BrandProps<TElement>,\n): JSX.Element {\n  const {\n    as: asProp,\n    asChild,\n    children,\n    class: classProp,\n    className,\n    ref,\n    ...rest\n  } = props as (BrandNativeProps | BrandAsChildProps) & {\n    as?: \"div\" | \"a\" | \"span\";\n  };\n  const as = asProp;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand\", classProp, className),\n    \"data-slot\": \"brand\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return intrinsicElement(as ?? DEFAULT_ELEMENT, finalProps, children);\n}\n\nexport function BrandMark(props: BrandMarkProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand-mark\", className),\n    \"data-slot\": \"brand-mark\",\n  });\n\n  return <span {...finalProps}>{children}</span>;\n}\n\nexport function BrandLabel(props: BrandLabelProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand-label\", className),\n    \"data-slot\": \"brand-label\",\n  });\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;;;AAaA,MAAM,kBAAkB;AAExB,SAAgB,MACd,OACa;CACb,MAAM,EACJ,IAAI,QACJ,SACA,UACA,OAAO,WACP,WACA,KACA,GAAG,SACD;CAGJ,MAAM,KAAK;CAEX,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,SAAS,WAAW,SAAS;EAC5C,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OAAO,iBAAiB,MAAM,iBAAiB,YAAY,QAAQ;AACrE;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,QAAD;EAAM,GANM,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,cAAc,SAAS;GACtC,aAAa;EACf,CAE0B;EAAI;CAAe,CAAA;AAC/C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,QAAD;EAAM,GANM,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAE0B;EAAI;CAAe,CAAA;AAC/C"}
+{"version":3,"file":"brand.js","names":[],"sources":["../../../src/components/brand/brand.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type {\n  BrandAsChildProps,\n  BrandLabelProps,\n  BrandMarkProps,\n  BrandNativeProps,\n  BrandProps,\n} from \"./brand.types\";\n\nconst DEFAULT_ELEMENT = \"div\";\n\nexport function Brand<TElement extends \"div\" | \"a\" | \"span\" = \"div\">(\n  props: BrandProps<TElement>,\n): JSX.Element {\n  const {\n    as: asProp,\n    asChild,\n    children,\n    class: classProp,\n    className,\n    ref,\n    ...rest\n  } = props as (BrandNativeProps | BrandAsChildProps) & {\n    as?: \"div\" | \"a\" | \"span\";\n  };\n  const as = asProp;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand\", classProp, className),\n    \"data-slot\": \"brand\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return intrinsicElement(as ?? DEFAULT_ELEMENT, finalProps, children);\n}\n\nexport function BrandMark(props: BrandMarkProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand-mark\", className),\n    \"data-slot\": \"brand-mark\",\n  });\n\n  return <span {...finalProps}>{children}</span>;\n}\n\nexport function BrandLabel(props: BrandLabelProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand-label\", className),\n    \"data-slot\": \"brand-label\",\n  });\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;;;AAaA,MAAM,kBAAkB;AAExB,SAAgB,MACd,OACa;CACb,MAAM,EACJ,IAAI,QACJ,SACA,UACA,OAAO,WACP,WACA,KACA,GAAG,SACD;CAGJ,MAAM,KAAK;CAEX,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,SAAS,WAAW,SAAS;EAC5C,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OAAO,iBAAiB,MAAM,iBAAiB,YAAY,QAAQ;AACrE;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,cAAc,SAAS;EACtC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;AAC/C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,eAAe,SAAS;EACvC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;AAC/C"}

package/dist/components/card/card.js

@@ -8,79 +8,86 @@ function normalizeVariant(variant) {
 function Card(props) {
 	const { children, class: className, variant, ref, ...rest } = props;
 	const normalizedVariant = normalizeVariant(variant);
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card", normalizedVariant && `card-${normalizedVariant}`, className),
+		"data-slot": "card",
+		"data-variant": normalizedVariant
+	});
 	return /* @__PURE__ */ jsx("div", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card", normalizedVariant && `card-${normalizedVariant}`, className),
-			"data-slot": "card",
-			"data-variant": normalizedVariant
-		}),
+		...finalProps,
 		children
 	});
 }
 function CardHeader(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card-header", className),
+		"data-slot": "card-header"
+	});
 	return /* @__PURE__ */ jsx("div", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card-header", className),
-			"data-slot": "card-header"
-		}),
+		...finalProps,
 		children
 	});
 }
 function CardTitle(props) {
 	const { children, class: className, ref, titleAs: TitleTag = "h3", ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card-title", className),
+		"data-slot": "card-title"
+	});
 	return /* @__PURE__ */ jsx(TitleTag, {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card-title", className),
-			"data-slot": "card-title"
-		}),
+		...finalProps,
 		children
 	});
 }
 function CardDescription(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card-description", className),
+		"data-slot": "card-description"
+	});
 	return /* @__PURE__ */ jsx("p", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card-description", className),
-			"data-slot": "card-description"
-		}),
+		...finalProps,
 		children
 	});
 }
 function CardContent(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card-content", className),
+		"data-slot": "card-content"
+	});
 	return /* @__PURE__ */ jsx("div", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card-content", className),
-			"data-slot": "card-content"
-		}),
+		...finalProps,
 		children
 	});
 }
 function CardFooter(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card-footer", className),
+		"data-slot": "card-footer"
+	});
 	return /* @__PURE__ */ jsx("div", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card-footer", className),
-			"data-slot": "card-footer"
-		}),
+		...finalProps,
 		children
 	});
 }
 function CardAction(props) {
 	const { children, class: className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("card-action", className),
+		"data-slot": "card-action"
+	});
 	return /* @__PURE__ */ jsx("div", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("card-action", className),
-			"data-slot": "card-action"
-		}),
+		...finalProps,
 		children
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n} from \"./card.types\";\n\nfunction normalizeVariant(variant: CardVariant | undefined) {\n  return variant && variant !== \"default\" ? variant : undefined;\n}\n\nexport function Card(props: CardProps): JSX.Element {\n  const { children, class: className, variant, ref, ...rest } = props;\n  const normalizedVariant = normalizeVariant(variant);\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card\", normalizedVariant && `card-${normalizedVariant}`, className),\n    \"data-slot\": \"card\",\n    \"data-variant\": normalizedVariant,\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-header\", className),\n    \"data-slot\": \"card-header\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n  const { children, class: className, ref, titleAs: TitleTag = \"h3\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-title\", className),\n    \"data-slot\": \"card-title\",\n  });\n\n  return <TitleTag {...finalProps}>{children}</TitleTag>;\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-description\", className),\n    \"data-slot\": \"card-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-content\", className),\n    \"data-slot\": \"card-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-footer\", className),\n    \"data-slot\": \"card-footer\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardAction(props: CardActionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-action\", className),\n    \"data-slot\": \"card-action\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAcA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,YAAY,UAAU,KAAA;AACtD;AAEA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,KAAK,GAAG,SAAS;CAC9D,MAAM,oBAAoB,iBAAiB,OAAO;CASlD,OAAO,oBAAC,OAAD;EAAK,GAPO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,QAAQ,qBAAqB,QAAQ,qBAAqB,SAAS;GAClF,aAAa;GACb,gBAAgB;EAClB,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,SAAS,WAAW,MAAM,GAAG,SAAS;CAO/E,OAAO,oBAAC,UAAD;EAAU,GANE,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,cAAc,SAAS;GACtC,aAAa;EACf,CAE8B;EAAI;CAAmB,CAAA;AACvD;AAEA,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,oBAAoB,SAAS;GAC5C,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n} from \"./card.types\";\n\nfunction normalizeVariant(variant: CardVariant | undefined) {\n  return variant && variant !== \"default\" ? variant : undefined;\n}\n\nexport function Card(props: CardProps): JSX.Element {\n  const { children, class: className, variant, ref, ...rest } = props;\n  const normalizedVariant = normalizeVariant(variant);\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card\", normalizedVariant && `card-${normalizedVariant}`, className),\n    \"data-slot\": \"card\",\n    \"data-variant\": normalizedVariant,\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-header\", className),\n    \"data-slot\": \"card-header\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n  const { children, class: className, ref, titleAs: TitleTag = \"h3\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-title\", className),\n    \"data-slot\": \"card-title\",\n  });\n\n  return <TitleTag {...finalProps}>{children}</TitleTag>;\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-description\", className),\n    \"data-slot\": \"card-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-content\", className),\n    \"data-slot\": \"card-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-footer\", className),\n    \"data-slot\": \"card-footer\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardAction(props: CardActionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-action\", className),\n    \"data-slot\": \"card-action\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAcA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,YAAY,UAAU,KAAA;AACtD;AAEA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,KAAK,GAAG,SAAS;CAC9D,MAAM,oBAAoB,iBAAiB,OAAO;CAElD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,QAAQ,qBAAqB,QAAQ,qBAAqB,SAAS;EAClF,aAAa;EACb,gBAAgB;CAClB,CAAC;CAED,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,eAAe,SAAS;EACvC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,SAAS,WAAW,MAAM,GAAG,SAAS;CAC/E,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,cAAc,SAAS;EACtC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,UAAD;EAAU,GAAI;EAAa;CAAmB,CAAA;AACvD;AAEA,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,oBAAoB,SAAS;EAC5C,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,gBAAgB,SAAS;EACxC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,eAAe,SAAS;EACvC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,eAAe,SAAS;EACvC,aAAa;CACf,CAAC;CAED,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}

package/dist/components/catalog.js

@@ -262,12 +262,13 @@ function Combobox(props) {
 }
 function ComboboxInput(props) {
 	const { ref, class: className, ...rest } = props;
-	return /* @__PURE__ */ jsx("input", { ...mergeProps(rest, {
+	const finalProps = mergeProps(rest, {
 		ref,
 		class: classes("input", className),
 		"data-slot": "combobox-input",
 		role: "combobox"
-	}) });
+	});
+	return /* @__PURE__ */ jsx("input", { ...finalProps });
 }
 function ComboboxList(props) {
 	return catalogPart(props, {
@@ -289,11 +290,12 @@ function CommandDialog(props) {
 }
 function CommandInput(props) {
 	const { ref, class: className, ...rest } = props;
-	return /* @__PURE__ */ jsx("input", { ...mergeProps(rest, {
+	const finalProps = mergeProps(rest, {
 		ref,
 		class: classes("input", className),
 		"data-slot": "command-input"
-	}) });
+	});
+	return /* @__PURE__ */ jsx("input", { ...finalProps });
 }
 function CommandHeader(props) {
 	return catalogPart(props, { slot: "command-header" });
@@ -353,13 +355,14 @@ function DatePicker(props) {
 }
 function DatePickerInput(props) {
 	const { ref, class: className, type = "date", ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("input", className),
+		"data-slot": "date-picker-input"
+	});
 	return /* @__PURE__ */ jsx("input", {
 		type,
-		...mergeProps(rest, {
-			ref,
-			class: classes("input", className),
-			"data-slot": "date-picker-input"
-		})
+		...finalProps
 	});
 }
 function Direction(props) {
@@ -507,12 +510,13 @@ function Kbd(props) {
 }
 function NativeSelect(props) {
 	const { children, ref, class: className, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("input", className),
+		"data-slot": "native-select"
+	});
 	return /* @__PURE__ */ jsx("select", {
-		...mergeProps(rest, {
-			ref,
-			class: classes("input", className),
-			"data-slot": "native-select"
-		}),
+		...finalProps,
 		children
 	});
 }