jaci-ui 0.1.1 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"date-utils.cjs","names":[],"sources":["../../../src/components/date-picker/date-utils.ts"],"sourcesContent":["export type DateLike = Date | null | undefined;\n\nexport function cloneDate(date: Date): Date {\n  return new Date(date.getTime());\n}\n\n/** Creates a local date at noon to avoid DST changes moving a calendar day. */\nexport function createCalendarDate(year: number, month: number, day: number): Date {\n  return new Date(year, month, day, 12, 0, 0, 0);\n}\n\nexport function startOfMonth(date: Date): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addDays(date: Date, amount: number): Date {\n  const result = cloneDate(date);\n  result.setDate(result.getDate() + amount);\n  return result;\n}\n\nexport function addMonths(date: Date, amount: number): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function dateKey(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nexport function toInputDate(date: DateLike): string {\n  return date ? dateKey(date) : \"\";\n}\n\nexport function isSameDay(left: DateLike, right: DateLike): boolean {\n  return Boolean(left && right && dateKey(left) === dateKey(right));\n}\n\nexport function isBeforeDay(left: Date, right: Date): boolean {\n  return dateKey(left) < dateKey(right);\n}\n\nexport function isAfterDay(left: Date, right: Date): boolean {\n  return dateKey(left) > dateKey(right);\n}\n\nexport function getCalendarDays(month: Date, weekStartsOn: number): Date[] {\n  const firstDay = startOfMonth(month);\n  const offset = (firstDay.getDay() - weekStartsOn + 7) % 7;\n  const firstVisibleDay = addDays(firstDay, -offset);\n\n  return Array.from({ length: 42 }, (_, index) => addDays(firstVisibleDay, index));\n}\n\nexport function getWeekdayLabels(locale: string, weekStartsOn: number): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\" });\n  const sunday = createCalendarDate(2024, 0, 7);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(sunday, (weekStartsOn + index) % 7)),\n  );\n}\n\nexport function formatMonthLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(date);\n}\n\nexport function formatDateLabel(date: DateLike, locale: string, placeholder: string): string {\n  return date ? new Intl.DateTimeFormat(locale, { dateStyle: \"medium\" }).format(date) : placeholder;\n}\n\nexport function getDateRangeLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n  }).format(date);\n}\n"],"mappings":";AAEA,SAAgB,UAAU,MAAkB;CAC1C,OAAO,IAAI,KAAK,KAAK,QAAQ,CAAC;AAChC;;AAGA,SAAgB,mBAAmB,MAAc,OAAe,KAAmB;CACjF,OAAO,IAAI,KAAK,MAAM,OAAO,KAAK,IAAI,GAAG,GAAG,CAAC;AAC/C;AAEA,SAAgB,aAAa,MAAkB;CAC7C,OAAO,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,CAAC;AAClE;AAEA,SAAgB,QAAQ,MAAY,QAAsB;CACxD,MAAM,SAAS,UAAU,IAAI;CAC7B,OAAO,QAAQ,OAAO,QAAQ,IAAI,MAAM;CACxC,OAAO;AACT;AAEA,SAAgB,UAAU,MAAY,QAAsB;CAC1D,OAAO,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,IAAI,QAAQ,CAAC;AAC3E;AAEA,SAAgB,QAAQ,MAAoB;CAC1C,MAAM,QAAQ,OAAO,KAAK,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;CACzD,MAAM,MAAM,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;CAClD,OAAO,GAAG,KAAK,YAAY,EAAE,GAAG,MAAM,GAAG;AAC3C;AAEA,SAAgB,YAAY,MAAwB;CAClD,OAAO,OAAO,QAAQ,IAAI,IAAI;AAChC;AAEA,SAAgB,UAAU,MAAgB,OAA0B;CAClE,OAAO,QAAQ,QAAQ,SAAS,QAAQ,IAAI,MAAM,QAAQ,KAAK,CAAC;AAClE;AAEA,SAAgB,YAAY,MAAY,OAAsB;CAC5D,OAAO,QAAQ,IAAI,IAAI,QAAQ,KAAK;AACtC;AAEA,SAAgB,WAAW,MAAY,OAAsB;CAC3D,OAAO,QAAQ,IAAI,IAAI,QAAQ,KAAK;AACtC;AAEA,SAAgB,gBAAgB,OAAa,cAA8B;CACzE,MAAM,WAAW,aAAa,KAAK;CAEnC,MAAM,kBAAkB,QAAQ,UAAU,GAD1B,SAAS,OAAO,IAAI,eAAe,KAAK,EACP;CAEjD,OAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,UAAU,QAAQ,iBAAiB,KAAK,CAAC;AACjF;AAEA,SAAgB,iBAAiB,QAAgB,cAAgC;CAC/E,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,EAAE,SAAS,QAAQ,CAAC;CACtE,MAAM,SAAS,mBAAmB,MAAM,GAAG,CAAC;CAE5C,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,UACnC,UAAU,OAAO,QAAQ,SAAS,eAAe,SAAS,CAAC,CAAC,CAC9D;AACF;AAEA,SAAgB,iBAAiB,MAAY,QAAwB;CACnE,OAAO,IAAI,KAAK,eAAe,QAAQ;EAAE,OAAO;EAAQ,MAAM;CAAU,CAAC,CAAC,CAAC,OAAO,IAAI;AACxF;AAEA,SAAgB,gBAAgB,MAAgB,QAAgB,aAA6B;CAC3F,OAAO,OAAO,IAAI,KAAK,eAAe,QAAQ,EAAE,WAAW,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI;AACxF;AAEA,SAAgB,kBAAkB,MAAY,QAAwB;CACpE,OAAO,IAAI,KAAK,eAAe,QAAQ;EACrC,KAAK;EACL,OAAO;EACP,MAAM;CACR,CAAC,CAAC,CAAC,OAAO,IAAI;AAChB"}
+{"version":3,"file":"date-utils.cjs","names":[],"sources":["../../../src/components/date-picker/date-utils.ts"],"sourcesContent":["export type DateLike = Date | null | undefined;\n\nexport type DatePickerGranularity = \"day\" | \"month\" | \"date-time\";\n\nexport function cloneDate(date: Date): Date {\n  return new Date(date.getTime());\n}\n\n/** Creates a local date at noon to avoid DST changes moving a calendar day. */\nexport function createCalendarDate(year: number, month: number, day: number): Date {\n  return new Date(year, month, day, 12, 0, 0, 0);\n}\n\nexport function startOfMonth(date: Date): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addDays(date: Date, amount: number): Date {\n  const result = cloneDate(date);\n  result.setDate(result.getDate() + amount);\n  return result;\n}\n\nexport function addMonths(date: Date, amount: number): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function dateKey(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nexport function toInputDate(date: DateLike): string {\n  return date ? dateKey(date) : \"\";\n}\n\nexport function toInputMonth(date: DateLike): string {\n  return date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, \"0\")}` : \"\";\n}\n\nexport function toInputDateTime(date: DateLike): string {\n  if (!date) return \"\";\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  return `${dateKey(date)}T${hours}:${minutes}`;\n}\n\nexport function isSameDay(left: DateLike, right: DateLike): boolean {\n  return Boolean(left && right && dateKey(left) === dateKey(right));\n}\n\nexport function isBeforeDay(left: Date, right: Date): boolean {\n  return dateKey(left) < dateKey(right);\n}\n\nexport function isAfterDay(left: Date, right: Date): boolean {\n  return dateKey(left) > dateKey(right);\n}\n\nexport function getCalendarDays(month: Date, weekStartsOn: number): Date[] {\n  const firstDay = startOfMonth(month);\n  const offset = (firstDay.getDay() - weekStartsOn + 7) % 7;\n  const firstVisibleDay = addDays(firstDay, -offset);\n\n  return Array.from({ length: 42 }, (_, index) => addDays(firstVisibleDay, index));\n}\n\nexport function getWeekdayLabels(locale: string, weekStartsOn: number): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\" });\n  const sunday = createCalendarDate(2024, 0, 7);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(sunday, (weekStartsOn + index) % 7)),\n  );\n}\n\nexport function formatMonthLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(date);\n}\n\nexport function formatDateLabel(\n  date: DateLike,\n  locale: string,\n  placeholder: string,\n  granularity: DatePickerGranularity = \"day\",\n): string {\n  if (!date) return placeholder;\n  if (granularity === \"month\") {\n    return new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(date);\n  }\n  if (granularity === \"date-time\") {\n    return new Intl.DateTimeFormat(locale, {\n      dateStyle: \"medium\",\n      timeStyle: \"short\",\n    }).format(date);\n  }\n  return new Intl.DateTimeFormat(locale, { dateStyle: \"medium\" }).format(date);\n}\n\nexport function getMonthLabels(locale: string): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n  return Array.from({ length: 12 }, (_, month) =>\n    formatter.format(createCalendarDate(2024, month, 1)),\n  );\n}\n\nexport function toTimeInput(date: DateLike): string {\n  if (!date) return \"\";\n  return `${String(date.getHours()).padStart(2, \"0\")}:${String(date.getMinutes()).padStart(2, \"0\")}`;\n}\n\nexport function getDateRangeLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n  }).format(date);\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+//#region src/components/date-picker/date-utils.d.ts
+type DatePickerGranularity = "day" | "month" | "date-time";
+//#endregion
+export { DatePickerGranularity };
+//# sourceMappingURL=date-utils.d.cts.map

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

@@ -0,0 +1,5 @@
+//#region src/components/date-picker/date-utils.d.ts
+type DatePickerGranularity = "day" | "month" | "date-time";
+//#endregion
+export { DatePickerGranularity };
+//# sourceMappingURL=date-utils.d.ts.map

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

@@ -25,6 +25,15 @@ function dateKey(date) {
 function toInputDate(date) {
 	return date ? dateKey(date) : "";
 }
+function toInputMonth(date) {
+	return date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}` : "";
+}
+function toInputDateTime(date) {
+	if (!date) return "";
+	const hours = String(date.getHours()).padStart(2, "0");
+	const minutes = String(date.getMinutes()).padStart(2, "0");
+	return `${dateKey(date)}T${hours}:${minutes}`;
+}
 function isSameDay(left, right) {
 	return Boolean(left && right && dateKey(left) === dateKey(right));
 }
@@ -50,8 +59,25 @@ function formatMonthLabel(date, locale) {
 		year: "numeric"
 	}).format(date);
 }
-function formatDateLabel(date, locale, placeholder) {
-	return date ? new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date) : placeholder;
+function formatDateLabel(date, locale, placeholder, granularity = "day") {
+	if (!date) return placeholder;
+	if (granularity === "month") return new Intl.DateTimeFormat(locale, {
+		month: "long",
+		year: "numeric"
+	}).format(date);
+	if (granularity === "date-time") return new Intl.DateTimeFormat(locale, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	}).format(date);
+	return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date);
+}
+function getMonthLabels(locale) {
+	const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
+	return Array.from({ length: 12 }, (_, month) => formatter.format(createCalendarDate(2024, month, 1)));
+}
+function toTimeInput(date) {
+	if (!date) return "";
+	return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
 }
 function getDateRangeLabel(date, locale) {
 	return new Intl.DateTimeFormat(locale, {
@@ -61,6 +87,6 @@ function getDateRangeLabel(date, locale) {
 	}).format(date);
 }
 //#endregion
-export { addDays, addMonths, cloneDate, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getDateRangeLabel, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate };
+export { addDays, addMonths, cloneDate, createCalendarDate, dateKey, formatDateLabel, formatMonthLabel, getCalendarDays, getDateRangeLabel, getMonthLabels, getWeekdayLabels, isAfterDay, isBeforeDay, isSameDay, startOfMonth, toInputDate, toInputDateTime, toInputMonth, toTimeInput };
 
 //# sourceMappingURL=date-utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-utils.js","names":[],"sources":["../../../src/components/date-picker/date-utils.ts"],"sourcesContent":["export type DateLike = Date | null | undefined;\n\nexport function cloneDate(date: Date): Date {\n  return new Date(date.getTime());\n}\n\n/** Creates a local date at noon to avoid DST changes moving a calendar day. */\nexport function createCalendarDate(year: number, month: number, day: number): Date {\n  return new Date(year, month, day, 12, 0, 0, 0);\n}\n\nexport function startOfMonth(date: Date): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addDays(date: Date, amount: number): Date {\n  const result = cloneDate(date);\n  result.setDate(result.getDate() + amount);\n  return result;\n}\n\nexport function addMonths(date: Date, amount: number): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function dateKey(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nexport function toInputDate(date: DateLike): string {\n  return date ? dateKey(date) : \"\";\n}\n\nexport function isSameDay(left: DateLike, right: DateLike): boolean {\n  return Boolean(left && right && dateKey(left) === dateKey(right));\n}\n\nexport function isBeforeDay(left: Date, right: Date): boolean {\n  return dateKey(left) < dateKey(right);\n}\n\nexport function isAfterDay(left: Date, right: Date): boolean {\n  return dateKey(left) > dateKey(right);\n}\n\nexport function getCalendarDays(month: Date, weekStartsOn: number): Date[] {\n  const firstDay = startOfMonth(month);\n  const offset = (firstDay.getDay() - weekStartsOn + 7) % 7;\n  const firstVisibleDay = addDays(firstDay, -offset);\n\n  return Array.from({ length: 42 }, (_, index) => addDays(firstVisibleDay, index));\n}\n\nexport function getWeekdayLabels(locale: string, weekStartsOn: number): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\" });\n  const sunday = createCalendarDate(2024, 0, 7);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(sunday, (weekStartsOn + index) % 7)),\n  );\n}\n\nexport function formatMonthLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(date);\n}\n\nexport function formatDateLabel(date: DateLike, locale: string, placeholder: string): string {\n  return date ? new Intl.DateTimeFormat(locale, { dateStyle: \"medium\" }).format(date) : placeholder;\n}\n\nexport function getDateRangeLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n  }).format(date);\n}\n"],"mappings":";AAEA,SAAgB,UAAU,MAAkB;CAC1C,OAAO,IAAI,KAAK,KAAK,QAAQ,CAAC;AAChC;;AAGA,SAAgB,mBAAmB,MAAc,OAAe,KAAmB;CACjF,OAAO,IAAI,KAAK,MAAM,OAAO,KAAK,IAAI,GAAG,GAAG,CAAC;AAC/C;AAEA,SAAgB,aAAa,MAAkB;CAC7C,OAAO,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,CAAC;AAClE;AAEA,SAAgB,QAAQ,MAAY,QAAsB;CACxD,MAAM,SAAS,UAAU,IAAI;CAC7B,OAAO,QAAQ,OAAO,QAAQ,IAAI,MAAM;CACxC,OAAO;AACT;AAEA,SAAgB,UAAU,MAAY,QAAsB;CAC1D,OAAO,mBAAmB,KAAK,YAAY,GAAG,KAAK,SAAS,IAAI,QAAQ,CAAC;AAC3E;AAEA,SAAgB,QAAQ,MAAoB;CAC1C,MAAM,QAAQ,OAAO,KAAK,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;CACzD,MAAM,MAAM,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG;CAClD,OAAO,GAAG,KAAK,YAAY,EAAE,GAAG,MAAM,GAAG;AAC3C;AAEA,SAAgB,YAAY,MAAwB;CAClD,OAAO,OAAO,QAAQ,IAAI,IAAI;AAChC;AAEA,SAAgB,UAAU,MAAgB,OAA0B;CAClE,OAAO,QAAQ,QAAQ,SAAS,QAAQ,IAAI,MAAM,QAAQ,KAAK,CAAC;AAClE;AAEA,SAAgB,YAAY,MAAY,OAAsB;CAC5D,OAAO,QAAQ,IAAI,IAAI,QAAQ,KAAK;AACtC;AAEA,SAAgB,WAAW,MAAY,OAAsB;CAC3D,OAAO,QAAQ,IAAI,IAAI,QAAQ,KAAK;AACtC;AAEA,SAAgB,gBAAgB,OAAa,cAA8B;CACzE,MAAM,WAAW,aAAa,KAAK;CAEnC,MAAM,kBAAkB,QAAQ,UAAU,GAD1B,SAAS,OAAO,IAAI,eAAe,KAAK,EACP;CAEjD,OAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,UAAU,QAAQ,iBAAiB,KAAK,CAAC;AACjF;AAEA,SAAgB,iBAAiB,QAAgB,cAAgC;CAC/E,MAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,EAAE,SAAS,QAAQ,CAAC;CACtE,MAAM,SAAS,mBAAmB,MAAM,GAAG,CAAC;CAE5C,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,UACnC,UAAU,OAAO,QAAQ,SAAS,eAAe,SAAS,CAAC,CAAC,CAC9D;AACF;AAEA,SAAgB,iBAAiB,MAAY,QAAwB;CACnE,OAAO,IAAI,KAAK,eAAe,QAAQ;EAAE,OAAO;EAAQ,MAAM;CAAU,CAAC,CAAC,CAAC,OAAO,IAAI;AACxF;AAEA,SAAgB,gBAAgB,MAAgB,QAAgB,aAA6B;CAC3F,OAAO,OAAO,IAAI,KAAK,eAAe,QAAQ,EAAE,WAAW,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI;AACxF;AAEA,SAAgB,kBAAkB,MAAY,QAAwB;CACpE,OAAO,IAAI,KAAK,eAAe,QAAQ;EACrC,KAAK;EACL,OAAO;EACP,MAAM;CACR,CAAC,CAAC,CAAC,OAAO,IAAI;AAChB"}
+{"version":3,"file":"date-utils.js","names":[],"sources":["../../../src/components/date-picker/date-utils.ts"],"sourcesContent":["export type DateLike = Date | null | undefined;\n\nexport type DatePickerGranularity = \"day\" | \"month\" | \"date-time\";\n\nexport function cloneDate(date: Date): Date {\n  return new Date(date.getTime());\n}\n\n/** Creates a local date at noon to avoid DST changes moving a calendar day. */\nexport function createCalendarDate(year: number, month: number, day: number): Date {\n  return new Date(year, month, day, 12, 0, 0, 0);\n}\n\nexport function startOfMonth(date: Date): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function addDays(date: Date, amount: number): Date {\n  const result = cloneDate(date);\n  result.setDate(result.getDate() + amount);\n  return result;\n}\n\nexport function addMonths(date: Date, amount: number): Date {\n  return createCalendarDate(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function dateKey(date: Date): string {\n  const month = String(date.getMonth() + 1).padStart(2, \"0\");\n  const day = String(date.getDate()).padStart(2, \"0\");\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nexport function toInputDate(date: DateLike): string {\n  return date ? dateKey(date) : \"\";\n}\n\nexport function toInputMonth(date: DateLike): string {\n  return date ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, \"0\")}` : \"\";\n}\n\nexport function toInputDateTime(date: DateLike): string {\n  if (!date) return \"\";\n  const hours = String(date.getHours()).padStart(2, \"0\");\n  const minutes = String(date.getMinutes()).padStart(2, \"0\");\n  return `${dateKey(date)}T${hours}:${minutes}`;\n}\n\nexport function isSameDay(left: DateLike, right: DateLike): boolean {\n  return Boolean(left && right && dateKey(left) === dateKey(right));\n}\n\nexport function isBeforeDay(left: Date, right: Date): boolean {\n  return dateKey(left) < dateKey(right);\n}\n\nexport function isAfterDay(left: Date, right: Date): boolean {\n  return dateKey(left) > dateKey(right);\n}\n\nexport function getCalendarDays(month: Date, weekStartsOn: number): Date[] {\n  const firstDay = startOfMonth(month);\n  const offset = (firstDay.getDay() - weekStartsOn + 7) % 7;\n  const firstVisibleDay = addDays(firstDay, -offset);\n\n  return Array.from({ length: 42 }, (_, index) => addDays(firstVisibleDay, index));\n}\n\nexport function getWeekdayLabels(locale: string, weekStartsOn: number): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"short\" });\n  const sunday = createCalendarDate(2024, 0, 7);\n\n  return Array.from({ length: 7 }, (_, index) =>\n    formatter.format(addDays(sunday, (weekStartsOn + index) % 7)),\n  );\n}\n\nexport function formatMonthLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(date);\n}\n\nexport function formatDateLabel(\n  date: DateLike,\n  locale: string,\n  placeholder: string,\n  granularity: DatePickerGranularity = \"day\",\n): string {\n  if (!date) return placeholder;\n  if (granularity === \"month\") {\n    return new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(date);\n  }\n  if (granularity === \"date-time\") {\n    return new Intl.DateTimeFormat(locale, {\n      dateStyle: \"medium\",\n      timeStyle: \"short\",\n    }).format(date);\n  }\n  return new Intl.DateTimeFormat(locale, { dateStyle: \"medium\" }).format(date);\n}\n\nexport function getMonthLabels(locale: string): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n  return Array.from({ length: 12 }, (_, month) =>\n    formatter.format(createCalendarDate(2024, month, 1)),\n  );\n}\n\nexport function toTimeInput(date: DateLike): string {\n  if (!date) return \"\";\n  return `${String(date.getHours()).padStart(2, \"0\")}:${String(date.getMinutes()).padStart(2, \"0\")}`;\n}\n\nexport function getDateRangeLabel(date: Date, locale: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    day: \"numeric\",\n    month: \"long\",\n    year: \"numeric\",\n  }).format(date);\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
-import { DatePicker, DatePickerCalendar, DatePickerCalendarProps, DatePickerCaption, DatePickerCaptionProps, DatePickerClear, DatePickerClearProps, DatePickerClose, DatePickerCloseProps, DatePickerControl, DatePickerControlProps, DatePickerDay, DatePickerDayProps, DatePickerHeader, DatePickerHeaderProps, DatePickerLabel, DatePickerLabelProps, DatePickerNavigationProps, DatePickerNext, DatePickerPopup, DatePickerPopupProps, DatePickerPortal, DatePickerPortalProps, DatePickerPositioner, DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, DatePickerRootProps, DatePickerSize, DatePickerTrigger, DatePickerTriggerProps, DatePickerValue, DatePickerValueProps } from "./date-picker.cjs";
-export { DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerCaption, type DatePickerCaptionProps, DatePickerClear, type DatePickerClearProps, DatePickerClose, type DatePickerCloseProps, DatePickerControl, type DatePickerControlProps, DatePickerDay, type DatePickerDayProps, DatePickerHeader, type DatePickerHeaderProps, DatePickerLabel, type DatePickerLabelProps, type DatePickerNavigationProps, DatePickerNext, DatePickerPopup, type DatePickerPopupProps, DatePickerPortal, type DatePickerPortalProps, DatePickerPositioner, type DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, type DatePickerRootProps, type DatePickerSize, DatePickerTrigger, type DatePickerTriggerProps, DatePickerValue, type DatePickerValueProps };
+import { DatePickerGranularity } from "./date-utils.cjs";
+import { DatePicker, DatePickerCalendar, DatePickerCalendarProps, DatePickerCaption, DatePickerCaptionProps, DatePickerClear, DatePickerClearProps, DatePickerClose, DatePickerCloseProps, DatePickerControl, DatePickerControlProps, DatePickerDay, DatePickerDayProps, DatePickerHeader, DatePickerHeaderProps, DatePickerLabel, DatePickerLabelProps, DatePickerMonthSelect, DatePickerMonthSelectProps, DatePickerNavigationProps, DatePickerNext, DatePickerPopup, DatePickerPopupProps, DatePickerPortal, DatePickerPortalProps, DatePickerPositioner, DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, DatePickerRootProps, DatePickerSize, DatePickerTimeField, DatePickerTimeFieldProps, DatePickerTrigger, DatePickerTriggerProps, DatePickerValue, DatePickerValueProps, DatePickerYearRange, DatePickerYearSelect, DatePickerYearSelectProps } from "./date-picker.cjs";
+export { DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerCaption, type DatePickerCaptionProps, DatePickerClear, type DatePickerClearProps, DatePickerClose, type DatePickerCloseProps, DatePickerControl, type DatePickerControlProps, DatePickerDay, type DatePickerDayProps, type DatePickerGranularity, DatePickerHeader, type DatePickerHeaderProps, DatePickerLabel, type DatePickerLabelProps, DatePickerMonthSelect, type DatePickerMonthSelectProps, type DatePickerNavigationProps, DatePickerNext, DatePickerPopup, type DatePickerPopupProps, DatePickerPortal, type DatePickerPortalProps, DatePickerPositioner, type DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, type DatePickerRootProps, type DatePickerSize, DatePickerTimeField, type DatePickerTimeFieldProps, DatePickerTrigger, type DatePickerTriggerProps, DatePickerValue, type DatePickerValueProps, type DatePickerYearRange, DatePickerYearSelect, type DatePickerYearSelectProps };

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

@@ -1,2 +1,3 @@
-import { DatePicker, DatePickerCalendar, DatePickerCalendarProps, DatePickerCaption, DatePickerCaptionProps, DatePickerClear, DatePickerClearProps, DatePickerClose, DatePickerCloseProps, DatePickerControl, DatePickerControlProps, DatePickerDay, DatePickerDayProps, DatePickerHeader, DatePickerHeaderProps, DatePickerLabel, DatePickerLabelProps, DatePickerNavigationProps, DatePickerNext, DatePickerPopup, DatePickerPopupProps, DatePickerPortal, DatePickerPortalProps, DatePickerPositioner, DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, DatePickerRootProps, DatePickerSize, DatePickerTrigger, DatePickerTriggerProps, DatePickerValue, DatePickerValueProps } from "./date-picker.js";
-export { DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerCaption, type DatePickerCaptionProps, DatePickerClear, type DatePickerClearProps, DatePickerClose, type DatePickerCloseProps, DatePickerControl, type DatePickerControlProps, DatePickerDay, type DatePickerDayProps, DatePickerHeader, type DatePickerHeaderProps, DatePickerLabel, type DatePickerLabelProps, type DatePickerNavigationProps, DatePickerNext, DatePickerPopup, type DatePickerPopupProps, DatePickerPortal, type DatePickerPortalProps, DatePickerPositioner, type DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, type DatePickerRootProps, type DatePickerSize, DatePickerTrigger, type DatePickerTriggerProps, DatePickerValue, type DatePickerValueProps };
+import { DatePickerGranularity } from "./date-utils.js";
+import { DatePicker, DatePickerCalendar, DatePickerCalendarProps, DatePickerCaption, DatePickerCaptionProps, DatePickerClear, DatePickerClearProps, DatePickerClose, DatePickerCloseProps, DatePickerControl, DatePickerControlProps, DatePickerDay, DatePickerDayProps, DatePickerHeader, DatePickerHeaderProps, DatePickerLabel, DatePickerLabelProps, DatePickerMonthSelect, DatePickerMonthSelectProps, DatePickerNavigationProps, DatePickerNext, DatePickerPopup, DatePickerPopupProps, DatePickerPortal, DatePickerPortalProps, DatePickerPositioner, DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, DatePickerRootProps, DatePickerSize, DatePickerTimeField, DatePickerTimeFieldProps, DatePickerTrigger, DatePickerTriggerProps, DatePickerValue, DatePickerValueProps, DatePickerYearRange, DatePickerYearSelect, DatePickerYearSelectProps } from "./date-picker.js";
+export { DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerCaption, type DatePickerCaptionProps, DatePickerClear, type DatePickerClearProps, DatePickerClose, type DatePickerCloseProps, DatePickerControl, type DatePickerControlProps, DatePickerDay, type DatePickerDayProps, type DatePickerGranularity, DatePickerHeader, type DatePickerHeaderProps, DatePickerLabel, type DatePickerLabelProps, DatePickerMonthSelect, type DatePickerMonthSelectProps, type DatePickerNavigationProps, DatePickerNext, DatePickerPopup, type DatePickerPopupProps, DatePickerPortal, type DatePickerPortalProps, DatePickerPositioner, type DatePickerPositionerProps, DatePickerPrevious, DatePickerRoot, type DatePickerRootProps, type DatePickerSize, DatePickerTimeField, type DatePickerTimeFieldProps, DatePickerTrigger, type DatePickerTriggerProps, DatePickerValue, type DatePickerValueProps, type DatePickerYearRange, DatePickerYearSelect, type DatePickerYearSelectProps };

package/dist/components/empty-state/empty-state.cjs

@@ -0,0 +1,62 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_empty_state = require("../../styled-system/recipes/empty-state.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/empty-state/empty-state.tsx
+const EmptyStateRoot = (0, react.forwardRef)(function EmptyStateRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		...props,
+		ref,
+		className: require_cx.cx(require_empty_state.emptyState().root, className),
+		"data-jaci-component": "empty-state",
+		"data-slot": "empty-state"
+	});
+});
+const EmptyStateIcon = (0, react.forwardRef)(function EmptyStateIcon({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_empty_state.emptyState().icon, className),
+		"data-slot": "empty-state-icon"
+	});
+});
+const EmptyStateTitle = (0, react.forwardRef)(function EmptyStateTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+		...props,
+		ref,
+		className: require_cx.cx(require_empty_state.emptyState().title, className),
+		"data-slot": "empty-state-title"
+	});
+});
+const EmptyStateDescription = (0, react.forwardRef)(function EmptyStateDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		...props,
+		ref,
+		className: require_cx.cx(require_empty_state.emptyState().description, className),
+		"data-slot": "empty-state-description"
+	});
+});
+const EmptyStateAction = (0, react.forwardRef)(function EmptyStateAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_empty_state.emptyState().action, className),
+		"data-slot": "empty-state-action"
+	});
+});
+const EmptyState = Object.assign(EmptyStateRoot, {
+	Root: EmptyStateRoot,
+	Icon: EmptyStateIcon,
+	Title: EmptyStateTitle,
+	Description: EmptyStateDescription,
+	Action: EmptyStateAction
+});
+//#endregion
+exports.EmptyState = EmptyState;
+exports.EmptyStateAction = EmptyStateAction;
+exports.EmptyStateDescription = EmptyStateDescription;
+exports.EmptyStateIcon = EmptyStateIcon;
+exports.EmptyStateRoot = EmptyStateRoot;
+exports.EmptyStateTitle = EmptyStateTitle;
+
+//# sourceMappingURL=empty-state.cjs.map

