erp-pro-ui 0.1.7 → 0.1.8

package/dist/chunks/{calendar-Cp84V2rY.mjs.map → calendar-BOBm3dFA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar-Cp84V2rY.mjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-0 right-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-auto right-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span key={dayName} className=\"text-xs font-medium text-ds-2\">\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-ds-accent text-ds-on-accent\"\n                  : inRange\n                    ? \"bg-ds-accent-subtle text-ds-1\"\n                    : isToday\n                      ? \"border border-ds-border-accent text-ds-1\"\n                      : \"text-ds-2\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"calendar-BOBm3dFA.mjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-0 right-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-auto right-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span key={dayName} className=\"text-xs font-medium text-ds-2\">\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-ds-accent text-ds-on-accent\"\n                  : inRange\n                    ? \"bg-ds-accent-subtle text-ds-1\"\n                    : isToday\n                      ? \"border border-ds-border-accent text-ds-1\"\n                      : \"text-ds-2\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/{calendar-DuCKr6b7.cjs → calendar-DJkfDhQA.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-B_GkZjkl.cjs");
-const require_select = require("./select-SOmIt-BD.cjs");
+const require_select = require("./select-CORFYTvs.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/forms/calendar/Calendar.tsx
@@ -181,4 +181,4 @@ Object.defineProperty(exports, "Calendar", {
 	}
 });
 
-//# sourceMappingURL=calendar-DuCKr6b7.cjs.map
+//# sourceMappingURL=calendar-DJkfDhQA.cjs.map

