npm - @alfadocs/ui-kit-debug - Versions diffs - 0.63.0 → 0.65.0 - Mend

@alfadocs/ui-kit-debug 0.63.0 → 0.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

package/dist/_chunks/{slot-grid-BlHHP9Qy.js.map → slot-grid-FsqumOaS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slot-grid-BlHHP9Qy.js","sources":["../../node_modules/date-fns/parseISO.js","../../src/components/slot-grid/slot-grid.tsx"],"sourcesContent":["import {\n millisecondsInHour,\n millisecondsInMinute,\n} from \"./constants.js\";\nimport { constructFrom } from \"./constructFrom.js\";\nimport { toDate } from \"./toDate.js\";\n\n/*\n The {@link parseISO} function options.\n /\n\n/\n @name parseISO\n * @category Common Helpers\n * @summary Parse ISO string\n \n @description\n * Parse the given string in ISO 8601 format and return an instance of Date.\n \n Function accepts complete ISO 8601 formats as well as partial implementations.\n * ISO 8601: http://en.wikipedia.org/wiki/ISO_8601\n \n If the argument isn't a string, the function cannot parse the string or\n * the values are invalid, it returns Invalid Date.\n \n @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n \n @param argument - The value to convert\n * @param options - An object with options\n \n @returns The parsed date in the local time zone\n \n @example\n * // Convert string '2014-02-11T11:30:30' to date:\n * const result = parseISO('2014-02-11T11:30:30')\n * //=> Tue Feb 11 2014 11:30:30\n \n @example\n * // Convert string '+02014101' to date,\n * // if the additional number of digits in the extended year format is 1:\n * const result = parseISO('+02014101', { additionalDigits: 1 })\n * //=> Fri Apr 11 2014 00:00:00\n /\nexport function parseISO(argument, options) {\n const invalidDate = () => constructFrom(options?.in, NaN);\n\n const additionalDigits = options?.additionalDigits ?? 2;\n const dateStrings = splitDateString(argument);\n\n let date;\n if (dateStrings.date) {\n const parseYearResult = parseYear(dateStrings.date, additionalDigits);\n date = parseDate(parseYearResult.restDateString, parseYearResult.year);\n }\n\n if (!date \|\| isNaN(+date)) return invalidDate();\n\n const timestamp = +date;\n let time = 0;\n let offset;\n\n if (dateStrings.time) {\n time = parseTime(dateStrings.time);\n if (isNaN(time)) return invalidDate();\n }\n\n if (dateStrings.timezone) {\n offset = parseTimezone(dateStrings.timezone);\n if (isNaN(offset)) return invalidDate();\n } else {\n const tmpDate = new Date(timestamp + time);\n const result = toDate(0, options?.in);\n result.setFullYear(\n tmpDate.getUTCFullYear(),\n tmpDate.getUTCMonth(),\n tmpDate.getUTCDate(),\n );\n result.setHours(\n tmpDate.getUTCHours(),\n tmpDate.getUTCMinutes(),\n tmpDate.getUTCSeconds(),\n tmpDate.getUTCMilliseconds(),\n );\n return result;\n }\n\n return toDate(timestamp + time + offset, options?.in);\n}\n\nconst patterns = {\n dateTimeDelimiter: /[T ]/,\n timeZoneDelimiter: /[Z ]/i,\n timezone: /([Z+-].)$/,\n};\n\nconst dateRegex =\n /^-?(?:(\\d{3})\|(\\d{2})(?:-?(\\d{2}))?\|W(\\d{2})(?:-?(\\d{1}))?\|)$/;\nconst timeRegex =\n /^(\\d{2}(?:[.,]\\d)?)(?::?(\\d{2}(?:[.,]\\d)?))?(?::?(\\d{2}(?:[.,]\\d)?))?$/;\nconst timezoneRegex = /^([+-])(\\d{2})(?::?(\\d{2}))?$/;\n\nfunction splitDateString(dateString) {\n const dateStrings = {};\n const array = dateString.split(patterns.dateTimeDelimiter);\n let timeString;\n\n // The regex match should only return at maximum two array elements.\n // [date], [time], or [date, time].\n if (array.length > 2) {\n return dateStrings;\n }\n\n if (/:/.test(array[0])) {\n timeString = array[0];\n } else {\n dateStrings.date = array[0];\n timeString = array[1];\n if (patterns.timeZoneDelimiter.test(dateStrings.date)) {\n dateStrings.date = dateString.split(patterns.timeZoneDelimiter)[0];\n timeString = dateString.substr(\n dateStrings.date.length,\n dateString.length,\n );\n }\n }\n\n if (timeString) {\n const token = patterns.timezone.exec(timeString);\n if (token) {\n dateStrings.time = timeString.replace(token[1], \"\");\n dateStrings.timezone = token[1];\n } else {\n dateStrings.time = timeString;\n }\n }\n\n return dateStrings;\n}\n\nfunction parseYear(dateString, additionalDigits) {\n const regex = new RegExp(\n \"^(?:(\\\\d{4}\|[+-]\\\\d{\" +\n (4 + additionalDigits) +\n \"})\|(\\\\d{2}\|[+-]\\\\d{\" +\n (2 + additionalDigits) +\n \"})$)\",\n );\n\n const captures = dateString.match(regex);\n // Invalid ISO-formatted year\n if (!captures) return { year: NaN, restDateString: \"\" };\n\n const year = captures[1] ? parseInt(captures[1]) : null;\n const century = captures[2] ? parseInt(captures[2]) : null;\n\n // either year or century is null, not both\n return {\n year: century === null ? year : century 100,\n restDateString: dateString.slice((captures[1] \|\| captures[2]).length),\n };\n}\n\nfunction parseDate(dateString, year) {\n // Invalid ISO-formatted year\n if (year === null) return new Date(NaN);\n\n const captures = dateString.match(dateRegex);\n // Invalid ISO-formatted string\n if (!captures) return new Date(NaN);\n\n const isWeekDate = !!captures[4];\n const dayOfYear = parseDateUnit(captures[1]);\n const month = parseDateUnit(captures[2]) - 1;\n const day = parseDateUnit(captures[3]);\n const week = parseDateUnit(captures[4]);\n const dayOfWeek = parseDateUnit(captures[5]) - 1;\n\n if (isWeekDate) {\n if (!validateWeekDate(year, week, dayOfWeek)) {\n return new Date(NaN);\n }\n return dayOfISOWeekYear(year, week, dayOfWeek);\n } else {\n const date = new Date(0);\n if (\n !validateDate(year, month, day) \|\|\n !validateDayOfYearDate(year, dayOfYear)\n ) {\n return new Date(NaN);\n }\n date.setUTCFullYear(year, month, Math.max(dayOfYear, day));\n return date;\n }\n}\n\nfunction parseDateUnit(value) {\n return value ? parseInt(value) : 1;\n}\n\nfunction parseTime(timeString) {\n const captures = timeString.match(timeRegex);\n if (!captures) return NaN; // Invalid ISO-formatted time\n\n const hours = parseTimeUnit(captures[1]);\n const minutes = parseTimeUnit(captures[2]);\n const seconds = parseTimeUnit(captures[3]);\n\n if (!validateTime(hours, minutes, seconds)) {\n return NaN;\n }\n\n return (\n hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * 1000\n );\n}\n\nfunction parseTimeUnit(value) {\n return (value && parseFloat(value.replace(\",\", \".\"))) \|\| 0;\n}\n\nfunction parseTimezone(timezoneString) {\n if (timezoneString === \"Z\") return 0;\n\n const captures = timezoneString.match(timezoneRegex);\n if (!captures) return 0;\n\n const sign = captures[1] === \"+\" ? -1 : 1;\n const hours = parseInt(captures[2]);\n const minutes = (captures[3] && parseInt(captures[3])) \|\| 0;\n\n if (!validateTimezone(hours, minutes)) {\n return NaN;\n }\n\n return sign * (hours * millisecondsInHour + minutes * millisecondsInMinute);\n}\n\nfunction dayOfISOWeekYear(isoWeekYear, week, day) {\n const date = new Date(0);\n date.setUTCFullYear(isoWeekYear, 0, 4);\n const fourthOfJanuaryDay = date.getUTCDay() \|\| 7;\n const diff = (week - 1) * 7 + day + 1 - fourthOfJanuaryDay;\n date.setUTCDate(date.getUTCDate() + diff);\n return date;\n}\n\n// Validation functions\n\n// February is null to handle the leap year (using \|\|)\nconst daysInMonths = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n\nfunction isLeapYearIndex(year) {\n return year % 400 === 0 \|\| (year % 4 === 0 && year % 100 !== 0);\n}\n\nfunction validateDate(year, month, date) {\n return (\n month >= 0 &&\n month <= 11 &&\n date >= 1 &&\n date <= (daysInMonths[month] \|\| (isLeapYearIndex(year) ? 29 : 28))\n );\n}\n\nfunction validateDayOfYearDate(year, dayOfYear) {\n return dayOfYear >= 1 && dayOfYear <= (isLeapYearIndex(year) ? 366 : 365);\n}\n\nfunction validateWeekDate(_year, week, day) {\n return week >= 1 && week <= 53 && day >= 0 && day <= 6;\n}\n\nfunction validateTime(hours, minutes, seconds) {\n if (hours === 24) {\n return minutes === 0 && seconds === 0;\n }\n\n return (\n seconds >= 0 &&\n seconds < 60 &&\n minutes >= 0 &&\n minutes < 60 &&\n hours >= 0 &&\n hours < 25\n );\n}\n\nfunction validateTimezone(_hours, minutes) {\n return minutes >= 0 && minutes <= 59;\n}\n\n// Fallback for modularized imports:\nexport default parseISO;\n","/* ------------------------------------------------------------------ /\n/ SlotGrid — multi-day time-slot picker for patient booking. /\n/ /\n/ Renders N day columns side-by-side. Each column shows a day header /\n/ (formatted via `Intl.DateTimeFormat(locale)`) plus a vertical list /\n/ of slot buttons. Long days collapse to `maxInitialSlotsPerDay` and /\n/ reveal the rest via a \"Show more\" button (progressive disclosure). /\n/ /\n/ Navigation arrows (`onPreviousDays` / `onNextDays`) let the consumer /\n/ page the window of days; the optional \"Next available\" CTA jumps to /\n/ the first day with an open slot. /\n/ /\n/ Purely presentational — no business logic, no data fetching. Date /\n/ comparisons use `date-fns` (never moment.js) and the rendered labels /\n/ come exclusively from `Intl.DateTimeFormat` or the `ui.slotGrid` /\n/ namespace via `useTranslation()`. /\n/ ------------------------------------------------------------------ /\n\nimport {\n forwardRef,\n useCallback,\n useId,\n useState,\n type HTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { isSameDay, parseISO } from 'date-fns';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\n\n/ ------------------------------------------------------------------ /\n/ Public types /\n/ ------------------------------------------------------------------ /\n\nexport type SlotGridState = 'default' \| 'loading' \| 'disabled' \| 'empty';\n\nexport type SlotGridSize = 'sm' \| 'md' \| 'lg';\n\nexport interface SlotGridSlot {\n /* Stable identity — used by consumers to resolve selection. /\n id: string;\n /* Slot start — ISO string or `Date`. Rendered via `Intl.DateTimeFormat`. /\n start: string \| Date;\n /* Optional slot end — if omitted only the start time is announced. /\n end?: string \| Date;\n /* Defaults to `true`. Unavailable slots render disabled and are not focusable. /\n available?: boolean;\n /* Override the default `Intl`-formatted time label. /\n label?: string;\n /* Override the accessible name of the slot button. /\n ariaLabel?: string;\n}\n\nexport interface SlotGridDay {\n /* The calendar day the column represents. /\n date: string \| Date;\n /* Slots for this day, in chronological order. Empty array ⇒ empty day. /\n slots: SlotGridSlot[];\n /* Override the default `Intl`-formatted day header. /\n label?: string;\n}\n\nexport interface SlotGridProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' \| 'onSelect'>,\n VariantProps<typeof slotGridVariants> {\n /* Days to render, one column per entry. /\n days: SlotGridDay[];\n /* Visual / interactive state. Defaults to `'default'`. /\n state?: SlotGridState;\n /* Density of the slot buttons and day headers. Defaults to `'md'`. /\n size?: SlotGridSize;\n /* Id of the currently selected slot (controlled). /\n selectedSlotId?: string;\n /\n Initial number of slots to render per day before the \"Show more\"\n * progressive-disclosure control collapses the rest. Defaults to `6`.\n /\n maxInitialSlotsPerDay?: number;\n /\n BCP-47 locale tag for `Intl.DateTimeFormat`. Defaults to the active\n * i18next language.\n /\n locale?: string;\n /* IANA time zone for `Intl.DateTimeFormat`. Optional. /\n timeZone?: string;\n /* Whether the \"previous days\" navigation arrow should be enabled. /\n hasPrevious?: boolean;\n /* Whether the \"next days\" navigation arrow should be enabled. /\n hasNext?: boolean;\n /\n When `true`, renders the \"Next available\" CTA at the end of the\n * toolbar. Only emits a callback — the consumer owns the navigation.\n /\n showNextAvailable?: boolean;\n /* Accessible label for the outer grid region. /\n ariaLabel?: string;\n /* Fires when the user selects an available slot. /\n onSlotSelect?: (slot: SlotGridSlot, day: SlotGridDay) => void;\n /* Fires when the user clicks the \"previous days\" arrow. /\n onPreviousDays?: () => void;\n /* Fires when the user clicks the \"next days\" arrow. /\n onNextDays?: () => void;\n /* Fires when the user clicks a day's \"Show more\" button. /\n onShowMore?: (day: SlotGridDay) => void;\n /* Fires when the user clicks the \"Next available\" CTA. /\n onJumpToNextAvailable?: () => void;\n}\n\n/ ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\nconst slotGridVariants = cva(\n [\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n 'ds:text-[var(--foreground)]',\n 'ds:w-full',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-sm)]',\n md: 'ds:text-[length:var(--font-size-base)]',\n lg: 'ds:text-[length:var(--font-size-lg)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst toolbarVariants = cva(\n 'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n);\n\n/\n Column-count is dynamic (1–12), so it is declared as a full CVA variant —\n * this keeps every `grid-cols-N` string statically visible to Tailwind's\n * JIT and keeps the variant table inside CVA rather than hand-rolled.\n /\nconst COLS_MAX = 12;\n\nconst columnsVariants = cva(\n 'ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start',\n {\n variants: {\n cols: {\n 1: 'ds:grid-cols-1',\n 2: 'ds:grid-cols-2',\n 3: 'ds:grid-cols-3',\n 4: 'ds:grid-cols-4',\n 5: 'ds:grid-cols-5',\n 6: 'ds:grid-cols-6',\n 7: 'ds:grid-cols-7',\n 8: 'ds:grid-cols-8',\n 9: 'ds:grid-cols-9',\n 10: 'ds:grid-cols-10',\n 11: 'ds:grid-cols-11',\n 12: 'ds:grid-cols-12',\n },\n },\n defaultVariants: { cols: 1 },\n },\n);\n\ntype ColumnsCount = NonNullable<VariantProps<typeof columnsVariants>['cols']>;\n\nfunction clampCols(count: number): ColumnsCount {\n return Math.max(1, Math.min(count, COLS_MAX)) as ColumnsCount;\n}\n\nconst columnVariants = cva(\n [\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:bg-[var(--card)]',\n 'ds:min-w-0',\n ].join(' '),\n);\n\nconst dayHeaderVariants = cva(\n [\n 'ds:font-[var(--font-weight-semibold)]',\n 'ds:text-[var(--foreground)]',\n 'ds:text-start',\n 'ds:truncate',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-xs)]',\n md: 'ds:text-[length:var(--font-size-sm)]',\n lg: 'ds:text-[length:var(--font-size-base)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst slotListVariants = cva(\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none',\n);\n\nconst slotButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:w-full',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:font-[var(--font-weight-medium)]',\n 'ds:bg-[var(--secondary)]',\n 'ds:shadow-[var(--shadow-sm)]',\n 'ds:text-[var(--foreground)]',\n 'ds:transition-[background-color,color,box-shadow]',\n 'ds:duration-[var(--animation-duration)]',\n 'ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n 'ds:min-h-[var(--min-target-size)]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none',\n 'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none',\n 'ds:hover:enabled:shadow-[var(--shadow-md)]',\n 'ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8',\n md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10',\n lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\n/ ------------------------------------------------------------------ /\n/ Helpers /\n/ ------------------------------------------------------------------ /\n\nfunction toDate(value: string \| Date): Date {\n return value instanceof Date ? value : parseISO(value);\n}\n\n/* Is `a` the same calendar day as `b`? Uses `date-fns`, locale-agnostic. /\nexport function isSameDate(a: string \| Date, b: string \| Date): boolean {\n return isSameDay(toDate(a), toDate(b));\n}\n\n/* Find the first day in a list that has at least one available slot. /\nexport function findFirstAvailable(\n days: SlotGridDay[],\n): { day: SlotGridDay; slot: SlotGridSlot } \| undefined {\n for (const day of days) {\n const slot = day.slots.find((s) => s.available !== false);\n if (slot) return { day, slot };\n }\n return undefined;\n}\n\nfunction formatDayHeader(\n date: Date,\n locale: string,\n timeZone?: string,\n): string {\n try {\n return new Intl.DateTimeFormat(locale, {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n timeZone,\n }).format(date);\n } catch {\n return new Intl.DateTimeFormat('en', {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n }).format(date);\n }\n}\n\nfunction formatSlotTime(\n slot: SlotGridSlot,\n locale: string,\n timeZone?: string,\n): string {\n if (slot.label !== undefined) return slot.label;\n const start = toDate(slot.start);\n try {\n const fmt = new Intl.DateTimeFormat(locale, {\n hour: 'numeric',\n minute: '2-digit',\n timeZone,\n });\n if (slot.end) {\n const end = toDate(slot.end);\n if (typeof fmt.formatRange === 'function') {\n try {\n return fmt.formatRange(start, end);\n } catch {\n / fall through /\n }\n }\n return `${fmt.format(start)} – ${fmt.format(end)}`;\n }\n return fmt.format(start);\n } catch {\n return start.toISOString();\n }\n}\n\nfunction formatSlotAriaLabel(\n slot: SlotGridSlot,\n day: SlotGridDay,\n locale: string,\n timeZone: string \| undefined,\n template: (opts: { time: string; day: string }) => string,\n): string {\n if (slot.ariaLabel !== undefined) return slot.ariaLabel;\n const time = formatSlotTime(slot, locale, timeZone);\n const dayLabel =\n day.label !== undefined\n ? day.label\n : formatDayHeader(toDate(day.date), locale, timeZone);\n return template({ time, day: dayLabel });\n}\n\n/ ------------------------------------------------------------------ /\n/ Glyphs — logical-direction arrows /\n/ ------------------------------------------------------------------ /\n\nfunction ChevronStartIcon() {\n return (\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"ds:size-4\"\n >\n <path d=\"M15 18l-6-6 6-6\" />\n </svg>\n );\n}\n\nfunction ChevronEndIcon() {\n return (\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"ds:size-4\"\n >\n <path d=\"M9 6l6 6-6 6\" />\n </svg>\n );\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\nexport const SlotGrid = forwardRef<HTMLDivElement, SlotGridProps>(\n (\n {\n days,\n state = 'default',\n size = 'md',\n selectedSlotId,\n maxInitialSlotsPerDay = 6,\n locale: localeProp,\n timeZone,\n hasPrevious = false,\n hasNext = false,\n showNextAvailable = false,\n ariaLabel,\n onSlotSelect,\n onPreviousDays,\n onNextDays,\n onShowMore,\n onJumpToNextAvailable,\n className,\n ...rest\n },\n ref,\n ) => {\n const { t, i18n } = useTranslation();\n const locale = localeProp ?? i18n.language ?? 'en';\n const idBase = useId();\n\n const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n const isLoading = state === 'loading';\n const isDisabled = state === 'disabled';\n const isInteractionSuppressed = isLoading \|\| isDisabled;\n const isEmpty =\n state === 'empty' \|\|\n days.length === 0 \|\|\n days.every((day) => day.slots.length === 0);\n\n const resolvedAriaLabel = ariaLabel ?? t('slotGrid.ariaLabel');\n\n const handleSlotClick = useCallback(\n (slot: SlotGridSlot, day: SlotGridDay) => {\n if (isInteractionSuppressed) return;\n if (slot.available === false) return;\n onSlotSelect?.(slot, day);\n },\n [isInteractionSuppressed, onSlotSelect],\n );\n\n const handleShowMore = useCallback(\n (day: SlotGridDay, key: string) => {\n setExpanded((prev) => ({ ...prev, [key]: true }));\n onShowMore?.(day);\n },\n [onShowMore],\n );\n\n const handleSlotKeyDown = useCallback(\n (\n event: KeyboardEvent<HTMLButtonElement>,\n slot: SlotGridSlot,\n day: SlotGridDay,\n ) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n handleSlotClick(slot, day);\n }\n },\n [handleSlotClick],\n );\n\n const columnCount = clampCols(days.length \|\| 1);\n const columnsClass = columnsVariants({ cols: columnCount });\n\n / ---- Rendered content ------------------------------------------ */\n\n let body: ReactNode;\n if (isLoading) {\n body = (\n <div\n className={columnsClass}\n data-state=\"loading\"\n role=\"status\"\n aria-live=\"polite\"\n aria-label={t('common.loading')}\n >\n {Array.from({ length: columnCount }, (_, colIdx) => (\n <div key={`loading-col-${colIdx}`} className={columnVariants()}>\n <Skeleton variant=\"text\" size={size} width=\"60%\" />\n <div className={slotListVariants()}>\n {Array.from(\n { length: Math.min(maxInitialSlotsPerDay, 4) },\n (_, rowIdx) => (\n <Skeleton\n key={`loading-slot-${colIdx}-${rowIdx}`}\n variant=\"rounded\"\n size={size}\n height=\"40px\"\n />\n ),\n )}\n </div>\n </div>\n ))}\n </div>\n );\n } else if (isEmpty) {\n body = (\n <div data-state=\"empty\">\n <EmptyState variant=\"no-results\" title={t('slotGrid.noSlots')} />\n </div>\n );\n } else {\n body = (\n <div\n className={columnsClass}\n data-state={isDisabled ? 'disabled' : 'default'}\n >\n {days.map((day, dayIdx) => {\n const dayKey = `${toDate(day.date).toISOString()}-${dayIdx}`;\n const headerLabel =\n day.label ?? formatDayHeader(toDate(day.date), locale, timeZone);\n const headerId = `${idBase}-day-${dayIdx}-header`;\n const isExpanded = expanded[dayKey] ?? false;\n const visibleSlots = isExpanded\n ? day.slots\n : day.slots.slice(0, maxInitialSlotsPerDay);\n const hiddenCount = day.slots.length - visibleSlots.length;\n\n const isDayEmpty = day.slots.length === 0;\n\n return (\n // Use a plain <div role=\"group\"> rather than <section> — a\n // <section> with aria-labelledby is a landmark, and nesting many\n // landmarks inside the outer slot-grid landmark fails axe's\n // landmark-unique rule.\n <div\n key={dayKey}\n role=\"group\"\n className={columnVariants()}\n aria-labelledby={headerId}\n data-empty={isDayEmpty \|\| undefined}\n >\n <h3 id={headerId} className={dayHeaderVariants({ size })}>\n {headerLabel}\n </h3>\n {isDayEmpty ? (\n <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n {t('slotGrid.noSlots')}\n </p>\n ) : null}\n <ul className={slotListVariants()}>\n {visibleSlots.map((slot) => {\n const ariaLabelSlot = formatSlotAriaLabel(\n slot,\n day,\n locale,\n timeZone,\n ({ time, day: dayLabel }) =>\n t('slotGrid.slotLabel', { time, day: dayLabel }),\n );\n const isSelected = selectedSlotId === slot.id;\n const isSlotDisabled =\n slot.available === false \|\| isInteractionSuppressed;\n return (\n <li key={slot.id}>\n <button\n type=\"button\"\n className={slotButtonVariants({ size })}\n aria-label={ariaLabelSlot}\n aria-pressed={isSelected}\n disabled={isSlotDisabled}\n aria-disabled={isSlotDisabled \|\| undefined}\n data-slot-id={slot.id}\n onClick={() => handleSlotClick(slot, day)}\n onKeyDown={(event) =>\n handleSlotKeyDown(event, slot, day)\n }\n >\n {formatSlotTime(slot, locale, timeZone)}\n </button>\n </li>\n );\n })}\n </ul>\n {hiddenCount > 0 ? (\n <Button\n intent=\"ghost\"\n size={size === 'lg' ? 'md' : 'sm'}\n onClick={() => handleShowMore(day, dayKey)}\n disabled={isInteractionSuppressed}\n >\n {t('slotGrid.showMore', { count: hiddenCount })}\n </Button>\n ) : null}\n </div>\n );\n })}\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n role=\"region\"\n aria-label={resolvedAriaLabel}\n className={slotGridVariants({ size, className })}\n data-component=\"slot-grid\"\n data-state={state}\n {...rest}\n >\n <div className={toolbarVariants()}>\n <IconButton\n icon={<ChevronStartIcon />}\n aria-label={t('slotGrid.previousDays')}\n size={size === 'lg' ? 'md' : 'sm'}\n intent=\"ghost\"\n flipIconInRtl\n disabled={!hasPrevious \|\| isInteractionSuppressed}\n onClick={onPreviousDays}\n />\n {showNextAvailable ? (\n <Button\n intent=\"secondary\"\n size={size === 'lg' ? 'md' : 'sm'}\n disabled={isInteractionSuppressed}\n onClick={onJumpToNextAvailable}\n >\n {t('slotGrid.nextAvailable')}\n </Button>\n ) : (\n <span aria-hidden=\"true\" />\n )}\n <IconButton\n icon={<ChevronEndIcon />}\n aria-label={t('slotGrid.nextDays')}\n size={size === 'lg' ? 'md' : 'sm'}\n intent=\"ghost\"\n flipIconInRtl\n disabled={!hasNext \|\| isInteractionSuppressed}\n onClick={onNextDays}\n />\n </div>\n\n {body}\n </div>\n );\n },\n);\n\nSlotGrid.displayName = 'SlotGrid';\n"],"names":["parseISO","argument","options","invalidDate","constructFrom","dateStrings","splitDateString","date","parseYearResult","parseYear","parseDate","timestamp","time","offset","parseTime","parseTimezone","tmpDate","result","toDate","patterns","dateRegex","timeRegex","timezoneRegex","dateString","array","timeString","token","additionalDigits","regex","captures","year","century","isWeekDate","dayOfYear","parseDateUnit","month","day","week","dayOfWeek","validateWeekDate","dayOfISOWeekYear","validateDate","validateDayOfYearDate","value","hours","parseTimeUnit","minutes","seconds","validateTime","millisecondsInHour","millisecondsInMinute","timezoneString","sign","validateTimezone","isoWeekYear","fourthOfJanuaryDay","diff","daysInMonths","isLeapYearIndex","_year","_hours","slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","isSameDate","a","b","isSameDay","findFirstAvailable","days","slot","s","formatDayHeader","locale","timeZone","formatSlotTime","start","fmt","end","formatSlotAriaLabel","template","dayLabel","ChevronStartIcon","jsx","ChevronEndIcon","SlotGrid","forwardRef","state","size","selectedSlotId","maxInitialSlotsPerDay","localeProp","hasPrevious","hasNext","showNextAvailable","ariaLabel","onSlotSelect","onPreviousDays","onNextDays","onShowMore","onJumpToNextAvailable","className","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","dayKey","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"slot-grid-FsqumOaS.js","sources":["../../node_modules/date-fns/parseISO.js","../../src/components/slot-grid/slot-grid.tsx"],"sourcesContent":["import {\n millisecondsInHour,\n millisecondsInMinute,\n} from \"./constants.js\";\nimport { constructFrom } from \"./constructFrom.js\";\nimport { toDate } from \"./toDate.js\";\n\n/*\n The {@link parseISO} function options.\n /\n\n/\n @name parseISO\n * @category Common Helpers\n * @summary Parse ISO string\n \n @description\n * Parse the given string in ISO 8601 format and return an instance of Date.\n \n Function accepts complete ISO 8601 formats as well as partial implementations.\n * ISO 8601: http://en.wikipedia.org/wiki/ISO_8601\n \n If the argument isn't a string, the function cannot parse the string or\n * the values are invalid, it returns Invalid Date.\n \n @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n \n @param argument - The value to convert\n * @param options - An object with options\n \n @returns The parsed date in the local time zone\n \n @example\n * // Convert string '2014-02-11T11:30:30' to date:\n * const result = parseISO('2014-02-11T11:30:30')\n * //=> Tue Feb 11 2014 11:30:30\n \n @example\n * // Convert string '+02014101' to date,\n * // if the additional number of digits in the extended year format is 1:\n * const result = parseISO('+02014101', { additionalDigits: 1 })\n * //=> Fri Apr 11 2014 00:00:00\n /\nexport function parseISO(argument, options) {\n const invalidDate = () => constructFrom(options?.in, NaN);\n\n const additionalDigits = options?.additionalDigits ?? 2;\n const dateStrings = splitDateString(argument);\n\n let date;\n if (dateStrings.date) {\n const parseYearResult = parseYear(dateStrings.date, additionalDigits);\n date = parseDate(parseYearResult.restDateString, parseYearResult.year);\n }\n\n if (!date \|\| isNaN(+date)) return invalidDate();\n\n const timestamp = +date;\n let time = 0;\n let offset;\n\n if (dateStrings.time) {\n time = parseTime(dateStrings.time);\n if (isNaN(time)) return invalidDate();\n }\n\n if (dateStrings.timezone) {\n offset = parseTimezone(dateStrings.timezone);\n if (isNaN(offset)) return invalidDate();\n } else {\n const tmpDate = new Date(timestamp + time);\n const result = toDate(0, options?.in);\n result.setFullYear(\n tmpDate.getUTCFullYear(),\n tmpDate.getUTCMonth(),\n tmpDate.getUTCDate(),\n );\n result.setHours(\n tmpDate.getUTCHours(),\n tmpDate.getUTCMinutes(),\n tmpDate.getUTCSeconds(),\n tmpDate.getUTCMilliseconds(),\n );\n return result;\n }\n\n return toDate(timestamp + time + offset, options?.in);\n}\n\nconst patterns = {\n dateTimeDelimiter: /[T ]/,\n timeZoneDelimiter: /[Z ]/i,\n timezone: /([Z+-].)$/,\n};\n\nconst dateRegex =\n /^-?(?:(\\d{3})\|(\\d{2})(?:-?(\\d{2}))?\|W(\\d{2})(?:-?(\\d{1}))?\|)$/;\nconst timeRegex =\n /^(\\d{2}(?:[.,]\\d)?)(?::?(\\d{2}(?:[.,]\\d)?))?(?::?(\\d{2}(?:[.,]\\d)?))?$/;\nconst timezoneRegex = /^([+-])(\\d{2})(?::?(\\d{2}))?$/;\n\nfunction splitDateString(dateString) {\n const dateStrings = {};\n const array = dateString.split(patterns.dateTimeDelimiter);\n let timeString;\n\n // The regex match should only return at maximum two array elements.\n // [date], [time], or [date, time].\n if (array.length > 2) {\n return dateStrings;\n }\n\n if (/:/.test(array[0])) {\n timeString = array[0];\n } else {\n dateStrings.date = array[0];\n timeString = array[1];\n if (patterns.timeZoneDelimiter.test(dateStrings.date)) {\n dateStrings.date = dateString.split(patterns.timeZoneDelimiter)[0];\n timeString = dateString.substr(\n dateStrings.date.length,\n dateString.length,\n );\n }\n }\n\n if (timeString) {\n const token = patterns.timezone.exec(timeString);\n if (token) {\n dateStrings.time = timeString.replace(token[1], \"\");\n dateStrings.timezone = token[1];\n } else {\n dateStrings.time = timeString;\n }\n }\n\n return dateStrings;\n}\n\nfunction parseYear(dateString, additionalDigits) {\n const regex = new RegExp(\n \"^(?:(\\\\d{4}\|[+-]\\\\d{\" +\n (4 + additionalDigits) +\n \"})\|(\\\\d{2}\|[+-]\\\\d{\" +\n (2 + additionalDigits) +\n \"})$)\",\n );\n\n const captures = dateString.match(regex);\n // Invalid ISO-formatted year\n if (!captures) return { year: NaN, restDateString: \"\" };\n\n const year = captures[1] ? parseInt(captures[1]) : null;\n const century = captures[2] ? parseInt(captures[2]) : null;\n\n // either year or century is null, not both\n return {\n year: century === null ? year : century 100,\n restDateString: dateString.slice((captures[1] \|\| captures[2]).length),\n };\n}\n\nfunction parseDate(dateString, year) {\n // Invalid ISO-formatted year\n if (year === null) return new Date(NaN);\n\n const captures = dateString.match(dateRegex);\n // Invalid ISO-formatted string\n if (!captures) return new Date(NaN);\n\n const isWeekDate = !!captures[4];\n const dayOfYear = parseDateUnit(captures[1]);\n const month = parseDateUnit(captures[2]) - 1;\n const day = parseDateUnit(captures[3]);\n const week = parseDateUnit(captures[4]);\n const dayOfWeek = parseDateUnit(captures[5]) - 1;\n\n if (isWeekDate) {\n if (!validateWeekDate(year, week, dayOfWeek)) {\n return new Date(NaN);\n }\n return dayOfISOWeekYear(year, week, dayOfWeek);\n } else {\n const date = new Date(0);\n if (\n !validateDate(year, month, day) \|\|\n !validateDayOfYearDate(year, dayOfYear)\n ) {\n return new Date(NaN);\n }\n date.setUTCFullYear(year, month, Math.max(dayOfYear, day));\n return date;\n }\n}\n\nfunction parseDateUnit(value) {\n return value ? parseInt(value) : 1;\n}\n\nfunction parseTime(timeString) {\n const captures = timeString.match(timeRegex);\n if (!captures) return NaN; // Invalid ISO-formatted time\n\n const hours = parseTimeUnit(captures[1]);\n const minutes = parseTimeUnit(captures[2]);\n const seconds = parseTimeUnit(captures[3]);\n\n if (!validateTime(hours, minutes, seconds)) {\n return NaN;\n }\n\n return (\n hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * 1000\n );\n}\n\nfunction parseTimeUnit(value) {\n return (value && parseFloat(value.replace(\",\", \".\"))) \|\| 0;\n}\n\nfunction parseTimezone(timezoneString) {\n if (timezoneString === \"Z\") return 0;\n\n const captures = timezoneString.match(timezoneRegex);\n if (!captures) return 0;\n\n const sign = captures[1] === \"+\" ? -1 : 1;\n const hours = parseInt(captures[2]);\n const minutes = (captures[3] && parseInt(captures[3])) \|\| 0;\n\n if (!validateTimezone(hours, minutes)) {\n return NaN;\n }\n\n return sign * (hours * millisecondsInHour + minutes * millisecondsInMinute);\n}\n\nfunction dayOfISOWeekYear(isoWeekYear, week, day) {\n const date = new Date(0);\n date.setUTCFullYear(isoWeekYear, 0, 4);\n const fourthOfJanuaryDay = date.getUTCDay() \|\| 7;\n const diff = (week - 1) * 7 + day + 1 - fourthOfJanuaryDay;\n date.setUTCDate(date.getUTCDate() + diff);\n return date;\n}\n\n// Validation functions\n\n// February is null to handle the leap year (using \|\|)\nconst daysInMonths = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\n\nfunction isLeapYearIndex(year) {\n return year % 400 === 0 \|\| (year % 4 === 0 && year % 100 !== 0);\n}\n\nfunction validateDate(year, month, date) {\n return (\n month >= 0 &&\n month <= 11 &&\n date >= 1 &&\n date <= (daysInMonths[month] \|\| (isLeapYearIndex(year) ? 29 : 28))\n );\n}\n\nfunction validateDayOfYearDate(year, dayOfYear) {\n return dayOfYear >= 1 && dayOfYear <= (isLeapYearIndex(year) ? 366 : 365);\n}\n\nfunction validateWeekDate(_year, week, day) {\n return week >= 1 && week <= 53 && day >= 0 && day <= 6;\n}\n\nfunction validateTime(hours, minutes, seconds) {\n if (hours === 24) {\n return minutes === 0 && seconds === 0;\n }\n\n return (\n seconds >= 0 &&\n seconds < 60 &&\n minutes >= 0 &&\n minutes < 60 &&\n hours >= 0 &&\n hours < 25\n );\n}\n\nfunction validateTimezone(_hours, minutes) {\n return minutes >= 0 && minutes <= 59;\n}\n\n// Fallback for modularized imports:\nexport default parseISO;\n","/* ------------------------------------------------------------------ /\n/ SlotGrid — multi-day time-slot picker for patient booking. /\n/ /\n/ Renders N day columns side-by-side. Each column shows a day header /\n/ (formatted via `Intl.DateTimeFormat(locale)`) plus a vertical list /\n/ of slot buttons. Long days collapse to `maxInitialSlotsPerDay` and /\n/ reveal the rest via a \"Show more\" button (progressive disclosure). /\n/ /\n/ Navigation arrows (`onPreviousDays` / `onNextDays`) let the consumer /\n/ page the window of days; the optional \"Next available\" CTA jumps to /\n/ the first day with an open slot. /\n/ /\n/ Purely presentational — no business logic, no data fetching. Date /\n/ comparisons use `date-fns` (never moment.js) and the rendered labels /\n/ come exclusively from `Intl.DateTimeFormat` or the `ui.slotGrid` /\n/ namespace via `useTranslation()`. /\n/ ------------------------------------------------------------------ /\n\nimport {\n forwardRef,\n useCallback,\n useId,\n useState,\n type HTMLAttributes,\n type KeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { isSameDay, parseISO } from 'date-fns';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { Skeleton } from '../skeleton/skeleton';\n\n/ ------------------------------------------------------------------ /\n/ Public types /\n/ ------------------------------------------------------------------ /\n\nexport type SlotGridState = 'default' \| 'loading' \| 'disabled' \| 'empty';\n\nexport type SlotGridSize = 'sm' \| 'md' \| 'lg';\n\nexport interface SlotGridSlot {\n /* Stable identity — used by consumers to resolve selection. /\n id: string;\n /* Slot start — ISO string or `Date`. Rendered via `Intl.DateTimeFormat`. /\n start: string \| Date;\n /* Optional slot end — if omitted only the start time is announced. /\n end?: string \| Date;\n /* Defaults to `true`. Unavailable slots render disabled and are not focusable. /\n available?: boolean;\n /* Override the default `Intl`-formatted time label. /\n label?: string;\n /* Override the accessible name of the slot button. /\n ariaLabel?: string;\n}\n\nexport interface SlotGridDay {\n /* The calendar day the column represents. /\n date: string \| Date;\n /* Slots for this day, in chronological order. Empty array ⇒ empty day. /\n slots: SlotGridSlot[];\n /* Override the default `Intl`-formatted day header. /\n label?: string;\n}\n\nexport interface SlotGridProps\n extends\n Omit<HTMLAttributes<HTMLDivElement>, 'aria-label' \| 'onSelect'>,\n VariantProps<typeof slotGridVariants> {\n /* Days to render, one column per entry. /\n days: SlotGridDay[];\n /* Visual / interactive state. Defaults to `'default'`. /\n state?: SlotGridState;\n /* Density of the slot buttons and day headers. Defaults to `'md'`. /\n size?: SlotGridSize;\n /* Id of the currently selected slot (controlled). /\n selectedSlotId?: string;\n /\n Initial number of slots to render per day before the \"Show more\"\n * progressive-disclosure control collapses the rest. Defaults to `6`.\n /\n maxInitialSlotsPerDay?: number;\n /\n BCP-47 locale tag for `Intl.DateTimeFormat`. Defaults to the active\n * i18next language.\n /\n locale?: string;\n /* IANA time zone for `Intl.DateTimeFormat`. Optional. /\n timeZone?: string;\n /* Whether the \"previous days\" navigation arrow should be enabled. /\n hasPrevious?: boolean;\n /* Whether the \"next days\" navigation arrow should be enabled. /\n hasNext?: boolean;\n /\n When `true`, renders the \"Next available\" CTA at the end of the\n * toolbar. Only emits a callback — the consumer owns the navigation.\n /\n showNextAvailable?: boolean;\n /* Accessible label for the outer grid region. /\n ariaLabel?: string;\n /* Fires when the user selects an available slot. /\n onSlotSelect?: (slot: SlotGridSlot, day: SlotGridDay) => void;\n /* Fires when the user clicks the \"previous days\" arrow. /\n onPreviousDays?: () => void;\n /* Fires when the user clicks the \"next days\" arrow. /\n onNextDays?: () => void;\n /* Fires when the user clicks a day's \"Show more\" button. /\n onShowMore?: (day: SlotGridDay) => void;\n /* Fires when the user clicks the \"Next available\" CTA. /\n onJumpToNextAvailable?: () => void;\n}\n\n/ ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\nconst slotGridVariants = cva(\n [\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n 'ds:text-[var(--foreground)]',\n 'ds:w-full',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-sm)]',\n md: 'ds:text-[length:var(--font-size-base)]',\n lg: 'ds:text-[length:var(--font-size-lg)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst toolbarVariants = cva(\n 'ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n);\n\n/\n Column-count is dynamic (1–12), so it is declared as a full CVA variant —\n * this keeps every `grid-cols-N` string statically visible to Tailwind's\n * JIT and keeps the variant table inside CVA rather than hand-rolled.\n /\nconst COLS_MAX = 12;\n\nconst columnsVariants = cva(\n 'ds:grid ds:gap-[var(--spacing-sm)] ds:w-full ds:auto-rows-min ds:items-start',\n {\n variants: {\n cols: {\n 1: 'ds:grid-cols-1',\n 2: 'ds:grid-cols-2',\n 3: 'ds:grid-cols-3',\n 4: 'ds:grid-cols-4',\n 5: 'ds:grid-cols-5',\n 6: 'ds:grid-cols-6',\n 7: 'ds:grid-cols-7',\n 8: 'ds:grid-cols-8',\n 9: 'ds:grid-cols-9',\n 10: 'ds:grid-cols-10',\n 11: 'ds:grid-cols-11',\n 12: 'ds:grid-cols-12',\n },\n },\n defaultVariants: { cols: 1 },\n },\n);\n\ntype ColumnsCount = NonNullable<VariantProps<typeof columnsVariants>['cols']>;\n\nfunction clampCols(count: number): ColumnsCount {\n return Math.max(1, Math.min(count, COLS_MAX)) as ColumnsCount;\n}\n\nconst columnVariants = cva(\n [\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n 'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:bg-[var(--card)]',\n 'ds:min-w-0',\n ].join(' '),\n);\n\nconst dayHeaderVariants = cva(\n [\n 'ds:font-[var(--font-weight-semibold)]',\n 'ds:text-[var(--foreground)]',\n 'ds:text-start',\n 'ds:truncate',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:text-[length:var(--font-size-xs)]',\n md: 'ds:text-[length:var(--font-size-sm)]',\n lg: 'ds:text-[length:var(--font-size-base)]',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\nconst slotListVariants = cva(\n 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full ds:m-0 ds:p-0 ds:list-none',\n);\n\nconst slotButtonVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:justify-center',\n 'ds:w-full',\n 'ds:rounded-[var(--radius-sm)]',\n 'ds:font-[var(--font-weight-medium)]',\n 'ds:bg-[var(--secondary)]',\n 'ds:shadow-[var(--shadow-sm)]',\n 'ds:text-[var(--foreground)]',\n 'ds:transition-[background-color,color,box-shadow]',\n 'ds:duration-[var(--animation-duration)]',\n 'ds:motion-reduce:transition-none',\n 'ds:focus-visible:outline-[var(--focus-ring-width)]',\n 'ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)]',\n 'ds:focus-visible:outline-offset-[var(--focus-ring-offset)]',\n 'ds:min-h-[var(--min-target-size)]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:shadow-none',\n 'ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-disabled:shadow-none',\n 'ds:hover:enabled:shadow-[var(--shadow-md)]',\n 'ds:aria-pressed:bg-[var(--primary)] ds:aria-pressed:text-[var(--primary-foreground)]',\n ].join(' '),\n {\n variants: {\n size: {\n sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:text-[length:var(--font-size-xs)] ds:h-8',\n md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:h-10',\n lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-base)] ds:h-12',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\n/ ------------------------------------------------------------------ /\n/ Helpers /\n/ ------------------------------------------------------------------ /\n\nfunction toDate(value: string \| Date): Date {\n return value instanceof Date ? value : parseISO(value);\n}\n\n/* Is `a` the same calendar day as `b`? Uses `date-fns`, locale-agnostic. /\nexport function isSameDate(a: string \| Date, b: string \| Date): boolean {\n return isSameDay(toDate(a), toDate(b));\n}\n\n/* Find the first day in a list that has at least one available slot. /\nexport function findFirstAvailable(\n days: SlotGridDay[],\n): { day: SlotGridDay; slot: SlotGridSlot } \| undefined {\n for (const day of days) {\n const slot = day.slots.find((s) => s.available !== false);\n if (slot) return { day, slot };\n }\n return undefined;\n}\n\nfunction formatDayHeader(\n date: Date,\n locale: string,\n timeZone?: string,\n): string {\n try {\n return new Intl.DateTimeFormat(locale, {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n timeZone,\n }).format(date);\n } catch {\n return new Intl.DateTimeFormat('en', {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n }).format(date);\n }\n}\n\nfunction formatSlotTime(\n slot: SlotGridSlot,\n locale: string,\n timeZone?: string,\n): string {\n if (slot.label !== undefined) return slot.label;\n const start = toDate(slot.start);\n try {\n const fmt = new Intl.DateTimeFormat(locale, {\n hour: 'numeric',\n minute: '2-digit',\n timeZone,\n });\n if (slot.end) {\n const end = toDate(slot.end);\n if (typeof fmt.formatRange === 'function') {\n try {\n return fmt.formatRange(start, end);\n } catch {\n / fall through /\n }\n }\n return `${fmt.format(start)} – ${fmt.format(end)}`;\n }\n return fmt.format(start);\n } catch {\n return start.toISOString();\n }\n}\n\nfunction formatSlotAriaLabel(\n slot: SlotGridSlot,\n day: SlotGridDay,\n locale: string,\n timeZone: string \| undefined,\n template: (opts: { time: string; day: string }) => string,\n): string {\n if (slot.ariaLabel !== undefined) return slot.ariaLabel;\n const time = formatSlotTime(slot, locale, timeZone);\n const dayLabel =\n day.label !== undefined\n ? day.label\n : formatDayHeader(toDate(day.date), locale, timeZone);\n return template({ time, day: dayLabel });\n}\n\n/ ------------------------------------------------------------------ /\n/ Glyphs — logical-direction arrows /\n/ ------------------------------------------------------------------ /\n\nfunction ChevronStartIcon() {\n return (\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"ds:size-4\"\n >\n <path d=\"M15 18l-6-6 6-6\" />\n </svg>\n );\n}\n\nfunction ChevronEndIcon() {\n return (\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"ds:size-4\"\n >\n <path d=\"M9 6l6 6-6 6\" />\n </svg>\n );\n}\n\n/ ------------------------------------------------------------------ /\n/ Component /\n/ ------------------------------------------------------------------ /\n\nexport const SlotGrid = forwardRef<HTMLDivElement, SlotGridProps>(\n (\n {\n days,\n state = 'default',\n size = 'md',\n selectedSlotId,\n maxInitialSlotsPerDay = 6,\n locale: localeProp,\n timeZone,\n hasPrevious = false,\n hasNext = false,\n showNextAvailable = false,\n ariaLabel,\n onSlotSelect,\n onPreviousDays,\n onNextDays,\n onShowMore,\n onJumpToNextAvailable,\n className,\n ...rest\n },\n ref,\n ) => {\n const { t, i18n } = useTranslation();\n const locale = localeProp ?? i18n.language ?? 'en';\n const idBase = useId();\n\n const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n const isLoading = state === 'loading';\n const isDisabled = state === 'disabled';\n const isInteractionSuppressed = isLoading \|\| isDisabled;\n const isEmpty =\n state === 'empty' \|\|\n days.length === 0 \|\|\n days.every((day) => day.slots.length === 0);\n\n const resolvedAriaLabel = ariaLabel ?? t('slotGrid.ariaLabel');\n\n const handleSlotClick = useCallback(\n (slot: SlotGridSlot, day: SlotGridDay) => {\n if (isInteractionSuppressed) return;\n if (slot.available === false) return;\n onSlotSelect?.(slot, day);\n },\n [isInteractionSuppressed, onSlotSelect],\n );\n\n const handleShowMore = useCallback(\n (day: SlotGridDay, key: string) => {\n setExpanded((prev) => ({ ...prev, [key]: true }));\n onShowMore?.(day);\n },\n [onShowMore],\n );\n\n const handleSlotKeyDown = useCallback(\n (\n event: KeyboardEvent<HTMLButtonElement>,\n slot: SlotGridSlot,\n day: SlotGridDay,\n ) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault();\n handleSlotClick(slot, day);\n }\n },\n [handleSlotClick],\n );\n\n const columnCount = clampCols(days.length \|\| 1);\n const columnsClass = columnsVariants({ cols: columnCount });\n\n / ---- Rendered content ------------------------------------------ */\n\n let body: ReactNode;\n if (isLoading) {\n body = (\n <div\n className={columnsClass}\n data-state=\"loading\"\n role=\"status\"\n aria-live=\"polite\"\n aria-label={t('common.loading')}\n >\n {Array.from({ length: columnCount }, (_, colIdx) => (\n <div key={`loading-col-${colIdx}`} className={columnVariants()}>\n <Skeleton variant=\"text\" size={size} width=\"60%\" />\n <div className={slotListVariants()}>\n {Array.from(\n { length: Math.min(maxInitialSlotsPerDay, 4) },\n (_, rowIdx) => (\n <Skeleton\n key={`loading-slot-${colIdx}-${rowIdx}`}\n variant=\"rounded\"\n size={size}\n height=\"40px\"\n />\n ),\n )}\n </div>\n </div>\n ))}\n </div>\n );\n } else if (isEmpty) {\n body = (\n <div data-state=\"empty\">\n <EmptyState variant=\"no-results\" title={t('slotGrid.noSlots')} />\n </div>\n );\n } else {\n body = (\n <div\n className={columnsClass}\n data-state={isDisabled ? 'disabled' : 'default'}\n >\n {days.map((day, dayIdx) => {\n const dayKey = `${toDate(day.date).toISOString()}-${dayIdx}`;\n const headerLabel =\n day.label ?? formatDayHeader(toDate(day.date), locale, timeZone);\n const headerId = `${idBase}-day-${dayIdx}-header`;\n const isExpanded = expanded[dayKey] ?? false;\n const visibleSlots = isExpanded\n ? day.slots\n : day.slots.slice(0, maxInitialSlotsPerDay);\n const hiddenCount = day.slots.length - visibleSlots.length;\n\n const isDayEmpty = day.slots.length === 0;\n\n return (\n // Use a plain <div role=\"group\"> rather than <section> — a\n // <section> with aria-labelledby is a landmark, and nesting many\n // landmarks inside the outer slot-grid landmark fails axe's\n // landmark-unique rule.\n <div\n key={dayKey}\n role=\"group\"\n className={columnVariants()}\n aria-labelledby={headerId}\n data-empty={isDayEmpty \|\| undefined}\n >\n <h3 id={headerId} className={dayHeaderVariants({ size })}>\n {headerLabel}\n </h3>\n {isDayEmpty ? (\n <p className=\"type-body-sm ds:text-[var(--muted-foreground)] ds:m-0\">\n {t('slotGrid.noSlots')}\n </p>\n ) : null}\n <ul className={slotListVariants()}>\n {visibleSlots.map((slot) => {\n const ariaLabelSlot = formatSlotAriaLabel(\n slot,\n day,\n locale,\n timeZone,\n ({ time, day: dayLabel }) =>\n t('slotGrid.slotLabel', { time, day: dayLabel }),\n );\n const isSelected = selectedSlotId === slot.id;\n const isSlotDisabled =\n slot.available === false \|\| isInteractionSuppressed;\n return (\n <li key={slot.id}>\n <button\n type=\"button\"\n className={slotButtonVariants({ size })}\n aria-label={ariaLabelSlot}\n aria-pressed={isSelected}\n disabled={isSlotDisabled}\n aria-disabled={isSlotDisabled \|\| undefined}\n data-slot-id={slot.id}\n onClick={() => handleSlotClick(slot, day)}\n onKeyDown={(event) =>\n handleSlotKeyDown(event, slot, day)\n }\n >\n {formatSlotTime(slot, locale, timeZone)}\n </button>\n </li>\n );\n })}\n </ul>\n {hiddenCount > 0 ? (\n <Button\n intent=\"ghost\"\n size={size === 'lg' ? 'md' : 'sm'}\n onClick={() => handleShowMore(day, dayKey)}\n disabled={isInteractionSuppressed}\n >\n {t('slotGrid.showMore', { count: hiddenCount })}\n </Button>\n ) : null}\n </div>\n );\n })}\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n role=\"region\"\n aria-label={resolvedAriaLabel}\n className={slotGridVariants({ size, className })}\n data-component=\"slot-grid\"\n data-state={state}\n {...rest}\n >\n <div className={toolbarVariants()}>\n <IconButton\n icon={<ChevronStartIcon />}\n aria-label={t('slotGrid.previousDays')}\n size={size === 'lg' ? 'md' : 'sm'}\n intent=\"ghost\"\n flipIconInRtl\n disabled={!hasPrevious \|\| isInteractionSuppressed}\n onClick={onPreviousDays}\n />\n {showNextAvailable ? (\n <Button\n intent=\"secondary\"\n size={size === 'lg' ? 'md' : 'sm'}\n disabled={isInteractionSuppressed}\n onClick={onJumpToNextAvailable}\n >\n {t('slotGrid.nextAvailable')}\n </Button>\n ) : (\n <span aria-hidden=\"true\" />\n )}\n <IconButton\n icon={<ChevronEndIcon />}\n aria-label={t('slotGrid.nextDays')}\n size={size === 'lg' ? 'md' : 'sm'}\n intent=\"ghost\"\n flipIconInRtl\n disabled={!hasNext \|\| isInteractionSuppressed}\n onClick={onNextDays}\n />\n </div>\n\n {body}\n </div>\n );\n },\n);\n\nSlotGrid.displayName = 'SlotGrid';\n"],"names":["parseISO","argument","options","invalidDate","constructFrom","dateStrings","splitDateString","date","parseYearResult","parseYear","parseDate","timestamp","time","offset","parseTime","parseTimezone","tmpDate","result","toDate","patterns","dateRegex","timeRegex","timezoneRegex","dateString","array","timeString","token","additionalDigits","regex","captures","year","century","isWeekDate","dayOfYear","parseDateUnit","month","day","week","dayOfWeek","validateWeekDate","dayOfISOWeekYear","validateDate","validateDayOfYearDate","value","hours","parseTimeUnit","minutes","seconds","validateTime","millisecondsInHour","millisecondsInMinute","timezoneString","sign","validateTimezone","isoWeekYear","fourthOfJanuaryDay","diff","daysInMonths","isLeapYearIndex","_year","_hours","slotGridVariants","cva","toolbarVariants","COLS_MAX","columnsVariants","clampCols","count","columnVariants","dayHeaderVariants","slotListVariants","slotButtonVariants","isSameDate","a","b","isSameDay","findFirstAvailable","days","slot","s","formatDayHeader","locale","timeZone","formatSlotTime","start","fmt","end","formatSlotAriaLabel","template","dayLabel","ChevronStartIcon","jsx","ChevronEndIcon","SlotGrid","forwardRef","state","size","selectedSlotId","maxInitialSlotsPerDay","localeProp","hasPrevious","hasNext","showNextAvailable","ariaLabel","onSlotSelect","onPreviousDays","onNextDays","onShowMore","onJumpToNextAvailable","className","rest","ref","t","i18n","useTranslation","idBase","useId","expanded","setExpanded","useState","isLoading","isDisabled","isInteractionSuppressed","isEmpty","resolvedAriaLabel","handleSlotClick","useCallback","handleShowMore","key","prev","handleSlotKeyDown","event","columnCount","columnsClass","body","_","colIdx","jsxs","Skeleton","rowIdx","EmptyState","dayIdx","dayKey","headerLabel","headerId","visibleSlots","hiddenCount","isDayEmpty","ariaLabelSlot","isSelected","isSlotDisabled","Button","IconButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/smart-date-CWikAqZx.js ADDED Viewed

@@ -0,0 +1,114 @@
+import { jsxs as F, jsx as u } from "react/jsx-runtime";
+import { forwardRef as A } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
+import { useTranslation as L } from "react-i18next";
+import { C as O } from "./calendar-B6soK1Yb.js";
+import { C as R } from "./clock-21AGPWJ5.js";
+import { C as f } from "./calendar-clock-CYkcqdwl.js";
+import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { T as Y } from "./triangle-alert-CBPUIzQo.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "m9 16 2 2 4-4", key: "19s6y9" }]
+], E = V("calendar-check", $), U = {
+  overdue: Y,
+  past: E,
+  today: f,
+  tomorrow: f,
+  soon: R,
+  upcoming: O
+}, q = 1440 * 60 * 1e3, B = j(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:whitespace-nowrap ds:align-middle",
+    "ds:font-[var(--font-weight-medium)]"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        // Deeper `*-foreground` tokens so the small text clears WCAG AA on the
+        // app surface, matching how Badge / TransactionChip pick their text.
+        overdue: "ds:text-[color:var(--destructive)]",
+        today: "ds:text-[color:var(--info-foreground)]",
+        tomorrow: "ds:text-[color:var(--info-foreground)]",
+        soon: "ds:text-[color:var(--foreground)]",
+        past: "ds:text-[color:var(--muted-foreground)]",
+        upcoming: "ds:text-[color:var(--muted-foreground)]"
+      },
+      size: {
+        sm: "ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-3.5",
+        md: "ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-4"
+      }
+    },
+    defaultVariants: { state: "upcoming", size: "md" }
+  }
+);
+function p(e) {
+  return e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(e).getTime();
+}
+function g(e) {
+  const a = new Date(e);
+  return new Date(a.getFullYear(), a.getMonth(), a.getDate()).getTime();
+}
+const G = A(
+  ({
+    date: e,
+    now: a,
+    deadline: h = !1,
+    soonWithinDays: d = 7,
+    size: v = "md",
+    locale: y,
+    className: D,
+    ...w
+  }, x) => {
+    const { t: l, i18n: T } = L(), s = y ?? T.language ?? "en", r = p(e), o = !Number.isNaN(r), C = a != null ? p(a) : Date.now(), n = o ? Math.round((g(r) - g(C)) / q) : 0;
+    let t;
+    o ? n === 0 ? t = "today" : n === 1 ? t = "tomorrow" : n > 1 && n <= d ? t = "soon" : n > d ? t = "upcoming" : t = h ? "overdue" : "past" : t = "upcoming";
+    const k = new Intl.RelativeTimeFormat(s, {
+      numeric: "auto",
+      style: "long"
+    }), M = (m) => m && m.charAt(0).toLocaleUpperCase(s) + m.slice(1), I = o ? new Intl.DateTimeFormat(s, {
+      day: "numeric",
+      month: "short"
+    }).format(r) : "", c = o ? new Intl.DateTimeFormat(s, {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }).format(r) : "", N = o ? new Intl.DateTimeFormat(s, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    }).format(r) : "", i = t === "overdue" ? l("smartDate.overdue") : t === "upcoming" ? "" : M(k.format(n, "day")), S = t === "upcoming" ? N : t === "soon" || t === "overdue" ? `${i} · ${I}` : i, b = o ? i ? l("smartDate.aria", { context: i, date: c }) : c : void 0, z = U[t], _ = o ? new Date(r).toISOString().slice(0, 10) : void 0;
+    return /* @__PURE__ */ F(
+      "time",
+      {
+        ref: x,
+        dateTime: _,
+        title: c || void 0,
+        "aria-label": b,
+        "data-component": "smart-date",
+        "data-state": t,
+        className: B({ state: t, size: v, className: D }),
+        ...w,
+        children: [
+          /* @__PURE__ */ u(z, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u("span", { children: S })
+        ]
+      }
+    );
+  }
+);
+G.displayName = "SmartDate";
+export {
+  G as S
+};
+//# sourceMappingURL=smart-date-CWikAqZx.js.map