package/dist/components/empty-state/empty-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.cjs","names":["cx","emptyState"],"sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { emptyState } from \"../../styled-system/recipes\";\n\nexport type EmptyStateRootProps = ComponentPropsWithoutRef<\"section\">;\n\nexport const EmptyStateRoot = forwardRef<HTMLElement, EmptyStateRootProps>(function EmptyStateRoot(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <section\n      {...props}\n      ref={ref}\n      className={cx(emptyState().root, className)}\n      data-jaci-component=\"empty-state\"\n      data-slot=\"empty-state\"\n    />\n  );\n});\n\nexport const EmptyStateIcon = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function EmptyStateIcon({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(emptyState().icon, className)}\n        data-slot=\"empty-state-icon\"\n      />\n    );\n  },\n);\n\nexport const EmptyStateTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n  function EmptyStateTitle({ className, ...props }, ref) {\n    return (\n      <h3\n        {...props}\n        ref={ref}\n        className={cx(emptyState().title, className)}\n        data-slot=\"empty-state-title\"\n      />\n    );\n  },\n);\n\nexport const EmptyStateDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<\"p\">\n>(function EmptyStateDescription({ className, ...props }, ref) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(emptyState().description, className)}\n      data-slot=\"empty-state-description\"\n    />\n  );\n});\n\nexport const EmptyStateAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function EmptyStateAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(emptyState().action, className)}\n        data-slot=\"empty-state-action\"\n      />\n    );\n  },\n);\n\nexport const EmptyState = Object.assign(EmptyStateRoot, {\n  Root: EmptyStateRoot,\n  Icon: EmptyStateIcon,\n  Title: EmptyStateTitle,\n  Description: EmptyStateDescription,\n  Action: EmptyStateAction,\n});\n"],"mappings":";;;;;AAQA,MAAa,kBAAA,GAAA,MAAA,WAAA,CAA8D,SAAS,eAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,MAAM,SAAS;EAC1C,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,MAAM,SAAS;EAC1C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,yBAAA,GAAA,MAAA,WAAA,CAGX,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC7D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,aAAa,SAAS;EACjD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC5C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa,OAAO,OAAO,gBAAgB;CACtD,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;CACb,QAAQ;AACV,CAAC"}