package/dist/chunks/{calendar-DuCKr6b7.cjs.map → calendar-DJkfDhQA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar-DuCKr6b7.cjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-0 right-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-auto right-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span key={dayName} className=\"text-xs font-medium text-ds-2\">\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-ds-accent text-ds-on-accent\"\n                  : inRange\n                    ? \"bg-ds-accent-subtle text-ds-1\"\n                    : isToday\n                      ? \"border border-ds-border-accent text-ds-1\"\n                      : \"text-ds-2\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"calendar-DJkfDhQA.cjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-0 right-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"left-auto right-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span key={dayName} className=\"text-xs font-medium text-ds-2\">\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-ds-accent text-ds-on-accent\"\n                  : inRange\n                    ? \"bg-ds-accent-subtle text-ds-1\"\n                    : isToday\n                      ? \"border border-ds-border-accent text-ds-1\"\n                      : \"text-ds-2\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/{card-SpHHNB0c.mjs → card-BId1_zHw.mjs}

@@ -21,4 +21,4 @@ var Card = ({ title, description }) => {
 //#endregion
 export { Card as t };
 
-//# sourceMappingURL=card-SpHHNB0c.mjs.map
+//# sourceMappingURL=card-BId1_zHw.mjs.map

package/dist/chunks/{card-SpHHNB0c.mjs.map → card-BId1_zHw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"card-SpHHNB0c.mjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAoC;KAAW,CAAA,EAC7D,oBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}
+{"version":3,"file":"card-BId1_zHw.mjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAoC;KAAW,CAAA,EAC7D,oBAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}

package/dist/chunks/{card-CqPDr6Tt.cjs → card-RrT68nvu.cjs}

@@ -27,4 +27,4 @@ Object.defineProperty(exports, "Card", {
 	}
 });
 
-//# sourceMappingURL=card-CqPDr6Tt.cjs.map
+//# sourceMappingURL=card-RrT68nvu.cjs.map

package/dist/chunks/{card-CqPDr6Tt.cjs.map → card-RrT68nvu.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"card-CqPDr6Tt.cjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAI,WAAU;eAAoC;KAAW,CAAA,EAC7D,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}
+{"version":3,"file":"card-RrT68nvu.cjs","names":[],"sources":["../../src/components/data-display/card/Card.tsx"],"sourcesContent":["import type { CardProps } from \"./types\";\n\nexport const Card = ({ title, description }: CardProps) => {\n  return (\n    <div className=\"ui\">\n      <div className=\"backdrop-blur-xl bg-ds-surface-1/85 border border-ds-border-2 rounded-lg shadow-lg overflow-hidden sm:max-w-xs lg:max-w-sm xl:max-w-md\">\n        <div className=\"px-6 py-4\">\n          <h2 className=\"text-ds-1 font-bold text-xl mb-2\">{title}</h2>\n          <p className=\"text-ds-2 bg-transparent border-none rounded-none font-sans text-base\">\n            {description}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAEA,IAAa,QAAQ,EAAE,OAAO,kBAA6B;AACzD,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAI,WAAU;eAAoC;KAAW,CAAA,EAC7D,iBAAA,GAAA,kBAAA,KAAC,KAAD;KAAG,WAAU;eACV;KACC,CAAA,CACA;;GACF,CAAA;EACF,CAAA"}

package/dist/chunks/{carousel-C1skQ65z.mjs → carousel-DUqOaYvs.mjs}

@@ -304,4 +304,4 @@ Carousel.displayName = "Carousel";
 //#endregion
 export { Carousel as t };
 
-//# sourceMappingURL=carousel-C1skQ65z.mjs.map
+//# sourceMappingURL=carousel-DUqOaYvs.mjs.map

package/dist/chunks/{carousel-C1skQ65z.mjs.map → carousel-DUqOaYvs.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"carousel-C1skQ65z.mjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n  default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n  glass:\n    \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n  minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n  const variants = {\n    slide: {\n      enter: (direction: number) => ({\n        x: direction > 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n      center: { x: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        x: direction < 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n    },\n    fade: {\n      enter: () => ({ opacity: 0 }),\n      center: { opacity: 1 },\n      exit: () => ({ opacity: 0 }),\n    },\n    scale: {\n      enter: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction > 0 ? 50 : -50,\n      }),\n      center: { scale: 1, opacity: 1, x: 0 },\n      exit: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction < 0 ? 50 : -50,\n      }),\n    },\n    flip: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        opacity: 0,\n      }),\n      center: { rotateY: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        opacity: 0,\n      }),\n    },\n    cube: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        x: direction > 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n      center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        x: direction < 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n    },\n    cards: {\n      enter: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction > 0 ? 100 : -100,\n        rotateZ: direction > 0 ? 5 : -5,\n      }),\n      center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n      exit: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction < 0 ? 100 : -100,\n        rotateZ: direction < 0 ? 5 : -5,\n      }),\n    },\n  };\n  return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n  animation: CarouselAnimation,\n  duration: number,\n) => {\n  const durationSec = duration / 1000;\n  const configs: Record<CarouselAnimation, object> = {\n    slide: {\n      x: { type: \"spring\", stiffness: 300, damping: 30 },\n      opacity: { duration: durationSec },\n    },\n    fade: {\n      opacity: { duration: durationSec, ease: \"easeInOut\" },\n    },\n    scale: {\n      type: \"spring\",\n      stiffness: 200,\n      damping: 25,\n      opacity: { duration: durationSec },\n    },\n    flip: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cube: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cards: {\n      type: \"spring\",\n      stiffness: 150,\n      damping: 20,\n      opacity: { duration: durationSec },\n    },\n  };\n  return configs[animation];\n};\n\nexport const Carousel = ({\n  items,\n  className,\n  autoPlay = 0,\n  showArrows = true,\n  showDots = true,\n  infinite = true,\n  pauseOnHover = true,\n  animationDuration = 500,\n  // gap and slidesPerView reserved for future multi-slide support\n  gap: _gap = 0,\n  slidesPerView: _slidesPerView = 1,\n  renderArrow,\n  renderDot,\n  onSlideChange,\n  variant = \"glass\",\n  height = 400,\n  style,\n  initialSlide = 0,\n  draggable = true,\n  animation = \"slide\",\n}: CarouselProps) => {\n  const animationVariants = getAnimationVariants(animation);\n  const transitionConfig = getTransitionConfig(animation, animationDuration);\n  const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n  const [isPaused, setIsPaused] = useState(false);\n  const intervalRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const totalSlides = items.length;\n\n  const goToSlide = useCallback(\n    (index: number, dir?: number) => {\n      let newIndex = index;\n      if (infinite) {\n        if (index < 0) newIndex = totalSlides - 1;\n        else if (index >= totalSlides) newIndex = 0;\n      } else {\n        if (index < 0) newIndex = 0;\n        else if (index >= totalSlides) newIndex = totalSlides - 1;\n      }\n      const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n      setSlide([newIndex, newDirection]);\n      onSlideChange?.(newIndex);\n    },\n    [currentIndex, infinite, totalSlides, onSlideChange],\n  );\n\n  const goNext = useCallback(\n    () => goToSlide(currentIndex + 1, 1),\n    [currentIndex, goToSlide],\n  );\n  const goPrev = useCallback(\n    () => goToSlide(currentIndex - 1, -1),\n    [currentIndex, goToSlide],\n  );\n\n  // Auto-play\n  useEffect(() => {\n    if (autoPlay > 0 && !isPaused) {\n      intervalRef.current = setInterval(goNext, autoPlay);\n    }\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current);\n    };\n  }, [autoPlay, isPaused, goNext]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowLeft\") goPrev();\n      if (e.key === \"ArrowRight\") goNext();\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goNext, goPrev]);\n\n  // Drag handling\n  const handleDragEnd = (\n    _event: MouseEvent | TouchEvent | PointerEvent,\n    info: {\n      offset: { x: number; y: number };\n      velocity: { x: number; y: number };\n    },\n  ) => {\n    const threshold = 50;\n    if (info.offset.x < -threshold) goNext();\n    else if (info.offset.x > threshold) goPrev();\n  };\n\n  const currentItem = items[currentIndex];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n        variantStyles[variant],\n        className,\n      )}\n      style={{\n        height: typeof height === \"number\" ? `${height}px` : height,\n        ...style,\n      }}\n      onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n      onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n    >\n      {/* Slides */}\n      <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n        <motion.div\n          key={currentIndex}\n          custom={direction}\n          variants={animationVariants}\n          initial=\"enter\"\n          animate=\"center\"\n          exit=\"exit\"\n          transition={transitionConfig}\n          drag={draggable ? \"x\" : false}\n          dragConstraints={{ left: 0, right: 0 }}\n          dragElastic={0.2}\n          onDragEnd={handleDragEnd}\n          className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n          style={{\n            perspective:\n              animation === \"flip\" || animation === \"cube\" ? 1000 : undefined,\n          }}\n        >\n          {currentItem.image ? (\n            <div className=\"ui:relative ui:w-full ui:h-full\">\n              <img\n                src={currentItem.image}\n                alt={currentItem.alt || currentItem.title || \"Carousel slide\"}\n                className=\"ui:w-full ui:h-full ui:object-cover\"\n              />\n              {(currentItem.title || currentItem.description) && (\n                <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n                  {currentItem.title && (\n                    <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n                      {currentItem.title}\n                    </h3>\n                  )}\n                  {currentItem.description && (\n                    <p className=\"ui:text-ds-on-accent/80\">\n                      {currentItem.description}\n                    </p>\n                  )}\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n              {currentItem.content}\n            </div>\n          )}\n        </motion.div>\n      </AnimatePresence>\n\n      {/* Navigation Arrows */}\n      {showArrows && totalSlides > 1 && (\n        <>\n          {renderArrow ? (\n            <>\n              {renderArrow({ direction: \"prev\", onClick: goPrev })}\n              {renderArrow({ direction: \"next\", onClick: goNext })}\n            </>\n          ) : (\n            <>\n              <motion.button\n                type=\"button\"\n                onClick={goPrev}\n                className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Previous slide\"\n              >\n                <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n              </motion.button>\n              <motion.button\n                type=\"button\"\n                onClick={goNext}\n                className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Next slide\"\n              >\n                <ChevronRightIcon\n                  className=\"ui:w-6 ui:h-6\"\n                  aria-hidden=\"true\"\n                />\n              </motion.button>\n            </>\n          )}\n        </>\n      )}\n\n      {/* Dot Indicators */}\n      {showDots && totalSlides > 1 && (\n        <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n          {items.map((_, index) =>\n            renderDot ? (\n              renderDot({\n                index,\n                active: index === currentIndex,\n                onClick: () => goToSlide(index),\n              })\n            ) : (\n              <motion.button\n                key={index}\n                type=\"button\"\n                onClick={() => goToSlide(index)}\n                className={mergeClassNames(\n                  \"ui:rounded-full ui:transition-all ui:duration-300\",\n                  index === currentIndex\n                    ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n                    : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n                )}\n                whileHover={{ scale: 1.2 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label={`Go to slide ${index + 1}`}\n                aria-current={index === currentIndex ? \"true\" : undefined}\n              />\n            ),\n          )}\n        </div>\n      )}\n\n      {/* Progress indicator */}\n      {autoPlay > 0 && !isPaused && (\n        <motion.div\n          className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n          initial={{ width: \"0%\" }}\n          animate={{ width: \"100%\" }}\n          transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n          key={currentIndex}\n        />\n      )}\n    </div>\n  );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}
+{"version":3,"file":"carousel-DUqOaYvs.mjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n  default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n  glass:\n    \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n  minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n  const variants = {\n    slide: {\n      enter: (direction: number) => ({\n        x: direction > 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n      center: { x: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        x: direction < 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n    },\n    fade: {\n      enter: () => ({ opacity: 0 }),\n      center: { opacity: 1 },\n      exit: () => ({ opacity: 0 }),\n    },\n    scale: {\n      enter: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction > 0 ? 50 : -50,\n      }),\n      center: { scale: 1, opacity: 1, x: 0 },\n      exit: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction < 0 ? 50 : -50,\n      }),\n    },\n    flip: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        opacity: 0,\n      }),\n      center: { rotateY: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        opacity: 0,\n      }),\n    },\n    cube: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        x: direction > 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n      center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        x: direction < 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n    },\n    cards: {\n      enter: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction > 0 ? 100 : -100,\n        rotateZ: direction > 0 ? 5 : -5,\n      }),\n      center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n      exit: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction < 0 ? 100 : -100,\n        rotateZ: direction < 0 ? 5 : -5,\n      }),\n    },\n  };\n  return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n  animation: CarouselAnimation,\n  duration: number,\n) => {\n  const durationSec = duration / 1000;\n  const configs: Record<CarouselAnimation, object> = {\n    slide: {\n      x: { type: \"spring\", stiffness: 300, damping: 30 },\n      opacity: { duration: durationSec },\n    },\n    fade: {\n      opacity: { duration: durationSec, ease: \"easeInOut\" },\n    },\n    scale: {\n      type: \"spring\",\n      stiffness: 200,\n      damping: 25,\n      opacity: { duration: durationSec },\n    },\n    flip: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cube: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cards: {\n      type: \"spring\",\n      stiffness: 150,\n      damping: 20,\n      opacity: { duration: durationSec },\n    },\n  };\n  return configs[animation];\n};\n\nexport const Carousel = ({\n  items,\n  className,\n  autoPlay = 0,\n  showArrows = true,\n  showDots = true,\n  infinite = true,\n  pauseOnHover = true,\n  animationDuration = 500,\n  // gap and slidesPerView reserved for future multi-slide support\n  gap: _gap = 0,\n  slidesPerView: _slidesPerView = 1,\n  renderArrow,\n  renderDot,\n  onSlideChange,\n  variant = \"glass\",\n  height = 400,\n  style,\n  initialSlide = 0,\n  draggable = true,\n  animation = \"slide\",\n}: CarouselProps) => {\n  const animationVariants = getAnimationVariants(animation);\n  const transitionConfig = getTransitionConfig(animation, animationDuration);\n  const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n  const [isPaused, setIsPaused] = useState(false);\n  const intervalRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const totalSlides = items.length;\n\n  const goToSlide = useCallback(\n    (index: number, dir?: number) => {\n      let newIndex = index;\n      if (infinite) {\n        if (index < 0) newIndex = totalSlides - 1;\n        else if (index >= totalSlides) newIndex = 0;\n      } else {\n        if (index < 0) newIndex = 0;\n        else if (index >= totalSlides) newIndex = totalSlides - 1;\n      }\n      const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n      setSlide([newIndex, newDirection]);\n      onSlideChange?.(newIndex);\n    },\n    [currentIndex, infinite, totalSlides, onSlideChange],\n  );\n\n  const goNext = useCallback(\n    () => goToSlide(currentIndex + 1, 1),\n    [currentIndex, goToSlide],\n  );\n  const goPrev = useCallback(\n    () => goToSlide(currentIndex - 1, -1),\n    [currentIndex, goToSlide],\n  );\n\n  // Auto-play\n  useEffect(() => {\n    if (autoPlay > 0 && !isPaused) {\n      intervalRef.current = setInterval(goNext, autoPlay);\n    }\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current);\n    };\n  }, [autoPlay, isPaused, goNext]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowLeft\") goPrev();\n      if (e.key === \"ArrowRight\") goNext();\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goNext, goPrev]);\n\n  // Drag handling\n  const handleDragEnd = (\n    _event: MouseEvent | TouchEvent | PointerEvent,\n    info: {\n      offset: { x: number; y: number };\n      velocity: { x: number; y: number };\n    },\n  ) => {\n    const threshold = 50;\n    if (info.offset.x < -threshold) goNext();\n    else if (info.offset.x > threshold) goPrev();\n  };\n\n  const currentItem = items[currentIndex];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n        variantStyles[variant],\n        className,\n      )}\n      style={{\n        height: typeof height === \"number\" ? `${height}px` : height,\n        ...style,\n      }}\n      onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n      onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n    >\n      {/* Slides */}\n      <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n        <motion.div\n          key={currentIndex}\n          custom={direction}\n          variants={animationVariants}\n          initial=\"enter\"\n          animate=\"center\"\n          exit=\"exit\"\n          transition={transitionConfig}\n          drag={draggable ? \"x\" : false}\n          dragConstraints={{ left: 0, right: 0 }}\n          dragElastic={0.2}\n          onDragEnd={handleDragEnd}\n          className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n          style={{\n            perspective:\n              animation === \"flip\" || animation === \"cube\" ? 1000 : undefined,\n          }}\n        >\n          {currentItem.image ? (\n            <div className=\"ui:relative ui:w-full ui:h-full\">\n              <img\n                src={currentItem.image}\n                alt={currentItem.alt || currentItem.title || \"Carousel slide\"}\n                className=\"ui:w-full ui:h-full ui:object-cover\"\n              />\n              {(currentItem.title || currentItem.description) && (\n                <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n                  {currentItem.title && (\n                    <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n                      {currentItem.title}\n                    </h3>\n                  )}\n                  {currentItem.description && (\n                    <p className=\"ui:text-ds-on-accent/80\">\n                      {currentItem.description}\n                    </p>\n                  )}\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n              {currentItem.content}\n            </div>\n          )}\n        </motion.div>\n      </AnimatePresence>\n\n      {/* Navigation Arrows */}\n      {showArrows && totalSlides > 1 && (\n        <>\n          {renderArrow ? (\n            <>\n              {renderArrow({ direction: \"prev\", onClick: goPrev })}\n              {renderArrow({ direction: \"next\", onClick: goNext })}\n            </>\n          ) : (\n            <>\n              <motion.button\n                type=\"button\"\n                onClick={goPrev}\n                className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Previous slide\"\n              >\n                <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n              </motion.button>\n              <motion.button\n                type=\"button\"\n                onClick={goNext}\n                className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Next slide\"\n              >\n                <ChevronRightIcon\n                  className=\"ui:w-6 ui:h-6\"\n                  aria-hidden=\"true\"\n                />\n              </motion.button>\n            </>\n          )}\n        </>\n      )}\n\n      {/* Dot Indicators */}\n      {showDots && totalSlides > 1 && (\n        <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n          {items.map((_, index) =>\n            renderDot ? (\n              renderDot({\n                index,\n                active: index === currentIndex,\n                onClick: () => goToSlide(index),\n              })\n            ) : (\n              <motion.button\n                key={index}\n                type=\"button\"\n                onClick={() => goToSlide(index)}\n                className={mergeClassNames(\n                  \"ui:rounded-full ui:transition-all ui:duration-300\",\n                  index === currentIndex\n                    ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n                    : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n                )}\n                whileHover={{ scale: 1.2 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label={`Go to slide ${index + 1}`}\n                aria-current={index === currentIndex ? \"true\" : undefined}\n              />\n            ),\n          )}\n        </div>\n      )}\n\n      {/* Progress indicator */}\n      {autoPlay > 0 && !isPaused && (\n        <motion.div\n          className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n          initial={{ width: \"0%\" }}\n          animate={{ width: \"100%\" }}\n          transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n          key={currentIndex}\n        />\n      )}\n    </div>\n  );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}

package/dist/chunks/{carousel-YlRLOGkM.cjs → carousel-F4drTOr6.cjs}

@@ -310,4 +310,4 @@ Object.defineProperty(exports, "Carousel", {
 	}
 });
 
-//# sourceMappingURL=carousel-YlRLOGkM.cjs.map
+//# sourceMappingURL=carousel-F4drTOr6.cjs.map

package/dist/chunks/{carousel-YlRLOGkM.cjs.map → carousel-F4drTOr6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"carousel-YlRLOGkM.cjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n  default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n  glass:\n    \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n  minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n  const variants = {\n    slide: {\n      enter: (direction: number) => ({\n        x: direction > 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n      center: { x: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        x: direction < 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n    },\n    fade: {\n      enter: () => ({ opacity: 0 }),\n      center: { opacity: 1 },\n      exit: () => ({ opacity: 0 }),\n    },\n    scale: {\n      enter: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction > 0 ? 50 : -50,\n      }),\n      center: { scale: 1, opacity: 1, x: 0 },\n      exit: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction < 0 ? 50 : -50,\n      }),\n    },\n    flip: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        opacity: 0,\n      }),\n      center: { rotateY: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        opacity: 0,\n      }),\n    },\n    cube: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        x: direction > 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n      center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        x: direction < 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n    },\n    cards: {\n      enter: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction > 0 ? 100 : -100,\n        rotateZ: direction > 0 ? 5 : -5,\n      }),\n      center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n      exit: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction < 0 ? 100 : -100,\n        rotateZ: direction < 0 ? 5 : -5,\n      }),\n    },\n  };\n  return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n  animation: CarouselAnimation,\n  duration: number,\n) => {\n  const durationSec = duration / 1000;\n  const configs: Record<CarouselAnimation, object> = {\n    slide: {\n      x: { type: \"spring\", stiffness: 300, damping: 30 },\n      opacity: { duration: durationSec },\n    },\n    fade: {\n      opacity: { duration: durationSec, ease: \"easeInOut\" },\n    },\n    scale: {\n      type: \"spring\",\n      stiffness: 200,\n      damping: 25,\n      opacity: { duration: durationSec },\n    },\n    flip: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cube: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cards: {\n      type: \"spring\",\n      stiffness: 150,\n      damping: 20,\n      opacity: { duration: durationSec },\n    },\n  };\n  return configs[animation];\n};\n\nexport const Carousel = ({\n  items,\n  className,\n  autoPlay = 0,\n  showArrows = true,\n  showDots = true,\n  infinite = true,\n  pauseOnHover = true,\n  animationDuration = 500,\n  // gap and slidesPerView reserved for future multi-slide support\n  gap: _gap = 0,\n  slidesPerView: _slidesPerView = 1,\n  renderArrow,\n  renderDot,\n  onSlideChange,\n  variant = \"glass\",\n  height = 400,\n  style,\n  initialSlide = 0,\n  draggable = true,\n  animation = \"slide\",\n}: CarouselProps) => {\n  const animationVariants = getAnimationVariants(animation);\n  const transitionConfig = getTransitionConfig(animation, animationDuration);\n  const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n  const [isPaused, setIsPaused] = useState(false);\n  const intervalRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const totalSlides = items.length;\n\n  const goToSlide = useCallback(\n    (index: number, dir?: number) => {\n      let newIndex = index;\n      if (infinite) {\n        if (index < 0) newIndex = totalSlides - 1;\n        else if (index >= totalSlides) newIndex = 0;\n      } else {\n        if (index < 0) newIndex = 0;\n        else if (index >= totalSlides) newIndex = totalSlides - 1;\n      }\n      const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n      setSlide([newIndex, newDirection]);\n      onSlideChange?.(newIndex);\n    },\n    [currentIndex, infinite, totalSlides, onSlideChange],\n  );\n\n  const goNext = useCallback(\n    () => goToSlide(currentIndex + 1, 1),\n    [currentIndex, goToSlide],\n  );\n  const goPrev = useCallback(\n    () => goToSlide(currentIndex - 1, -1),\n    [currentIndex, goToSlide],\n  );\n\n  // Auto-play\n  useEffect(() => {\n    if (autoPlay > 0 && !isPaused) {\n      intervalRef.current = setInterval(goNext, autoPlay);\n    }\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current);\n    };\n  }, [autoPlay, isPaused, goNext]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowLeft\") goPrev();\n      if (e.key === \"ArrowRight\") goNext();\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goNext, goPrev]);\n\n  // Drag handling\n  const handleDragEnd = (\n    _event: MouseEvent | TouchEvent | PointerEvent,\n    info: {\n      offset: { x: number; y: number };\n      velocity: { x: number; y: number };\n    },\n  ) => {\n    const threshold = 50;\n    if (info.offset.x < -threshold) goNext();\n    else if (info.offset.x > threshold) goPrev();\n  };\n\n  const currentItem = items[currentIndex];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n        variantStyles[variant],\n        className,\n      )}\n      style={{\n        height: typeof height === \"number\" ? `${height}px` : height,\n        ...style,\n      }}\n      onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n      onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n    >\n      {/* Slides */}\n      <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n        <motion.div\n          key={currentIndex}\n          custom={direction}\n          variants={animationVariants}\n          initial=\"enter\"\n          animate=\"center\"\n          exit=\"exit\"\n          transition={transitionConfig}\n          drag={draggable ? \"x\" : false}\n          dragConstraints={{ left: 0, right: 0 }}\n          dragElastic={0.2}\n          onDragEnd={handleDragEnd}\n          className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n          style={{\n            perspective:\n              animation === \"flip\" || animation === \"cube\" ? 1000 : undefined,\n          }}\n        >\n          {currentItem.image ? (\n            <div className=\"ui:relative ui:w-full ui:h-full\">\n              <img\n                src={currentItem.image}\n                alt={currentItem.alt || currentItem.title || \"Carousel slide\"}\n                className=\"ui:w-full ui:h-full ui:object-cover\"\n              />\n              {(currentItem.title || currentItem.description) && (\n                <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n                  {currentItem.title && (\n                    <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n                      {currentItem.title}\n                    </h3>\n                  )}\n                  {currentItem.description && (\n                    <p className=\"ui:text-ds-on-accent/80\">\n                      {currentItem.description}\n                    </p>\n                  )}\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n              {currentItem.content}\n            </div>\n          )}\n        </motion.div>\n      </AnimatePresence>\n\n      {/* Navigation Arrows */}\n      {showArrows && totalSlides > 1 && (\n        <>\n          {renderArrow ? (\n            <>\n              {renderArrow({ direction: \"prev\", onClick: goPrev })}\n              {renderArrow({ direction: \"next\", onClick: goNext })}\n            </>\n          ) : (\n            <>\n              <motion.button\n                type=\"button\"\n                onClick={goPrev}\n                className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Previous slide\"\n              >\n                <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n              </motion.button>\n              <motion.button\n                type=\"button\"\n                onClick={goNext}\n                className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Next slide\"\n              >\n                <ChevronRightIcon\n                  className=\"ui:w-6 ui:h-6\"\n                  aria-hidden=\"true\"\n                />\n              </motion.button>\n            </>\n          )}\n        </>\n      )}\n\n      {/* Dot Indicators */}\n      {showDots && totalSlides > 1 && (\n        <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n          {items.map((_, index) =>\n            renderDot ? (\n              renderDot({\n                index,\n                active: index === currentIndex,\n                onClick: () => goToSlide(index),\n              })\n            ) : (\n              <motion.button\n                key={index}\n                type=\"button\"\n                onClick={() => goToSlide(index)}\n                className={mergeClassNames(\n                  \"ui:rounded-full ui:transition-all ui:duration-300\",\n                  index === currentIndex\n                    ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n                    : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n                )}\n                whileHover={{ scale: 1.2 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label={`Go to slide ${index + 1}`}\n                aria-current={index === currentIndex ? \"true\" : undefined}\n              />\n            ),\n          )}\n        </div>\n      )}\n\n      {/* Progress indicator */}\n      {autoPlay > 0 && !isPaused && (\n        <motion.div\n          className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n          initial={{ width: \"0%\" }}\n          animate={{ width: \"100%\" }}\n          transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n          key={currentIndex}\n        />\n      )}\n    </div>\n  );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}
+{"version":3,"file":"carousel-F4drTOr6.cjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n  default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n  glass:\n    \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n  minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n  const variants = {\n    slide: {\n      enter: (direction: number) => ({\n        x: direction > 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n      center: { x: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        x: direction < 0 ? \"100%\" : \"-100%\",\n        opacity: 0,\n      }),\n    },\n    fade: {\n      enter: () => ({ opacity: 0 }),\n      center: { opacity: 1 },\n      exit: () => ({ opacity: 0 }),\n    },\n    scale: {\n      enter: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction > 0 ? 50 : -50,\n      }),\n      center: { scale: 1, opacity: 1, x: 0 },\n      exit: (direction: number) => ({\n        scale: 0.8,\n        opacity: 0,\n        x: direction < 0 ? 50 : -50,\n      }),\n    },\n    flip: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        opacity: 0,\n      }),\n      center: { rotateY: 0, opacity: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        opacity: 0,\n      }),\n    },\n    cube: {\n      enter: (direction: number) => ({\n        rotateY: direction > 0 ? 90 : -90,\n        x: direction > 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n      center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n      exit: (direction: number) => ({\n        rotateY: direction < 0 ? 90 : -90,\n        x: direction < 0 ? \"50%\" : \"-50%\",\n        opacity: 0,\n        scale: 0.8,\n      }),\n    },\n    cards: {\n      enter: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction > 0 ? 100 : -100,\n        rotateZ: direction > 0 ? 5 : -5,\n      }),\n      center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n      exit: (direction: number) => ({\n        scale: 0.9,\n        opacity: 0,\n        y: direction < 0 ? 100 : -100,\n        rotateZ: direction < 0 ? 5 : -5,\n      }),\n    },\n  };\n  return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n  animation: CarouselAnimation,\n  duration: number,\n) => {\n  const durationSec = duration / 1000;\n  const configs: Record<CarouselAnimation, object> = {\n    slide: {\n      x: { type: \"spring\", stiffness: 300, damping: 30 },\n      opacity: { duration: durationSec },\n    },\n    fade: {\n      opacity: { duration: durationSec, ease: \"easeInOut\" },\n    },\n    scale: {\n      type: \"spring\",\n      stiffness: 200,\n      damping: 25,\n      opacity: { duration: durationSec },\n    },\n    flip: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cube: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 20,\n      opacity: { duration: durationSec * 0.5 },\n    },\n    cards: {\n      type: \"spring\",\n      stiffness: 150,\n      damping: 20,\n      opacity: { duration: durationSec },\n    },\n  };\n  return configs[animation];\n};\n\nexport const Carousel = ({\n  items,\n  className,\n  autoPlay = 0,\n  showArrows = true,\n  showDots = true,\n  infinite = true,\n  pauseOnHover = true,\n  animationDuration = 500,\n  // gap and slidesPerView reserved for future multi-slide support\n  gap: _gap = 0,\n  slidesPerView: _slidesPerView = 1,\n  renderArrow,\n  renderDot,\n  onSlideChange,\n  variant = \"glass\",\n  height = 400,\n  style,\n  initialSlide = 0,\n  draggable = true,\n  animation = \"slide\",\n}: CarouselProps) => {\n  const animationVariants = getAnimationVariants(animation);\n  const transitionConfig = getTransitionConfig(animation, animationDuration);\n  const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n  const [isPaused, setIsPaused] = useState(false);\n  const intervalRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const totalSlides = items.length;\n\n  const goToSlide = useCallback(\n    (index: number, dir?: number) => {\n      let newIndex = index;\n      if (infinite) {\n        if (index < 0) newIndex = totalSlides - 1;\n        else if (index >= totalSlides) newIndex = 0;\n      } else {\n        if (index < 0) newIndex = 0;\n        else if (index >= totalSlides) newIndex = totalSlides - 1;\n      }\n      const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n      setSlide([newIndex, newDirection]);\n      onSlideChange?.(newIndex);\n    },\n    [currentIndex, infinite, totalSlides, onSlideChange],\n  );\n\n  const goNext = useCallback(\n    () => goToSlide(currentIndex + 1, 1),\n    [currentIndex, goToSlide],\n  );\n  const goPrev = useCallback(\n    () => goToSlide(currentIndex - 1, -1),\n    [currentIndex, goToSlide],\n  );\n\n  // Auto-play\n  useEffect(() => {\n    if (autoPlay > 0 && !isPaused) {\n      intervalRef.current = setInterval(goNext, autoPlay);\n    }\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current);\n    };\n  }, [autoPlay, isPaused, goNext]);\n\n  // Keyboard navigation\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowLeft\") goPrev();\n      if (e.key === \"ArrowRight\") goNext();\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [goNext, goPrev]);\n\n  // Drag handling\n  const handleDragEnd = (\n    _event: MouseEvent | TouchEvent | PointerEvent,\n    info: {\n      offset: { x: number; y: number };\n      velocity: { x: number; y: number };\n    },\n  ) => {\n    const threshold = 50;\n    if (info.offset.x < -threshold) goNext();\n    else if (info.offset.x > threshold) goPrev();\n  };\n\n  const currentItem = items[currentIndex];\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n        variantStyles[variant],\n        className,\n      )}\n      style={{\n        height: typeof height === \"number\" ? `${height}px` : height,\n        ...style,\n      }}\n      onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n      onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n    >\n      {/* Slides */}\n      <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n        <motion.div\n          key={currentIndex}\n          custom={direction}\n          variants={animationVariants}\n          initial=\"enter\"\n          animate=\"center\"\n          exit=\"exit\"\n          transition={transitionConfig}\n          drag={draggable ? \"x\" : false}\n          dragConstraints={{ left: 0, right: 0 }}\n          dragElastic={0.2}\n          onDragEnd={handleDragEnd}\n          className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n          style={{\n            perspective:\n              animation === \"flip\" || animation === \"cube\" ? 1000 : undefined,\n          }}\n        >\n          {currentItem.image ? (\n            <div className=\"ui:relative ui:w-full ui:h-full\">\n              <img\n                src={currentItem.image}\n                alt={currentItem.alt || currentItem.title || \"Carousel slide\"}\n                className=\"ui:w-full ui:h-full ui:object-cover\"\n              />\n              {(currentItem.title || currentItem.description) && (\n                <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n                  {currentItem.title && (\n                    <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n                      {currentItem.title}\n                    </h3>\n                  )}\n                  {currentItem.description && (\n                    <p className=\"ui:text-ds-on-accent/80\">\n                      {currentItem.description}\n                    </p>\n                  )}\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n              {currentItem.content}\n            </div>\n          )}\n        </motion.div>\n      </AnimatePresence>\n\n      {/* Navigation Arrows */}\n      {showArrows && totalSlides > 1 && (\n        <>\n          {renderArrow ? (\n            <>\n              {renderArrow({ direction: \"prev\", onClick: goPrev })}\n              {renderArrow({ direction: \"next\", onClick: goNext })}\n            </>\n          ) : (\n            <>\n              <motion.button\n                type=\"button\"\n                onClick={goPrev}\n                className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Previous slide\"\n              >\n                <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n              </motion.button>\n              <motion.button\n                type=\"button\"\n                onClick={goNext}\n                className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n                whileHover={{ scale: 1.1 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label=\"Next slide\"\n              >\n                <ChevronRightIcon\n                  className=\"ui:w-6 ui:h-6\"\n                  aria-hidden=\"true\"\n                />\n              </motion.button>\n            </>\n          )}\n        </>\n      )}\n\n      {/* Dot Indicators */}\n      {showDots && totalSlides > 1 && (\n        <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n          {items.map((_, index) =>\n            renderDot ? (\n              renderDot({\n                index,\n                active: index === currentIndex,\n                onClick: () => goToSlide(index),\n              })\n            ) : (\n              <motion.button\n                key={index}\n                type=\"button\"\n                onClick={() => goToSlide(index)}\n                className={mergeClassNames(\n                  \"ui:rounded-full ui:transition-all ui:duration-300\",\n                  index === currentIndex\n                    ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n                    : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n                )}\n                whileHover={{ scale: 1.2 }}\n                whileTap={{ scale: 0.9 }}\n                aria-label={`Go to slide ${index + 1}`}\n                aria-current={index === currentIndex ? \"true\" : undefined}\n              />\n            ),\n          )}\n        </div>\n      )}\n\n      {/* Progress indicator */}\n      {autoPlay > 0 && !isPaused && (\n        <motion.div\n          className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n          initial={{ width: \"0%\" }}\n          animate={{ width: \"100%\" }}\n          transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n          key={currentIndex}\n        />\n      )}\n    </div>\n  );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":";;;;;;;AAOA,IAAM,gBAAgB;CACpB,SAAS;CACT,OACE;CACF,SAAS;CACV;AAGD,IAAM,wBAAwB,cAAiC;AAyE7D,QAxEiB;EACf,OAAO;GACL,QAAQ,eAAuB;IAC7B,GAAG,YAAY,IAAI,SAAS;IAC5B,SAAS;IACV;GACD,QAAQ;IAAE,GAAG;IAAG,SAAS;IAAG;GAC5B,OAAO,eAAuB;IAC5B,GAAG,YAAY,IAAI,SAAS;IAC5B,SAAS;IACV;GACF;EACD,MAAM;GACJ,cAAc,EAAE,SAAS,GAAG;GAC5B,QAAQ,EAAE,SAAS,GAAG;GACtB,aAAa,EAAE,SAAS,GAAG;GAC5B;EACD,OAAO;GACL,QAAQ,eAAuB;IAC7B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,KAAK;IACzB;GACD,QAAQ;IAAE,OAAO;IAAG,SAAS;IAAG,GAAG;IAAG;GACtC,OAAO,eAAuB;IAC5B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,KAAK;IACzB;GACF;EACD,MAAM;GACJ,QAAQ,eAAuB;IAC7B,SAAS,YAAY,IAAI,KAAK;IAC9B,SAAS;IACV;GACD,QAAQ;IAAE,SAAS;IAAG,SAAS;IAAG;GAClC,OAAO,eAAuB;IAC5B,SAAS,YAAY,IAAI,KAAK;IAC9B,SAAS;IACV;GACF;EACD,MAAM;GACJ,QAAQ,eAAuB;IAC7B,SAAS,YAAY,IAAI,KAAK;IAC9B,GAAG,YAAY,IAAI,QAAQ;IAC3B,SAAS;IACT,OAAO;IACR;GACD,QAAQ;IAAE,SAAS;IAAG,GAAG;IAAG,SAAS;IAAG,OAAO;IAAG;GAClD,OAAO,eAAuB;IAC5B,SAAS,YAAY,IAAI,KAAK;IAC9B,GAAG,YAAY,IAAI,QAAQ;IAC3B,SAAS;IACT,OAAO;IACR;GACF;EACD,OAAO;GACL,QAAQ,eAAuB;IAC7B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,MAAM;IACzB,SAAS,YAAY,IAAI,IAAI;IAC9B;GACD,QAAQ;IAAE,OAAO;IAAG,SAAS;IAAG,GAAG;IAAG,SAAS;IAAG;GAClD,OAAO,eAAuB;IAC5B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,MAAM;IACzB,SAAS,YAAY,IAAI,IAAI;IAC9B;GACF;EACF,CACe;;AAIlB,IAAM,uBACJ,WACA,aACG;CACH,MAAM,cAAc,WAAW;AAkC/B,QAjCmD;EACjD,OAAO;GACL,GAAG;IAAE,MAAM;IAAU,WAAW;IAAK,SAAS;IAAI;GAClD,SAAS,EAAE,UAAU,aAAa;GACnC;EACD,MAAM,EACJ,SAAS;GAAE,UAAU;GAAa,MAAM;GAAa,EACtD;EACD,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,aAAa;GACnC;EACD,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,cAAc,IAAK;GACzC;EACD,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,cAAc,IAAK;GACzC;EACD,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,aAAa;GACnC;EACF,CACc;;AAGjB,IAAa,YAAY,EACvB,OACA,WACA,WAAW,GACX,aAAa,MACb,WAAW,MACX,WAAW,MACX,eAAe,MACf,oBAAoB,KAEpB,KAAK,OAAO,GACZ,eAAe,iBAAiB,GAChC,aACA,WACA,eACA,UAAU,SACV,SAAS,KACT,OACA,eAAe,GACf,YAAY,MACZ,YAAY,cACO;CACnB,MAAM,oBAAoB,qBAAqB,UAAU;CACzD,MAAM,mBAAmB,oBAAoB,WAAW,kBAAkB;CAC1E,MAAM,CAAC,CAAC,cAAc,YAAY,aAAA,GAAA,MAAA,UAAqB,CAAC,cAAc,EAAE,CAAC;CACzE,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,MAAM;CAC/C,MAAM,eAAA,GAAA,MAAA,QAA2D,KAAK;CAEtE,MAAM,cAAc,MAAM;CAE1B,MAAM,aAAA,GAAA,MAAA,cACH,OAAe,QAAiB;EAC/B,IAAI,WAAW;AACf,MAAI;OACE,QAAQ,EAAG,YAAW,cAAc;YAC/B,SAAS,YAAa,YAAW;aAEtC,QAAQ,EAAG,YAAW;WACjB,SAAS,YAAa,YAAW,cAAc;AAG1D,WAAS,CAAC,UADW,QAAQ,WAAW,eAAe,IAAI,IAC1B,CAAC;AAClC,kBAAgB,SAAS;IAE3B;EAAC;EAAc;EAAU;EAAa;EAAc,CACrD;CAED,MAAM,UAAA,GAAA,MAAA,mBACE,UAAU,eAAe,GAAG,EAAE,EACpC,CAAC,cAAc,UAAU,CAC1B;CACD,MAAM,UAAA,GAAA,MAAA,mBACE,UAAU,eAAe,GAAG,GAAG,EACrC,CAAC,cAAc,UAAU,CAC1B;AAGD,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,WAAW,KAAK,CAAC,SACnB,aAAY,UAAU,YAAY,QAAQ,SAAS;AAErD,eAAa;AACX,OAAI,YAAY,QAAS,eAAc,YAAY,QAAQ;;IAE5D;EAAC;EAAU;EAAU;EAAO,CAAC;AAGhC,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,iBAAiB,MAAqB;AAC1C,OAAI,EAAE,QAAQ,YAAa,SAAQ;AACnC,OAAI,EAAE,QAAQ,aAAc,SAAQ;;AAEtC,SAAO,iBAAiB,WAAW,cAAc;AACjD,eAAa,OAAO,oBAAoB,WAAW,cAAc;IAChE,CAAC,QAAQ,OAAO,CAAC;CAGpB,MAAM,iBACJ,QACA,SAIG;EACH,MAAM,YAAY;AAClB,MAAI,KAAK,OAAO,IAAI,CAAC,UAAW,SAAQ;WAC/B,KAAK,OAAO,IAAI,UAAW,SAAQ;;CAG9C,MAAM,cAAc,MAAM;AAE1B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,cAAA,gBACT,2DACA,cAAc,UACd,UACD;EACD,OAAO;GACL,QAAQ,OAAO,WAAW,WAAW,GAAG,OAAO,MAAM;GACrD,GAAG;GACJ;EACD,oBAAoB,gBAAgB,YAAY,KAAK;EACrD,oBAAoB,gBAAgB,YAAY,MAAM;YAXxD;GAcE,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;IAAiB,SAAS;IAAO,QAAQ;IAAW,MAAK;cACvD,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;KAEE,QAAQ;KACR,UAAU;KACV,SAAQ;KACR,SAAQ;KACR,MAAK;KACL,YAAY;KACZ,MAAM,YAAY,MAAM;KACxB,iBAAiB;MAAE,MAAM;MAAG,OAAO;MAAG;KACtC,aAAa;KACb,WAAW;KACX,WAAU;KACV,OAAO,EACL,aACE,cAAc,UAAU,cAAc,SAAS,MAAO,KAAA,GACzD;eAEA,YAAY,QACX,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;OACE,KAAK,YAAY;OACjB,KAAK,YAAY,OAAO,YAAY,SAAS;OAC7C,WAAU;OACV,CAAA,GACA,YAAY,SAAS,YAAY,gBACjC,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACG,YAAY,SACX,iBAAA,GAAA,kBAAA,KAAC,MAAD;QAAI,WAAU;kBACX,YAAY;QACV,CAAA,EAEN,YAAY,eACX,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBACV,YAAY;QACX,CAAA,CAEF;SAEJ;UAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,YAAY;MACT,CAAA;KAEG,EA5CN,aA4CM;IACG,CAAA;GAGjB,cAAc,cAAc,KAC3B,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACG,cACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,YAAY;IAAE,WAAW;IAAQ,SAAS;IAAQ,CAAC,EACnD,YAAY;IAAE,WAAW;IAAQ,SAAS;IAAQ,CAAC,CACnD,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,QAAR;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,YAAY,EAAE,OAAO,KAAK;IAC1B,UAAU,EAAE,OAAO,IAAK;IACxB,cAAW;cAEX,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;KAAiB,WAAU;KAAgB,eAAY;KAAS,CAAA;IAClD,CAAA,EAChB,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,QAAR;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,YAAY,EAAE,OAAO,KAAK;IAC1B,UAAU,EAAE,OAAO,IAAK;IACxB,cAAW;cAEX,iBAAA,GAAA,kBAAA,KAAC,cAAA,kBAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IACY,CAAA,CACf,EAAA,CAAA,EAEJ,CAAA;GAIJ,YAAY,cAAc,KACzB,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,GAAG,UACb,YACE,UAAU;KACR;KACA,QAAQ,UAAU;KAClB,eAAe,UAAU,MAAM;KAChC,CAAC,GAEF,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,QAAR;KAEE,MAAK;KACL,eAAe,UAAU,MAAM;KAC/B,WAAW,cAAA,gBACT,qDACA,UAAU,eACN,iDACA,+DACL;KACD,YAAY,EAAE,OAAO,KAAK;KAC1B,UAAU,EAAE,OAAO,IAAK;KACxB,cAAY,eAAe,QAAQ;KACnC,gBAAc,UAAU,eAAe,SAAS,KAAA;KAChD,EAbK,MAaL,CAEL;IACG,CAAA;GAIP,WAAW,KAAK,CAAC,YAChB,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;IACE,WAAU;IACV,SAAS,EAAE,OAAO,MAAM;IACxB,SAAS,EAAE,OAAO,QAAQ;IAC1B,YAAY;KAAE,UAAU,WAAW;KAAM,MAAM;KAAU;IAEzD,EADK,aACL;GAEA;;;AAIV,SAAS,cAAc"}

package/dist/chunks/{checkbox-DjGpvMyo.mjs → checkbox-3aB7XC9_.mjs}

@@ -25,7 +25,7 @@ var Checkbox = forwardRef(({ className = "", label, error, id, extra = "", color
             ${customColorStyle ? `background-color: ${customColorStyle} !important;` : ""}
           }
         ` }), /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center space-x-2",
+		className: "flex items-center gap-2",
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				ref,
@@ -50,4 +50,4 @@ Checkbox.displayName = "Checkbox";
 //#endregion
 export { Checkbox as t };
 
-//# sourceMappingURL=checkbox-DjGpvMyo.mjs.map
+//# sourceMappingURL=checkbox-3aB7XC9_.mjs.map

package/dist/chunks/checkbox-3aB7XC9_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-3aB7XC9_.mjs","names":[],"sources":["../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorClasses: Record<NonNullable<CheckboxProps[\"color\"]>, string> = {\n  red: \"checked:bg-ds-state-danger\",\n  blue: \"checked:bg-ds-state-info\",\n  green: \"checked:bg-ds-state-success\",\n  yellow: \"checked:bg-ds-state-warning\",\n  teal: \"checked:bg-ds-brand-teal\",\n  primary: \"checked:bg-ds-accent\",\n};\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      extra = \"\",\n      color = \"primary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id || `checkbox-${sanitizeId(generatedId)}`;\n\n    // Custom CheckIcon SVG (stroke-based design)\n    const checkmarkIcon = `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 13l4 4L19 7'/%3e%3c/svg%3e\")`;\n\n    // Check if color is a predefined color name or a custom value\n    const isPredefinedColor = color in colorClasses;\n    const customColorStyle = !isPredefinedColor ? color : undefined;\n\n    return (\n      <>\n        <style>{`\n          .checkbox-custom-${checkboxId}:checked {\n            background-image: ${checkmarkIcon};\n            background-size: 70%;\n            background-position: center;\n            background-repeat: no-repeat;\n            ${customColorStyle ? `background-color: ${customColorStyle} !important;` : \"\"}\n          }\n        `}</style>\n        <div className=\"flex items-center gap-2\">\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={checkboxId}\n            className={`checkbox-custom-${checkboxId} peer relative flex h-5 min-h-[20px] w-5 min-w-[20px] appearance-none items-center justify-center rounded-md border border-ds-border-field transition duration-200 outline-none checked:border-none checked:text-ds-on-accent hover:cursor-pointer ${\n              isPredefinedColor\n                ? colorClasses[color as keyof typeof colorClasses]\n                : \"\"\n            } ${error ? \"border-ds-state-error-border\" : \"\"} ${extra} ${className}`}\n            {...props}\n          />\n          {label && (\n            <label\n              htmlFor={checkboxId}\n              className=\"text-sm font-medium leading-none text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n            >\n              {label}\n            </label>\n          )}\n          {error && (\n            <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n              {error}\n            </p>\n          )}\n        </div>\n      </>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;AAGA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,eAAoE;CACxE,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,WAAW,YAEpB,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,IACR,QAAQ,WACR,GAAG,SAEL,QACG;CACH,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,MAAM,YAAY,WAAW,YAAY;CAG5D,MAAM,gBAAgB;CAGtB,MAAM,oBAAoB,SAAS;CACnC,MAAM,mBAAmB,CAAC,oBAAoB,QAAQ,KAAA;AAEtD,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD,EAAA,UAAQ;6BACa,WAAW;gCACR,cAAc;;;;cAIhC,mBAAmB,qBAAqB,iBAAiB,gBAAgB,GAAG;;WAExE,CAAA,EACV,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,WAAW,mBAAmB,WAAW,qPACvC,oBACI,aAAa,SACb,GACL,GAAG,QAAQ,iCAAiC,GAAG,GAAG,MAAM,GAAG;IAC5D,GAAI;IACJ,CAAA;GACD,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,oBAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;IACL,EAAA,CAAA;EAGR;AAED,SAAS,cAAc"}

package/dist/chunks/{checkbox-NM_iPd6S.cjs → checkbox-D8ivRZ1x.cjs}

@@ -26,7 +26,7 @@ var Checkbox = (0, react.forwardRef)(({ className = "", label, error, id, extra
             ${customColorStyle ? `background-color: ${customColorStyle} !important;` : ""}
           }
         ` }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center space-x-2",
+		className: "flex items-center gap-2",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 				ref,
@@ -56,4 +56,4 @@ Object.defineProperty(exports, "Checkbox", {
 	}
 });
 
-//# sourceMappingURL=checkbox-NM_iPd6S.cjs.map
+//# sourceMappingURL=checkbox-D8ivRZ1x.cjs.map

package/dist/chunks/checkbox-D8ivRZ1x.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-D8ivRZ1x.cjs","names":[],"sources":["../../src/components/forms/checkbox/Checkbox.tsx"],"sourcesContent":["import type { CheckboxProps } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorClasses: Record<NonNullable<CheckboxProps[\"color\"]>, string> = {\n  red: \"checked:bg-ds-state-danger\",\n  blue: \"checked:bg-ds-state-info\",\n  green: \"checked:bg-ds-state-success\",\n  yellow: \"checked:bg-ds-state-warning\",\n  teal: \"checked:bg-ds-brand-teal\",\n  primary: \"checked:bg-ds-accent\",\n};\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      extra = \"\",\n      color = \"primary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id || `checkbox-${sanitizeId(generatedId)}`;\n\n    // Custom CheckIcon SVG (stroke-based design)\n    const checkmarkIcon = `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 13l4 4L19 7'/%3e%3c/svg%3e\")`;\n\n    // Check if color is a predefined color name or a custom value\n    const isPredefinedColor = color in colorClasses;\n    const customColorStyle = !isPredefinedColor ? color : undefined;\n\n    return (\n      <>\n        <style>{`\n          .checkbox-custom-${checkboxId}:checked {\n            background-image: ${checkmarkIcon};\n            background-size: 70%;\n            background-position: center;\n            background-repeat: no-repeat;\n            ${customColorStyle ? `background-color: ${customColorStyle} !important;` : \"\"}\n          }\n        `}</style>\n        <div className=\"flex items-center gap-2\">\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            id={checkboxId}\n            className={`checkbox-custom-${checkboxId} peer relative flex h-5 min-h-[20px] w-5 min-w-[20px] appearance-none items-center justify-center rounded-md border border-ds-border-field transition duration-200 outline-none checked:border-none checked:text-ds-on-accent hover:cursor-pointer ${\n              isPredefinedColor\n                ? colorClasses[color as keyof typeof colorClasses]\n                : \"\"\n            } ${error ? \"border-ds-state-error-border\" : \"\"} ${extra} ${className}`}\n            {...props}\n          />\n          {label && (\n            <label\n              htmlFor={checkboxId}\n              className=\"text-sm font-medium leading-none text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer\"\n            >\n              {label}\n            </label>\n          )}\n          {error && (\n            <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n              {error}\n            </p>\n          )}\n        </div>\n      </>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"mappings":";;;;AAGA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,eAAoE;CACxE,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,YAAA,GAAA,MAAA,aAET,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,IACR,QAAQ,WACR,GAAG,SAEL,QACG;CACH,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,aAAa,MAAM,YAAY,WAAW,YAAY;CAG5D,MAAM,gBAAgB;CAGtB,MAAM,oBAAoB,SAAS;CACnC,MAAM,mBAAmB,CAAC,oBAAoB,QAAQ,KAAA;AAEtD,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UAAQ;6BACa,WAAW;gCACR,cAAc;;;;cAIhC,mBAAmB,qBAAqB,iBAAiB,gBAAgB,GAAG;;WAExE,CAAA,EACV,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,WAAW,mBAAmB,WAAW,qPACvC,oBACI,aAAa,SACb,GACL,GAAG,QAAQ,iCAAiC,GAAG,GAAG,MAAM,GAAG;IAC5D,GAAI;IACJ,CAAA;GACD,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cACV;IACC,CAAA;GAEF;IACL,EAAA,CAAA;EAGR;AAED,SAAS,cAAc"}

package/dist/chunks/{chip-CbO8-1lK.mjs → chip-BFg3DJx6.mjs}

@@ -182,4 +182,4 @@ function StatusDotChip({ label, tone = "info", className }) {
 //#endregion
 export { StatusDotChip as n, Chip as r, SplitChip as t };
 
-//# sourceMappingURL=chip-CbO8-1lK.mjs.map
+//# sourceMappingURL=chip-BFg3DJx6.mjs.map

package/dist/chunks/{chip-CbO8-1lK.mjs.map → chip-BFg3DJx6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"chip-CbO8-1lK.mjs","names":[],"sources":["../../src/components/data-display/chip/Chip.tsx","../../src/components/data-display/chip/SpecialChip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { CloseIcon } from \"../../icons\";\nimport { TruncatedText } from \"../../typography/truncated-text\";\n\nexport type ChipVariant = \"filled\" | \"outlined\" | \"soft\" | \"glass\";\nexport type ChipColor =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\nexport type ChipSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ChipProps {\n  /** The content of the chip */\n  children: React.ReactNode;\n  /** The variant style of the chip */\n  variant?: ChipVariant;\n  /** The color scheme of the chip */\n  color?: ChipColor;\n  /** The size of the chip */\n  size?: ChipSize;\n  /** Icon or element to display at the start */\n  startIcon?: React.ReactNode;\n  /** Icon or element to display at the end */\n  endIcon?: React.ReactNode;\n  /** Makes the chip removable with an X button */\n  onRemove?: () => void;\n  /** Makes the chip clickable */\n  onClick?: () => void;\n  /** Whether the chip is disabled */\n  disabled?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Whether the chip should have a dot indicator */\n  dot?: boolean;\n  /** Dot color (uses chip color by default) */\n  dotColor?: string;\n  /** Maximum width for the chip - text will truncate with ellipsis if exceeded */\n  maxWidth?: number | string;\n}\n\nconst sizeStyles: Record<ChipSize, string> = {\n  sm: \"px-2.5 py-1 text-xs gap-1.5\",\n  md: \"px-3 py-1.5 text-sm gap-2\",\n  lg: \"px-4 py-2 text-base gap-2.5\",\n};\n\nconst dotSizeStyles: Record<ChipSize, string> = {\n  sm: \"w-1.5 h-1.5\",\n  md: \"w-2 h-2\",\n  lg: \"w-2.5 h-2.5\",\n};\n\nconst iconSizeStyles: Record<ChipSize, string> = {\n  sm: \"w-3.5 h-3.5\",\n  md: \"w-4 h-4\",\n  lg: \"w-5 h-5\",\n};\n\nconst colorStyles: Record<ChipVariant, Record<ChipColor, string>> = {\n  filled: {\n    default: \"bg-ds-surface-2 text-ds-1 shadow-sm border border-ds-border-2\",\n    primary:\n      \"bg-ds-accent text-ds-on-accent shadow-md shadow-ds-accent/25 border border-ds-border-accent\",\n    secondary:\n      \"bg-ds-accent-subtle text-ds-1 shadow-sm border border-ds-border-accent\",\n    success:\n      \"bg-ds-state-success-surface text-ds-state-success-text shadow-sm border border-ds-state-success-border\",\n    warning:\n      \"bg-ds-state-warning-surface text-ds-state-warning-text shadow-sm border border-ds-state-warning-border\",\n    error:\n      \"bg-ds-state-error-surface text-ds-state-error-text shadow-sm border border-ds-state-error-border\",\n    info: \"bg-ds-state-info-surface text-ds-state-info-text shadow-sm border border-ds-state-info-border\",\n  },\n  outlined: {\n    default:\n      \"border-2 border-ds-border-3 text-ds-2 bg-transparent hover:bg-ds-surface-2\",\n    primary:\n      \"border-2 border-ds-border-accent bg-transparent text-ds-accent hover:bg-ds-accent-subtle\",\n    secondary:\n      \"border-2 border-ds-border-3 text-ds-1 bg-transparent hover:bg-ds-surface-2\",\n    success:\n      \"border-2 border-ds-state-success-border text-ds-state-success-text bg-transparent hover:bg-ds-state-success-surface\",\n    warning:\n      \"border-2 border-ds-state-warning-border text-ds-state-warning-text bg-transparent hover:bg-ds-state-warning-surface\",\n    error:\n      \"border-2 border-ds-state-error-border text-ds-state-error-text bg-transparent hover:bg-ds-state-error-surface\",\n    info: \"border-2 border-ds-state-info-border text-ds-state-info-text bg-transparent hover:bg-ds-state-info-surface\",\n  },\n  soft: {\n    default:\n      \"bg-ds-surface-2 text-ds-1 backdrop-blur-sm border border-ds-border-2\",\n    primary:\n      \"border border-ds-border-accent/20 bg-ds-accent-subtle text-ds-1 backdrop-blur-sm\",\n    secondary:\n      \"bg-ds-surface-3/30 text-ds-1 backdrop-blur-sm border border-ds-border-3/50\",\n    success:\n      \"bg-ds-state-success-surface text-ds-state-success-text backdrop-blur-sm border border-ds-state-success-border/70\",\n    warning:\n      \"bg-ds-state-warning-surface text-ds-state-warning-text backdrop-blur-sm border border-ds-state-warning-border/70\",\n    error:\n      \"bg-ds-state-error-surface text-ds-state-error-text backdrop-blur-sm border border-ds-state-error-border/70\",\n    info: \"bg-ds-state-info-surface text-ds-state-info-text backdrop-blur-sm border border-ds-state-info-border/70\",\n  },\n  glass: {\n    default:\n      \"bg-ds-surface-1/70 text-ds-1 backdrop-blur-xl border border-ds-border-2/40 shadow-lg\",\n    primary:\n      \"border border-ds-border-accent/20 bg-ds-accent/15 text-ds-1 backdrop-blur-xl shadow-lg shadow-ds-accent/10\",\n    secondary:\n      \"bg-ds-surface-3/45 text-ds-1 backdrop-blur-xl border border-ds-border-3/50 shadow-lg\",\n    success:\n      \"bg-ds-state-success-surface/65 text-ds-state-success-text backdrop-blur-xl border border-ds-state-success-border/60 shadow-lg\",\n    warning:\n      \"bg-ds-state-warning-surface/65 text-ds-state-warning-text backdrop-blur-xl border border-ds-state-warning-border/60 shadow-lg\",\n    error:\n      \"bg-ds-state-error-surface/65 text-ds-state-error-text backdrop-blur-xl border border-ds-state-error-border/60 shadow-lg\",\n    info: \"bg-ds-state-info-surface/65 text-ds-state-info-text backdrop-blur-xl border border-ds-state-info-border/60 shadow-lg\",\n  },\n};\n\nconst dotColorStyles: Record<ChipColor, string> = {\n  default: \"bg-ds-3\",\n  primary: \"bg-ds-accent\",\n  secondary: \"bg-ds-border-3\",\n  success: \"bg-ds-state-success\",\n  warning: \"bg-ds-state-warning\",\n  error: \"bg-ds-state-danger\",\n  info: \"bg-ds-state-info\",\n};\n\nconst Chip = forwardRef<HTMLSpanElement, ChipProps>(\n  (\n    {\n      children,\n      variant = \"soft\",\n      color = \"default\",\n      size = \"md\",\n      startIcon,\n      endIcon,\n      onRemove,\n      onClick,\n      disabled = false,\n      className = \"\",\n      dot = false,\n      dotColor,\n      maxWidth,\n    },\n    ref,\n  ) => {\n    const isClickable = onClick !== undefined;\n    const isRemovable = onRemove !== undefined;\n\n    const baseStyles = `\n      inline-flex items-center font-medium rounded-[4px] transition-all duration-200\n      ${sizeStyles[size]}\n      ${colorStyles[variant][color]}\n      ${\n        isClickable && !disabled\n          ? \"cursor-pointer hover:scale-105 hover:shadow-lg active:scale-95\"\n          : \"\"\n      }\n      ${disabled ? \"opacity-50 cursor-not-allowed grayscale\" : \"\"}\n      ${maxWidth ? \"max-w-full\" : \"\"}\n      ${className}\n    `;\n\n    const handleClick = () => {\n      if (!disabled && onClick) {\n        onClick();\n      }\n    };\n\n    const handleRemove = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (!disabled && onRemove) {\n        onRemove();\n      }\n    };\n\n    return (\n      <span\n        ref={ref}\n        className={baseStyles}\n        onClick={handleClick}\n        role={isClickable ? \"button\" : undefined}\n        tabIndex={isClickable && !disabled ? 0 : undefined}\n        style={\n          maxWidth\n            ? {\n                maxWidth:\n                  typeof maxWidth === \"number\" ? `${maxWidth}px` : maxWidth,\n              }\n            : undefined\n        }\n        onKeyDown={(e) => {\n          if (\n            isClickable &&\n            !disabled &&\n            (e.key === \"Enter\" || e.key === \" \")\n          ) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        {dot && (\n          <span\n            className={`rounded-full shrink-0 animate-pulse ${\n              dotSizeStyles[size]\n            } ${dotColor ? \"\" : dotColorStyles[color]}`}\n            style={dotColor ? { backgroundColor: dotColor } : undefined}\n          />\n        )}\n        {startIcon && (\n          <span className={`shrink-0 ${iconSizeStyles[size]}`}>\n            {startIcon}\n          </span>\n        )}\n        <TruncatedText\n          as=\"span\"\n          showTitleOnHover\n          className=\"max-w-full font-semibold\"\n        >\n          {children}\n        </TruncatedText>\n        {endIcon && !isRemovable && (\n          <span className={`shrink-0 ${iconSizeStyles[size]}`}>{endIcon}</span>\n        )}\n        {isRemovable && (\n          <button\n            type=\"button\"\n            onClick={handleRemove}\n            disabled={disabled}\n            className={`\n              shrink-0 rounded-full p-0.5 ml-1 transition-all duration-200\n              hover:bg-ds-surface-3/35 hover:scale-110\n              focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1\n              ${disabled ? \"cursor-not-allowed\" : \"cursor-pointer\"}\n            `}\n            aria-label=\"Remove\"\n          >\n            <CloseIcon className={iconSizeStyles[size]} aria-hidden=\"true\" />\n          </button>\n        )}\n      </span>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\nexport { Chip };\n","import type { ReactNode } from \"react\";\n\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport type SplitChipDirection = \"auto\" | \"ltr\" | \"rtl\";\n\nexport interface SplitChipProps {\n  leftLabel: ReactNode;\n  rightLabel: ReactNode;\n  dir?: SplitChipDirection;\n  rightLabelDir?: SplitChipDirection;\n  truncateRight?: boolean;\n  rightMaxWidth?: string | number;\n  showRightTitleOnHover?: boolean;\n  className?: string;\n  leftClassName?: string;\n  rightClassName?: string;\n}\n\nexport function SplitChip({\n  leftLabel,\n  rightLabel,\n  dir = \"auto\",\n  rightLabelDir = \"ltr\",\n  truncateRight = false,\n  rightMaxWidth = \"10rem\",\n  showRightTitleOnHover = true,\n  className,\n  leftClassName,\n  rightClassName,\n}: SplitChipProps) {\n  const isRtl = dir === \"rtl\";\n\n  return (\n    <span\n      dir={dir}\n      className={mergeClassNames(\n        \"inline-flex items-center overflow-hidden rounded-md border border-ds-border-2 bg-ds-surface-2\",\n        className,\n      )}\n    >\n      <span\n        className={mergeClassNames(\n          \"bg-ds-surface-3 px-2 py-1 text-xs font-medium uppercase tracking-[0.05em] text-ds-2\",\n          isRtl ? \"border-l border-ds-border-2\" : \"border-r border-ds-border-2\",\n          leftClassName,\n        )}\n      >\n        {leftLabel}\n      </span>\n      <span\n        dir={rightLabelDir}\n        className={mergeClassNames(\n          \"min-w-0 px-2 py-1 text-xs font-medium text-ds-1\",\n          rightClassName,\n        )}\n      >\n        {truncateRight ? (\n          <TruncatedText\n            maxWidth={rightMaxWidth}\n            showTitleOnHover={showRightTitleOnHover}\n          >\n            {rightLabel}\n          </TruncatedText>\n        ) : (\n          rightLabel\n        )}\n      </span>\n    </span>\n  );\n}\n\nexport type StatusDotChipTone = \"success\" | \"warning\" | \"danger\" | \"info\";\n\nexport interface StatusDotChipProps {\n  label: string;\n  tone?: StatusDotChipTone;\n  className?: string;\n}\n\nconst toneClasses: Record<StatusDotChipTone, string> = {\n  success:\n    \"bg-ds-state-success-surface text-ds-state-success-text border-ds-state-success-border\",\n  warning:\n    \"bg-ds-state-warning-surface text-ds-state-warning-text border-ds-state-warning-border\",\n  danger:\n    \"bg-ds-state-error-surface text-ds-state-error-text border-ds-state-error-border\",\n  info: \"bg-ds-state-info-surface text-ds-state-info-text border-ds-state-info-border\",\n};\n\nconst dotToneClasses: Record<StatusDotChipTone, string> = {\n  success: \"bg-ds-state-success\",\n  warning: \"bg-ds-state-warning\",\n  danger: \"bg-ds-state-danger\",\n  info: \"bg-ds-state-info\",\n};\n\nexport function StatusDotChip({\n  label,\n  tone = \"info\",\n  className,\n}: StatusDotChipProps) {\n  return (\n    <span\n      className={mergeClassNames(\n        \"inline-flex items-center gap-2 rounded-md border px-3 py-1 text-sm font-medium\",\n        toneClasses[tone],\n        className,\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={mergeClassNames(\n          \"h-2.5 w-2.5 rounded-full\",\n          dotToneClasses[tone],\n        )}\n      />\n      <span>{label}</span>\n    </span>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chip-BFg3DJx6.mjs","names":[],"sources":["../../src/components/data-display/chip/Chip.tsx","../../src/components/data-display/chip/SpecialChip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { CloseIcon } from \"../../icons\";\nimport { TruncatedText } from \"../../typography/truncated-text\";\n\nexport type ChipVariant = \"filled\" | \"outlined\" | \"soft\" | \"glass\";\nexport type ChipColor =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\nexport type ChipSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ChipProps {\n  /** The content of the chip */\n  children: React.ReactNode;\n  /** The variant style of the chip */\n  variant?: ChipVariant;\n  /** The color scheme of the chip */\n  color?: ChipColor;\n  /** The size of the chip */\n  size?: ChipSize;\n  /** Icon or element to display at the start */\n  startIcon?: React.ReactNode;\n  /** Icon or element to display at the end */\n  endIcon?: React.ReactNode;\n  /** Makes the chip removable with an X button */\n  onRemove?: () => void;\n  /** Makes the chip clickable */\n  onClick?: () => void;\n  /** Whether the chip is disabled */\n  disabled?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Whether the chip should have a dot indicator */\n  dot?: boolean;\n  /** Dot color (uses chip color by default) */\n  dotColor?: string;\n  /** Maximum width for the chip - text will truncate with ellipsis if exceeded */\n  maxWidth?: number | string;\n}\n\nconst sizeStyles: Record<ChipSize, string> = {\n  sm: \"px-2.5 py-1 text-xs gap-1.5\",\n  md: \"px-3 py-1.5 text-sm gap-2\",\n  lg: \"px-4 py-2 text-base gap-2.5\",\n};\n\nconst dotSizeStyles: Record<ChipSize, string> = {\n  sm: \"w-1.5 h-1.5\",\n  md: \"w-2 h-2\",\n  lg: \"w-2.5 h-2.5\",\n};\n\nconst iconSizeStyles: Record<ChipSize, string> = {\n  sm: \"w-3.5 h-3.5\",\n  md: \"w-4 h-4\",\n  lg: \"w-5 h-5\",\n};\n\nconst colorStyles: Record<ChipVariant, Record<ChipColor, string>> = {\n  filled: {\n    default: \"bg-ds-surface-2 text-ds-1 shadow-sm border border-ds-border-2\",\n    primary:\n      \"bg-ds-accent text-ds-on-accent shadow-md shadow-ds-accent/25 border border-ds-border-accent\",\n    secondary:\n      \"bg-ds-accent-subtle text-ds-1 shadow-sm border border-ds-border-accent\",\n    success:\n      \"bg-ds-state-success-surface text-ds-state-success-text shadow-sm border border-ds-state-success-border\",\n    warning:\n      \"bg-ds-state-warning-surface text-ds-state-warning-text shadow-sm border border-ds-state-warning-border\",\n    error:\n      \"bg-ds-state-error-surface text-ds-state-error-text shadow-sm border border-ds-state-error-border\",\n    info: \"bg-ds-state-info-surface text-ds-state-info-text shadow-sm border border-ds-state-info-border\",\n  },\n  outlined: {\n    default:\n      \"border-2 border-ds-border-3 text-ds-2 bg-transparent hover:bg-ds-surface-2\",\n    primary:\n      \"border-2 border-ds-border-accent bg-transparent text-ds-accent hover:bg-ds-accent-subtle\",\n    secondary:\n      \"border-2 border-ds-border-3 text-ds-1 bg-transparent hover:bg-ds-surface-2\",\n    success:\n      \"border-2 border-ds-state-success-border text-ds-state-success-text bg-transparent hover:bg-ds-state-success-surface\",\n    warning:\n      \"border-2 border-ds-state-warning-border text-ds-state-warning-text bg-transparent hover:bg-ds-state-warning-surface\",\n    error:\n      \"border-2 border-ds-state-error-border text-ds-state-error-text bg-transparent hover:bg-ds-state-error-surface\",\n    info: \"border-2 border-ds-state-info-border text-ds-state-info-text bg-transparent hover:bg-ds-state-info-surface\",\n  },\n  soft: {\n    default:\n      \"bg-ds-surface-2 text-ds-1 backdrop-blur-sm border border-ds-border-2\",\n    primary:\n      \"border border-ds-border-accent/20 bg-ds-accent-subtle text-ds-1 backdrop-blur-sm\",\n    secondary:\n      \"bg-ds-surface-3/30 text-ds-1 backdrop-blur-sm border border-ds-border-3/50\",\n    success:\n      \"bg-ds-state-success-surface text-ds-state-success-text backdrop-blur-sm border border-ds-state-success-border/70\",\n    warning:\n      \"bg-ds-state-warning-surface text-ds-state-warning-text backdrop-blur-sm border border-ds-state-warning-border/70\",\n    error:\n      \"bg-ds-state-error-surface text-ds-state-error-text backdrop-blur-sm border border-ds-state-error-border/70\",\n    info: \"bg-ds-state-info-surface text-ds-state-info-text backdrop-blur-sm border border-ds-state-info-border/70\",\n  },\n  glass: {\n    default:\n      \"bg-ds-surface-1/70 text-ds-1 backdrop-blur-xl border border-ds-border-2/40 shadow-lg\",\n    primary:\n      \"border border-ds-border-accent/20 bg-ds-accent/15 text-ds-1 backdrop-blur-xl shadow-lg shadow-ds-accent/10\",\n    secondary:\n      \"bg-ds-surface-3/45 text-ds-1 backdrop-blur-xl border border-ds-border-3/50 shadow-lg\",\n    success:\n      \"bg-ds-state-success-surface/65 text-ds-state-success-text backdrop-blur-xl border border-ds-state-success-border/60 shadow-lg\",\n    warning:\n      \"bg-ds-state-warning-surface/65 text-ds-state-warning-text backdrop-blur-xl border border-ds-state-warning-border/60 shadow-lg\",\n    error:\n      \"bg-ds-state-error-surface/65 text-ds-state-error-text backdrop-blur-xl border border-ds-state-error-border/60 shadow-lg\",\n    info: \"bg-ds-state-info-surface/65 text-ds-state-info-text backdrop-blur-xl border border-ds-state-info-border/60 shadow-lg\",\n  },\n};\n\nconst dotColorStyles: Record<ChipColor, string> = {\n  default: \"bg-ds-3\",\n  primary: \"bg-ds-accent\",\n  secondary: \"bg-ds-border-3\",\n  success: \"bg-ds-state-success\",\n  warning: \"bg-ds-state-warning\",\n  error: \"bg-ds-state-danger\",\n  info: \"bg-ds-state-info\",\n};\n\nconst Chip = forwardRef<HTMLSpanElement, ChipProps>(\n  (\n    {\n      children,\n      variant = \"soft\",\n      color = \"default\",\n      size = \"md\",\n      startIcon,\n      endIcon,\n      onRemove,\n      onClick,\n      disabled = false,\n      className = \"\",\n      dot = false,\n      dotColor,\n      maxWidth,\n    },\n    ref,\n  ) => {\n    const isClickable = onClick !== undefined;\n    const isRemovable = onRemove !== undefined;\n\n    const baseStyles = `\n      inline-flex items-center font-medium rounded-[4px] transition-all duration-200\n      ${sizeStyles[size]}\n      ${colorStyles[variant][color]}\n      ${\n        isClickable && !disabled\n          ? \"cursor-pointer hover:scale-105 hover:shadow-lg active:scale-95\"\n          : \"\"\n      }\n      ${disabled ? \"opacity-50 cursor-not-allowed grayscale\" : \"\"}\n      ${maxWidth ? \"max-w-full\" : \"\"}\n      ${className}\n    `;\n\n    const handleClick = () => {\n      if (!disabled && onClick) {\n        onClick();\n      }\n    };\n\n    const handleRemove = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (!disabled && onRemove) {\n        onRemove();\n      }\n    };\n\n    return (\n      <span\n        ref={ref}\n        className={baseStyles}\n        onClick={handleClick}\n        role={isClickable ? \"button\" : undefined}\n        tabIndex={isClickable && !disabled ? 0 : undefined}\n        style={\n          maxWidth\n            ? {\n                maxWidth:\n                  typeof maxWidth === \"number\" ? `${maxWidth}px` : maxWidth,\n              }\n            : undefined\n        }\n        onKeyDown={(e) => {\n          if (\n            isClickable &&\n            !disabled &&\n            (e.key === \"Enter\" || e.key === \" \")\n          ) {\n            e.preventDefault();\n            onClick?.();\n          }\n        }}\n      >\n        {dot && (\n          <span\n            className={`rounded-full shrink-0 animate-pulse ${\n              dotSizeStyles[size]\n            } ${dotColor ? \"\" : dotColorStyles[color]}`}\n            style={dotColor ? { backgroundColor: dotColor } : undefined}\n          />\n        )}\n        {startIcon && (\n          <span className={`shrink-0 ${iconSizeStyles[size]}`}>\n            {startIcon}\n          </span>\n        )}\n        <TruncatedText\n          as=\"span\"\n          showTitleOnHover\n          className=\"max-w-full font-semibold\"\n        >\n          {children}\n        </TruncatedText>\n        {endIcon && !isRemovable && (\n          <span className={`shrink-0 ${iconSizeStyles[size]}`}>{endIcon}</span>\n        )}\n        {isRemovable && (\n          <button\n            type=\"button\"\n            onClick={handleRemove}\n            disabled={disabled}\n            className={`\n              shrink-0 rounded-full p-0.5 ml-1 transition-all duration-200\n              hover:bg-ds-surface-3/35 hover:scale-110\n              focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1\n              ${disabled ? \"cursor-not-allowed\" : \"cursor-pointer\"}\n            `}\n            aria-label=\"Remove\"\n          >\n            <CloseIcon className={iconSizeStyles[size]} aria-hidden=\"true\" />\n          </button>\n        )}\n      </span>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\nexport { Chip };\n","import type { ReactNode } from \"react\";\n\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport type SplitChipDirection = \"auto\" | \"ltr\" | \"rtl\";\n\nexport interface SplitChipProps {\n  leftLabel: ReactNode;\n  rightLabel: ReactNode;\n  dir?: SplitChipDirection;\n  rightLabelDir?: SplitChipDirection;\n  truncateRight?: boolean;\n  rightMaxWidth?: string | number;\n  showRightTitleOnHover?: boolean;\n  className?: string;\n  leftClassName?: string;\n  rightClassName?: string;\n}\n\nexport function SplitChip({\n  leftLabel,\n  rightLabel,\n  dir = \"auto\",\n  rightLabelDir = \"ltr\",\n  truncateRight = false,\n  rightMaxWidth = \"10rem\",\n  showRightTitleOnHover = true,\n  className,\n  leftClassName,\n  rightClassName,\n}: SplitChipProps) {\n  const isRtl = dir === \"rtl\";\n\n  return (\n    <span\n      dir={dir}\n      className={mergeClassNames(\n        \"inline-flex items-center overflow-hidden rounded-md border border-ds-border-2 bg-ds-surface-2\",\n        className,\n      )}\n    >\n      <span\n        className={mergeClassNames(\n          \"bg-ds-surface-3 px-2 py-1 text-xs font-medium uppercase tracking-[0.05em] text-ds-2\",\n          isRtl ? \"border-l border-ds-border-2\" : \"border-r border-ds-border-2\",\n          leftClassName,\n        )}\n      >\n        {leftLabel}\n      </span>\n      <span\n        dir={rightLabelDir}\n        className={mergeClassNames(\n          \"min-w-0 px-2 py-1 text-xs font-medium text-ds-1\",\n          rightClassName,\n        )}\n      >\n        {truncateRight ? (\n          <TruncatedText\n            maxWidth={rightMaxWidth}\n            showTitleOnHover={showRightTitleOnHover}\n          >\n            {rightLabel}\n          </TruncatedText>\n        ) : (\n          rightLabel\n        )}\n      </span>\n    </span>\n  );\n}\n\nexport type StatusDotChipTone = \"success\" | \"warning\" | \"danger\" | \"info\";\n\nexport interface StatusDotChipProps {\n  label: string;\n  tone?: StatusDotChipTone;\n  className?: string;\n}\n\nconst toneClasses: Record<StatusDotChipTone, string> = {\n  success:\n    \"bg-ds-state-success-surface text-ds-state-success-text border-ds-state-success-border\",\n  warning:\n    \"bg-ds-state-warning-surface text-ds-state-warning-text border-ds-state-warning-border\",\n  danger:\n    \"bg-ds-state-error-surface text-ds-state-error-text border-ds-state-error-border\",\n  info: \"bg-ds-state-info-surface text-ds-state-info-text border-ds-state-info-border\",\n};\n\nconst dotToneClasses: Record<StatusDotChipTone, string> = {\n  success: \"bg-ds-state-success\",\n  warning: \"bg-ds-state-warning\",\n  danger: \"bg-ds-state-danger\",\n  info: \"bg-ds-state-info\",\n};\n\nexport function StatusDotChip({\n  label,\n  tone = \"info\",\n  className,\n}: StatusDotChipProps) {\n  return (\n    <span\n      className={mergeClassNames(\n        \"inline-flex items-center gap-2 rounded-md border px-3 py-1 text-sm font-medium\",\n        toneClasses[tone],\n        className,\n      )}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={mergeClassNames(\n          \"h-2.5 w-2.5 rounded-full\",\n          dotToneClasses[tone],\n        )}\n      />\n      <span>{label}</span>\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{chip-BY83_HK7.cjs → chip-CMs73sc5.cjs}

@@ -200,4 +200,4 @@ Object.defineProperty(exports, "StatusDotChip", {
 	}
 });
 
-//# sourceMappingURL=chip-BY83_HK7.cjs.map
+//# sourceMappingURL=chip-CMs73sc5.cjs.map