jaci-ui 0.1.0

package/dist/components/color-picker/color-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.cjs","names":[],"sources":["../../../src/components/color-picker/color-utils.ts"],"sourcesContent":["export type ColorFormat = \"hex\" | \"rgb\" | \"hsl\";\n\nexport interface ColorModel {\n  alpha: number;\n  hue: number;\n  lightness: number;\n  saturation: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nfunction parseNumber(value: string, min: number, max: number) {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;\n}\n\nfunction parseAlpha(value: string | undefined) {\n  if (value === undefined) return 1;\n  if (value.trim().endsWith(\"%\")) {\n    return parseNumber(value, 0, 100) === null\n      ? null\n      : (parseNumber(value, 0, 100) as number) / 100;\n  }\n  return parseNumber(value, 0, 1);\n}\n\nfunction parseHex(value: string): ColorModel | null {\n  const hex = value.slice(1);\n  if (![3, 4, 6, 8].includes(hex.length) || !/^[\\da-f]+$/i.test(hex)) return null;\n  const expanded =\n    hex.length <= 4\n      ? hex\n          .split(\"\")\n          .map((part) => `${part}${part}`)\n          .join(\"\")\n      : hex;\n  const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;\n  const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;\n  const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;\n  const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;\n  return rgbToHsl(red * 255, green * 255, blue * 255, alpha);\n}\n\nfunction parseRgb(value: string): ColorModel | null {\n  const match = value.match(\n    /^rgba?\\(\\s*([^,\\s]+)[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n\n  const redValue = match[1];\n  const greenValue = match[2];\n  const blueValue = match[3];\n  if (!redValue || !greenValue || !blueValue) return null;\n  const channels = [redValue, greenValue, blueValue].map((channel) => {\n    if (channel.endsWith(\"%\")) {\n      const percentage = parseNumber(channel, 0, 100);\n      return percentage === null ? null : (percentage / 100) * 255;\n    }\n    return parseNumber(channel, 0, 255);\n  });\n  const alpha = parseAlpha(match[4]);\n  if (channels.some((channel) => channel === null) || alpha === null) return null;\n  return rgbToHsl(channels[0] as number, channels[1] as number, channels[2] as number, alpha);\n}\n\nfunction parseHsl(value: string): ColorModel | null {\n  const match = value.match(\n    /^hsla?\\(\\s*([^,\\s]+)(?:deg)?[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n  const hueValue = match[1];\n  const saturationValue = match[2];\n  const lightnessValue = match[3];\n  if (!hueValue || !saturationValue || !lightnessValue) return null;\n  const hue = parseNumber(hueValue.replace(/deg$/i, \"\"), -360, 360);\n  const saturation = parseNumber(saturationValue, 0, 100);\n  const lightness = parseNumber(lightnessValue, 0, 100);\n  const alpha = parseAlpha(match[4]);\n  if (hue === null || saturation === null || lightness === null || alpha === null) return null;\n  if (!saturationValue.endsWith(\"%\") || !lightnessValue.endsWith(\"%\")) return null;\n  return { alpha, hue: (hue + 360) % 360, lightness, saturation };\n}\n\nfunction rgbToHsl(red: number, green: number, blue: number, alpha = 1): ColorModel {\n  const r = red / 255;\n  const g = green / 255;\n  const b = blue / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  let hue = 0;\n  const lightness = (max + min) / 2;\n  const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n  if (delta !== 0) {\n    if (max === r) hue = 60 * (((g - b) / delta) % 6);\n    else if (max === g) hue = 60 * ((b - r) / delta + 2);\n    else hue = 60 * ((r - g) / delta + 4);\n  }\n\n  return {\n    alpha: clamp(alpha, 0, 1),\n    hue: (hue + 360) % 360,\n    lightness: lightness * 100,\n    saturation: saturation * 100,\n  };\n}\n\nfunction hslToRgb({ hue, lightness, saturation }: ColorModel) {\n  const h = hue / 360;\n  const s = saturation / 100;\n  const l = lightness / 100;\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const segment = h * 6;\n  const x = chroma * (1 - Math.abs((segment % 2) - 1));\n  const [r, g, b] =\n    segment < 1\n      ? [chroma, x, 0]\n      : segment < 2\n        ? [x, chroma, 0]\n        : segment < 3\n          ? [0, chroma, x]\n          : segment < 4\n            ? [0, x, chroma]\n            : segment < 5\n              ? [x, 0, chroma]\n              : [chroma, 0, x];\n  const match = l - chroma / 2;\n  return {\n    blue: Math.round((b + match) * 255),\n    green: Math.round((g + match) * 255),\n    red: Math.round((r + match) * 255),\n  };\n}\n\nexport function parseColor(value: string | undefined): ColorModel | null {\n  if (!value) return null;\n  const normalized = value.trim();\n  if (normalized.startsWith(\"#\")) return parseHex(normalized);\n  if (/^rgba?/i.test(normalized)) return parseRgb(normalized);\n  if (/^hsla?/i.test(normalized)) return parseHsl(normalized);\n  return null;\n}\n\nfunction formatAlpha(alpha: number) {\n  return Number(alpha.toFixed(3)).toString();\n}\n\nexport function formatColor(color: ColorModel, format: ColorFormat, showAlpha = false) {\n  const rgb = hslToRgb(color);\n  if (format === \"hex\") {\n    const base = [rgb.red, rgb.green, rgb.blue]\n      .map((channel) => channel.toString(16).padStart(2, \"0\"))\n      .join(\"\");\n    return `#${base}${\n      showAlpha\n        ? Math.round(color.alpha * 255)\n            .toString(16)\n            .padStart(2, \"0\")\n        : \"\"\n    }`;\n  }\n  if (format === \"rgb\") {\n    return showAlpha\n      ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})`\n      : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;\n  }\n  return showAlpha\n    ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})`\n    : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;\n}\n\nexport function defaultColor(value?: string) {\n  return parseColor(value) ?? { alpha: 1, hue: 0, lightness: 0, saturation: 0 };\n}\n"],"mappings":"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"}