package/dist/components/empty-state/empty-state.d.cts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/empty-state/empty-state.d.ts
+type EmptyStateRootProps = ComponentPropsWithoutRef<"section">;
+declare const EmptyStateRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const EmptyStateIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const EmptyStateTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const EmptyStateDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const EmptyStateAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const EmptyState: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateRootProps, EmptyStateTitle };
+//# sourceMappingURL=empty-state.d.cts.map

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/empty-state/empty-state.d.ts
+type EmptyStateRootProps = ComponentPropsWithoutRef<"section">;
+declare const EmptyStateRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const EmptyStateIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const EmptyStateTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const EmptyStateDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const EmptyStateAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const EmptyState: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateRootProps, EmptyStateTitle };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state/empty-state.js

@@ -0,0 +1,57 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { emptyState } from "../../styled-system/recipes/empty-state.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/empty-state/empty-state.tsx
+const EmptyStateRoot = forwardRef(function EmptyStateRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("section", {
+		...props,
+		ref,
+		className: cx(emptyState().root, className),
+		"data-jaci-component": "empty-state",
+		"data-slot": "empty-state"
+	});
+});
+const EmptyStateIcon = forwardRef(function EmptyStateIcon({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(emptyState().icon, className),
+		"data-slot": "empty-state-icon"
+	});
+});
+const EmptyStateTitle = forwardRef(function EmptyStateTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("h3", {
+		...props,
+		ref,
+		className: cx(emptyState().title, className),
+		"data-slot": "empty-state-title"
+	});
+});
+const EmptyStateDescription = forwardRef(function EmptyStateDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		ref,
+		className: cx(emptyState().description, className),
+		"data-slot": "empty-state-description"
+	});
+});
+const EmptyStateAction = forwardRef(function EmptyStateAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(emptyState().action, className),
+		"data-slot": "empty-state-action"
+	});
+});
+const EmptyState = Object.assign(EmptyStateRoot, {
+	Root: EmptyStateRoot,
+	Icon: EmptyStateIcon,
+	Title: EmptyStateTitle,
+	Description: EmptyStateDescription,
+	Action: EmptyStateAction
+});
+//#endregion
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle };
+
+//# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { emptyState } from \"../../styled-system/recipes\";\n\nexport type EmptyStateRootProps = ComponentPropsWithoutRef<\"section\">;\n\nexport const EmptyStateRoot = forwardRef<HTMLElement, EmptyStateRootProps>(function EmptyStateRoot(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <section\n      {...props}\n      ref={ref}\n      className={cx(emptyState().root, className)}\n      data-jaci-component=\"empty-state\"\n      data-slot=\"empty-state\"\n    />\n  );\n});\n\nexport const EmptyStateIcon = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function EmptyStateIcon({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(emptyState().icon, className)}\n        data-slot=\"empty-state-icon\"\n      />\n    );\n  },\n);\n\nexport const EmptyStateTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n  function EmptyStateTitle({ className, ...props }, ref) {\n    return (\n      <h3\n        {...props}\n        ref={ref}\n        className={cx(emptyState().title, className)}\n        data-slot=\"empty-state-title\"\n      />\n    );\n  },\n);\n\nexport const EmptyStateDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<\"p\">\n>(function EmptyStateDescription({ className, ...props }, ref) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(emptyState().description, className)}\n      data-slot=\"empty-state-description\"\n    />\n  );\n});\n\nexport const EmptyStateAction = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function EmptyStateAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(emptyState().action, className)}\n        data-slot=\"empty-state-action\"\n      />\n    );\n  },\n);\n\nexport const EmptyState = Object.assign(EmptyStateRoot, {\n  Root: EmptyStateRoot,\n  Icon: EmptyStateIcon,\n  Title: EmptyStateTitle,\n  Description: EmptyStateDescription,\n  Action: EmptyStateAction,\n});\n"],"mappings":";;;;;AAQA,MAAa,iBAAiB,WAA6C,SAAS,eAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,WAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,MAAM,SAAS;EAC1C,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,MAAM,SAAS;EAC1C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,wBAAwB,WAGnC,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC7D,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,aAAa,SAAS;EACjD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC5C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa,OAAO,OAAO,gBAAgB;CACtD,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;CACb,QAAQ;AACV,CAAC"}