package/dist/_chunks/smart-date-CWikAqZx.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"smart-date-CWikAqZx.js","sources":["../../node_modules/lucide-react/dist/esm/icons/calendar-check.js","../../src/components/smart-date/smart-date.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"4\", rx: \"2\", key: \"1hopcy\" }],\n [\"path\", { d: \"M3 10h18\", key: \"8toen8\" }],\n [\"path\", { d: \"m9 16 2 2 4-4\", key: \"19s6y9\" }]\n];\nconst CalendarCheck = createLucideIcon(\"calendar-check\", __iconNode);\n\nexport { __iconNode, CalendarCheck as default };\n//# sourceMappingURL=calendar-check.js.map\n","import { forwardRef, type HTMLAttributes, type Ref } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n Calendar,\n CalendarCheck,\n CalendarClock,\n Clock,\n TriangleAlert,\n type LucideIcon,\n} from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* Temporal vocabulary */\n/* */\n/* A date is bucketed against \"now\" by CALENDAR day (not raw ms), so */\n/* \"today\" is the whole day. Each bucket carries an icon + colour that */\n/* encodes urgency: overdue (red) › today/tomorrow (blue) › soon */\n/* (default) › upcoming / past (muted). */\n/* ------------------------------------------------------------------ */\n\nexport type SmartDateState =\n | 'overdue'\n | 'past'\n | 'today'\n | 'tomorrow'\n | 'soon'\n | 'upcoming';\n\nconst STATE_ICON: Record<SmartDateState, LucideIcon> = {\n overdue: TriangleAlert,\n past: CalendarCheck,\n today: CalendarClock,\n tomorrow: CalendarClock,\n soon: Clock,\n upcoming: Calendar,\n};\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\n\n/* ------------------------------------------------------------------ */\n/* CVA — colour per state + size */\n/* ------------------------------------------------------------------ */\n\nconst smartDateVariants = cva(\n [\n 'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n 'ds:whitespace-nowrap ds:align-middle',\n 'ds:font-[var(--font-weight-medium)]',\n ].join(' '),\n {\n variants: {\n state: {\n // Deeper `*-foreground` tokens so the small text clears WCAG AA on the\n // app surface, matching how Badge / TransactionChip pick their text.\n overdue: 'ds:text-[color:var(--destructive)]',\n today: 'ds:text-[color:var(--info-foreground)]',\n tomorrow: 'ds:text-[color:var(--info-foreground)]',\n soon: 'ds:text-[color:var(--foreground)]',\n past: 'ds:text-[color:var(--muted-foreground)]',\n upcoming: 'ds:text-[color:var(--muted-foreground)]',\n },\n size: {\n sm: 'ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-3.5',\n md: 'ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-4',\n },\n },\n defaultVariants: { state: 'upcoming', size: 'md' },\n },\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers */\n/* ------------------------------------------------------------------ */\n\nfunction toMs(v: string | number | Date): number {\n if (v instanceof Date) return v.getTime();\n if (typeof v === 'number') return v;\n return new Date(v).getTime();\n}\n\n/** Midnight (local) of the day containing `ms`. */\nfunction startOfDay(ms: number): number {\n const d = new Date(ms);\n return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n}\n\n/* ------------------------------------------------------------------ */\n/* Props */\n/* ------------------------------------------------------------------ */\n\nexport interface SmartDateProps\n extends\n Omit<HTMLAttributes<HTMLTimeElement>, 'children'>,\n Pick<VariantProps<typeof smartDateVariants>, 'size'> {\n /** The date to display — ISO-8601 string, ms-since-epoch, or a `Date`. */\n date: string | number | Date;\n /**\n * Reference \"now\" — defaults to the current date. Pin it in stories / tests\n * (and anywhere deterministic output is required) so the bucketing is stable.\n */\n now?: string | number | Date;\n /**\n * Treat the date as a deadline: past dates read \"Overdue\" (destructive)\n * instead of a neutral elapsed phrase (\"Yesterday\" / \"5 days ago\").\n */\n deadline?: boolean;\n /**\n * Near-future window, in whole days, within which an upcoming date shows a\n * relative phrase (\"In 3 days\") alongside the date. Beyond it, just the date.\n * Default `7`.\n */\n soonWithinDays?: number;\n /** Locale override. Falls back to the active i18next language. */\n locale?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* SmartDate */\n/* ------------------------------------------------------------------ */\n\nexport const SmartDate = forwardRef<HTMLTimeElement, SmartDateProps>(\n (\n {\n date,\n now,\n deadline = false,\n soonWithinDays = 7,\n size = 'md',\n locale: localeProp,\n className,\n ...rest\n },\n ref,\n ) => {\n const { t, i18n } = useTranslation();\n const locale = localeProp ?? i18n.language ?? 'en';\n\n const dateMs = toMs(date);\n const valid = !Number.isNaN(dateMs);\n const nowMs = now != null ? toMs(now) : Date.now();\n const diffDays = valid\n ? Math.round((startOfDay(dateMs) - startOfDay(nowMs)) / DAY_MS)\n : 0;\n\n // Bucket the date.\n let state: SmartDateState;\n if (!valid) state = 'upcoming';\n else if (diffDays === 0) state = 'today';\n else if (diffDays === 1) state = 'tomorrow';\n else if (diffDays > 1 && diffDays <= soonWithinDays) state = 'soon';\n else if (diffDays > soonWithinDays) state = 'upcoming';\n else state = deadline ? 'overdue' : 'past'; // diffDays < 0\n\n // Locale-correct relative phrase (\"today\", \"in 3 days\", \"5 days ago\") +\n // first-letter capitalisation for the badge. Numeric \"auto\" gives the\n // word forms (today / tomorrow / yesterday) where the locale has them.\n const rtf = new Intl.RelativeTimeFormat(locale, {\n numeric: 'auto',\n style: 'long',\n });\n const cap = (s: string) =>\n s ? s.charAt(0).toLocaleUpperCase(locale) + s.slice(1) : s;\n\n const shortDate = valid\n ? new Intl.DateTimeFormat(locale, {\n day: 'numeric',\n month: 'short',\n }).format(dateMs)\n : '';\n const longDate = valid\n ? new Intl.DateTimeFormat(locale, {\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n }).format(dateMs)\n : '';\n const upcomingDate = valid\n ? new Intl.DateTimeFormat(locale, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n }).format(dateMs)\n : '';\n\n // Context word — the relative phrase / special label for the state.\n const contextWord =\n state === 'overdue'\n ? t('smartDate.overdue')\n : state === 'upcoming'\n ? ''\n : cap(rtf.format(diffDays, 'day'));\n\n // Visible label: the context word, with the short date appended for the\n // states where the date itself is useful, or the date alone when far off.\n const label =\n state === 'upcoming'\n ? upcomingDate\n : state === 'soon' || state === 'overdue'\n ? `${contextWord} · ${shortDate}`\n : contextWord;\n\n // Accessible name: the context word + the FULL date so screen-reader users\n // hear the precise day, not just \"Today\".\n const ariaLabel = !valid\n ? undefined\n : contextWord\n ? t('smartDate.aria', { context: contextWord, date: longDate })\n : longDate;\n\n const Icon = STATE_ICON[state];\n const iso = valid ? new Date(dateMs).toISOString().slice(0, 10) : undefined;\n\n return (\n <time\n ref={ref as Ref<HTMLTimeElement>}\n dateTime={iso}\n title={longDate || undefined}\n aria-label={ariaLabel}\n data-component=\"smart-date\"\n data-state={state}\n className={smartDateVariants({ state, size, className })}\n {...rest}\n >\n <Icon aria-hidden=\"true\" />\n <span>{label}</span>\n </time>\n );\n },\n);\n\nSmartDate.displayName = 'SmartDate';\n"],"names":["__iconNode","CalendarCheck","createLucideIcon","STATE_ICON","TriangleAlert","CalendarClock","Clock","Calendar","DAY_MS","smartDateVariants","cva","toMs","v","startOfDay","ms","d","SmartDate","forwardRef","date","now","deadline","soonWithinDays","size","localeProp","className","rest","ref","t","i18n","useTranslation","locale","dateMs","valid","nowMs","diffDays","state","rtf","cap","s","shortDate","longDate","upcomingDate","contextWord","label","ariaLabel","Icon","iso","jsxs","jsx"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{social-sign-in-button-uJYLM366.js → social-sign-in-button-dlpPI5l7.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as y, useRef as p, useEffect as N } from "react";
 import { c as n } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
-import { S as V } from "./spinner-OjQNn8oN.js";
+import { S as V } from "./spinner-hbwuKwMf.js";
 function A({ className: e }) {
   return /* @__PURE__ */ s(
     "svg",
@@ -240,4 +240,4 @@ I.displayName = "SocialSignInButton";
 export {
   I as S
 };
-//# sourceMappingURL=social-sign-in-button-uJYLM366.js.map
+//# sourceMappingURL=social-sign-in-button-dlpPI5l7.js.map

package/dist/_chunks/{social-sign-in-button-uJYLM366.js.map → social-sign-in-button-dlpPI5l7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"social-sign-in-button-uJYLM366.js","sources":["../../src/brand/provider-marks/apple.tsx","../../src/brand/provider-marks/google.tsx","../../src/components/social-sign-in-button/social-sign-in-button.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ Apple brand mark — \"Sign in with Apple\". /\n/ /\n/ Lives under src/brand/** (the sanctioned hex-literal exception zone /\n/ per CLAUDE.md §2) alongside the Google mark, even though this glyph /\n/ is single-colour and follows `currentColor`. Keeping both provider /\n/ marks in one folder gives token-auditor a single brand path to reason /\n/ about and matches the WhatsAppButton inline-glyph precedent. /\n/ /\n/ Per Apple Human Interface Guidelines the Apple logo is a single-colour /\n/ mark that inherits the button's text colour: black on a white (light) /\n/ surface, white on a black (dark) surface. We paint it with /\n/ `fill=\"currentColor\"` so the consuming button's foreground token /\n/ drives the colour from one CVA class — never recolour the Apple logo /\n/ to a brand hue (HIG forbids it). The mark is decorative: the visible /\n/ localized \"Sign in with Apple\" text is the accessible name, so the /\n/ SVG carries `aria-hidden=\"true\"` and the button announces only its /\n/ text label. /\n/ -------------------------------------------------------------------- /\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n /* Forwarded to the root `<svg>` for size / colour utility classes. /\n className?: string;\n}\n\n/\n The Apple logo glyph. Single path, `currentColor` fill so it follows\n * the button foreground across light / dark appearances and all four kit\n * themes. Decorative — `aria-hidden`.\n /\nexport function AppleMark({ className }: ProviderMarkProps): ReactNode {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path d=\"M17.05 12.536c-.024-2.51 2.05-3.715 2.143-3.774-1.168-1.708-2.985-1.942-3.63-1.967-1.546-.157-3.018.91-3.802.91-.783 0-1.99-.888-3.273-.864-1.684.025-3.236.978-4.102 2.485-1.748 3.03-.448 7.513 1.255 9.97.832 1.203 1.825 2.552 3.127 2.504 1.255-.05 1.73-.81 3.247-.81 1.518 0 1.945.81 3.273.786 1.351-.025 2.206-1.227 3.03-2.434.955-1.394 1.348-2.745 1.372-2.815-.03-.013-2.633-1.01-2.66-4.001m-2.48-7.343c.692-.838 1.158-2.002 1.03-3.163-.997.04-2.205.664-2.92 1.502-.64.742-1.2 1.927-1.05 3.066 1.112.086 2.247-.566 2.94-1.405\" />\n </svg>\n );\n}\n","/ -------------------------------------------------------------------- /\n/ Google brand mark — \"Sign in with Google\". /\n/ /\n/ Lives under src/brand/** — the ONLY zone where hex-colour literals are /\n/ permitted (CLAUDE.md §2). The Google \"G\" is a FIXED four-colour mark /\n/ that Google Identity Services brand guidelines forbid recolouring: /\n/ blue #4285F4 /\n/ red #EA4335 /\n/ yellow #FBBC05 /\n/ green #34A853 /\n/ These literals are therefore mandatory and intentional — they MUST NOT /\n/ be swapped for tokens or `currentColor`, and they MUST NOT shift across /\n/ the four kit themes or between light/dark button appearances. The mark /\n/ is rendered on a white tile (see SocialSignInButton) on coloured /\n/ surfaces, per GIS guidance, so the colours always read. /\n/ /\n/ The mark is decorative: the visible localized \"Sign in with Google\" /\n/ text is the accessible name, so the SVG carries `aria-hidden=\"true\"` /\n/ and screen readers never announce the individual colour paths. /\n/ -------------------------------------------------------------------- /\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n /* Forwarded to the root `<svg>` for size utility classes. /\n className?: string;\n}\n\n/\n The Google \"G\" glyph — the canonical Google Identity Services asset.\n * Four hardcoded brand hues (blue / red / yellow / green) that brand\n * guidelines forbid altering; this is why the file lives under\n * src/brand/ and not src/components/. Decorative — `aria-hidden`.\n /\nexport function GoogleMark({ className }: ProviderMarkProps): ReactNode {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n {/ Brand-mandated fixed colours — do NOT tokenise (GIS guidelines). /}\n <path\n fill=\"#4285F4\"\n d=\"M23.52 12.273c0-.851-.076-1.67-.218-2.455H12v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.09 3.578-5.166 3.578-8.819z\"\n />\n <path\n fill=\"#34A853\"\n d=\"M12 24c3.24 0 5.956-1.075 7.942-2.908l-3.878-3.01c-1.075.72-2.45 1.146-4.064 1.146-3.125 0-5.77-2.11-6.714-4.946H1.276v3.106A11.995 11.995 0 0 0 12 24z\"\n />\n <path\n fill=\"#FBBC05\"\n d=\"M5.286 14.282A7.213 7.213 0 0 1 4.91 12c0-.792.136-1.562.376-2.282V6.612H1.276A11.995 11.995 0 0 0 0 12c0 1.936.464 3.768 1.276 5.388l4.01-3.106z\"\n />\n <path\n fill=\"#EA4335\"\n d=\"M12 4.773c1.762 0 3.344.605 4.589 1.794l3.442-3.442C17.951 1.19 15.235 0 12 0A11.995 11.995 0 0 0 1.276 6.612l4.01 3.106C6.23 6.882 8.875 4.773 12 4.773z\"\n />\n </svg>\n );\n}\n","/ -------------------------------------------------------------------- /\n/ SocialSignInButton — brand-compliant provider sign-in (Apple, Google). /\n/ /\n/ Rendered as a REAL native <button> (forwardRef<HTMLButtonElement>) — /\n/ shown as secondary passwordless options beneath the primary email-OTP /\n/ in patient check-in (HTP-5104). One component, a CVA `provider` axis /\n/ (apple \| google, designed to grow), each carrying its official inline /\n/ brand mark and brand surface: /\n/ /\n/ - Apple HIG: light = white button + black logo/text; /\n/ dark = black button + white logo/text. The Apple mark /\n/ follows `currentColor`. /\n/ - Google Identity Services: light = white/neutral button + grey /\n/ text; dark = Google-blue button + white text. The fixed /\n/ 4-colour \"G\" never recolours and sits on a white tile on /\n/ the dark (coloured) surface per GIS guidance. /\n/ /\n/ This mirrors WhatsAppButton's brand-token EXCEPTION pattern: /\n/ `--brand-apple-` / `--brand-google-` tokens live in /\n/ src/tokens/index.css across all four themes, and the brand marks ship /\n/ as inline SVGs under src/brand/provider-marks/ (the sanctioned hex /\n/ zone for Google's mandated colours). It also mirrors /\n/ SignInWithAlfadocsButton's provider-button shape: i18n default label, /\n/ Spinner-on-loading, aria-busy, and the bfcache `pageshow` listener that /\n/ fires `onLoadingCancelled` when the user returns from the IDP via the /\n/ browser back button. /\n/ /\n/ Presentation only: it renders the brand-correct trigger and exposes /\n/ onClick — the consuming auth pattern wires the actual OAuth/OIDC /\n/ redirect. `asChild` is intentionally NOT supported (brand guidelines /\n/ require a real button and forbid wrapping the mark in arbitrary link /\n/ chrome). `type` defaults to 'button' so it never implicitly submits an /\n/ ambient form. /\n/ -------------------------------------------------------------------- /\n\nimport {\n forwardRef,\n useEffect,\n useRef,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner';\nimport { AppleMark } from '../../brand/provider-marks/apple';\nimport { GoogleMark } from '../../brand/provider-marks/google';\n\n/ ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\nconst rootVariants = cva(\n [\n 'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n 'ds:font-medium ds:whitespace-nowrap',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:gap-[var(--spacing-sm)]',\n 'ds:border ds:border-solid',\n 'ds:active:opacity-90',\n 'ds:transition-[background-color,box-shadow,opacity]',\n 'ds:duration-[var(--animation-duration)]',\n // Focus ring is `var(--ring)` (the kit primary), NEVER the brand\n // surface colour — painting the ring in the brand hue on a brand\n // surface makes it invisible. Same rule WhatsAppButton codifies.\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n // Windows High Contrast Mode strips brand fills — repaint a solid\n // border edge + swap the focus ring to CanvasText so the affordance\n // stays identifiable.\n 'ds:forced-colors:border-[ButtonBorder]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n 'ds:aria-busy:cursor-wait',\n 'ds:motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n provider: {\n apple: '',\n google: '',\n },\n appearance: {\n light: '',\n dark: '',\n },\n size: {\n // Heights mirror Button (sm 32 / md 40 / lg 48). `sm` (32px) and\n // `md` (40px) both fall below `--min-target-size` (44 base / 48\n // accessible), so each adds the ::before pseudo-element touch-\n // target expansion to reach the minimum on mobile, collapsing\n // above the `sm:` breakpoint. This component is the patient\n // check-in (HTP-5104) mobile sign-in surface and `md` is the\n // DEFAULT size rendered there, so it MUST meet WCAG 2.5.5 at both\n // theme levels — unlike Button/WhatsApp, we do not leave md short.\n // `lg` (48px) already meets the minimum natively.\n sm: [\n 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4',\n 'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n 'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n ].join(' '),\n md: [\n 'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n 'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n 'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n ].join(' '),\n lg: 'ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n },\n },\n compoundVariants: [\n / Apple — light: white surface, black logo + text. /\n {\n provider: 'apple',\n appearance: 'light',\n class:\n 'ds:bg-[var(--brand-apple-light)] ds:text-[var(--brand-apple-light-foreground)] ds:border-[var(--brand-apple-light-border)] ds:hover:bg-[var(--brand-apple-light-hover)]',\n },\n / Apple — dark: black surface, white logo + text. /\n {\n provider: 'apple',\n appearance: 'dark',\n class:\n 'ds:bg-[var(--brand-apple-dark)] ds:text-[var(--brand-apple-dark-foreground)] ds:border-[var(--brand-apple-dark)] ds:hover:bg-[var(--brand-apple-dark-hover)]',\n },\n / Google — light: white/neutral surface, grey text. /\n {\n provider: 'google',\n appearance: 'light',\n class:\n 'ds:bg-[var(--brand-google-light)] ds:text-[var(--brand-google-light-foreground)] ds:border-[var(--brand-google-light-border)] ds:hover:bg-[var(--brand-google-light-hover)]',\n },\n / Google — dark: Google-blue surface, white text. /\n {\n provider: 'google',\n appearance: 'dark',\n class:\n 'ds:bg-[var(--brand-google-dark)] ds:text-[var(--brand-google-dark-foreground)] ds:border-[var(--brand-google-dark)] ds:hover:bg-[var(--brand-google-dark-hover)]',\n },\n ],\n defaultVariants: {\n appearance: 'light',\n size: 'md',\n },\n },\n);\n\n/ The loading Spinner stands in for the brand mark, so it must occupy the\n SAME footprint (the button's `[&_svg]:size-4/5/6` = 16/20/24px). The\n Spinner's own size ramp is one step smaller (sm/md/lg = 12/16/20px), so\n we bump it one step and wrap it in a size-matched box; without this the\n spinner is ~4px smaller than the glyph it replaces and the button jumps\n on load. `lg` button → `lg` spinner (20px) inside a 24px box that the\n button's `[&_svg]:size-6` then drives via the inner svg. /\nconst SPINNER_SIZE: Record<\n NonNullable<VariantProps<typeof rootVariants>['size']>,\n 'sm' \| 'md' \| 'lg'\n> = {\n sm: 'md',\n md: 'lg',\n lg: 'lg',\n};\n\nconst spinnerBoxVariants = cva(\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n {\n variants: {\n size: {\n sm: 'ds:size-4',\n md: 'ds:size-5',\n lg: 'ds:size-6',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\n/ The Google mark on a coloured (dark) surface sits inside a white tile\n per Google Identity Services guidance, so the 4-colour G always reads.\n On the light/neutral surface it sits directly on the button. The tile\n is a presentational chrome detail (not the mandated mark), so it uses\n tokens. /\nconst googleTileVariants = cva(\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n {\n variants: {\n appearance: {\n light: '',\n dark: 'ds:rounded-[var(--radius-sm)] ds:bg-[var(--brand-google-tile)]',\n },\n size: {\n sm: 'ds:[&_svg]:size-4',\n md: 'ds:[&_svg]:size-5',\n lg: 'ds:[&_svg]:size-6',\n },\n },\n compoundVariants: [\n { appearance: 'dark', size: 'sm', class: 'ds:p-1' },\n { appearance: 'dark', size: 'md', class: 'ds:p-1.5' },\n { appearance: 'dark', size: 'lg', class: 'ds:p-2' },\n ],\n defaultVariants: { appearance: 'light', size: 'md' },\n },\n);\n\n/ ------------------------------------------------------------------ /\n/ Props /\n/ ------------------------------------------------------------------ /\n\nexport type SocialSignInProvider = 'apple' \| 'google';\n\n/\n Brand surface variant — independent of the kit theme. Apple HIG:\n * `light` = white button + black mark/text, `dark` = black button +\n * white mark/text. Google: `light` = white/neutral button, `dark` =\n * Google-blue button. Pick the appearance that contrasts with your\n * auth-card background; do NOT bind it to `useTheme()`. Defaults to\n * `'light'`. Derived from `rootVariants` so the prop union tracks the\n * CVA option list automatically.\n /\nexport type SocialSignInAppearance = NonNullable<\n VariantProps<typeof rootVariants>['appearance']\n>;\n\n/* Button size. Defaults to `'md'`. Derived from `rootVariants`. /\nexport type SocialSignInSize = NonNullable<\n VariantProps<typeof rootVariants>['size']\n>;\n\nexport interface SocialSignInButtonProps\n extends\n Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n Omit<VariantProps<typeof rootVariants>, 'provider'> {\n /\n Which identity provider this button represents. Drives the brand\n * mark, the surface colour token, and the default i18n verb + name.\n * Designed extensible — the union and the CVA option list grow\n * together when a new provider (e.g. `'microsoft'`) is added.\n /\n provider: SocialSignInProvider;\n /\n Swaps the brand mark for the kit Spinner (size-matched), sets\n * `aria-busy='true'`, and disables the button so the user cannot\n * double-submit the OAuth redirect. The label stays visible.\n /\n loading?: boolean;\n /\n Override the visible label. When omitted, reads\n * `socialSignInButton.<provider>` (\"Sign in with Apple\" / \"Sign in\n * with Google\"). Override only to switch the verb to \"Continue with\"\n * — never for marketing copy, and the provider NAME (\"Apple\" /\n * \"Google\") must stay verbatim per brand rules.\n /\n label?: ReactNode;\n /\n Fired when the component detects the user cancelled an in-flight\n * sign-in — typically by pressing browser back after the OAuth\n * redirect, which restores the page from bfcache with `loading` still\n * true. Wire this to your loading-state setter so the button returns\n * to idle. Only fires when `loading` is currently true; never on first\n * mount. Mirrors SignInWithAlfadocsButton — the component does not\n * reset state it doesn't own.\n /\n onLoadingCancelled?: () => void;\n}\n\n/ ------------------------------------------------------------------ /\n/ SocialSignInButton /\n/ ------------------------------------------------------------------ */\n\nexport const SocialSignInButton = forwardRef<\n HTMLButtonElement,\n SocialSignInButtonProps\n>(\n (\n {\n provider,\n appearance = 'light',\n size = 'md',\n loading = false,\n disabled,\n label,\n onLoadingCancelled,\n type = 'button',\n className,\n ...props\n },\n ref,\n ) => {\n const { t } = useTranslation();\n // VariantProps types size/appearance as nullable; the destructure\n // default only narrows `undefined`. Normalise to a non-null value\n // before indexing the spinner-size map and box variant.\n const resolvedSize: SocialSignInSize = size ?? 'md';\n // Default label resolves from the provider key. The provider NAME is\n // a brand constant carried verbatim by the translation value.\n const resolvedLabel = label ?? t(`socialSignInButton.${provider}`);\n\n // Stash latest values in refs so the `pageshow` listener reads them\n // without re-binding on every render. One listener for the lifetime.\n const loadingRef = useRef(loading);\n const onCancelRef = useRef(onLoadingCancelled);\n loadingRef.current = loading;\n onCancelRef.current = onLoadingCancelled;\n\n useEffect(() => {\n const onPageShow = (event: PageTransitionEvent) => {\n // `event.persisted` is true when the page was restored from the\n // back/forward cache — the canonical \"user navigated away and\n // came back without a fresh load\" signal. If the button still\n // thinks it's loading, an OAuth redirect was started but never\n // completed.\n if (event.persisted && loadingRef.current && onCancelRef.current) {\n onCancelRef.current();\n }\n };\n window.addEventListener('pageshow', onPageShow);\n return () => window.removeEventListener('pageshow', onPageShow);\n }, []);\n\n const composedClassName = [\n rootVariants({ provider, appearance, size }),\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n // The mark sits at the inline-start; it does NOT mirror in RTL\n // (a logo is not a directional glyph). Logical `gap`/`ps`/`pe` keep\n // the layout direction-correct without flipping the mark itself.\n const mark =\n provider === 'apple' ? (\n <AppleMark className=\"ds:shrink-0\" />\n ) : appearance === 'dark' ? (\n <span className={googleTileVariants({ appearance, size })}>\n <GoogleMark />\n </span>\n ) : (\n <GoogleMark className=\"ds:shrink-0\" />\n );\n\n return (\n <button\n ref={ref}\n type={type}\n disabled={disabled \|\| loading}\n aria-busy={loading \|\| undefined}\n data-component=\"social-sign-in-button\"\n data-provider={provider}\n data-appearance={appearance}\n className={composedClassName}\n {...props}\n >\n {loading ? (\n <span className={spinnerBoxVariants({ size: resolvedSize })}>\n <Spinner\n size={SPINNER_SIZE[resolvedSize]}\n variant=\"pulse\"\n className=\"ds:size-full\"\n label={t('socialSignInButton.loading')}\n />\n </span>\n ) : (\n mark\n )}\n <span>{resolvedLabel}</span>\n </button>\n );\n },\n);\n\nSocialSignInButton.displayName = 'SocialSignInButton';\n"],"names":["AppleMark","className","jsx","GoogleMark","jsxs","rootVariants","cva","SPINNER_SIZE","spinnerBoxVariants","googleTileVariants","SocialSignInButton","forwardRef","provider","appearance","size","loading","disabled","label","onLoadingCancelled","type","props","ref","useTranslation","resolvedSize","resolvedLabel","loadingRef","useRef","onCancelRef","useEffect","onPageShow","event","composedClassName","mark","Spinner"],"mappings":"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"}
1	+ {"version":3,"file":"social-sign-in-button-dlpPI5l7.js","sources":["../../src/brand/provider-marks/apple.tsx","../../src/brand/provider-marks/google.tsx","../../src/components/social-sign-in-button/social-sign-in-button.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- /\n/ Apple brand mark — \"Sign in with Apple\". /\n/ /\n/ Lives under src/brand/** (the sanctioned hex-literal exception zone /\n/ per CLAUDE.md §2) alongside the Google mark, even though this glyph /\n/ is single-colour and follows `currentColor`. Keeping both provider /\n/ marks in one folder gives token-auditor a single brand path to reason /\n/ about and matches the WhatsAppButton inline-glyph precedent. /\n/ /\n/ Per Apple Human Interface Guidelines the Apple logo is a single-colour /\n/ mark that inherits the button's text colour: black on a white (light) /\n/ surface, white on a black (dark) surface. We paint it with /\n/ `fill=\"currentColor\"` so the consuming button's foreground token /\n/ drives the colour from one CVA class — never recolour the Apple logo /\n/ to a brand hue (HIG forbids it). The mark is decorative: the visible /\n/ localized \"Sign in with Apple\" text is the accessible name, so the /\n/ SVG carries `aria-hidden=\"true\"` and the button announces only its /\n/ text label. /\n/ -------------------------------------------------------------------- /\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n /* Forwarded to the root `<svg>` for size / colour utility classes. /\n className?: string;\n}\n\n/\n The Apple logo glyph. Single path, `currentColor` fill so it follows\n * the button foreground across light / dark appearances and all four kit\n * themes. Decorative — `aria-hidden`.\n /\nexport function AppleMark({ className }: ProviderMarkProps): ReactNode {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n <path d=\"M17.05 12.536c-.024-2.51 2.05-3.715 2.143-3.774-1.168-1.708-2.985-1.942-3.63-1.967-1.546-.157-3.018.91-3.802.91-.783 0-1.99-.888-3.273-.864-1.684.025-3.236.978-4.102 2.485-1.748 3.03-.448 7.513 1.255 9.97.832 1.203 1.825 2.552 3.127 2.504 1.255-.05 1.73-.81 3.247-.81 1.518 0 1.945.81 3.273.786 1.351-.025 2.206-1.227 3.03-2.434.955-1.394 1.348-2.745 1.372-2.815-.03-.013-2.633-1.01-2.66-4.001m-2.48-7.343c.692-.838 1.158-2.002 1.03-3.163-.997.04-2.205.664-2.92 1.502-.64.742-1.2 1.927-1.05 3.066 1.112.086 2.247-.566 2.94-1.405\" />\n </svg>\n );\n}\n","/ -------------------------------------------------------------------- /\n/ Google brand mark — \"Sign in with Google\". /\n/ /\n/ Lives under src/brand/** — the ONLY zone where hex-colour literals are /\n/ permitted (CLAUDE.md §2). The Google \"G\" is a FIXED four-colour mark /\n/ that Google Identity Services brand guidelines forbid recolouring: /\n/ blue #4285F4 /\n/ red #EA4335 /\n/ yellow #FBBC05 /\n/ green #34A853 /\n/ These literals are therefore mandatory and intentional — they MUST NOT /\n/ be swapped for tokens or `currentColor`, and they MUST NOT shift across /\n/ the four kit themes or between light/dark button appearances. The mark /\n/ is rendered on a white tile (see SocialSignInButton) on coloured /\n/ surfaces, per GIS guidance, so the colours always read. /\n/ /\n/ The mark is decorative: the visible localized \"Sign in with Google\" /\n/ text is the accessible name, so the SVG carries `aria-hidden=\"true\"` /\n/ and screen readers never announce the individual colour paths. /\n/ -------------------------------------------------------------------- /\n\nimport type { ReactNode } from 'react';\n\nexport interface ProviderMarkProps {\n /* Forwarded to the root `<svg>` for size utility classes. /\n className?: string;\n}\n\n/\n The Google \"G\" glyph — the canonical Google Identity Services asset.\n * Four hardcoded brand hues (blue / red / yellow / green) that brand\n * guidelines forbid altering; this is why the file lives under\n * src/brand/ and not src/components/. Decorative — `aria-hidden`.\n /\nexport function GoogleMark({ className }: ProviderMarkProps): ReactNode {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={className}\n >\n {/ Brand-mandated fixed colours — do NOT tokenise (GIS guidelines). /}\n <path\n fill=\"#4285F4\"\n d=\"M23.52 12.273c0-.851-.076-1.67-.218-2.455H12v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.09 3.578-5.166 3.578-8.819z\"\n />\n <path\n fill=\"#34A853\"\n d=\"M12 24c3.24 0 5.956-1.075 7.942-2.908l-3.878-3.01c-1.075.72-2.45 1.146-4.064 1.146-3.125 0-5.77-2.11-6.714-4.946H1.276v3.106A11.995 11.995 0 0 0 12 24z\"\n />\n <path\n fill=\"#FBBC05\"\n d=\"M5.286 14.282A7.213 7.213 0 0 1 4.91 12c0-.792.136-1.562.376-2.282V6.612H1.276A11.995 11.995 0 0 0 0 12c0 1.936.464 3.768 1.276 5.388l4.01-3.106z\"\n />\n <path\n fill=\"#EA4335\"\n d=\"M12 4.773c1.762 0 3.344.605 4.589 1.794l3.442-3.442C17.951 1.19 15.235 0 12 0A11.995 11.995 0 0 0 1.276 6.612l4.01 3.106C6.23 6.882 8.875 4.773 12 4.773z\"\n />\n </svg>\n );\n}\n","/ -------------------------------------------------------------------- /\n/ SocialSignInButton — brand-compliant provider sign-in (Apple, Google). /\n/ /\n/ Rendered as a REAL native <button> (forwardRef<HTMLButtonElement>) — /\n/ shown as secondary passwordless options beneath the primary email-OTP /\n/ in patient check-in (HTP-5104). One component, a CVA `provider` axis /\n/ (apple \| google, designed to grow), each carrying its official inline /\n/ brand mark and brand surface: /\n/ /\n/ - Apple HIG: light = white button + black logo/text; /\n/ dark = black button + white logo/text. The Apple mark /\n/ follows `currentColor`. /\n/ - Google Identity Services: light = white/neutral button + grey /\n/ text; dark = Google-blue button + white text. The fixed /\n/ 4-colour \"G\" never recolours and sits on a white tile on /\n/ the dark (coloured) surface per GIS guidance. /\n/ /\n/ This mirrors WhatsAppButton's brand-token EXCEPTION pattern: /\n/ `--brand-apple-` / `--brand-google-` tokens live in /\n/ src/tokens/index.css across all four themes, and the brand marks ship /\n/ as inline SVGs under src/brand/provider-marks/ (the sanctioned hex /\n/ zone for Google's mandated colours). It also mirrors /\n/ SignInWithAlfadocsButton's provider-button shape: i18n default label, /\n/ Spinner-on-loading, aria-busy, and the bfcache `pageshow` listener that /\n/ fires `onLoadingCancelled` when the user returns from the IDP via the /\n/ browser back button. /\n/ /\n/ Presentation only: it renders the brand-correct trigger and exposes /\n/ onClick — the consuming auth pattern wires the actual OAuth/OIDC /\n/ redirect. `asChild` is intentionally NOT supported (brand guidelines /\n/ require a real button and forbid wrapping the mark in arbitrary link /\n/ chrome). `type` defaults to 'button' so it never implicitly submits an /\n/ ambient form. /\n/ -------------------------------------------------------------------- /\n\nimport {\n forwardRef,\n useEffect,\n useRef,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner';\nimport { AppleMark } from '../../brand/provider-marks/apple';\nimport { GoogleMark } from '../../brand/provider-marks/google';\n\n/ ------------------------------------------------------------------ /\n/ CVA /\n/ ------------------------------------------------------------------ /\n\nconst rootVariants = cva(\n [\n 'ds:relative ds:inline-flex ds:items-center ds:justify-center',\n 'ds:font-medium ds:whitespace-nowrap',\n 'ds:rounded-[var(--radius-md)]',\n 'ds:gap-[var(--spacing-sm)]',\n 'ds:border ds:border-solid',\n 'ds:active:opacity-90',\n 'ds:transition-[background-color,box-shadow,opacity]',\n 'ds:duration-[var(--animation-duration)]',\n // Focus ring is `var(--ring)` (the kit primary), NEVER the brand\n // surface colour — painting the ring in the brand hue on a brand\n // surface makes it invisible. Same rule WhatsAppButton codifies.\n 'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n 'ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n // Windows High Contrast Mode strips brand fills — repaint a solid\n // border edge + swap the focus ring to CanvasText so the affordance\n // stays identifiable.\n 'ds:forced-colors:border-[ButtonBorder]',\n 'ds:forced-colors:focus-visible:outline-[CanvasText]',\n 'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed',\n 'ds:aria-busy:cursor-wait',\n 'ds:motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n provider: {\n apple: '',\n google: '',\n },\n appearance: {\n light: '',\n dark: '',\n },\n size: {\n // Heights mirror Button (sm 32 / md 40 / lg 48). `sm` (32px) and\n // `md` (40px) both fall below `--min-target-size` (44 base / 48\n // accessible), so each adds the ::before pseudo-element touch-\n // target expansion to reach the minimum on mobile, collapsing\n // above the `sm:` breakpoint. This component is the patient\n // check-in (HTP-5104) mobile sign-in surface and `md` is the\n // DEFAULT size rendered there, so it MUST meet WCAG 2.5.5 at both\n // theme levels — unlike Button/WhatsApp, we do not leave md short.\n // `lg` (48px) already meets the minimum natively.\n sm: [\n 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)] ds:[&_svg]:size-4',\n 'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n 'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n ].join(' '),\n md: [\n 'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-base)] ds:[&_svg]:size-5',\n 'ds:min-h-[var(--min-target-size)] ds:sm:min-h-0',\n 'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n ].join(' '),\n lg: 'ds:h-12 ds:ps-5 ds:pe-5 ds:text-[length:var(--font-size-lg)] ds:[&_svg]:size-6',\n },\n },\n compoundVariants: [\n / Apple — light: white surface, black logo + text. /\n {\n provider: 'apple',\n appearance: 'light',\n class:\n 'ds:bg-[var(--brand-apple-light)] ds:text-[var(--brand-apple-light-foreground)] ds:border-[var(--brand-apple-light-border)] ds:hover:bg-[var(--brand-apple-light-hover)]',\n },\n / Apple — dark: black surface, white logo + text. /\n {\n provider: 'apple',\n appearance: 'dark',\n class:\n 'ds:bg-[var(--brand-apple-dark)] ds:text-[var(--brand-apple-dark-foreground)] ds:border-[var(--brand-apple-dark)] ds:hover:bg-[var(--brand-apple-dark-hover)]',\n },\n / Google — light: white/neutral surface, grey text. /\n {\n provider: 'google',\n appearance: 'light',\n class:\n 'ds:bg-[var(--brand-google-light)] ds:text-[var(--brand-google-light-foreground)] ds:border-[var(--brand-google-light-border)] ds:hover:bg-[var(--brand-google-light-hover)]',\n },\n / Google — dark: Google-blue surface, white text. /\n {\n provider: 'google',\n appearance: 'dark',\n class:\n 'ds:bg-[var(--brand-google-dark)] ds:text-[var(--brand-google-dark-foreground)] ds:border-[var(--brand-google-dark)] ds:hover:bg-[var(--brand-google-dark-hover)]',\n },\n ],\n defaultVariants: {\n appearance: 'light',\n size: 'md',\n },\n },\n);\n\n/ The loading Spinner stands in for the brand mark, so it must occupy the\n SAME footprint (the button's `[&_svg]:size-4/5/6` = 16/20/24px). The\n Spinner's own size ramp is one step smaller (sm/md/lg = 12/16/20px), so\n we bump it one step and wrap it in a size-matched box; without this the\n spinner is ~4px smaller than the glyph it replaces and the button jumps\n on load. `lg` button → `lg` spinner (20px) inside a 24px box that the\n button's `[&_svg]:size-6` then drives via the inner svg. /\nconst SPINNER_SIZE: Record<\n NonNullable<VariantProps<typeof rootVariants>['size']>,\n 'sm' \| 'md' \| 'lg'\n> = {\n sm: 'md',\n md: 'lg',\n lg: 'lg',\n};\n\nconst spinnerBoxVariants = cva(\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n {\n variants: {\n size: {\n sm: 'ds:size-4',\n md: 'ds:size-5',\n lg: 'ds:size-6',\n },\n },\n defaultVariants: { size: 'md' },\n },\n);\n\n/ The Google mark on a coloured (dark) surface sits inside a white tile\n per Google Identity Services guidance, so the 4-colour G always reads.\n On the light/neutral surface it sits directly on the button. The tile\n is a presentational chrome detail (not the mandated mark), so it uses\n tokens. /\nconst googleTileVariants = cva(\n 'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n {\n variants: {\n appearance: {\n light: '',\n dark: 'ds:rounded-[var(--radius-sm)] ds:bg-[var(--brand-google-tile)]',\n },\n size: {\n sm: 'ds:[&_svg]:size-4',\n md: 'ds:[&_svg]:size-5',\n lg: 'ds:[&_svg]:size-6',\n },\n },\n compoundVariants: [\n { appearance: 'dark', size: 'sm', class: 'ds:p-1' },\n { appearance: 'dark', size: 'md', class: 'ds:p-1.5' },\n { appearance: 'dark', size: 'lg', class: 'ds:p-2' },\n ],\n defaultVariants: { appearance: 'light', size: 'md' },\n },\n);\n\n/ ------------------------------------------------------------------ /\n/ Props /\n/ ------------------------------------------------------------------ /\n\nexport type SocialSignInProvider = 'apple' \| 'google';\n\n/\n Brand surface variant — independent of the kit theme. Apple HIG:\n * `light` = white button + black mark/text, `dark` = black button +\n * white mark/text. Google: `light` = white/neutral button, `dark` =\n * Google-blue button. Pick the appearance that contrasts with your\n * auth-card background; do NOT bind it to `useTheme()`. Defaults to\n * `'light'`. Derived from `rootVariants` so the prop union tracks the\n * CVA option list automatically.\n /\nexport type SocialSignInAppearance = NonNullable<\n VariantProps<typeof rootVariants>['appearance']\n>;\n\n/* Button size. Defaults to `'md'`. Derived from `rootVariants`. /\nexport type SocialSignInSize = NonNullable<\n VariantProps<typeof rootVariants>['size']\n>;\n\nexport interface SocialSignInButtonProps\n extends\n Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n Omit<VariantProps<typeof rootVariants>, 'provider'> {\n /\n Which identity provider this button represents. Drives the brand\n * mark, the surface colour token, and the default i18n verb + name.\n * Designed extensible — the union and the CVA option list grow\n * together when a new provider (e.g. `'microsoft'`) is added.\n /\n provider: SocialSignInProvider;\n /\n Swaps the brand mark for the kit Spinner (size-matched), sets\n * `aria-busy='true'`, and disables the button so the user cannot\n * double-submit the OAuth redirect. The label stays visible.\n /\n loading?: boolean;\n /\n Override the visible label. When omitted, reads\n * `socialSignInButton.<provider>` (\"Sign in with Apple\" / \"Sign in\n * with Google\"). Override only to switch the verb to \"Continue with\"\n * — never for marketing copy, and the provider NAME (\"Apple\" /\n * \"Google\") must stay verbatim per brand rules.\n /\n label?: ReactNode;\n /\n Fired when the component detects the user cancelled an in-flight\n * sign-in — typically by pressing browser back after the OAuth\n * redirect, which restores the page from bfcache with `loading` still\n * true. Wire this to your loading-state setter so the button returns\n * to idle. Only fires when `loading` is currently true; never on first\n * mount. Mirrors SignInWithAlfadocsButton — the component does not\n * reset state it doesn't own.\n /\n onLoadingCancelled?: () => void;\n}\n\n/ ------------------------------------------------------------------ /\n/ SocialSignInButton /\n/ ------------------------------------------------------------------ */\n\nexport const SocialSignInButton = forwardRef<\n HTMLButtonElement,\n SocialSignInButtonProps\n>(\n (\n {\n provider,\n appearance = 'light',\n size = 'md',\n loading = false,\n disabled,\n label,\n onLoadingCancelled,\n type = 'button',\n className,\n ...props\n },\n ref,\n ) => {\n const { t } = useTranslation();\n // VariantProps types size/appearance as nullable; the destructure\n // default only narrows `undefined`. Normalise to a non-null value\n // before indexing the spinner-size map and box variant.\n const resolvedSize: SocialSignInSize = size ?? 'md';\n // Default label resolves from the provider key. The provider NAME is\n // a brand constant carried verbatim by the translation value.\n const resolvedLabel = label ?? t(`socialSignInButton.${provider}`);\n\n // Stash latest values in refs so the `pageshow` listener reads them\n // without re-binding on every render. One listener for the lifetime.\n const loadingRef = useRef(loading);\n const onCancelRef = useRef(onLoadingCancelled);\n loadingRef.current = loading;\n onCancelRef.current = onLoadingCancelled;\n\n useEffect(() => {\n const onPageShow = (event: PageTransitionEvent) => {\n // `event.persisted` is true when the page was restored from the\n // back/forward cache — the canonical \"user navigated away and\n // came back without a fresh load\" signal. If the button still\n // thinks it's loading, an OAuth redirect was started but never\n // completed.\n if (event.persisted && loadingRef.current && onCancelRef.current) {\n onCancelRef.current();\n }\n };\n window.addEventListener('pageshow', onPageShow);\n return () => window.removeEventListener('pageshow', onPageShow);\n }, []);\n\n const composedClassName = [\n rootVariants({ provider, appearance, size }),\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n // The mark sits at the inline-start; it does NOT mirror in RTL\n // (a logo is not a directional glyph). Logical `gap`/`ps`/`pe` keep\n // the layout direction-correct without flipping the mark itself.\n const mark =\n provider === 'apple' ? (\n <AppleMark className=\"ds:shrink-0\" />\n ) : appearance === 'dark' ? (\n <span className={googleTileVariants({ appearance, size })}>\n <GoogleMark />\n </span>\n ) : (\n <GoogleMark className=\"ds:shrink-0\" />\n );\n\n return (\n <button\n ref={ref}\n type={type}\n disabled={disabled \|\| loading}\n aria-busy={loading \|\| undefined}\n data-component=\"social-sign-in-button\"\n data-provider={provider}\n data-appearance={appearance}\n className={composedClassName}\n {...props}\n >\n {loading ? (\n <span className={spinnerBoxVariants({ size: resolvedSize })}>\n <Spinner\n size={SPINNER_SIZE[resolvedSize]}\n variant=\"pulse\"\n className=\"ds:size-full\"\n label={t('socialSignInButton.loading')}\n />\n </span>\n ) : (\n mark\n )}\n <span>{resolvedLabel}</span>\n </button>\n );\n },\n);\n\nSocialSignInButton.displayName = 'SocialSignInButton';\n"],"names":["AppleMark","className","jsx","GoogleMark","jsxs","rootVariants","cva","SPINNER_SIZE","spinnerBoxVariants","googleTileVariants","SocialSignInButton","forwardRef","provider","appearance","size","loading","disabled","label","onLoadingCancelled","type","props","ref","useTranslation","resolvedSize","resolvedLabel","loadingRef","useRef","onCancelRef","useEffect","onPageShow","event","composedClassName","mark","Spinner"],"mappings":"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"}

package/dist/_chunks/{spinner-OjQNn8oN.js → spinner-hbwuKwMf.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import { c as i } from "./index-D2ZczOXr.js";
+import { c as e } from "./index-D2ZczOXr.js";
 import { useTranslation as h } from "react-i18next";
-const f = i("ds:inline-block ds:shrink-0 ds:text-current", {
+const f = e("ds:inline-block ds:shrink-0 ds:text-current", {
   variants: {
     size: {
       sm: "ds:size-3",
@@ -93,8 +93,8 @@ const f = i("ds:inline-block ds:shrink-0 ds:text-current", {
       class: "ds:[--spinner-duration:1200ms]"
     }
   ],
-  defaultVariants: { size: "md", variant: "pulse", speed: "normal" }
-}), n = i(
+  defaultVariants: { size: "md", variant: "prism", speed: "normal" }
+}), n = e(
   [
     "ds:fill-current",
     "ds:[transform-box:fill-box] ds:[transform-origin:center]",
@@ -118,19 +118,19 @@ const f = i("ds:inline-block ds:shrink-0 ds:text-current", {
         left: "ds:[--spinner-position:3]"
       }
     },
-    defaultVariants: { variant: "pulse", position: "top" }
+    defaultVariants: { variant: "prism", position: "top" }
   }
 ), v = u(
   ({
     size: r = "md",
-    variant: a = "pulse",
+    variant: a = "prism",
     speed: t = "normal",
     label: o,
     className: d,
     ...p
   }, l) => {
     const { t: m } = h(), c = o ?? m("common.loading", "Loading…");
-    return /* @__PURE__ */ e(
+    return /* @__PURE__ */ i(
       "span",
       {
         ref: l,
@@ -140,7 +140,7 @@ const f = i("ds:inline-block ds:shrink-0 ds:text-current", {
         className: f({ size: r, variant: a, speed: t, className: d }),
         ...p,
         children: [
-          /* @__PURE__ */ e("svg", { "aria-hidden": "true", viewBox: "0 0 148 148", className: "ds:size-full", children: [
+          /* @__PURE__ */ i("svg", { "aria-hidden": "true", viewBox: "0 0 148 148", className: "ds:size-full", children: [
             /* @__PURE__ */ s(
               "g",
               {
@@ -217,4 +217,4 @@ v.displayName = "Spinner";
 export {
   v as S
 };
-//# sourceMappingURL=spinner-OjQNn8oN.js.map
+//# sourceMappingURL=spinner-hbwuKwMf.js.map