package/dist/components/color-picker/color-utils.d.cts

@@ -0,0 +1,14 @@
+//#region src/components/color-picker/color-utils.d.ts
+type ColorFormat = "hex" | "rgb" | "hsl";
+interface ColorModel {
+  alpha: number;
+  hue: number;
+  lightness: number;
+  saturation: number;
+}
+declare function parseColor(value: string | undefined): ColorModel | null;
+declare function formatColor(color: ColorModel, format: ColorFormat, showAlpha?: boolean): string;
+declare function defaultColor(value?: string): ColorModel;
+//#endregion
+export { ColorFormat, ColorModel, defaultColor, formatColor, parseColor };
+//# sourceMappingURL=color-utils.d.cts.map

package/dist/components/color-picker/color-utils.d.ts

@@ -0,0 +1,14 @@
+//#region src/components/color-picker/color-utils.d.ts
+type ColorFormat = "hex" | "rgb" | "hsl";
+interface ColorModel {
+  alpha: number;
+  hue: number;
+  lightness: number;
+  saturation: number;
+}
+declare function parseColor(value: string | undefined): ColorModel | null;
+declare function formatColor(color: ColorModel, format: ColorFormat, showAlpha?: boolean): string;
+declare function defaultColor(value?: string): ColorModel;
+//#endregion
+export { ColorFormat, ColorModel, defaultColor, formatColor, parseColor };
+//# sourceMappingURL=color-utils.d.ts.map

package/dist/components/color-picker/color-utils.js