package/dist/components/empty-state/index.d.cts

@@ -0,0 +1,2 @@
+import { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateRootProps, EmptyStateTitle } from "./empty-state.cjs";
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, type EmptyStateRootProps, EmptyStateTitle };

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+import { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateRootProps, EmptyStateTitle } from "./empty-state.js";
+export { EmptyState, EmptyStateAction, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, type EmptyStateRootProps, EmptyStateTitle };

package/dist/components/icon-button/icon-button.cjs

@@ -0,0 +1,40 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_icon_button = require("../../styled-system/recipes/icon-button.cjs");
+const require_index = require("../layout/index.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/icon-button/icon-button.tsx
+function hasTextualContent(children) {
+	if (typeof children === "string" || typeof children === "number") return String(children).trim().length > 0;
+	return react.Children.toArray(children).some((child) => {
+		if (!(0, react.isValidElement)(child)) return false;
+		return hasTextualContent(child.props.children);
+	});
+}
+const IconButton = (0, react.forwardRef)(function IconButton({ children, className, disabled, loading = false, size = "md", variant = "outline", ...props }, ref) {
+	if (!hasTextualContent(children) && !props["aria-label"] && !props["aria-labelledby"]) throw new Error("IconButton requires an aria-label when it has no textual content.");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		ref,
+		"aria-busy": loading || void 0,
+		className: require_cx.cx(require_icon_button.iconButton({
+			size,
+			variant
+		}), className),
+		"data-jaci-component": "icon-button",
+		"data-loading": loading || void 0,
+		"data-slot": "icon-button",
+		disabled: disabled || loading,
+		type: props.type ?? "button",
+		children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Spinner, {
+			"aria-hidden": "true",
+			label: "",
+			size: "sm"
+		}) : children
+	});
+});
+//#endregion
+exports.IconButton = IconButton;
+
+//# sourceMappingURL=icon-button.cjs.map