@@ -0,0 +1,160 @@
+//#region src/components/color-picker/color-utils.ts
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function parseNumber(value, min, max) {
+	const parsed = Number.parseFloat(value);
+	return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;
+}
+function parseAlpha(value) {
+	if (value === void 0) return 1;
+	if (value.trim().endsWith("%")) return parseNumber(value, 0, 100) === null ? null : parseNumber(value, 0, 100) / 100;
+	return parseNumber(value, 0, 1);
+}
+function parseHex(value) {
+	const hex = value.slice(1);
+	if (![
+		3,
+		4,
+		6,
+		8
+	].includes(hex.length) || !/^[\da-f]+$/i.test(hex)) return null;
+	const expanded = hex.length <= 4 ? hex.split("").map((part) => `${part}${part}`).join("") : hex;
+	const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;
+	const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;
+	const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;
+	const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;
+	return rgbToHsl(red * 255, green * 255, blue * 255, alpha);
+}
+function parseRgb(value) {
+	const match = value.match(/^rgba?\(\s*([^,\s]+)[,\s]+([^,\s]+)[,\s]+([^,\s]+)(?:\s*[,/]\s*([^\s]+))?\s*\)$/i);
+	if (!match) return null;
+	const redValue = match[1];
+	const greenValue = match[2];
+	const blueValue = match[3];
+	if (!redValue || !greenValue || !blueValue) return null;
+	const channels = [
+		redValue,
+		greenValue,
+		blueValue
+	].map((channel) => {
+		if (channel.endsWith("%")) {
+			const percentage = parseNumber(channel, 0, 100);
+			return percentage === null ? null : percentage / 100 * 255;
+		}
+		return parseNumber(channel, 0, 255);
+	});
+	const alpha = parseAlpha(match[4]);
+	if (channels.some((channel) => channel === null) || alpha === null) return null;
+	return rgbToHsl(channels[0], channels[1], channels[2], alpha);
+}
+function parseHsl(value) {
+	const match = value.match(/^hsla?\(\s*([^,\s]+)(?:deg)?[,\s]+([^,\s]+)[,\s]+([^,\s]+)(?:\s*[,/]\s*([^\s]+))?\s*\)$/i);
+	if (!match) return null;
+	const hueValue = match[1];
+	const saturationValue = match[2];
+	const lightnessValue = match[3];
+	if (!hueValue || !saturationValue || !lightnessValue) return null;
+	const hue = parseNumber(hueValue.replace(/deg$/i, ""), -360, 360);
+	const saturation = parseNumber(saturationValue, 0, 100);
+	const lightness = parseNumber(lightnessValue, 0, 100);
+	const alpha = parseAlpha(match[4]);
+	if (hue === null || saturation === null || lightness === null || alpha === null) return null;
+	if (!saturationValue.endsWith("%") || !lightnessValue.endsWith("%")) return null;
+	return {
+		alpha,
+		hue: (hue + 360) % 360,
+		lightness,
+		saturation
+	};
+}
+function rgbToHsl(red, green, blue, alpha = 1) {
+	const r = red / 255;
+	const g = green / 255;
+	const b = blue / 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	const delta = max - min;
+	let hue = 0;
+	const lightness = (max + min) / 2;
+	const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));
+	if (delta !== 0) if (max === r) hue = 60 * ((g - b) / delta % 6);
+	else if (max === g) hue = 60 * ((b - r) / delta + 2);
+	else hue = 60 * ((r - g) / delta + 4);
+	return {
+		alpha: clamp(alpha, 0, 1),
+		hue: (hue + 360) % 360,
+		lightness: lightness * 100,
+		saturation: saturation * 100
+	};
+}
+function hslToRgb({ hue, lightness, saturation }) {
+	const h = hue / 360;
+	const s = saturation / 100;
+	const l = lightness / 100;
+	const chroma = (1 - Math.abs(2 * l - 1)) * s;
+	const segment = h * 6;
+	const x = chroma * (1 - Math.abs(segment % 2 - 1));
+	const [r, g, b] = segment < 1 ? [
+		chroma,
+		x,
+		0
+	] : segment < 2 ? [
+		x,
+		chroma,
+		0
+	] : segment < 3 ? [
+		0,
+		chroma,
+		x
+	] : segment < 4 ? [
+		0,
+		x,
+		chroma
+	] : segment < 5 ? [
+		x,
+		0,
+		chroma
+	] : [
+		chroma,
+		0,
+		x
+	];
+	const match = l - chroma / 2;
+	return {
+		blue: Math.round((b + match) * 255),
+		green: Math.round((g + match) * 255),
+		red: Math.round((r + match) * 255)
+	};
+}
+function parseColor(value) {
+	if (!value) return null;
+	const normalized = value.trim();
+	if (normalized.startsWith("#")) return parseHex(normalized);
+	if (/^rgba?/i.test(normalized)) return parseRgb(normalized);
+	if (/^hsla?/i.test(normalized)) return parseHsl(normalized);
+	return null;
+}
+function formatAlpha(alpha) {
+	return Number(alpha.toFixed(3)).toString();
+}
+function formatColor(color, format, showAlpha = false) {
+	const rgb = hslToRgb(color);
+	if (format === "hex") return `#${[
+		rgb.red,
+		rgb.green,
+		rgb.blue
+	].map((channel) => channel.toString(16).padStart(2, "0")).join("")}${showAlpha ? Math.round(color.alpha * 255).toString(16).padStart(2, "0") : ""}`;
+	if (format === "rgb") return showAlpha ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})` : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;
+	return showAlpha ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})` : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;
+}
+function defaultColor(value) {
+	return parseColor(value) ?? {
+		alpha: 1,
+		hue: 0,
+		lightness: 0,
+		saturation: 0
+	};
+}
+//#endregion
+export { defaultColor, formatColor, parseColor };
+
+//# sourceMappingURL=color-utils.js.map

package/dist/components/color-picker/color-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.js","names":[],"sources":["../../../src/components/color-picker/color-utils.ts"],"sourcesContent":["export type ColorFormat = \"hex\" | \"rgb\" | \"hsl\";\n\nexport interface ColorModel {\n  alpha: number;\n  hue: number;\n  lightness: number;\n  saturation: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nfunction parseNumber(value: string, min: number, max: number) {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;\n}\n\nfunction parseAlpha(value: string | undefined) {\n  if (value === undefined) return 1;\n  if (value.trim().endsWith(\"%\")) {\n    return parseNumber(value, 0, 100) === null\n      ? null\n      : (parseNumber(value, 0, 100) as number) / 100;\n  }\n  return parseNumber(value, 0, 1);\n}\n\nfunction parseHex(value: string): ColorModel | null {\n  const hex = value.slice(1);\n  if (![3, 4, 6, 8].includes(hex.length) || !/^[\\da-f]+$/i.test(hex)) return null;\n  const expanded =\n    hex.length <= 4\n      ? hex\n          .split(\"\")\n          .map((part) => `${part}${part}`)\n          .join(\"\")\n      : hex;\n  const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;\n  const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;\n  const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;\n  const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;\n  return rgbToHsl(red * 255, green * 255, blue * 255, alpha);\n}\n\nfunction parseRgb(value: string): ColorModel | null {\n  const match = value.match(\n    /^rgba?\\(\\s*([^,\\s]+)[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n\n  const redValue = match[1];\n  const greenValue = match[2];\n  const blueValue = match[3];\n  if (!redValue || !greenValue || !blueValue) return null;\n  const channels = [redValue, greenValue, blueValue].map((channel) => {\n    if (channel.endsWith(\"%\")) {\n      const percentage = parseNumber(channel, 0, 100);\n      return percentage === null ? null : (percentage / 100) * 255;\n    }\n    return parseNumber(channel, 0, 255);\n  });\n  const alpha = parseAlpha(match[4]);\n  if (channels.some((channel) => channel === null) || alpha === null) return null;\n  return rgbToHsl(channels[0] as number, channels[1] as number, channels[2] as number, alpha);\n}\n\nfunction parseHsl(value: string): ColorModel | null {\n  const match = value.match(\n    /^hsla?\\(\\s*([^,\\s]+)(?:deg)?[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n  const hueValue = match[1];\n  const saturationValue = match[2];\n  const lightnessValue = match[3];\n  if (!hueValue || !saturationValue || !lightnessValue) return null;\n  const hue = parseNumber(hueValue.replace(/deg$/i, \"\"), -360, 360);\n  const saturation = parseNumber(saturationValue, 0, 100);\n  const lightness = parseNumber(lightnessValue, 0, 100);\n  const alpha = parseAlpha(match[4]);\n  if (hue === null || saturation === null || lightness === null || alpha === null) return null;\n  if (!saturationValue.endsWith(\"%\") || !lightnessValue.endsWith(\"%\")) return null;\n  return { alpha, hue: (hue + 360) % 360, lightness, saturation };\n}\n\nfunction rgbToHsl(red: number, green: number, blue: number, alpha = 1): ColorModel {\n  const r = red / 255;\n  const g = green / 255;\n  const b = blue / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  let hue = 0;\n  const lightness = (max + min) / 2;\n  const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n  if (delta !== 0) {\n    if (max === r) hue = 60 * (((g - b) / delta) % 6);\n    else if (max === g) hue = 60 * ((b - r) / delta + 2);\n    else hue = 60 * ((r - g) / delta + 4);\n  }\n\n  return {\n    alpha: clamp(alpha, 0, 1),\n    hue: (hue + 360) % 360,\n    lightness: lightness * 100,\n    saturation: saturation * 100,\n  };\n}\n\nfunction hslToRgb({ hue, lightness, saturation }: ColorModel) {\n  const h = hue / 360;\n  const s = saturation / 100;\n  const l = lightness / 100;\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const segment = h * 6;\n  const x = chroma * (1 - Math.abs((segment % 2) - 1));\n  const [r, g, b] =\n    segment < 1\n      ? [chroma, x, 0]\n      : segment < 2\n        ? [x, chroma, 0]\n        : segment < 3\n          ? [0, chroma, x]\n          : segment < 4\n            ? [0, x, chroma]\n            : segment < 5\n              ? [x, 0, chroma]\n              : [chroma, 0, x];\n  const match = l - chroma / 2;\n  return {\n    blue: Math.round((b + match) * 255),\n    green: Math.round((g + match) * 255),\n    red: Math.round((r + match) * 255),\n  };\n}\n\nexport function parseColor(value: string | undefined): ColorModel | null {\n  if (!value) return null;\n  const normalized = value.trim();\n  if (normalized.startsWith(\"#\")) return parseHex(normalized);\n  if (/^rgba?/i.test(normalized)) return parseRgb(normalized);\n  if (/^hsla?/i.test(normalized)) return parseHsl(normalized);\n  return null;\n}\n\nfunction formatAlpha(alpha: number) {\n  return Number(alpha.toFixed(3)).toString();\n}\n\nexport function formatColor(color: ColorModel, format: ColorFormat, showAlpha = false) {\n  const rgb = hslToRgb(color);\n  if (format === \"hex\") {\n    const base = [rgb.red, rgb.green, rgb.blue]\n      .map((channel) => channel.toString(16).padStart(2, \"0\"))\n      .join(\"\");\n    return `#${base}${\n      showAlpha\n        ? Math.round(color.alpha * 255)\n            .toString(16)\n            .padStart(2, \"0\")\n        : \"\"\n    }`;\n  }\n  if (format === \"rgb\") {\n    return showAlpha\n      ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})`\n      : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;\n  }\n  return showAlpha\n    ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})`\n    : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;\n}\n\nexport function defaultColor(value?: string) {\n  return parseColor(value) ?? { alpha: 1, hue: 0, lightness: 0, saturation: 0 };\n}\n"],"mappings":"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"}

package/dist/components/color-picker/index.d.cts