package/dist/components/icon-button/icon-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.cjs","names":["Children","cx","iconButton","Spinner"],"sources":["../../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, forwardRef, isValidElement } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { iconButton } from \"../../styled-system/recipes\";\nimport { Spinner } from \"../layout\";\n\nexport interface IconButtonProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"children\" | \"color\"> {\n  children?: ReactNode;\n  variant?: \"solid\" | \"outline\" | \"ghost\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  loading?: boolean;\n}\n\nfunction hasTextualContent(children: ReactNode): boolean {\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return String(children).trim().length > 0;\n  }\n\n  return Children.toArray(children).some((child) => {\n    if (!isValidElement(child)) return false;\n    return hasTextualContent((child.props as { children?: ReactNode }).children);\n  });\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  { children, className, disabled, loading = false, size = \"md\", variant = \"outline\", ...props },\n  ref,\n) {\n  if (!hasTextualContent(children) && !props[\"aria-label\"] && !props[\"aria-labelledby\"]) {\n    throw new Error(\"IconButton requires an aria-label when it has no textual content.\");\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      aria-busy={loading || undefined}\n      className={cx(iconButton({ size, variant }), className)}\n      data-jaci-component=\"icon-button\"\n      data-loading={loading || undefined}\n      data-slot=\"icon-button\"\n      disabled={disabled || loading}\n      type={props.type ?? \"button\"}\n    >\n      {loading ? <Spinner aria-hidden=\"true\" label=\"\" size=\"sm\" /> : children}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;AAiBA,SAAS,kBAAkB,UAA8B;CACvD,IAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UACtD,OAAO,OAAO,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS;CAG1C,OAAOA,MAAAA,SAAS,QAAQ,QAAQ,CAAC,CAAC,MAAM,UAAU;EAChD,IAAI,EAAA,GAAA,MAAA,eAAA,CAAgB,KAAK,GAAG,OAAO;EACnC,OAAO,kBAAmB,MAAM,MAAmC,QAAQ;CAC7E,CAAC;AACH;AAEA,MAAa,cAAA,GAAA,MAAA,WAAA,CAA4D,SAAS,WAChF,EAAE,UAAU,WAAW,UAAU,UAAU,OAAO,OAAO,MAAM,UAAU,WAAW,GAAG,SACvF,KACA;CACA,IAAI,CAAC,kBAAkB,QAAQ,KAAK,CAAC,MAAM,iBAAiB,CAAC,MAAM,oBACjE,MAAM,IAAI,MAAM,mEAAmE;CAGrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,GAAI;EACC;EACL,aAAW,WAAW,KAAA;EACtB,WAAWC,WAAAA,GAAGC,oBAAAA,WAAW;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EACtD,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,UAAU,YAAY;EACtB,MAAM,MAAM,QAAQ;YAEnB,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,SAAD;GAAS,eAAY;GAAO,OAAM;GAAG,MAAK;EAAM,CAAA,IAAI;CACzD,CAAA;AAEZ,CAAC"}