@@ -0,0 +1,3 @@
+import { ColorFormat, ColorModel, defaultColor, formatColor, parseColor } from "./color-utils.cjs";
+import { ColorPicker, ColorPickerAlpha, ColorPickerAlphaProps, ColorPickerControl, ColorPickerControlProps, ColorPickerHue, ColorPickerHueProps, ColorPickerInput, ColorPickerInputProps, ColorPickerLabel, ColorPickerLabelProps, ColorPickerNativeInput, ColorPickerNativeInputProps, ColorPickerPalette, ColorPickerPaletteProps, ColorPickerPopup, ColorPickerPopupProps, ColorPickerPortal, ColorPickerPositioner, ColorPickerPositionerProps, ColorPickerPreview, ColorPickerPreviewProps, ColorPickerRoot, ColorPickerRootProps, ColorPickerSwatch, ColorPickerSwatchProps, ColorPickerSwatches, ColorPickerSwatchesProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorPickerValue, ColorPickerValueProps } from "./color-picker.cjs";
+export { type ColorFormat, type ColorModel, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerControl, type ColorPickerControlProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerInput, type ColorPickerInputProps, ColorPickerLabel, type ColorPickerLabelProps, ColorPickerNativeInput, type ColorPickerNativeInputProps, ColorPickerPalette, type ColorPickerPaletteProps, ColorPickerPopup, type ColorPickerPopupProps, ColorPickerPortal, ColorPickerPositioner, type ColorPickerPositionerProps, ColorPickerPreview, type ColorPickerPreviewProps, ColorPickerRoot, type ColorPickerRootProps, ColorPickerSwatch, type ColorPickerSwatchProps, ColorPickerSwatches, type ColorPickerSwatchesProps, ColorPickerTrigger, type ColorPickerTriggerProps, ColorPickerValue, type ColorPickerValueProps, defaultColor, formatColor, parseColor };

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { ColorFormat, ColorModel, defaultColor, formatColor, parseColor } from "./color-utils.js";
+import { ColorPicker, ColorPickerAlpha, ColorPickerAlphaProps, ColorPickerControl, ColorPickerControlProps, ColorPickerHue, ColorPickerHueProps, ColorPickerInput, ColorPickerInputProps, ColorPickerLabel, ColorPickerLabelProps, ColorPickerNativeInput, ColorPickerNativeInputProps, ColorPickerPalette, ColorPickerPaletteProps, ColorPickerPopup, ColorPickerPopupProps, ColorPickerPortal, ColorPickerPositioner, ColorPickerPositionerProps, ColorPickerPreview, ColorPickerPreviewProps, ColorPickerRoot, ColorPickerRootProps, ColorPickerSwatch, ColorPickerSwatchProps, ColorPickerSwatches, ColorPickerSwatchesProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorPickerValue, ColorPickerValueProps } from "./color-picker.js";
+export { type ColorFormat, type ColorModel, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerControl, type ColorPickerControlProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerInput, type ColorPickerInputProps, ColorPickerLabel, type ColorPickerLabelProps, ColorPickerNativeInput, type ColorPickerNativeInputProps, ColorPickerPalette, type ColorPickerPaletteProps, ColorPickerPopup, type ColorPickerPopupProps, ColorPickerPortal, ColorPickerPositioner, type ColorPickerPositionerProps, ColorPickerPreview, type ColorPickerPreviewProps, ColorPickerRoot, type ColorPickerRootProps, ColorPickerSwatch, type ColorPickerSwatchProps, ColorPickerSwatches, type ColorPickerSwatchesProps, ColorPickerTrigger, type ColorPickerTriggerProps, ColorPickerValue, type ColorPickerValueProps, defaultColor, formatColor, parseColor };

package/dist/components/combobox/combobox.cjs