package/dist/components/icon-button/icon-button.d.cts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/icon-button/icon-button.d.ts
+interface IconButtonProps extends Omit<ComponentPropsWithoutRef<"button">, "children" | "color"> {
+  children?: ReactNode;
+  variant?: "solid" | "outline" | "ghost" | "danger";
+  size?: "sm" | "md" | "lg";
+  loading?: boolean;
+}
+declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButton, IconButtonProps };
+//# sourceMappingURL=icon-button.d.cts.map

package/dist/components/icon-button/icon-button.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/icon-button/icon-button.d.ts
+interface IconButtonProps extends Omit<ComponentPropsWithoutRef<"button">, "children" | "color"> {
+  children?: ReactNode;
+  variant?: "solid" | "outline" | "ghost" | "danger";
+  size?: "sm" | "md" | "lg";
+  loading?: boolean;
+}
+declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { IconButton, IconButtonProps };
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/components/icon-button/icon-button.js

@@ -0,0 +1,40 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { iconButton } from "../../styled-system/recipes/icon-button.js";
+import { Spinner } from "../layout/index.js";
+import { Children, forwardRef, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/icon-button/icon-button.tsx
+function hasTextualContent(children) {
+	if (typeof children === "string" || typeof children === "number") return String(children).trim().length > 0;
+	return Children.toArray(children).some((child) => {
+		if (!isValidElement(child)) return false;
+		return hasTextualContent(child.props.children);
+	});
+}
+const IconButton = forwardRef(function IconButton({ children, className, disabled, loading = false, size = "md", variant = "outline", ...props }, ref) {
+	if (!hasTextualContent(children) && !props["aria-label"] && !props["aria-labelledby"]) throw new Error("IconButton requires an aria-label when it has no textual content.");
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		ref,
+		"aria-busy": loading || void 0,
+		className: cx(iconButton({
+			size,
+			variant
+		}), className),
+		"data-jaci-component": "icon-button",
+		"data-loading": loading || void 0,
+		"data-slot": "icon-button",
+		disabled: disabled || loading,
+		type: props.type ?? "button",
+		children: loading ? /* @__PURE__ */ jsx(Spinner, {
+			"aria-hidden": "true",
+			label: "",
+			size: "sm"
+		}) : children
+	});
+});
+//#endregion
+export { IconButton };
+
+//# sourceMappingURL=icon-button.js.map