@@ -0,0 +1,218 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_combobox = require("../../styled-system/recipes/combobox.cjs");
+const require_field = require("../field/field.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_field = require("@base-ui/react/field");
+let _base_ui_react_combobox = require("@base-ui/react/combobox");
+//#region src/components/combobox/combobox.tsx
+const ComboboxSizeContext = (0, react.createContext)("md");
+function useComboboxStyles() {
+	return require_combobox.combobox({ size: (0, react.useContext)(ComboboxSizeContext) });
+}
+/**
+* A searchable Base UI combobox with Field integration. It supports the
+* controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
+* object values, grouped items, filtering and multiple selection.
+*/
+function ComboboxRoot({ children, className, errors, invalid, name, size = "md", ...props }) {
+	const fieldProps = {
+		className: require_cx.cx(require_combobox.combobox({ size }).root, className),
+		...errors === void 0 ? {} : { errors },
+		...invalid === void 0 ? {} : { invalid },
+		...name === void 0 ? {} : { name }
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field.Field, {
+			...fieldProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Root, {
+				...props,
+				...name === void 0 ? {} : { name },
+				children
+			})
+		})
+	});
+}
+const ComboboxLabel = (0, react.forwardRef)(function ComboboxLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().label, className),
+		"data-slot": "combobox-label"
+	});
+});
+const ComboboxInputGroup = (0, react.forwardRef)(function ComboboxInputGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.InputGroup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().inputGroup, className),
+		"data-slot": "combobox-input-group"
+	});
+});
+const ComboboxInput = (0, react.forwardRef)(function ComboboxInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Input, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().input, className),
+		"data-jaci-component": "combobox",
+		"data-slot": "combobox-input"
+	});
+});
+const ComboboxTrigger = (0, react.forwardRef)(function ComboboxTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().trigger, className),
+		"data-slot": "combobox-trigger"
+	});
+});
+const ComboboxIcon = (0, react.forwardRef)(function ComboboxIcon({ children = "⌄", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Icon, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().icon, className),
+		"data-slot": "combobox-icon",
+		children
+	});
+});
+const ComboboxValue = _base_ui_react_combobox.Combobox.Value;
+const ComboboxPortal = _base_ui_react_combobox.Combobox.Portal;
+const ComboboxPositioner = (0, react.forwardRef)(function ComboboxPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Positioner, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().positioner, className),
+		"data-slot": "combobox-positioner"
+	});
+});
+const ComboboxPopup = (0, react.forwardRef)(function ComboboxPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Popup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().popup, className),
+		"data-slot": "combobox-popup"
+	});
+});
+const ComboboxList = (0, react.forwardRef)(function ComboboxList({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.List, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().list, className),
+		"data-slot": "combobox-list"
+	});
+});
+const ComboboxItem = (0, react.forwardRef)(function ComboboxItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Item, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().item, className),
+		"data-slot": "combobox-item"
+	});
+});
+const ComboboxItemIndicator = (0, react.forwardRef)(function ComboboxItemIndicator({ children = "✓", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.ItemIndicator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().itemIndicator, className),
+		"data-slot": "combobox-item-indicator",
+		children
+	});
+});
+const ComboboxGroup = (0, react.forwardRef)(function ComboboxGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Group, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().group, className),
+		"data-slot": "combobox-group"
+	});
+});
+const ComboboxGroupLabel = (0, react.forwardRef)(function ComboboxGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.GroupLabel, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().groupLabel, className),
+		"data-slot": "combobox-group-label"
+	});
+});
+const ComboboxEmpty = (0, react.forwardRef)(function ComboboxEmpty({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Empty, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().empty, className),
+		"data-slot": "combobox-empty"
+	});
+});
+const ComboboxClear = (0, react.forwardRef)(function ComboboxClear({ children = "×", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Clear, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().clear, className),
+		"data-slot": "combobox-clear",
+		"aria-label": props["aria-label"] ?? "Clear selection",
+		children
+	});
+});
+const ComboboxStatus = (0, react.forwardRef)(function ComboboxStatus({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Status, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().status, className),
+		"data-slot": "combobox-status"
+	});
+});
+const ComboboxArrow = (0, react.forwardRef)(function ComboboxArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Arrow, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useComboboxStyles().arrow, className),
+		"data-slot": "combobox-arrow"
+	});
+});
+const Combobox = {
+	Root: ComboboxRoot,
+	Label: ComboboxLabel,
+	InputGroup: ComboboxInputGroup,
+	Input: ComboboxInput,
+	Trigger: ComboboxTrigger,
+	Icon: ComboboxIcon,
+	Value: ComboboxValue,
+	Portal: ComboboxPortal,
+	Positioner: ComboboxPositioner,
+	Popup: ComboboxPopup,
+	List: ComboboxList,
+	Item: ComboboxItem,
+	ItemIndicator: ComboboxItemIndicator,
+	Group: ComboboxGroup,
+	GroupLabel: ComboboxGroupLabel,
+	Empty: ComboboxEmpty,
+	Clear: ComboboxClear,
+	Status: ComboboxStatus,
+	Arrow: ComboboxArrow,
+	useFilter: _base_ui_react_combobox.Combobox.useFilter
+};
+//#endregion
+exports.Combobox = Combobox;
+exports.ComboboxArrow = ComboboxArrow;
+exports.ComboboxClear = ComboboxClear;
+exports.ComboboxEmpty = ComboboxEmpty;
+exports.ComboboxGroup = ComboboxGroup;
+exports.ComboboxGroupLabel = ComboboxGroupLabel;
+exports.ComboboxIcon = ComboboxIcon;
+exports.ComboboxInput = ComboboxInput;
+exports.ComboboxInputGroup = ComboboxInputGroup;
+exports.ComboboxItem = ComboboxItem;
+exports.ComboboxItemIndicator = ComboboxItemIndicator;
+exports.ComboboxLabel = ComboboxLabel;
+exports.ComboboxList = ComboboxList;
+exports.ComboboxPopup = ComboboxPopup;
+exports.ComboboxPortal = ComboboxPortal;
+exports.ComboboxPositioner = ComboboxPositioner;
+exports.ComboboxRoot = ComboboxRoot;
+exports.ComboboxStatus = ComboboxStatus;
+exports.ComboboxTrigger = ComboboxTrigger;
+exports.ComboboxValue = ComboboxValue;
+
+//# sourceMappingURL=combobox.cjs.map

package/dist/components/combobox/combobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.cjs","names":["combobox","cx","Field","BaseCombobox","BaseField","withRecipeClassName"],"sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { forwardRef, createContext, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { ComboboxRoot as BaseComboboxRoot } from \"@base-ui/react/combobox\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { combobox } from \"../../styled-system/recipes\";\nimport { Field } from \"../field\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ComboboxSize = \"sm\" | \"md\" | \"lg\";\n\nconst ComboboxSizeContext = createContext<ComboboxSize>(\"md\");\n\nfunction useComboboxStyles() {\n  return combobox({ size: useContext(ComboboxSizeContext) });\n}\n\nexport interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false>\n  extends Omit<BaseComboboxRoot.Props<Value, Multiple>, \"children\" | \"className\"> {\n  /** Visual size shared by the input and trigger. */\n  size?: ComboboxSize;\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * A searchable Base UI combobox with Field integration. It supports the\n * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,\n * object values, grouped items, filtering and multiple selection.\n */\nexport function ComboboxRoot<Value = string, Multiple extends boolean | undefined = false>({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  size = \"md\",\n  ...props\n}: ComboboxRootProps<Value, Multiple>) {\n  const styles = combobox({ size });\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <ComboboxSizeContext.Provider value={size}>\n      <Field {...fieldProps}>\n        <BaseCombobox.Root {...props} {...(name === undefined ? {} : { name })}>\n          {children}\n        </BaseCombobox.Root>\n      </Field>\n    </ComboboxSizeContext.Provider>\n  );\n}\n\nexport type ComboboxLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const ComboboxLabel = forwardRef<HTMLElement, ComboboxLabelProps>(function ComboboxLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseField.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().label, className)}\n      data-slot=\"combobox-label\"\n    />\n  );\n});\n\nexport type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.InputGroup>;\n\nexport const ComboboxInputGroup = forwardRef<HTMLDivElement, ComboboxInputGroupProps>(\n  function ComboboxInputGroup({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.InputGroup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().inputGroup, className)}\n        data-slot=\"combobox-input-group\"\n      />\n    );\n  },\n);\n\nexport type ComboboxInputProps = ComponentPropsWithoutRef<typeof BaseCombobox.Input>;\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Input\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().input, className)}\n        data-jaci-component=\"combobox\"\n        data-slot=\"combobox-input\"\n      />\n    );\n  },\n);\n\nexport type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Trigger>;\n\nexport const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(\n  function ComboboxTrigger({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().trigger, className)}\n        data-slot=\"combobox-trigger\"\n      />\n    );\n  },\n);\n\nexport type ComboboxIconProps = ComponentPropsWithoutRef<typeof BaseCombobox.Icon>;\n\nexport const ComboboxIcon = forwardRef<HTMLSpanElement, ComboboxIconProps>(function ComboboxIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Icon\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().icon, className)}\n      data-slot=\"combobox-icon\"\n    >\n      {children}\n    </BaseCombobox.Icon>\n  );\n});\n\nexport type ComboboxValueProps = ComponentPropsWithoutRef<typeof BaseCombobox.Value>;\nexport const ComboboxValue = BaseCombobox.Value;\n\nexport const ComboboxPortal = BaseCombobox.Portal;\n\nexport type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof BaseCombobox.Positioner>;\nexport const ComboboxPositioner = forwardRef<HTMLDivElement, ComboboxPositionerProps>(\n  function ComboboxPositioner({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().positioner, className)}\n        data-slot=\"combobox-positioner\"\n      />\n    );\n  },\n);\n\nexport type ComboboxPopupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Popup>;\nexport const ComboboxPopup = forwardRef<HTMLDivElement, ComboboxPopupProps>(function ComboboxPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().popup, className)}\n      data-slot=\"combobox-popup\"\n    />\n  );\n});\n\nexport type ComboboxListProps = ComponentPropsWithoutRef<typeof BaseCombobox.List>;\nexport const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(function ComboboxList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().list, className)}\n      data-slot=\"combobox-list\"\n    />\n  );\n});\n\nexport type ComboboxItemProps = ComponentPropsWithoutRef<typeof BaseCombobox.Item>;\nexport const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(function ComboboxItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().item, className)}\n      data-slot=\"combobox-item\"\n    />\n  );\n});\n\nexport type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseCombobox.ItemIndicator\n>;\nexport const ComboboxItemIndicator = forwardRef<HTMLSpanElement, ComboboxItemIndicatorProps>(\n  function ComboboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.ItemIndicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().itemIndicator, className)}\n        data-slot=\"combobox-item-indicator\"\n      >\n        {children}\n      </BaseCombobox.ItemIndicator>\n    );\n  },\n);\n\nexport type ComboboxGroupProps = ComponentPropsWithoutRef<typeof BaseCombobox.Group>;\nexport const ComboboxGroup = forwardRef<HTMLDivElement, ComboboxGroupProps>(function ComboboxGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().group, className)}\n      data-slot=\"combobox-group\"\n    />\n  );\n});\n\nexport type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseCombobox.GroupLabel>;\nexport const ComboboxGroupLabel = forwardRef<HTMLDivElement, ComboboxGroupLabelProps>(\n  function ComboboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().groupLabel, className)}\n        data-slot=\"combobox-group-label\"\n      />\n    );\n  },\n);\n\nexport type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof BaseCombobox.Empty>;\nexport const ComboboxEmpty = forwardRef<HTMLDivElement, ComboboxEmptyProps>(function ComboboxEmpty(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Empty\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().empty, className)}\n      data-slot=\"combobox-empty\"\n    />\n  );\n});\n\nexport type ComboboxClearProps = ComponentPropsWithoutRef<typeof BaseCombobox.Clear>;\nexport const ComboboxClear = forwardRef<HTMLButtonElement, ComboboxClearProps>(\n  function ComboboxClear({ children = \"×\", className, ...props }, ref) {\n    return (\n      <BaseCombobox.Clear\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().clear, className)}\n        data-slot=\"combobox-clear\"\n        aria-label={props[\"aria-label\"] ?? \"Clear selection\"}\n      >\n        {children}\n      </BaseCombobox.Clear>\n    );\n  },\n);\n\nexport type ComboboxStatusProps = ComponentPropsWithoutRef<typeof BaseCombobox.Status>;\nexport const ComboboxStatus = forwardRef<HTMLDivElement, ComboboxStatusProps>(\n  function ComboboxStatus({ className, ...props }, ref) {\n    return (\n      <BaseCombobox.Status\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useComboboxStyles().status, className)}\n        data-slot=\"combobox-status\"\n      />\n    );\n  },\n);\n\nexport type ComboboxArrowProps = ComponentPropsWithoutRef<typeof BaseCombobox.Arrow>;\nexport const ComboboxArrow = forwardRef<HTMLDivElement, ComboboxArrowProps>(function ComboboxArrow(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseCombobox.Arrow\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useComboboxStyles().arrow, className)}\n      data-slot=\"combobox-arrow\"\n    />\n  );\n});\n\nexport const Combobox = {\n  Root: ComboboxRoot,\n  Label: ComboboxLabel,\n  InputGroup: ComboboxInputGroup,\n  Input: ComboboxInput,\n  Trigger: ComboboxTrigger,\n  Icon: ComboboxIcon,\n  Value: ComboboxValue,\n  Portal: ComboboxPortal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  List: ComboboxList,\n  Item: ComboboxItem,\n  ItemIndicator: ComboboxItemIndicator,\n  Group: ComboboxGroup,\n  GroupLabel: ComboboxGroupLabel,\n  Empty: ComboboxEmpty,\n  Clear: ComboboxClear,\n  Status: ComboboxStatus,\n  Arrow: ComboboxArrow,\n  useFilter: BaseCombobox.useFilter,\n};\n"],"mappings":"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"}