package/dist/components/icon-button/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","names":[],"sources":["../../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Children, forwardRef, isValidElement } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { iconButton } from \"../../styled-system/recipes\";\nimport { Spinner } from \"../layout\";\n\nexport interface IconButtonProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"children\" | \"color\"> {\n  children?: ReactNode;\n  variant?: \"solid\" | \"outline\" | \"ghost\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  loading?: boolean;\n}\n\nfunction hasTextualContent(children: ReactNode): boolean {\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return String(children).trim().length > 0;\n  }\n\n  return Children.toArray(children).some((child) => {\n    if (!isValidElement(child)) return false;\n    return hasTextualContent((child.props as { children?: ReactNode }).children);\n  });\n}\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  { children, className, disabled, loading = false, size = \"md\", variant = \"outline\", ...props },\n  ref,\n) {\n  if (!hasTextualContent(children) && !props[\"aria-label\"] && !props[\"aria-labelledby\"]) {\n    throw new Error(\"IconButton requires an aria-label when it has no textual content.\");\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      aria-busy={loading || undefined}\n      className={cx(iconButton({ size, variant }), className)}\n      data-jaci-component=\"icon-button\"\n      data-loading={loading || undefined}\n      data-slot=\"icon-button\"\n      disabled={disabled || loading}\n      type={props.type ?? \"button\"}\n    >\n      {loading ? <Spinner aria-hidden=\"true\" label=\"\" size=\"sm\" /> : children}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;AAiBA,SAAS,kBAAkB,UAA8B;CACvD,IAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UACtD,OAAO,OAAO,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS;CAG1C,OAAO,SAAS,QAAQ,QAAQ,CAAC,CAAC,MAAM,UAAU;EAChD,IAAI,CAAC,eAAe,KAAK,GAAG,OAAO;EACnC,OAAO,kBAAmB,MAAM,MAAmC,QAAQ;CAC7E,CAAC;AACH;AAEA,MAAa,aAAa,WAA+C,SAAS,WAChF,EAAE,UAAU,WAAW,UAAU,UAAU,OAAO,OAAO,MAAM,UAAU,WAAW,GAAG,SACvF,KACA;CACA,IAAI,CAAC,kBAAkB,QAAQ,KAAK,CAAC,MAAM,iBAAiB,CAAC,MAAM,oBACjE,MAAM,IAAI,MAAM,mEAAmE;CAGrF,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,aAAW,WAAW,KAAA;EACtB,WAAW,GAAG,WAAW;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EACtD,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,UAAU,YAAY;EACtB,MAAM,MAAM,QAAQ;YAEnB,UAAU,oBAAC,SAAD;GAAS,eAAY;GAAO,OAAM;GAAG,MAAK;EAAM,CAAA,IAAI;CACzD,CAAA;AAEZ,CAAC"}