package/dist/components/combobox/combobox.d.cts

@@ -0,0 +1,81 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Field } from "@base-ui/react/field";
+import { Combobox, ComboboxRoot } from "@base-ui/react/combobox";
+//#region src/components/combobox/combobox.d.ts
+type ComboboxSize = "sm" | "md" | "lg";
+interface ComboboxRootProps<Value, Multiple extends boolean | undefined = false> extends Omit<ComboboxRoot.Props<Value, Multiple>, "children" | "className"> {
+  /** Visual size shared by the input and trigger. */
+  size?: ComboboxSize;
+  /** Marks the field invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Direct error content rendered through the surrounding Field context. */
+  errors?: ReactNode | ReactNode[];
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * A searchable Base UI combobox with Field integration. It supports the
+ * controlled `value`/`onValueChange` and uncontrolled `defaultValue` APIs,
+ * object values, grouped items, filtering and multiple selection.
+ */
+declare function ComboboxRoot$1<Value = string, Multiple extends boolean | undefined = false>({ children, className, errors, invalid, name, size, ...props }: ComboboxRootProps<Value, Multiple>): import("react").JSX.Element;
+type ComboboxLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
+declare const ComboboxLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type ComboboxInputGroupProps = ComponentPropsWithoutRef<typeof Combobox.InputGroup>;
+declare const ComboboxInputGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxInputProps = ComponentPropsWithoutRef<typeof Combobox.Input>;
+declare const ComboboxInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+type ComboboxTriggerProps = ComponentPropsWithoutRef<typeof Combobox.Trigger>;
+declare const ComboboxTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ComboboxIconProps = ComponentPropsWithoutRef<typeof Combobox.Icon>;
+declare const ComboboxIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ComboboxValueProps = ComponentPropsWithoutRef<typeof Combobox.Value>;
+declare const ComboboxValue: typeof Combobox.Value;
+declare const ComboboxPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxPositionerProps = ComponentPropsWithoutRef<typeof Combobox.Positioner>;
+declare const ComboboxPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxPopupProps = ComponentPropsWithoutRef<typeof Combobox.Popup>;
+declare const ComboboxPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxListProps = ComponentPropsWithoutRef<typeof Combobox.List>;
+declare const ComboboxList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxItemProps = ComponentPropsWithoutRef<typeof Combobox.Item>;
+declare const ComboboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxItemIndicatorProps = ComponentPropsWithoutRef<typeof Combobox.ItemIndicator>;
+declare const ComboboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ComboboxGroupProps = ComponentPropsWithoutRef<typeof Combobox.Group>;
+declare const ComboboxGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxGroupLabelProps = ComponentPropsWithoutRef<typeof Combobox.GroupLabel>;
+declare const ComboboxGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxEmptyProps = ComponentPropsWithoutRef<typeof Combobox.Empty>;
+declare const ComboboxEmpty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxClearProps = ComponentPropsWithoutRef<typeof Combobox.Clear>;
+declare const ComboboxClear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type ComboboxStatusProps = ComponentPropsWithoutRef<typeof Combobox.Status>;
+declare const ComboboxStatus: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ComboboxArrowProps = ComponentPropsWithoutRef<typeof Combobox.Arrow>;
+declare const ComboboxArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Combobox$1: {
+  Root: typeof ComboboxRoot$1;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  InputGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Value: typeof Combobox.Value;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ComboboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Empty: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Clear: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Status: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteStatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  useFilter: typeof Combobox.useFilter;
+};
+//#endregion
+export { Combobox$1 as Combobox, ComboboxArrow, ComboboxArrowProps, ComboboxClear, ComboboxClearProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxIcon, ComboboxIconProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPositioner, ComboboxPositionerProps, ComboboxRoot$1 as ComboboxRoot, ComboboxRootProps, ComboboxSize, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps };
+//# sourceMappingURL=combobox.d.cts.map