package/dist/components/icon-button/index.d.cts

@@ -0,0 +1,2 @@
+import { IconButton, IconButtonProps } from "./icon-button.cjs";
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+import { IconButton, IconButtonProps } from "./icon-button.js";
+export { IconButton, type IconButtonProps };

package/dist/components/input-group/index.d.cts

@@ -0,0 +1,2 @@
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupRoot, InputGroupRootProps } from "./input-group.cjs";
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupRoot, type InputGroupRootProps };

package/dist/components/input-group/index.d.ts

@@ -0,0 +1,2 @@
+import { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupRoot, InputGroupRootProps } from "./input-group.js";
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupRoot, type InputGroupRootProps };

package/dist/components/input-group/input-group.cjs

@@ -0,0 +1,32 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_input_group = require("../../styled-system/recipes/input-group.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/input-group/input-group.tsx
+const InputGroupRoot = (0, react.forwardRef)(function InputGroupRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_input_group.inputGroup().root, className),
+		"data-jaci-component": "input-group",
+		"data-slot": "input-group"
+	});
+});
+const InputGroupAddon = (0, react.forwardRef)(function InputGroupAddon({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		className: require_cx.cx(require_input_group.inputGroup().addon, className),
+		"data-slot": "input-group-addon"
+	});
+});
+const InputGroup = Object.assign(InputGroupRoot, {
+	Root: InputGroupRoot,
+	Addon: InputGroupAddon
+});
+//#endregion
+exports.InputGroup = InputGroup;
+exports.InputGroupAddon = InputGroupAddon;
+exports.InputGroupRoot = InputGroupRoot;
+
+//# sourceMappingURL=input-group.cjs.map

package/dist/components/input-group/input-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.cjs","names":["cx","inputGroup"],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { inputGroup } from \"../../styled-system/recipes\";\n\nexport interface InputGroupRootProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport const InputGroupRoot = forwardRef<HTMLDivElement, InputGroupRootProps>(\n  function InputGroupRoot({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(inputGroup().root, className)}\n        data-jaci-component=\"input-group\"\n        data-slot=\"input-group\"\n      />\n    );\n  },\n);\n\nexport type InputGroupAddonProps = ComponentPropsWithoutRef<\"span\">;\nexport const InputGroupAddon = forwardRef<HTMLSpanElement, InputGroupAddonProps>(\n  function InputGroupAddon({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(inputGroup().addon, className)}\n        data-slot=\"input-group-addon\"\n      />\n    );\n  },\n);\n\nexport const InputGroup = Object.assign(InputGroupRoot, {\n  Root: InputGroupRoot,\n  Addon: InputGroupAddon,\n});\n"],"mappings":";;;;;AAUA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,MAAM,SAAS;EAC1C,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa,OAAO,OAAO,gBAAgB;CACtD,MAAM;CACN,OAAO;AACT,CAAC"}

package/dist/components/input-group/input-group.d.cts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/input-group/input-group.d.ts
+interface InputGroupRootProps extends ComponentPropsWithoutRef<"div"> {
+  children?: ReactNode;
+}
+declare const InputGroupRoot: import("react").ForwardRefExoticComponent<InputGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type InputGroupAddonProps = ComponentPropsWithoutRef<"span">;
+declare const InputGroupAddon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const InputGroup: import("react").ForwardRefExoticComponent<InputGroupRootProps & import("react").RefAttributes<HTMLDivElement>> & {
+  Root: import("react").ForwardRefExoticComponent<InputGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Addon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupRoot, InputGroupRootProps };
+//# sourceMappingURL=input-group.d.cts.map

package/dist/components/input-group/input-group.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/input-group/input-group.d.ts
+interface InputGroupRootProps extends ComponentPropsWithoutRef<"div"> {
+  children?: ReactNode;
+}
+declare const InputGroupRoot: import("react").ForwardRefExoticComponent<InputGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type InputGroupAddonProps = ComponentPropsWithoutRef<"span">;
+declare const InputGroupAddon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const InputGroup: import("react").ForwardRefExoticComponent<InputGroupRootProps & import("react").RefAttributes<HTMLDivElement>> & {
+  Root: import("react").ForwardRefExoticComponent<InputGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Addon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupRoot, InputGroupRootProps };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/components/input-group/input-group.js

@@ -0,0 +1,30 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { inputGroup } from "../../styled-system/recipes/input-group.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input-group/input-group.tsx
+const InputGroupRoot = forwardRef(function InputGroupRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(inputGroup().root, className),
+		"data-jaci-component": "input-group",
+		"data-slot": "input-group"
+	});
+});
+const InputGroupAddon = forwardRef(function InputGroupAddon({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(inputGroup().addon, className),
+		"data-slot": "input-group-addon"
+	});
+});
+const InputGroup = Object.assign(InputGroupRoot, {
+	Root: InputGroupRoot,
+	Addon: InputGroupAddon
+});
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupRoot };
+
+//# sourceMappingURL=input-group.js.map

package/dist/components/input-group/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { inputGroup } from \"../../styled-system/recipes\";\n\nexport interface InputGroupRootProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport const InputGroupRoot = forwardRef<HTMLDivElement, InputGroupRootProps>(\n  function InputGroupRoot({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(inputGroup().root, className)}\n        data-jaci-component=\"input-group\"\n        data-slot=\"input-group\"\n      />\n    );\n  },\n);\n\nexport type InputGroupAddonProps = ComponentPropsWithoutRef<\"span\">;\nexport const InputGroupAddon = forwardRef<HTMLSpanElement, InputGroupAddonProps>(\n  function InputGroupAddon({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(inputGroup().addon, className)}\n        data-slot=\"input-group-addon\"\n      />\n    );\n  },\n);\n\nexport const InputGroup = Object.assign(InputGroupRoot, {\n  Root: InputGroupRoot,\n  Addon: InputGroupAddon,\n});\n"],"mappings":";;;;;AAUA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,MAAM,SAAS;EAC1C,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,WAAW,CAAC,CAAC,OAAO,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa,OAAO,OAAO,gBAAgB;CACtD,MAAM;CACN,OAAO;AACT,CAAC"}