npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.3 → 0.1.0-alpha.30 - Mend

@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.30

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 (2006) hide show

package/dist/components/date-range-picker/DateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/date-range-picker/DateRangePicker.tsx"],"sourcesContent":["import type { InputHTMLAttributes, KeyboardEvent } from 'react';\nimport { useState, useCallback, useEffect, useId, useRef } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton, {\n ICON_BUTTON_ICON_SIZES,\n} from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CalendarOutlineIcon from '@mattermost/compass-icons/components/calendar-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronLeftIcon from '@mattermost/compass-icons/components/chevron-left';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport styles from './DateRangePicker.module.scss';\n\nexport type DateRangePickerMode = 'date' \| 'range';\n\nexport interface DateRangePickerProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'value' \| 'defaultValue' \| 'onChange' \| 'type' \| 'size'\n> {\n /** Optional CSS class name applied to the root element. /\n className?: string;\n /* Selection mode: single date or range. Default: 'date'. /\n mode?: DateRangePickerMode;\n /* Controlled selected date (single mode). ISO string yyyy-mm-dd. /\n value?: string;\n /* Controlled start date (range mode). ISO string. /\n startDate?: string;\n /* Controlled end date (range mode). ISO string. /\n endDate?: string;\n /* Called when a date is selected (single mode). /\n onChange?: (date: string) => void;\n /* Called when range changes (range mode). /\n onRangeChange?: (start: string, end: string) => void;\n /* Portal mount node for the calendar; defaults to `document.body`. /\n portalContainer?: HTMLElement \| null;\n /* Stacking order for the portaled calendar. /\n zIndex?: number;\n}\n\n/* Approximate calendar panel height for the initial flip decision. /\nconst CALENDAR_PREFERRED_HEIGHT = 360;\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n];\n\nfunction formatDateDisplay(iso: string): string {\n if (!iso) return '';\n const [y, m, d] = iso.split('-');\n return `${m}/${d}/${y}`;\n}\n\nfunction toIso(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfWeek(year: number, month: number): number {\n return new Date(year, month, 1).getDay();\n}\n\nfunction isSameDay(a: string, b: string): boolean {\n return a === b;\n}\n\nfunction isBetween(date: string, start: string, end: string): boolean {\n if (!start \|\| !end) return false;\n const [s, e] = start < end ? [start, end] : [end, start];\n return date > s && date < e;\n}\n\nfunction dayFromIso(iso: string, year: number, month: number): number \| null {\n if (!iso) return null;\n const [y, m, d] = iso.split('-').map(Number);\n if (y === year && m === month + 1) return d;\n return null;\n}\n\n/\n The Date and Range Picker lets people pick a single date or a start/end range from a\n * calendar. The trigger is a compact field; the calendar is a popover anchored 4px below it.\n /\nexport default function DateRangePicker({\n className = '',\n mode = 'date',\n value,\n startDate,\n endDate,\n onChange,\n onRangeChange,\n disabled,\n id: idProp,\n portalContainer = null,\n zIndex,\n}: DateRangePickerProps) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const popoverId = `${id}-popover`;\n const rootRef = useRef<HTMLDivElement>(null);\n const triggerRef = useRef<HTMLDivElement>(null);\n const gridRef = useRef<HTMLDivElement>(null);\n\n const today = new Date();\n const todayIso = toIso(\n today.getFullYear(),\n today.getMonth(),\n today.getDate(),\n );\n\n // Calendar display state\n const [displayYear, setDisplayYear] = useState(today.getFullYear());\n const [displayMonth, setDisplayMonth] = useState(today.getMonth());\n const [isOpen, setIsOpen] = useState(false);\n /* Roving tabindex day-of-month within the visible grid. /\n const [focusedDay, setFocusedDay] = useState(1);\n\n // Internal selection state (uncontrolled fallback)\n const [internalDate, setInternalDate] = useState('');\n const [internalStart, setInternalStart] = useState('');\n const [internalEnd, setInternalEnd] = useState('');\n\n const selectedDate = value ?? internalDate;\n const selectedStart = startDate ?? internalStart;\n const selectedEnd = endDate ?? internalEnd;\n\n const hasValue =\n mode === 'date' ? Boolean(selectedDate) : Boolean(selectedStart);\n\n const { mounted: popoverMounted, visible: popoverVisible } =\n usePopoverTransition(isOpen);\n\n const {\n placement,\n style: popoverStyle,\n portalRef,\n renderPortal,\n } = useAnchoredPopupPortal(triggerRef, popoverMounted, {\n preferredHeight: CALENDAR_PREFERRED_HEIGHT,\n portalContainer,\n zIndex,\n matchWidth: false,\n });\n\n const close = useCallback((restoreFocus = true) => {\n setIsOpen(false);\n if (restoreFocus) {\n triggerRef.current?.focus();\n }\n }, []);\n\n useOutsideClose(rootRef, isOpen, () => close(true), portalRef);\n\n useEffect(() => {\n if (!isOpen) return;\n function handleKeyDown(e: globalThis.KeyboardEvent) {\n if (e.key === 'Escape') {\n e.preventDefault();\n close(true);\n }\n }\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, close]);\n\n // Close when focus leaves the field and the portaled calendar.\n useEffect(() => {\n if (!isOpen) return;\n\n function handleFocusIn(e: FocusEvent) {\n const target = e.target as Node \| null;\n if (!target) return;\n if (rootRef.current?.contains(target)) return;\n if (portalRef.current?.contains(target)) return;\n close(false);\n }\n\n document.addEventListener('focusin', handleFocusIn);\n return () => document.removeEventListener('focusin', handleFocusIn);\n }, [isOpen, close, portalRef]);\n\n const daysInMonth = getDaysInMonth(displayYear, displayMonth);\n\n const initialFocusDay = useCallback(() => {\n if (mode === 'date') {\n const fromValue = dayFromIso(selectedDate, displayYear, displayMonth);\n if (fromValue) return fromValue;\n } else {\n const fromEnd = dayFromIso(selectedEnd, displayYear, displayMonth);\n if (fromEnd) return fromEnd;\n const fromStart = dayFromIso(selectedStart, displayYear, displayMonth);\n if (fromStart) return fromStart;\n }\n const fromToday = dayFromIso(todayIso, displayYear, displayMonth);\n if (fromToday) return fromToday;\n return 1;\n }, [\n mode,\n selectedDate,\n selectedStart,\n selectedEnd,\n displayYear,\n displayMonth,\n todayIso,\n ]);\n\n // On open: after the enter transition enables pointer-events, move focus\n // into the day grid (selected day, today, or the 1st).\n useEffect(() => {\n if (!isOpen \|\| !popoverVisible) return;\n const day = initialFocusDay();\n setFocusedDay(day);\n const frame = requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n return () => cancelAnimationFrame(frame);\n // eslint-disable-next-line react-hooks/exhaustive-deps -- open/visible transition only\n }, [isOpen, popoverVisible]);\n\n const focusDayButton = useCallback((day: number) => {\n setFocusedDay(day);\n requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n }, []);\n\n const handleToggle = useCallback(() => {\n if (disabled) return;\n setIsOpen((open) => !open);\n }, [disabled]);\n\n const handlePrevMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 0) {\n setDisplayYear((y) => y - 1);\n return 11;\n }\n return m - 1;\n });\n }, []);\n\n const handleNextMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 11) {\n setDisplayYear((y) => y + 1);\n return 0;\n }\n return m + 1;\n });\n }, []);\n\n const goToAdjacentMonth = useCallback(\n (direction: -1 \| 1, preferDay: number) => {\n const nextMonth =\n direction === -1\n ? displayMonth === 0\n ? 11\n : displayMonth - 1\n : displayMonth === 11\n ? 0\n : displayMonth + 1;\n const nextYear =\n direction === -1\n ? displayMonth === 0\n ? displayYear - 1\n : displayYear\n : displayMonth === 11\n ? displayYear + 1\n : displayYear;\n const maxDay = getDaysInMonth(nextYear, nextMonth);\n setDisplayYear(nextYear);\n setDisplayMonth(nextMonth);\n focusDayButton(Math.min(preferDay, maxDay));\n },\n [displayMonth, displayYear, focusDayButton],\n );\n\n const handleToday = useCallback(() => {\n const now = new Date();\n setDisplayYear(now.getFullYear());\n setDisplayMonth(now.getMonth());\n focusDayButton(now.getDate());\n }, [focusDayButton]);\n\n const handleDayClick = useCallback(\n (iso: string, day: number) => {\n if (mode === 'date') {\n if (onChange) {\n onChange(iso);\n } else {\n setInternalDate(iso);\n }\n close(true);\n } else {\n // range mode: first click = start, second = end\n if (!selectedStart \|\| (selectedStart && selectedEnd)) {\n setInternalStart(iso);\n setInternalEnd('');\n setFocusedDay(day);\n } else {\n const [s, e] =\n iso >= selectedStart ? [selectedStart, iso] : [iso, selectedStart];\n if (onRangeChange) {\n onRangeChange(s, e);\n } else {\n setInternalStart(s);\n setInternalEnd(e);\n }\n close(true);\n }\n }\n },\n [mode, selectedStart, selectedEnd, onChange, onRangeChange, close],\n );\n\n const moveFocusedDay = useCallback(\n (delta: number) => {\n const next = focusedDay + delta;\n if (next >= 1 && next <= daysInMonth) {\n focusDayButton(next);\n return;\n }\n if (next < 1) {\n goToAdjacentMonth(-1, getDaysInMonth(\n displayMonth === 0 ? displayYear - 1 : displayYear,\n displayMonth === 0 ? 11 : displayMonth - 1,\n ) + next);\n } else {\n goToAdjacentMonth(1, next - daysInMonth);\n }\n },\n [\n focusedDay,\n daysInMonth,\n displayMonth,\n displayYear,\n focusDayButton,\n goToAdjacentMonth,\n ],\n );\n\n const handleDayKeyDown = useCallback(\n (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\n switch (e.key) {\n case 'ArrowLeft':\n e.preventDefault();\n moveFocusedDay(-1);\n break;\n case 'ArrowRight':\n e.preventDefault();\n moveFocusedDay(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveFocusedDay(-7);\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveFocusedDay(7);\n break;\n case 'Home':\n e.preventDefault();\n focusDayButton(1);\n break;\n case 'End':\n e.preventDefault();\n focusDayButton(daysInMonth);\n break;\n case 'PageUp':\n e.preventDefault();\n goToAdjacentMonth(-1, day);\n break;\n case 'PageDown':\n e.preventDefault();\n goToAdjacentMonth(1, day);\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n setFocusedDay(day);\n handleDayClick(toIso(displayYear, displayMonth, day), day);\n break;\n default:\n break;\n }\n },\n [\n moveFocusedDay,\n focusDayButton,\n daysInMonth,\n goToAdjacentMonth,\n handleDayClick,\n displayYear,\n displayMonth,\n ],\n );\n\n const handleTriggerKeyDown = useCallback(\n (e: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) return;\n switch (e.key) {\n case 'Enter':\n case ' ':\n e.preventDefault();\n handleToggle();\n break;\n case 'ArrowDown':\n if (!isOpen) {\n e.preventDefault();\n setIsOpen(true);\n }\n break;\n case 'Escape':\n if (isOpen) {\n e.preventDefault();\n close(true);\n }\n break;\n default:\n break;\n }\n },\n [disabled, handleToggle, isOpen, close],\n );\n\n // Keep focusedDay in range when the month changes (nav buttons / PageUp).\n useEffect(() => {\n if (!isOpen) return;\n setFocusedDay((d) => Math.min(Math.max(1, d), daysInMonth));\n }, [isOpen, daysInMonth, displayMonth, displayYear]);\n\n // Build calendar grid\n const firstDay = getFirstDayOfWeek(displayYear, displayMonth);\n\n // Build weeks (rows of 7 cells; null = empty)\n const cells: (number \| null)[] = [\n ...Array(firstDay).fill(null),\n ...Array.from({ length: daysInMonth }, (_, i) => i + 1),\n ];\n // Pad to complete last row\n while (cells.length % 7 !== 0) cells.push(null);\n const weeks: (number \| null)[][] = [];\n for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));\n\n const displayValue =\n mode === 'date'\n ? formatDateDisplay(selectedDate)\n : selectedStart\n ? `${formatDateDisplay(selectedStart)}${selectedEnd ? ` – ${formatDateDisplay(selectedEnd)}` : ''}`\n : '';\n\n const rootClass = [\n styles.dateRangePicker,\n isOpen ? styles['dateRangePicker--open'] : '',\n disabled ? styles['dateRangePicker--disabled'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div ref={rootRef} className={rootClass}>\n {/ Trigger input /}\n <div\n ref={triggerRef}\n className={styles.dateRangePicker__trigger}\n role=\"button\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={popoverMounted ? popoverId : undefined}\n aria-disabled={disabled \|\| undefined}\n tabIndex={disabled ? -1 : 0}\n id={id}\n data-has-value={hasValue ? '' : undefined}\n onClick={handleToggle}\n onKeyDown={handleTriggerKeyDown}\n >\n <span className={styles.dateRangePicker__calendarIcon} aria-hidden>\n <Icon size=\"16\" glyph={<CalendarOutlineIcon />} />\n </span>\n <span className={styles.dateRangePicker__value}>\n {displayValue \|\| 'mm/dd/yyyy'}\n </span>\n <span className={styles.dateRangePicker__chevron} aria-hidden>\n <Icon size=\"16\" glyph={<ChevronDownIcon />} />\n </span>\n </div>\n\n {/ Calendar popover /}\n {popoverMounted &&\n renderPortal(\n <div\n ref={portalRef}\n id={popoverId}\n className={[\n styles.dateRangePicker__popover,\n placement === 'above'\n ? styles['dateRangePicker__popover--above']\n : '',\n popoverVisible\n ? styles['dateRangePicker__popover--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={popoverStyle}\n role=\"dialog\"\n aria-modal=\"false\"\n aria-label=\"Date picker\"\n >\n {/ Header /}\n <div className={styles.dateRangePicker__header}>\n <span className={styles.dateRangePicker__monthLabel} aria-live=\"polite\">\n {MONTHS[displayMonth]} {displayYear}\n </span>\n <div className={styles.dateRangePicker__headerActions}>\n <Button\n emphasis=\"quaternary\"\n size=\"small\"\n leadingIcon={<Icon size=\"16\" glyph={<CalendarOutlineIcon />} />}\n onClick={handleToday}\n >\n Today\n </Button>\n <div className={styles.dateRangePicker__navButtons}>\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronLeftIcon />}\n />\n }\n onClick={handlePrevMonth}\n aria-label=\"Previous month\"\n />\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronRightIcon />}\n />\n }\n onClick={handleNextMonth}\n aria-label=\"Next month\"\n />\n </div>\n </div>\n </div>\n\n {/ Weekday headers /}\n <div className={styles.dateRangePicker__weekdays} aria-hidden>\n {WEEKDAYS.map((d) => (\n <span key={d} className={styles.dateRangePicker__weekday}>\n {d}\n </span>\n ))}\n </div>\n\n {/ Date grid */}\n <div\n ref={gridRef}\n className={styles.dateRangePicker__grid}\n role=\"grid\"\n aria-label={`${MONTHS[displayMonth]} ${displayYear}`}\n >\n {weeks.map((week, wi) => (\n <div\n key={wi}\n className={styles.dateRangePicker__week}\n role=\"row\"\n >\n {week.map((day, di) => {\n if (day == null) {\n return (\n <span\n key={di}\n className={styles.dateRangePicker__dayEmpty}\n role=\"gridcell\"\n />\n );\n }\n const iso = toIso(displayYear, displayMonth, day);\n const isToday = iso === todayIso;\n const isRangeStart =\n mode === 'range' && isSameDay(iso, selectedStart);\n const isRangeEnd =\n mode === 'range' &&\n Boolean(selectedEnd) &&\n isSameDay(iso, selectedEnd);\n const isSelected =\n mode === 'date'\n ? isSameDay(iso, selectedDate)\n : isRangeStart \|\| isRangeEnd;\n const isInRange =\n mode === 'range' &&\n isBetween(iso, selectedStart, selectedEnd);\n const hasRangeSpan =\n mode === 'range' &&\n Boolean(selectedStart) &&\n Boolean(selectedEnd) &&\n selectedStart !== selectedEnd;\n\n const cellClass = [\n styles.dateRangePicker__dayCell,\n isInRange\n ? styles['dateRangePicker__dayCell--in-range']\n : '',\n hasRangeSpan && isRangeStart\n ? styles['dateRangePicker__dayCell--range-start']\n : '',\n hasRangeSpan && isRangeEnd\n ? styles['dateRangePicker__dayCell--range-end']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const dayClass = [\n styles.dateRangePicker__day,\n isSelected ? styles['dateRangePicker__day--selected'] : '',\n isToday && !isSelected\n ? styles['dateRangePicker__day--today']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div key={di} className={cellClass} role=\"gridcell\">\n <button\n type=\"button\"\n className={dayClass}\n data-day={day}\n tabIndex={focusedDay === day ? 0 : -1}\n onClick={() => handleDayClick(iso, day)}\n onFocus={() => setFocusedDay(day)}\n onKeyDown={(e) => handleDayKeyDown(e, day)}\n aria-label={iso}\n aria-pressed={isSelected}\n aria-current={isToday ? 'date' : undefined}\n >\n {day}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>,\n )}\n </div>\n );\n}\n"],"names":["CALENDAR_PREFERRED_HEIGHT","WEEKDAYS","MONTHS","formatDateDisplay","iso","y","m","d","toIso","year","month","day","getDaysInMonth","getFirstDayOfWeek","isSameDay","a","b","isBetween","date","start","end","s","e","dayFromIso","DateRangePicker","className","mode","value","startDate","endDate","onChange","onRangeChange","disabled","idProp","portalContainer","zIndex","generatedId","useId","id","popoverId","rootRef","useRef","triggerRef","gridRef","today","todayIso","displayYear","setDisplayYear","useState","displayMonth","setDisplayMonth","isOpen","setIsOpen","focusedDay","setFocusedDay","internalDate","setInternalDate","internalStart","setInternalStart","internalEnd","setInternalEnd","selectedDate","selectedStart","selectedEnd","hasValue","popoverMounted","popoverVisible","usePopoverTransition","placement","popoverStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","useCallback","restoreFocus","_a","useOutsideClose","useEffect","handleKeyDown","handleFocusIn","target","_b","daysInMonth","initialFocusDay","fromValue","fromEnd","fromStart","fromToday","frame","focusDayButton","handleToggle","open","handlePrevMonth","handleNextMonth","goToAdjacentMonth","direction","preferDay","nextMonth","nextYear","maxDay","handleToday","now","handleDayClick","moveFocusedDay","delta","next","handleDayKeyDown","handleTriggerKeyDown","firstDay","cells","_","i","weeks","displayValue","rootClass","styles","jsxs","jsx","Icon","CalendarOutlineIcon","ChevronDownIcon","Button","IconButton","ICON_BUTTON_ICON_SIZES","ChevronLeftIcon","ChevronRightIcon","week","wi","di","isToday","isRangeStart","isRangeEnd","isSelected","isInRange","hasRangeSpan","cellClass","dayClass"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/date-range-picker/DateRangePicker.tsx"],"sourcesContent":["import type {\n FocusEvent as ReactFocusEvent,\n InputHTMLAttributes,\n KeyboardEvent,\n ReactNode,\n} from 'react';\nimport { useState, useCallback, useEffect, useId, useRef } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton, {\n ICON_BUTTON_ICON_SIZES,\n} from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CalendarOutlineIcon from '@mattermost/compass-icons/components/calendar-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronLeftIcon from '@mattermost/compass-icons/components/chevron-left';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport styles from './DateRangePicker.module.scss';\n\nexport type DateRangePickerMode = 'date' \| 'range';\n\nexport interface DateRangePickerProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'value' \| 'defaultValue' \| 'onChange' \| 'type' \| 'size'\n> {\n /** Optional CSS class name applied to the root element. /\n className?: string;\n /\n Floating label, like `TextInput`, `Select` and `Combobox`. It sits inside the field and\n * moves to the top edge when the field is open or has a value. It also names the trigger\n * for assistive technology (via `aria-labelledby`). Accepts translated nodes.\n /\n label?: ReactNode;\n /* Selection mode: single date or range. Default: 'date'. /\n mode?: DateRangePickerMode;\n /* Controlled selected date (single mode). ISO string yyyy-mm-dd. /\n value?: string;\n /* Controlled start date (range mode). ISO string. /\n startDate?: string;\n /* Controlled end date (range mode). ISO string. /\n endDate?: string;\n /* Called when a date is selected (single mode). /\n onChange?: (date: string) => void;\n /* Called when range changes (range mode). /\n onRangeChange?: (start: string, end: string) => void;\n /* Portal mount node for the calendar; defaults to `document.body`. /\n portalContainer?: HTMLElement \| null;\n /* Stacking order for the portaled calendar. /\n zIndex?: number;\n /* Trigger text when no date is selected. Default: \"mm/dd/yyyy\". /\n placeholder?: string;\n /* Formats an ISO `yyyy-mm-dd` date for the trigger. Default: `mm/dd/yyyy`. /\n formatDate?: (iso: string) => string;\n /* Twelve month names, January first. Default: English. /\n monthNames?: string[];\n /\n Twelve short month names for the calendar header, January first. Default: the\n * first three letters of the English names, or `monthNames` unchanged when you pass\n * your own (so a translation is never cut mid-word). The full `monthNames` still\n * label the day grid for assistive technology.\n /\n shortMonthNames?: string[];\n /* Seven short weekday names, Sunday first. Default: \"Su\" … \"Sa\". /\n weekdayNames?: string[];\n /* Accessible name for the calendar dialog. Default: \"Date picker\". /\n dialogLabel?: string;\n /* Today button text. Default: \"Today\". /\n todayLabel?: ReactNode;\n /* Accessible name for the previous-month button. Default: \"Previous month\". /\n previousMonthLabel?: string;\n /* Accessible name for the next-month button. Default: \"Next month\". /\n nextMonthLabel?: string;\n}\n\n/* Approximate calendar panel height for the initial flip decision. /\nconst CALENDAR_PREFERRED_HEIGHT = 360;\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n];\n\nfunction formatDateDisplay(iso: string): string {\n if (!iso) return '';\n const [y, m, d] = iso.split('-');\n return `${m}/${d}/${y}`;\n}\n\nfunction toIso(year: number, month: number, day: number): string {\n return `${year}-${String(month + 1).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate();\n}\n\nfunction getFirstDayOfWeek(year: number, month: number): number {\n return new Date(year, month, 1).getDay();\n}\n\nfunction isSameDay(a: string, b: string): boolean {\n return a === b;\n}\n\nfunction isBetween(date: string, start: string, end: string): boolean {\n if (!start \|\| !end) return false;\n const [s, e] = start < end ? [start, end] : [end, start];\n return date > s && date < e;\n}\n\nfunction dayFromIso(iso: string, year: number, month: number): number \| null {\n if (!iso) return null;\n const [y, m, d] = iso.split('-').map(Number);\n if (y === year && m === month + 1) return d;\n return null;\n}\n\n/\n The Date and Range Picker lets people pick a single date or a start/end range from a\n * calendar. The trigger is a compact field; the calendar is a popover anchored 4px below it.\n /\nexport default function DateRangePicker({\n className = '',\n mode = 'date',\n value,\n startDate,\n endDate,\n onChange,\n onRangeChange,\n disabled,\n required,\n onFocus,\n onBlur,\n label,\n id: idProp,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n portalContainer = null,\n zIndex,\n placeholder = 'mm/dd/yyyy',\n formatDate = formatDateDisplay,\n monthNames = MONTHS,\n shortMonthNames = monthNames === MONTHS\n ? MONTHS.map((month) => month.slice(0, 3))\n : monthNames,\n weekdayNames = WEEKDAYS,\n dialogLabel = 'Date picker',\n todayLabel = 'Today',\n previousMonthLabel = 'Previous month',\n nextMonthLabel = 'Next month',\n}: DateRangePickerProps) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const popoverId = `${id}-popover`;\n const labelId = `${id}-label`;\n const valueId = `${id}-value`;\n // `label` is a ReactNode, so `false` / `true` / '' (from `cond && 'Label'`) render nothing.\n const hasLabel = label != null && typeof label !== 'boolean' && label !== '';\n const rootRef = useRef<HTMLDivElement>(null);\n const triggerRef = useRef<HTMLDivElement>(null);\n const gridRef = useRef<HTMLDivElement>(null);\n\n const today = new Date();\n const todayIso = toIso(\n today.getFullYear(),\n today.getMonth(),\n today.getDate(),\n );\n\n // Calendar display state\n const [displayYear, setDisplayYear] = useState(today.getFullYear());\n const [displayMonth, setDisplayMonth] = useState(today.getMonth());\n const [isOpen, setIsOpen] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n /* Roving tabindex day-of-month within the visible grid. /\n const [focusedDay, setFocusedDay] = useState(1);\n\n // Internal selection state (uncontrolled fallback)\n const [internalDate, setInternalDate] = useState('');\n const [internalStart, setInternalStart] = useState('');\n const [internalEnd, setInternalEnd] = useState('');\n\n const selectedDate = value ?? internalDate;\n const selectedStart = startDate ?? internalStart;\n const selectedEnd = endDate ?? internalEnd;\n\n const hasValue =\n mode === 'date' ? Boolean(selectedDate) : Boolean(selectedStart);\n\n const { mounted: popoverMounted, visible: popoverVisible } =\n usePopoverTransition(isOpen);\n\n const {\n placement,\n style: popoverStyle,\n portalRef,\n renderPortal,\n } = useAnchoredPopupPortal(triggerRef, popoverMounted, {\n preferredHeight: CALENDAR_PREFERRED_HEIGHT,\n portalContainer,\n zIndex,\n matchWidth: false,\n });\n\n const close = useCallback((restoreFocus = true) => {\n setIsOpen(false);\n if (restoreFocus) {\n triggerRef.current?.focus();\n }\n }, []);\n\n useOutsideClose(rootRef, isOpen, () => close(true), portalRef);\n\n useEffect(() => {\n if (!isOpen) return;\n function handleKeyDown(e: globalThis.KeyboardEvent) {\n if (e.key === 'Escape') {\n e.preventDefault();\n close(true);\n }\n }\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, close]);\n\n // Close when focus leaves the field and the portaled calendar.\n useEffect(() => {\n if (!isOpen) return;\n\n function handleFocusIn(e: FocusEvent) {\n const target = e.target as Node \| null;\n if (!target) return;\n if (rootRef.current?.contains(target)) return;\n if (portalRef.current?.contains(target)) return;\n close(false);\n }\n\n document.addEventListener('focusin', handleFocusIn);\n return () => document.removeEventListener('focusin', handleFocusIn);\n }, [isOpen, close, portalRef]);\n\n const daysInMonth = getDaysInMonth(displayYear, displayMonth);\n\n const initialFocusDay = useCallback(() => {\n if (mode === 'date') {\n const fromValue = dayFromIso(selectedDate, displayYear, displayMonth);\n if (fromValue) return fromValue;\n } else {\n const fromEnd = dayFromIso(selectedEnd, displayYear, displayMonth);\n if (fromEnd) return fromEnd;\n const fromStart = dayFromIso(selectedStart, displayYear, displayMonth);\n if (fromStart) return fromStart;\n }\n const fromToday = dayFromIso(todayIso, displayYear, displayMonth);\n if (fromToday) return fromToday;\n return 1;\n }, [\n mode,\n selectedDate,\n selectedStart,\n selectedEnd,\n displayYear,\n displayMonth,\n todayIso,\n ]);\n\n // On open: after the enter transition enables pointer-events, move focus\n // into the day grid (selected day, today, or the 1st).\n useEffect(() => {\n if (!isOpen \|\| !popoverVisible) return;\n const day = initialFocusDay();\n setFocusedDay(day);\n const frame = requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n return () => cancelAnimationFrame(frame);\n // eslint-disable-next-line react-hooks/exhaustive-deps -- open/visible transition only\n }, [isOpen, popoverVisible]);\n\n const focusDayButton = useCallback((day: number) => {\n setFocusedDay(day);\n requestAnimationFrame(() => {\n gridRef.current\n ?.querySelector<HTMLElement>(`[data-day=\"${day}\"]`)\n ?.focus();\n });\n }, []);\n\n const handleToggle = useCallback(() => {\n if (disabled) return;\n setIsOpen((open) => !open);\n }, [disabled]);\n\n const handlePrevMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 0) {\n setDisplayYear((y) => y - 1);\n return 11;\n }\n return m - 1;\n });\n }, []);\n\n const handleNextMonth = useCallback(() => {\n setDisplayMonth((m) => {\n if (m === 11) {\n setDisplayYear((y) => y + 1);\n return 0;\n }\n return m + 1;\n });\n }, []);\n\n const goToAdjacentMonth = useCallback(\n (direction: -1 \| 1, preferDay: number) => {\n const nextMonth =\n direction === -1\n ? displayMonth === 0\n ? 11\n : displayMonth - 1\n : displayMonth === 11\n ? 0\n : displayMonth + 1;\n const nextYear =\n direction === -1\n ? displayMonth === 0\n ? displayYear - 1\n : displayYear\n : displayMonth === 11\n ? displayYear + 1\n : displayYear;\n const maxDay = getDaysInMonth(nextYear, nextMonth);\n setDisplayYear(nextYear);\n setDisplayMonth(nextMonth);\n focusDayButton(Math.min(preferDay, maxDay));\n },\n [displayMonth, displayYear, focusDayButton],\n );\n\n const handleToday = useCallback(() => {\n const now = new Date();\n setDisplayYear(now.getFullYear());\n setDisplayMonth(now.getMonth());\n focusDayButton(now.getDate());\n }, [focusDayButton]);\n\n const handleDayClick = useCallback(\n (iso: string, day: number) => {\n if (mode === 'date') {\n if (onChange) {\n onChange(iso);\n } else {\n setInternalDate(iso);\n }\n close(true);\n } else {\n // range mode: first click = start, second = end\n if (!selectedStart \|\| (selectedStart && selectedEnd)) {\n setInternalStart(iso);\n setInternalEnd('');\n setFocusedDay(day);\n } else {\n const [s, e] =\n iso >= selectedStart ? [selectedStart, iso] : [iso, selectedStart];\n if (onRangeChange) {\n onRangeChange(s, e);\n } else {\n setInternalStart(s);\n setInternalEnd(e);\n }\n close(true);\n }\n }\n },\n [mode, selectedStart, selectedEnd, onChange, onRangeChange, close],\n );\n\n const moveFocusedDay = useCallback(\n (delta: number) => {\n const next = focusedDay + delta;\n if (next >= 1 && next <= daysInMonth) {\n focusDayButton(next);\n return;\n }\n if (next < 1) {\n goToAdjacentMonth(\n -1,\n getDaysInMonth(\n displayMonth === 0 ? displayYear - 1 : displayYear,\n displayMonth === 0 ? 11 : displayMonth - 1,\n ) + next,\n );\n } else {\n goToAdjacentMonth(1, next - daysInMonth);\n }\n },\n [\n focusedDay,\n daysInMonth,\n displayMonth,\n displayYear,\n focusDayButton,\n goToAdjacentMonth,\n ],\n );\n\n const handleDayKeyDown = useCallback(\n (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\n switch (e.key) {\n case 'ArrowLeft':\n e.preventDefault();\n moveFocusedDay(-1);\n break;\n case 'ArrowRight':\n e.preventDefault();\n moveFocusedDay(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveFocusedDay(-7);\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveFocusedDay(7);\n break;\n case 'Home':\n e.preventDefault();\n focusDayButton(1);\n break;\n case 'End':\n e.preventDefault();\n focusDayButton(daysInMonth);\n break;\n case 'PageUp':\n e.preventDefault();\n goToAdjacentMonth(-1, day);\n break;\n case 'PageDown':\n e.preventDefault();\n goToAdjacentMonth(1, day);\n break;\n case 'Enter':\n case ' ':\n e.preventDefault();\n setFocusedDay(day);\n handleDayClick(toIso(displayYear, displayMonth, day), day);\n break;\n default:\n break;\n }\n },\n [\n moveFocusedDay,\n focusDayButton,\n daysInMonth,\n goToAdjacentMonth,\n handleDayClick,\n displayYear,\n displayMonth,\n ],\n );\n\n const handleTriggerKeyDown = useCallback(\n (e: KeyboardEvent<HTMLDivElement>) => {\n if (disabled) return;\n switch (e.key) {\n case 'Enter':\n case ' ':\n e.preventDefault();\n handleToggle();\n break;\n case 'ArrowDown':\n if (!isOpen) {\n e.preventDefault();\n setIsOpen(true);\n }\n break;\n case 'Escape':\n if (isOpen) {\n e.preventDefault();\n close(true);\n }\n break;\n default:\n break;\n }\n },\n [disabled, handleToggle, isOpen, close],\n );\n\n // Keep focusedDay in range when the month changes (nav buttons / PageUp).\n useEffect(() => {\n if (!isOpen) return;\n setFocusedDay((d) => Math.min(Math.max(1, d), daysInMonth));\n }, [isOpen, daysInMonth, displayMonth, displayYear]);\n\n // Build calendar grid\n const firstDay = getFirstDayOfWeek(displayYear, displayMonth);\n\n // Build weeks (rows of 7 cells; null = empty)\n const cells: (number \| null)[] = [\n ...Array(firstDay).fill(null),\n ...Array.from({ length: daysInMonth }, (_, i) => i + 1),\n ];\n // Pad to complete last row\n while (cells.length % 7 !== 0) cells.push(null);\n const weeks: (number \| null)[][] = [];\n for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));\n\n const displayValue =\n mode === 'date'\n ? selectedDate\n ? formatDate(selectedDate)\n : ''\n : selectedStart\n ? `${formatDate(selectedStart)}${selectedEnd ? ` – ${formatDate(selectedEnd)}` : ''}`\n : '';\n\n const rootClass = [\n styles['date-range-picker'],\n isOpen ? styles['date-range-picker--open'] : '',\n disabled ? styles['date-range-picker--disabled'] : '',\n hasLabel ? styles['date-range-picker--has-label'] : '',\n hasLabel && (isOpen \|\| isFocused \|\| hasValue)\n ? styles['date-range-picker--label-floated']\n : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div ref={rootRef} className={rootClass}>\n {hasLabel && (\n <span id={labelId} className={styles['date-range-picker__label']}>\n {label}\n </span>\n )}\n\n {/ Trigger input /}\n <div\n ref={triggerRef}\n className={styles['date-range-picker__trigger']}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={popoverMounted ? popoverId : undefined}\n aria-disabled={disabled \|\| undefined}\n aria-required={required \|\| undefined}\n aria-label={\n ariaLabel ??\n (ariaLabelledby == null && !hasLabel && !displayValue && !placeholder\n ? dialogLabel\n : undefined)\n }\n aria-labelledby={\n ariaLabelledby ??\n (ariaLabel == null\n ? hasLabel\n ? labelId\n : displayValue \|\| placeholder\n ? valueId\n : undefined\n : undefined)\n }\n aria-describedby={ariaDescribedby}\n tabIndex={disabled ? -1 : 0}\n id={id}\n data-has-value={hasValue ? '' : undefined}\n onClick={handleToggle}\n onKeyDown={handleTriggerKeyDown}\n onFocus={(event) => {\n setIsFocused(true);\n // The trigger is a div; consumers typed the callbacks for the input props.\n onFocus?.(event as unknown as ReactFocusEvent<HTMLInputElement>);\n }}\n onBlur={(event) => {\n setIsFocused(false);\n onBlur?.(event as unknown as ReactFocusEvent<HTMLInputElement>);\n }}\n >\n <span\n className={styles['date-range-picker__calendar-icon']}\n aria-hidden\n >\n <Icon size=\"16\" glyph={<CalendarOutlineIcon />} />\n </span>\n <span id={valueId} className={styles['date-range-picker__value']}>\n {displayValue \|\| placeholder}\n </span>\n <span className={styles['date-range-picker__chevron']} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </div>\n\n {/ Calendar popover /}\n {popoverMounted &&\n renderPortal(\n <div\n ref={portalRef}\n id={popoverId}\n className={[\n styles['date-range-picker__popover'],\n placement === 'above'\n ? styles['date-range-picker__popover--above']\n : '',\n popoverVisible\n ? styles['date-range-picker__popover--visible']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n style={popoverStyle}\n role=\"dialog\"\n aria-modal=\"false\"\n aria-label={dialogLabel}\n >\n {/ Header /}\n <div className={styles['date-range-picker__header']}>\n <span\n className={styles['date-range-picker__month-label']}\n aria-live=\"polite\"\n >\n {shortMonthNames[displayMonth]} {displayYear}\n </span>\n <div className={styles['date-range-picker__header-actions']}>\n <Button\n emphasis=\"quaternary\"\n size=\"small\"\n compact\n leadingIcon={\n <Icon size=\"16\" glyph={<CalendarOutlineIcon />} />\n }\n onClick={handleToday}\n >\n {todayLabel}\n </Button>\n <div className={styles['date-range-picker__nav-buttons']}>\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronLeftIcon />}\n />\n }\n onClick={handlePrevMonth}\n aria-label={previousMonthLabel}\n />\n <IconButton\n size=\"medium\"\n padding=\"compact\"\n icon={\n <Icon\n size={ICON_BUTTON_ICON_SIZES['medium']}\n glyph={<ChevronRightIcon />}\n />\n }\n onClick={handleNextMonth}\n aria-label={nextMonthLabel}\n />\n </div>\n </div>\n </div>\n\n {/ Weekday headers /}\n <div className={styles['date-range-picker__weekdays']} aria-hidden>\n {weekdayNames.map((d, i) => (\n <span key={i} className={styles['date-range-picker__weekday']}>\n {d}\n </span>\n ))}\n </div>\n\n {/ Date grid */}\n <div\n ref={gridRef}\n className={styles['date-range-picker__grid']}\n role=\"grid\"\n aria-label={`${monthNames[displayMonth]} ${displayYear}`}\n >\n {weeks.map((week, wi) => (\n <div\n key={wi}\n className={styles['date-range-picker__week']}\n role=\"row\"\n >\n {week.map((day, di) => {\n if (day == null) {\n return (\n <span\n key={di}\n className={styles['date-range-picker__day-empty']}\n role=\"gridcell\"\n />\n );\n }\n const iso = toIso(displayYear, displayMonth, day);\n const isToday = iso === todayIso;\n const isRangeStart =\n mode === 'range' && isSameDay(iso, selectedStart);\n const isRangeEnd =\n mode === 'range' &&\n Boolean(selectedEnd) &&\n isSameDay(iso, selectedEnd);\n const isSelected =\n mode === 'date'\n ? isSameDay(iso, selectedDate)\n : isRangeStart \|\| isRangeEnd;\n const isInRange =\n mode === 'range' &&\n isBetween(iso, selectedStart, selectedEnd);\n const hasRangeSpan =\n mode === 'range' &&\n Boolean(selectedStart) &&\n Boolean(selectedEnd) &&\n selectedStart !== selectedEnd;\n\n const cellClass = [\n styles['date-range-picker__day-cell'],\n isInRange\n ? styles['date-range-picker__day-cell--in-range']\n : '',\n hasRangeSpan && isRangeStart\n ? styles['date-range-picker__day-cell--range-start']\n : '',\n hasRangeSpan && isRangeEnd\n ? styles['date-range-picker__day-cell--range-end']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const dayClass = [\n styles['date-range-picker__day'],\n isSelected\n ? styles['date-range-picker__day--selected']\n : '',\n isToday && !isSelected\n ? styles['date-range-picker__day--today']\n : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div key={di} className={cellClass} role=\"gridcell\">\n <button\n type=\"button\"\n className={dayClass}\n data-day={day}\n tabIndex={focusedDay === day ? 0 : -1}\n onClick={() => handleDayClick(iso, day)}\n onFocus={() => setFocusedDay(day)}\n onKeyDown={(e) => handleDayKeyDown(e, day)}\n aria-label={iso}\n aria-pressed={isSelected}\n aria-current={isToday ? 'date' : undefined}\n >\n {day}\n </button>\n </div>\n );\n })}\n </div>\n ))}\n </div>\n </div>,\n )}\n </div>\n );\n}\n"],"names":["CALENDAR_PREFERRED_HEIGHT","WEEKDAYS","MONTHS","formatDateDisplay","iso","y","m","d","toIso","year","month","day","getDaysInMonth","getFirstDayOfWeek","isSameDay","a","b","isBetween","date","start","end","s","e","dayFromIso","DateRangePicker","className","mode","value","startDate","endDate","onChange","onRangeChange","disabled","required","onFocus","onBlur","label","idProp","ariaLabel","ariaLabelledby","ariaDescribedby","portalContainer","zIndex","placeholder","formatDate","monthNames","shortMonthNames","weekdayNames","dialogLabel","todayLabel","previousMonthLabel","nextMonthLabel","generatedId","useId","id","popoverId","labelId","valueId","hasLabel","rootRef","useRef","triggerRef","gridRef","today","todayIso","displayYear","setDisplayYear","useState","displayMonth","setDisplayMonth","isOpen","setIsOpen","isFocused","setIsFocused","focusedDay","setFocusedDay","internalDate","setInternalDate","internalStart","setInternalStart","internalEnd","setInternalEnd","selectedDate","selectedStart","selectedEnd","hasValue","popoverMounted","popoverVisible","usePopoverTransition","placement","popoverStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","useCallback","restoreFocus","_a","useOutsideClose","useEffect","handleKeyDown","handleFocusIn","target","_b","daysInMonth","initialFocusDay","fromValue","fromEnd","fromStart","fromToday","frame","focusDayButton","handleToggle","open","handlePrevMonth","handleNextMonth","goToAdjacentMonth","direction","preferDay","nextMonth","nextYear","maxDay","handleToday","now","handleDayClick","moveFocusedDay","delta","next","handleDayKeyDown","handleTriggerKeyDown","firstDay","cells","_","i","weeks","displayValue","rootClass","styles","jsxs","jsx","event","Icon","CalendarOutlineIcon","ChevronDownIcon","Button","IconButton","ICON_BUTTON_ICON_SIZES","ChevronLeftIcon","ChevronRightIcon","week","wi","di","isToday","isRangeStart","isRangeEnd","isSelected","isInRange","hasRangeSpan","cellClass","dayClass"],"mappings":"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"}

package/dist/components/date-range-picker/DateRangePicker.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DateRangePicker.module.css');const e="_dateRangePicker_1me82_2",a="_dateRangePicker__trigger_1me82_11",_="_dateRangePicker__calendarIcon_1me82_40",d="_dateRangePicker__value_1me82_52",n="_dateRangePicker__chevron_1me82_70",t="_dateRangePicker__popover_1me82_86",r="_dateRangePicker__header_1me82_114",c="_dateRangePicker__monthLabel_1me82_120",i="_dateRangePicker__headerActions_1me82_131",g="_dateRangePicker__navButtons_1me82_137",k="_dateRangePicker__weekdays_1me82_141",P="_dateRangePicker__weekday_1me82_141",R="_dateRangePicker__grid_1me82_161",o="_dateRangePicker__week_1me82_141",l="_dateRangePicker__dayEmpty_1me82_171",s="_dateRangePicker__dayCell_1me82_175",y="_dateRangePicker__day_1me82_171",m={dateRangePicker:e,dateRangePicker__trigger:a,"dateRangePicker--disabled":"_dateRangePicker--disabled_1me82_23","dateRangePicker--open":"_dateRangePicker--open_1me82_23",dateRangePicker__calendarIcon:_,dateRangePicker__value:d,dateRangePicker__chevron:n,dateRangePicker__popover:t,"dateRangePicker__popover--above":"_dateRangePicker__popover--above_1me82_105","dateRangePicker__popover--visible":"_dateRangePicker__popover--visible_1me82_108",dateRangePicker__header:r,dateRangePicker__monthLabel:c,dateRangePicker__headerActions:i,dateRangePicker__navButtons:g,dateRangePicker__weekdays:k,dateRangePicker__weekday:P,dateRangePicker__grid:R,dateRangePicker__week:o,dateRangePicker__dayEmpty:l,dateRangePicker__dayCell:s,"dateRangePicker__dayCell--in-range":"_dateRangePicker__dayCell--in-range_1me82_184","dateRangePicker__dayCell--range-start":"_dateRangePicker__dayCell--range-start_1me82_184","dateRangePicker__dayCell--range-end":"_dateRangePicker__dayCell--range-end_1me82_184",dateRangePicker__day:y,"dateRangePicker__day--selected":"_dateRangePicker__day--selected_1me82_227","dateRangePicker__day--today":"_dateRangePicker__day--today_1me82_240"};exports.dateRangePicker=e;exports.dateRangePicker__calendarIcon=_;exports.dateRangePicker__chevron=n;exports.dateRangePicker__day=y;exports.dateRangePicker__dayCell=s;exports.dateRangePicker__dayEmpty=l;exports.dateRangePicker__grid=R;exports.dateRangePicker__header=r;exports.dateRangePicker__headerActions=i;exports.dateRangePicker__monthLabel=c;exports.dateRangePicker__navButtons=g;exports.dateRangePicker__popover=t;exports.dateRangePicker__trigger=a;exports.dateRangePicker__value=d;exports.dateRangePicker__week=o;exports.dateRangePicker__weekday=P;exports.dateRangePicker__weekdays=k;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DateRangePicker.css');const e={"date-range-picker":"_date-range-picker_58um5_13","date-range-picker__trigger":"_date-range-picker__trigger_58um5_20","date-range-picker--disabled":"_date-range-picker--disabled_58um5_32","date-range-picker--open":"_date-range-picker--open_58um5_32","date-range-picker__calendar-icon":"_date-range-picker__calendar-icon_58um5_49","date-range-picker__value":"_date-range-picker__value_58um5_61","date-range-picker__chevron":"_date-range-picker__chevron_58um5_79","date-range-picker__label":"_date-range-picker__label_58um5_96","date-range-picker--label-floated":"_date-range-picker--label-floated_58um5_117","date-range-picker--has-label":"_date-range-picker--has-label_58um5_126","date-range-picker__popover":"_date-range-picker__popover_58um5_129","date-range-picker__popover--above":"_date-range-picker__popover--above_58um5_153","date-range-picker__popover--visible":"_date-range-picker__popover--visible_58um5_156","date-range-picker__header":"_date-range-picker__header_58um5_162","date-range-picker__month-label":"_date-range-picker__month-label_58um5_168","date-range-picker__header-actions":"_date-range-picker__header-actions_58um5_179","date-range-picker__nav-buttons":"_date-range-picker__nav-buttons_58um5_185","date-range-picker__weekdays":"_date-range-picker__weekdays_58um5_189","date-range-picker__weekday":"_date-range-picker__weekday_58um5_189","date-range-picker__grid":"_date-range-picker__grid_58um5_209","date-range-picker__week":"_date-range-picker__week_58um5_189","date-range-picker__day-empty":"_date-range-picker__day-empty_58um5_219","date-range-picker__day-cell":"_date-range-picker__day-cell_58um5_223","date-range-picker__day-cell--in-range":"_date-range-picker__day-cell--in-range_58um5_232","date-range-picker__day-cell--range-start":"_date-range-picker__day-cell--range-start_58um5_232","date-range-picker__day-cell--range-end":"_date-range-picker__day-cell--range-end_58um5_232","date-range-picker__day":"_date-range-picker__day_58um5_219","date-range-picker__day--selected":"_date-range-picker__day--selected_58um5_271","date-range-picker__day--today":"_date-range-picker__day--today_58um5_284"};exports.default=e;
 //# sourceMappingURL=DateRangePicker.module.scss.cjs.map

package/dist/components/date-range-picker/DateRangePicker.module.scss.js CHANGED Viewed

@@ -1,49 +1,35 @@
-import './DateRangePicker.module.css';const e = "_dateRangePicker_1me82_2", _ = "_dateRangePicker__trigger_1me82_11", a = "_dateRangePicker__calendarIcon_1me82_40", n = "_dateRangePicker__value_1me82_52", d = "_dateRangePicker__chevron_1me82_70", t = "_dateRangePicker__popover_1me82_86", r = "_dateRangePicker__header_1me82_114", c = "_dateRangePicker__monthLabel_1me82_120", i = "_dateRangePicker__headerActions_1me82_131", g = "_dateRangePicker__navButtons_1me82_137", k = "_dateRangePicker__weekdays_1me82_141", P = "_dateRangePicker__weekday_1me82_141", R = "_dateRangePicker__grid_1me82_161", o = "_dateRangePicker__week_1me82_141", s = "_dateRangePicker__dayEmpty_1me82_171", l = "_dateRangePicker__dayCell_1me82_175", m = "_dateRangePicker__day_1me82_171", y = {
-  dateRangePicker: e,
-  dateRangePicker__trigger: _,
-  "dateRangePicker--disabled": "_dateRangePicker--disabled_1me82_23",
-  "dateRangePicker--open": "_dateRangePicker--open_1me82_23",
-  dateRangePicker__calendarIcon: a,
-  dateRangePicker__value: n,
-  dateRangePicker__chevron: d,
-  dateRangePicker__popover: t,
-  "dateRangePicker__popover--above": "_dateRangePicker__popover--above_1me82_105",
-  "dateRangePicker__popover--visible": "_dateRangePicker__popover--visible_1me82_108",
-  dateRangePicker__header: r,
-  dateRangePicker__monthLabel: c,
-  dateRangePicker__headerActions: i,
-  dateRangePicker__navButtons: g,
-  dateRangePicker__weekdays: k,
-  dateRangePicker__weekday: P,
-  dateRangePicker__grid: R,
-  dateRangePicker__week: o,
-  dateRangePicker__dayEmpty: s,
-  dateRangePicker__dayCell: l,
-  "dateRangePicker__dayCell--in-range": "_dateRangePicker__dayCell--in-range_1me82_184",
-  "dateRangePicker__dayCell--range-start": "_dateRangePicker__dayCell--range-start_1me82_184",
-  "dateRangePicker__dayCell--range-end": "_dateRangePicker__dayCell--range-end_1me82_184",
-  dateRangePicker__day: m,
-  "dateRangePicker__day--selected": "_dateRangePicker__day--selected_1me82_227",
-  "dateRangePicker__day--today": "_dateRangePicker__day--today_1me82_240"
+import './DateRangePicker.css';const e = {
+  "date-range-picker": "_date-range-picker_58um5_13",
+  "date-range-picker__trigger": "_date-range-picker__trigger_58um5_20",
+  "date-range-picker--disabled": "_date-range-picker--disabled_58um5_32",
+  "date-range-picker--open": "_date-range-picker--open_58um5_32",
+  "date-range-picker__calendar-icon": "_date-range-picker__calendar-icon_58um5_49",
+  "date-range-picker__value": "_date-range-picker__value_58um5_61",
+  "date-range-picker__chevron": "_date-range-picker__chevron_58um5_79",
+  "date-range-picker__label": "_date-range-picker__label_58um5_96",
+  "date-range-picker--label-floated": "_date-range-picker--label-floated_58um5_117",
+  "date-range-picker--has-label": "_date-range-picker--has-label_58um5_126",
+  "date-range-picker__popover": "_date-range-picker__popover_58um5_129",
+  "date-range-picker__popover--above": "_date-range-picker__popover--above_58um5_153",
+  "date-range-picker__popover--visible": "_date-range-picker__popover--visible_58um5_156",
+  "date-range-picker__header": "_date-range-picker__header_58um5_162",
+  "date-range-picker__month-label": "_date-range-picker__month-label_58um5_168",
+  "date-range-picker__header-actions": "_date-range-picker__header-actions_58um5_179",
+  "date-range-picker__nav-buttons": "_date-range-picker__nav-buttons_58um5_185",
+  "date-range-picker__weekdays": "_date-range-picker__weekdays_58um5_189",
+  "date-range-picker__weekday": "_date-range-picker__weekday_58um5_189",
+  "date-range-picker__grid": "_date-range-picker__grid_58um5_209",
+  "date-range-picker__week": "_date-range-picker__week_58um5_189",
+  "date-range-picker__day-empty": "_date-range-picker__day-empty_58um5_219",
+  "date-range-picker__day-cell": "_date-range-picker__day-cell_58um5_223",
+  "date-range-picker__day-cell--in-range": "_date-range-picker__day-cell--in-range_58um5_232",
+  "date-range-picker__day-cell--range-start": "_date-range-picker__day-cell--range-start_58um5_232",
+  "date-range-picker__day-cell--range-end": "_date-range-picker__day-cell--range-end_58um5_232",
+  "date-range-picker__day": "_date-range-picker__day_58um5_219",
+  "date-range-picker__day--selected": "_date-range-picker__day--selected_58um5_271",
+  "date-range-picker__day--today": "_date-range-picker__day--today_58um5_284"
 };
 export {
-  e as dateRangePicker,
-  a as dateRangePicker__calendarIcon,
-  d as dateRangePicker__chevron,
-  m as dateRangePicker__day,
-  l as dateRangePicker__dayCell,
-  s as dateRangePicker__dayEmpty,
-  R as dateRangePicker__grid,
-  r as dateRangePicker__header,
-  i as dateRangePicker__headerActions,
-  c as dateRangePicker__monthLabel,
-  g as dateRangePicker__navButtons,
-  t as dateRangePicker__popover,
-  _ as dateRangePicker__trigger,
-  n as dateRangePicker__value,
-  o as dateRangePicker__week,
-  P as dateRangePicker__weekday,
-  k as dateRangePicker__weekdays,
-  y as default
+  e as default
 };
 //# sourceMappingURL=DateRangePicker.module.scss.js.map

package/dist/components/date-range-picker/DateRangePicker.module.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"DateRangePicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/divider/Divider.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ ._divider_1pgg2_13{width:100%;padding:var(--spacing-xs) 0}._divider__line_1pgg2_17{border:none;border-top:1px solid rgba(var(--center-channel-color-rgb),.12);margin:0}

package/dist/components/divider/Divider.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Divider.module.css');const e="_divider_1wh3r_2",i="_divider__line_1wh3r_6",d={divider:e,divider__line:i};exports.default=d;exports.divider=e;exports.divider__line=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Divider.css');const e="_divider_1pgg2_13",i="_divider__line_1pgg2_17",d={divider:e,divider__line:i};exports.default=d;exports.divider=e;exports.divider__line=i;
 //# sourceMappingURL=Divider.module.scss.cjs.map

package/dist/components/divider/Divider.module.scss.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Divider.module.css';const i = "_divider_1wh3r_2", d = "_divider__line_1wh3r_6", e = {
+import './Divider.css';const i = "_divider_1pgg2_13", d = "_divider__line_1pgg2_17", e = {
   divider: i,
   divider__line: d
 };

package/dist/components/dropdown/Dropdown.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),w=require("../button/Button.cjs"),j=require("../../utils/string.cjs"),x=require("../icon/Icon.cjs"),__g=require("@mattermost/compass-icons/components/chevron-down.js"),g=__g?.default??__g,e=require("./Dropdown.module.scss.cjs");function b({className:o="",children:d,leadingIcon:n,padding:t="tight",size:r="medium",appearance:l="default",isOpen:s=!1,disabled:i,type:u="button",...c}){const p=e.default[`dropdown--size-${j.toKebab(r)}`],f=t==="compact"?e.default["dropdown--padding-compact"]:"",m=l==="inverted"?e.default["dropdown--appearance-inverted"]:"",_=s?e.default["dropdown--open"]:"",h=[e.default.dropdown,p,f,m,_,o].filter(Boolean).join(" ");return a.jsx(w.default,{className:h,emphasis:"quaternary",size:"medium",type:u,disabled:i,"aria-expanded":s,"aria-haspopup":"listbox",...c,children:a.jsxs("span",{className:e.default.dropdown__trigger,children:[a.jsxs("span",{className:e.default.dropdown__content,children:[n!=null&&a.jsx("span",{className:e.default.dropdown__leadingIcon,"aria-hidden":!0,children:n}),a.jsx("span",{className:e.default.dropdown__label,children:d})]}),a.jsx("span",{className:e.default.dropdown__chevron,"aria-hidden":!0,children:a.jsx(x.default,{size:"12",glyph:a.jsx(g,{})})})]})})}exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("../button/Button.cjs"),j=require("../../utils/string.cjs"),t=require("../icon/Icon.cjs"),__g=require("@mattermost/compass-icons/components/chevron-down.js"),g=__g?.default??__g,e=require("./Dropdown.module.scss.cjs");function v({className:d="",children:r,leadingIcon:s,padding:a="tight",size:l="medium",appearance:i="default",isOpen:o=!1,disabled:u,type:c="button",...p}){const f=e.default[`dropdown--size-${j.toKebab(l)}`],h=a==="tight"?"":e.default[`dropdown--padding-${a}`],m=i==="inverted"?e.default["dropdown--appearance-inverted"]:"",_=o?e.default["dropdown--open"]:"",w=[e.default.dropdown,f,h,m,_,d].filter(Boolean).join(" ");return n.jsx(x.default,{className:w,emphasis:"quaternary",size:"medium",type:c,disabled:u,"aria-expanded":o,"aria-haspopup":"listbox",...p,children:n.jsxs("span",{className:e.default.dropdown__trigger,children:[n.jsxs("span",{className:e.default.dropdown__content,children:[s!=null&&n.jsx("span",{className:e.default["dropdown__leading-icon"],"aria-hidden":!0,children:n.jsx(t.IconSlotContext.Provider,{value:{size:"16"},children:s})}),n.jsx("span",{className:e.default.dropdown__label,children:r})]}),n.jsx("span",{className:e.default.dropdown__chevron,"aria-hidden":!0,children:n.jsx(t.default,{size:"12",glyph:n.jsx(g,{})})})]})})}exports.default=v;
 //# sourceMappingURL=Dropdown.cjs.map

package/dist/components/dropdown/Dropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport { toKebab } from '@/utils/string';\nimport Icon from '@/components/icon/Icon';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport styles from './Dropdown.module.scss';\n\nexport type DropdownSize = 'x-small' \| 'small' \| 'medium' \| 'large' \| 'x-large';\nexport type DropdownAppearance = 'default' \| 'inverted';\nexport type DropdownPadding = 'tight' \| 'compact';\n\nexport interface DropdownProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'size'\n> {\n /** Optional CSS class name. /\n className?: string;\n /* Label text shown in the trigger. /\n children: ReactNode;\n /* Optional leading icon. /\n leadingIcon?: ReactNode;\n /* Trigger inset. Tight is ~~default;~~ Compact adds more ~~padding~~ ~~(Figma)~~. Default: Tight. /\n padding?: DropdownPadding;\n /* Size variant. Default: Medium. /\n size?: DropdownSize;\n /* Light or dark background context. Default: Default. /\n appearance?: DropdownAppearance;\n /* When true, the dropdown is in an open/active state. /\n isOpen?: boolean;\n}\n\n/\n A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —\n * semibold, with a chevron — and signals \"this label is also a control.\"\n */\nexport default function Dropdown({\n className = '',\n children,\n leadingIcon,\n padding = 'tight',\n size = 'medium',\n appearance = 'default',\n isOpen = false,\n disabled,\n type = 'button',\n ...rest\n}: DropdownProps) {\n const sizeClass = styles[`dropdown--size-${toKebab(size)}`];\n const paddingClass =\n padding === '~~compact~~' ? styles['dropdown--padding~~-compact'~~] ~~: ''~~;\n const appearanceClass =\n appearance === 'inverted' ? styles['dropdown--appearance-inverted'] : '';\n const openClass = isOpen ? styles['dropdown--open'] : '';\n\n const rootClass = [\n styles.dropdown,\n sizeClass,\n paddingClass,\n appearanceClass,\n openClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <Button\n className={rootClass}\n emphasis=\"quaternary\"\n size=\"medium\"\n type={type}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n {...rest}\n >\n <span className={styles.dropdown__trigger}>\n <span className={styles.dropdown__content}>\n {leadingIcon != null && (\n <span className={styles~~.dropdown__leadingIcon~~} aria-hidden>\n {leadingIcon}\n </span>\n )}\n <span className={styles.dropdown__label}>{children}</span>\n </span>\n <span className={styles.dropdown__chevron} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </span>\n </Button>\n );\n}\n"],"names":["Dropdown","className","children","leadingIcon","padding","size","appearance","isOpen","disabled","type","rest","sizeClass","styles","toKebab","paddingClass","appearanceClass","openClass","rootClass","jsx","Button","jsxs","Icon","ChevronDownIcon"],"mappings":"~~4VAmCA~~,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,SAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,QACV,KAAAC,EAAO,SACP,WAAAC,EAAa,UACb,OAAAC,EAAS,GACT,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAAAA,QAAO,kBAAkBC,EAAAA,QAAQR,CAAI,CAAC,EAAE,EACpDS,EACJV,IAAY,~~UAAYQ~~,EAAAA,QAAO,~~2BAA2B~~,~~EAAI~~,~~GAC1DG~~,EACJT,IAAe,WAAaM,EAAAA,QAAO,+BAA+B,EAAI,GAClEI,EAAYT,EAASK,UAAO,gBAAgB,EAAI,GAEhDK,EAAY,CAChBL,EAAAA,QAAO,SACPD,EACAG,EACAC,EACAC,EACAf,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEiB,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWF,EACX,SAAS,aACT,KAAK,SACL,KAAAR,EACA,SAAAD,EACA,gBAAeD,EACf,gBAAc,UACb,GAAGG,EAEJ,SAAAU,EAAAA,KAAC,OAAA,CAAK,UAAWR,EAAAA,QAAO,kBACtB,SAAA,CAAAQ,EAAAA,KAAC,OAAA,CAAK,UAAWR,EAAAA,QAAO,kBACrB,SAAA,CAAAT,GAAe,~~YACb~~,OAAA,CAAK,~~UAAWS~~,~~UAAO~~,~~sBAAuB~~,cAAW,~~GACvD~~,~~SAAAT~~,~~CAAA~~,~~CACH~~,~~EAEFe~~,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,gBAAkB,SAAAV,CAAA,CAAS,CAAA,EACrD,EACAgB,MAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,kBAAmB,cAAW,GACpD,SAAAM,EAAAA,~~IAACG~~,EAAAA,QAAA,CAAK,KAAK,KAAK,~~MAAOH~~,EAAAA,~~IAACI~~,EAAA,CAAA,CAAgB,EAAI,CAAA,CAC9C,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"Dropdown.cjs","sources":["../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport { toKebab } from '@/utils/string';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport styles from './Dropdown.module.scss';\n\nexport type DropdownSize = 'x-small' \| 'small' \| 'medium' \| 'large' \| 'x-large';\nexport type DropdownAppearance = 'default' \| 'inverted';\nexport type DropdownPadding = 'tight' \| 'compact' \| 'default';\n\nexport interface DropdownProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'size'\n> {\n /** Optional CSS class name. /\n className?: string;\n /* Label text shown in the trigger. /\n children: ReactNode;\n /* Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Dropdown provides the correct size via context. /\n leadingIcon?: ReactNode;\n /* Trigger inset (Figma). Tight hugs the label, Compact adds more, Default adds the most. Default: Tight. /\n padding?: DropdownPadding;\n /* Size variant. Default: Medium. /\n size?: DropdownSize;\n /* Light or dark background context. Default: Default. /\n appearance?: DropdownAppearance;\n /* When true, the dropdown is in an open/active state. /\n isOpen?: boolean;\n}\n\n/\n A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —\n * semibold, with a chevron — and signals \"this label is also a control.\"\n */\nexport default function Dropdown({\n className = '',\n children,\n leadingIcon,\n padding = 'tight',\n size = 'medium',\n appearance = 'default',\n isOpen = false,\n disabled,\n type = 'button',\n ...rest\n}: DropdownProps) {\n const sizeClass = styles[`dropdown--size-${toKebab(size)}`];\n const paddingClass =\n padding === 'tight' ? '' : styles[`dropdown--padding-${padding}`];\n const appearanceClass =\n appearance === 'inverted' ? styles['dropdown--appearance-inverted'] : '';\n const openClass = isOpen ? styles['dropdown--open'] : '';\n\n const rootClass = [\n styles.dropdown,\n sizeClass,\n paddingClass,\n appearanceClass,\n openClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <Button\n className={rootClass}\n emphasis=\"quaternary\"\n size=\"medium\"\n type={type}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n {...rest}\n >\n <span className={styles.dropdown__trigger}>\n <span className={styles.dropdown__content}>\n {leadingIcon != null && (\n <span className={styles['dropdown__leading-icon']} aria-hidden>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {leadingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n <span className={styles.dropdown__label}>{children}</span>\n </span>\n <span className={styles.dropdown__chevron} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </span>\n </Button>\n );\n}\n"],"names":["Dropdown","className","children","leadingIcon","padding","size","appearance","isOpen","disabled","type","rest","sizeClass","styles","toKebab","paddingClass","appearanceClass","openClass","rootClass","jsx","Button","jsxs","IconSlotContext","Icon","ChevronDownIcon"],"mappings":"4VAoCA,SAAwBA,EAAS,CAC/B,UAAAC,EAAY,GACZ,SAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,QACV,KAAAC,EAAO,SACP,WAAAC,EAAa,UACb,OAAAC,EAAS,GACT,SAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAYC,EAAAA,QAAO,kBAAkBC,EAAAA,QAAQR,CAAI,CAAC,EAAE,EACpDS,EACJV,IAAY,QAAU,GAAKQ,EAAAA,QAAO,qBAAqBR,CAAO,EAAE,EAC5DW,EACJT,IAAe,WAAaM,EAAAA,QAAO,+BAA+B,EAAI,GAClEI,EAAYT,EAASK,UAAO,gBAAgB,EAAI,GAEhDK,EAAY,CAChBL,EAAAA,QAAO,SACPD,EACAG,EACAC,EACAC,EACAf,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEiB,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWF,EACX,SAAS,aACT,KAAK,SACL,KAAAR,EACA,SAAAD,EACA,gBAAeD,EACf,gBAAc,UACb,GAAGG,EAEJ,SAAAU,EAAAA,KAAC,OAAA,CAAK,UAAWR,EAAAA,QAAO,kBACtB,SAAA,CAAAQ,EAAAA,KAAC,OAAA,CAAK,UAAWR,EAAAA,QAAO,kBACrB,SAAA,CAAAT,GAAe,MACde,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,wBAAwB,EAAG,cAAW,GAC5D,eAACS,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,EAEFH,EAAAA,IAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,gBAAkB,SAAAV,CAAA,CAAS,CAAA,EACrD,EACAgB,MAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,kBAAmB,cAAW,GACpD,SAAAM,EAAAA,IAACI,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOJ,EAAAA,IAACK,EAAA,CAAA,CAAgB,EAAI,CAAA,CAC9C,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/dropdown/Dropdown.css ADDED Viewed

@@ -0,0 +1 @@

+ ._dropdown_1jee3_13{display:inline-flex;align-items:center;background:transparent;border:0;border-radius:var(--radius-s);cursor:pointer;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);outline:none}._dropdown_1jee3_13:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_1jee3_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._dropdown_1jee3_13:focus-visible{animation:none}}@keyframes _focus-ring-in_1jee3_1{0%{outline-color:transparent;outline-offset:0}}._dropdown_1jee3_13{padding:0;min-width:0;max-width:100%}._dropdown_1jee3_13._dropdown_1jee3_13._dropdown_1jee3_13{--button-fg: var(--center-channel-color)}._dropdown_1jee3_13:hover:not(:disabled),._dropdown_1jee3_13:active:not(:disabled){transition:background-color var(--duration-quick) var(--ease-transition)}._dropdown_1jee3_13:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._dropdown_1jee3_13:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._dropdown_1jee3_13:disabled{opacity:.56;cursor:not-allowed}._dropdown_1jee3_13>span{display:contents}._dropdown__trigger_1jee3_65{display:inline-flex;align-items:center;min-width:0;max-width:100%}._dropdown__content_1jee3_71{display:inline-flex;align-items:center;min-width:0;flex-shrink:1;overflow:hidden}._dropdown__leading-icon_1jee3_78{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}._dropdown__label_1jee3_85{white-space:nowrap;color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis}._dropdown__chevron_1jee3_92{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;transition:transform var(--duration-quick) var(--ease-transition)}._dropdown__chevron_1jee3_92 svg{display:block;width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--open_1jee3_105 ._dropdown__chevron_1jee3_92{transform:rotate(180deg)}._dropdown--size-x-small_1jee3_108{padding:0 var(--spacing-xxxxs) 0 var(--spacing-xxxs)}._dropdown--size-x-small_1jee3_108 ._dropdown__trigger_1jee3_65{gap:0}._dropdown--size-x-small_1jee3_108 ._dropdown__content_1jee3_71{gap:var(--spacing-xxxs)}._dropdown--size-x-small_1jee3_108 ._dropdown__label_1jee3_85{font-size:var(--font-size-50);line-height:var(--line-height-50);letter-spacing:.01em}._dropdown--size-x-small_1jee3_108 ._dropdown__leading-icon_1jee3_78 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--size-small_1jee3_126{padding:var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxs)}._dropdown--size-small_1jee3_126 ._dropdown__trigger_1jee3_65{gap:0}._dropdown--size-small_1jee3_126 ._dropdown__content_1jee3_71{gap:var(--spacing-xxxs)}._dropdown--size-small_1jee3_126 ._dropdown__label_1jee3_85{font-size:var(--font-size-75);line-height:var(--line-height-75)}._dropdown--size-small_1jee3_126 ._dropdown__leading-icon_1jee3_78 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._dropdown--size-medium_1jee3_143{padding:var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxxs) var(--spacing-xxxs)}._dropdown--size-medium_1jee3_143 ._dropdown__trigger_1jee3_65{gap:0}._dropdown--size-medium_1jee3_143 ._dropdown__content_1jee3_71{gap:var(--spacing-xs)}._dropdown--size-medium_1jee3_143 ._dropdown__label_1jee3_85{font-size:var(--font-size-100);line-height:var(--line-height-100)}._dropdown--size-medium_1jee3_143 ._dropdown__chevron_1jee3_92 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-medium_1jee3_143 ._dropdown__leading-icon_1jee3_78 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-x-small_1jee3_108._dropdown--padding-compact_1jee3_164{padding:var(--spacing-xxxxs) var(--spacing-xxxs) var(--spacing-xxxxs) var(--spacing-xxs)}._dropdown--size-small_1jee3_126._dropdown--padding-compact_1jee3_164,._dropdown--size-x-small_1jee3_108._dropdown--padding-default_1jee3_170{padding:var(--spacing-xxxs) var(--spacing-xxs) var(--spacing-xxxs) var(--spacing-xs)}._dropdown--size-small_1jee3_126._dropdown--padding-default_1jee3_170{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-m)}._dropdown--size-medium_1jee3_143._dropdown--padding-default_1jee3_170{padding:var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-l)}._dropdown--size-large_1jee3_179._dropdown--padding-default_1jee3_170{padding:var(--spacing-m) var(--spacing-l) var(--spacing-m) var(--spacing-xl)}._dropdown--size-medium_1jee3_143._dropdown--padding-compact_1jee3_164{padding:var(--spacing-xxxs) var(--spacing-xs) var(--spacing-xxxs) var(--spacing-s)}._dropdown--size-large_1jee3_179._dropdown--padding-compact_1jee3_164{padding:var(--spacing-xxxs) var(--spacing-xs) var(--spacing-xxxs) var(--spacing-m)}._dropdown--size-large_1jee3_179{padding:var(--spacing-xxxxs) var(--spacing-xxxs) var(--spacing-xxxxs) var(--spacing-xxs)}._dropdown--size-large_1jee3_179 ._dropdown__trigger_1jee3_65{gap:var(--spacing-xxxxs)}._dropdown--size-large_1jee3_179 ._dropdown__content_1jee3_71{gap:var(--spacing-s)}._dropdown--size-large_1jee3_179 ._dropdown__label_1jee3_85{font-family:var(--font-family-heading);font-size:var(--font-size-200);line-height:var(--line-height-200)}._dropdown--size-large_1jee3_179 ._dropdown__chevron_1jee3_92 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._dropdown--size-x-large_1jee3_206{padding:0 var(--spacing-xxs) 0 var(--spacing-xs)}._dropdown--size-x-large_1jee3_206 ._dropdown__trigger_1jee3_65{gap:calc(var(--spacing-xxxxs) * 1.5)}._dropdown--size-x-large_1jee3_206 ._dropdown__content_1jee3_71{gap:var(--spacing-s)}._dropdown--size-x-large_1jee3_206 ._dropdown__label_1jee3_85{font-family:var(--font-family-heading);font-size:var(--font-size-700);line-height:var(--line-height-700)}._dropdown--size-x-large_1jee3_206 ._dropdown__chevron_1jee3_92 svg{width:var(--icon-size-20);height:var(--icon-size-20)}._dropdown--appearance-inverted_1jee3_224._dropdown_1jee3_13._dropdown_1jee3_13{--button-fg: var(--sidebar-text);color:var(--sidebar-text)}._dropdown--appearance-inverted_1jee3_224._dropdown_1jee3_13._dropdown_1jee3_13:hover:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.12)}._dropdown--appearance-inverted_1jee3_224._dropdown_1jee3_13._dropdown_1jee3_13:active:not(:disabled){background-color:rgba(var(--sidebar-text-rgb),.2)}

package/dist/components/dropdown/Dropdown.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 export type DropdownSize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
 export type DropdownAppearance = 'default' | 'inverted';
-export type DropdownPadding = 'tight' | 'compact';
+export type DropdownPadding = 'tight' | 'compact' | 'default';
 export interface DropdownProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
     /** Optional CSS class name. */
     className?: string;
     /** Label text shown in the trigger. */
     children: ReactNode;
-    /** Optional leading icon. */
+    /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Dropdown provides the correct size via context. */
     leadingIcon?: ReactNode;
-    /** Trigger inset. Tight is default; Compact adds more padding (Figma). Default: Tight. */
+    /** Trigger inset (Figma). Tight hugs the label, Compact adds more, Default adds the most. Default: Tight. */
     padding?: DropdownPadding;
     /** Size variant. Default: Medium. */
     size?: DropdownSize;

package/dist/components/dropdown/Dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;~~AAO7D~~,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;~~AAElD~~,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,~~6BAA6B~~;~~IAC7B~~,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,~~0FAA0F~~;~~IAC1F~~,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAiB,EACjB,IAAe,EACf,UAAsB,EACtB,MAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,~~2CA6Cf~~"}
1	+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAChF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,oHAAoH;IACpH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAc,EACd,QAAQ,EACR,WAAW,EACX,OAAiB,EACjB,IAAe,EACf,UAAsB,EACtB,MAAc,EACd,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,aAAa,2CA+Cf"}

package/dist/components/dropdown/Dropdown.js CHANGED Viewed

@@ -1,51 +1,51 @@
-import { jsx as a, jsxs as e } from "react/jsx-runtime";
-import g from "../button/Button.js";
-import { toKebab as C } from "../../utils/string.js";
-import N from "../icon/Icon.js";
-import __b from "@mattermost/compass-icons/components/chevron-down.js";const b=__b&&__b.default?__b.default:__b;
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import C from "../button/Button.js";
+import { toKebab as g } from "../../utils/string.js";
+import v, { IconSlotContext as x } from "../icon/Icon.js";
+import __N from "@mattermost/compass-icons/components/chevron-down.js";const N=__N&&__N.default?__N.default:__N;
 import o from "./Dropdown.module.scss.js";
-function D({
-  className: s = "",
-  children: d,
-  leadingIcon: n,
-  padding: p = "tight",
-  size: t = "medium",
-  appearance: i = "default",
-  isOpen: r = !1,
+function I({
+  className: d = "",
+  children: t,
+  leadingIcon: e,
+  padding: r = "tight",
+  size: i = "medium",
+  appearance: p = "default",
+  isOpen: a = !1,
   disabled: l,
   type: c = "button",
   ...m
 }) {
-  const h = o[`dropdown--size-${C(t)}`], u = p === "compact" ? o["dropdown--padding-compact"] : "", w = i === "inverted" ? o["dropdown--appearance-inverted"] : "", f = r ? o["dropdown--open"] : "", _ = [
+  const h = o[`dropdown--size-${g(i)}`], u = r === "tight" ? "" : o[`dropdown--padding-${r}`], w = p === "inverted" ? o["dropdown--appearance-inverted"] : "", f = a ? o["dropdown--open"] : "", _ = [
     o.dropdown,
     h,
     u,
     w,
     f,
-    s
+    d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a(
-    g,
+  return /* @__PURE__ */ n(
+    C,
     {
       className: _,
       emphasis: "quaternary",
       size: "medium",
       type: c,
       disabled: l,
-      "aria-expanded": r,
+      "aria-expanded": a,
       "aria-haspopup": "listbox",
       ...m,
-      children: /* @__PURE__ */ e("span", { className: o.dropdown__trigger, children: [
-        /* @__PURE__ */ e("span", { className: o.dropdown__content, children: [
-          n != null && /* @__PURE__ */ a("span", { className: o.dropdown__leadingIcon, "aria-hidden": !0, children: n }),
-          /* @__PURE__ */ a("span", { className: o.dropdown__label, children: d })
+      children: /* @__PURE__ */ s("span", { className: o.dropdown__trigger, children: [
+        /* @__PURE__ */ s("span", { className: o.dropdown__content, children: [
+          e != null && /* @__PURE__ */ n("span", { className: o["dropdown__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ n(x.Provider, { value: { size: "16" }, children: e }) }),
+          /* @__PURE__ */ n("span", { className: o.dropdown__label, children: t })
         ] }),
-        /* @__PURE__ */ a("span", { className: o.dropdown__chevron, "aria-hidden": !0, children: /* @__PURE__ */ a(N, { size: "12", glyph: /* @__PURE__ */ a(b, {}) }) })
+        /* @__PURE__ */ n("span", { className: o.dropdown__chevron, "aria-hidden": !0, children: /* @__PURE__ */ n(v, { size: "12", glyph: /* @__PURE__ */ n(N, {}) }) })
       ] })
     }
   );
 }
 export {
-  D as default
+  I as default
 };
 //# sourceMappingURL=Dropdown.js.map

package/dist/components/dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport { toKebab } from '@/utils/string';\nimport Icon from '@/components/icon/Icon';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport styles from './Dropdown.module.scss';\n\nexport type DropdownSize = 'x-small' \| 'small' \| 'medium' \| 'large' \| 'x-large';\nexport type DropdownAppearance = 'default' \| 'inverted';\nexport type DropdownPadding = 'tight' \| 'compact';\n\nexport interface DropdownProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'size'\n> {\n /** Optional CSS class name. /\n className?: string;\n /* Label text shown in the trigger. /\n children: ReactNode;\n /* Optional leading icon. /\n leadingIcon?: ReactNode;\n /* Trigger inset. Tight is ~~default;~~ Compact adds more ~~padding~~ ~~(Figma)~~. Default: Tight. /\n padding?: DropdownPadding;\n /* Size variant. Default: Medium. /\n size?: DropdownSize;\n /* Light or dark background context. Default: Default. /\n appearance?: DropdownAppearance;\n /* When true, the dropdown is in an open/active state. /\n isOpen?: boolean;\n}\n\n/\n A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —\n * semibold, with a chevron — and signals \"this label is also a control.\"\n */\nexport default function Dropdown({\n className = '',\n children,\n leadingIcon,\n padding = 'tight',\n size = 'medium',\n appearance = 'default',\n isOpen = false,\n disabled,\n type = 'button',\n ...rest\n}: DropdownProps) {\n const sizeClass = styles[`dropdown--size-${toKebab(size)}`];\n const paddingClass =\n padding === '~~compact~~' ? styles['dropdown--padding~~-compact'~~] ~~: ''~~;\n const appearanceClass =\n appearance === 'inverted' ? styles['dropdown--appearance-inverted'] : '';\n const openClass = isOpen ? styles['dropdown--open'] : '';\n\n const rootClass = [\n styles.dropdown,\n sizeClass,\n paddingClass,\n appearanceClass,\n openClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <Button\n className={rootClass}\n emphasis=\"quaternary\"\n size=\"medium\"\n type={type}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n {...rest}\n >\n <span className={styles.dropdown__trigger}>\n <span className={styles.dropdown__content}>\n {leadingIcon != null && (\n <span className={styles~~.dropdown__leadingIcon~~} aria-hidden>\n {leadingIcon}\n </span>\n )}\n <span className={styles.dropdown__label}>{children}</span>\n </span>\n <span className={styles.dropdown__chevron} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </span>\n </Button>\n );\n}\n"],"names":["Dropdown","className","children","leadingIcon","padding","size","appearance","isOpen","disabled","type","rest","sizeClass","styles","toKebab","paddingClass","appearanceClass","openClass","rootClass","jsx","Button","jsxs","Icon","ChevronDownIcon"],"mappings":";;;;;;~~AAmCA~~,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAYC,EAAO,kBAAkBC,EAAQR,CAAI,CAAC,EAAE,GACpDS,IACJV,MAAY,~~YAAYQ~~,EAAO,~~2BAA2B~~,~~IAAI~~,~~IAC1DG~~,IACJT,MAAe,aAAaM,EAAO,+BAA+B,IAAI,IAClEI,IAAYT,IAASK,EAAO,gBAAgB,IAAI,IAEhDK,IAAY;AAAA,IAChBL,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAf;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,UAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAAR;AAAA,MACA,UAAAD;AAAA,MACA,iBAAeD;AAAA,MACf,iBAAc;AAAA,MACb,GAAGG;AAAA,MAEJ,UAAA,gBAAAU,EAAC,QAAA,EAAK,WAAWR,EAAO,mBACtB,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWR,EAAO,mBACrB,UAAA;AAAA,UAAAT,KAAe,~~0BACb~~,QAAA,EAAK,~~WAAWS~~,EAAO,~~uBAAuB~~,eAAW,~~IACvD~~,~~UAAAT~~,~~EAAA~~,~~CACH~~;AAAA,UAEF,~~gBAAAe~~,EAAC,QAAA,EAAK,WAAWN,EAAO,iBAAkB,UAAAV,EAAA,CAAS;AAAA,QAAA,GACrD;AAAA,QACA,gBAAAgB,EAAC,QAAA,EAAK,WAAWN,EAAO,mBAAmB,eAAW,IACpD,UAAA,gBAAAM,~~EAACG~~,GAAA,EAAK,MAAK,MAAK,OAAO,~~gBAAAH~~,~~EAACI~~,GAAA,CAAA,CAAgB,GAAI,EAAA,CAC9C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport { toKebab } from '@/utils/string';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport styles from './Dropdown.module.scss';\n\nexport type DropdownSize = 'x-small' \| 'small' \| 'medium' \| 'large' \| 'x-large';\nexport type DropdownAppearance = 'default' \| 'inverted';\nexport type DropdownPadding = 'tight' \| 'compact' \| 'default';\n\nexport interface DropdownProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'size'\n> {\n /** Optional CSS class name. /\n className?: string;\n /* Label text shown in the trigger. /\n children: ReactNode;\n /* Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; Dropdown provides the correct size via context. /\n leadingIcon?: ReactNode;\n /* Trigger inset (Figma). Tight hugs the label, Compact adds more, Default adds the most. Default: Tight. /\n padding?: DropdownPadding;\n /* Size variant. Default: Medium. /\n size?: DropdownSize;\n /* Light or dark background context. Default: Default. /\n appearance?: DropdownAppearance;\n /* When true, the dropdown is in an open/active state. /\n isOpen?: boolean;\n}\n\n/\n A Dropdown is a heading-weight trigger that opens a Popover Menu. It reads as a title —\n * semibold, with a chevron — and signals \"this label is also a control.\"\n */\nexport default function Dropdown({\n className = '',\n children,\n leadingIcon,\n padding = 'tight',\n size = 'medium',\n appearance = 'default',\n isOpen = false,\n disabled,\n type = 'button',\n ...rest\n}: DropdownProps) {\n const sizeClass = styles[`dropdown--size-${toKebab(size)}`];\n const paddingClass =\n padding === 'tight' ? '' : styles[`dropdown--padding-${padding}`];\n const appearanceClass =\n appearance === 'inverted' ? styles['dropdown--appearance-inverted'] : '';\n const openClass = isOpen ? styles['dropdown--open'] : '';\n\n const rootClass = [\n styles.dropdown,\n sizeClass,\n paddingClass,\n appearanceClass,\n openClass,\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <Button\n className={rootClass}\n emphasis=\"quaternary\"\n size=\"medium\"\n type={type}\n disabled={disabled}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n {...rest}\n >\n <span className={styles.dropdown__trigger}>\n <span className={styles.dropdown__content}>\n {leadingIcon != null && (\n <span className={styles['dropdown__leading-icon']} aria-hidden>\n <IconSlotContext.Provider value={{ size: '16' }}>\n {leadingIcon}\n </IconSlotContext.Provider>\n </span>\n )}\n <span className={styles.dropdown__label}>{children}</span>\n </span>\n <span className={styles.dropdown__chevron} aria-hidden>\n <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n </span>\n </span>\n </Button>\n );\n}\n"],"names":["Dropdown","className","children","leadingIcon","padding","size","appearance","isOpen","disabled","type","rest","sizeClass","styles","toKebab","paddingClass","appearanceClass","openClass","rootClass","jsx","Button","jsxs","IconSlotContext","Icon","ChevronDownIcon"],"mappings":";;;;;;AAoCA,SAAwBA,EAAS;AAAA,EAC/B,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAYC,EAAO,kBAAkBC,EAAQR,CAAI,CAAC,EAAE,GACpDS,IACJV,MAAY,UAAU,KAAKQ,EAAO,qBAAqBR,CAAO,EAAE,GAC5DW,IACJT,MAAe,aAAaM,EAAO,+BAA+B,IAAI,IAClEI,IAAYT,IAASK,EAAO,gBAAgB,IAAI,IAEhDK,IAAY;AAAA,IAChBL,EAAO;AAAA,IACPD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAC;AAAA,IACAf;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAiB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,UAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAAR;AAAA,MACA,UAAAD;AAAA,MACA,iBAAeD;AAAA,MACf,iBAAc;AAAA,MACb,GAAGG;AAAA,MAEJ,UAAA,gBAAAU,EAAC,QAAA,EAAK,WAAWR,EAAO,mBACtB,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWR,EAAO,mBACrB,UAAA;AAAA,UAAAT,KAAe,QACd,gBAAAe,EAAC,QAAA,EAAK,WAAWN,EAAO,wBAAwB,GAAG,eAAW,IAC5D,4BAACS,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,UAEF,gBAAAH,EAAC,QAAA,EAAK,WAAWN,EAAO,iBAAkB,UAAAV,EAAA,CAAS;AAAA,QAAA,GACrD;AAAA,QACA,gBAAAgB,EAAC,QAAA,EAAK,WAAWN,EAAO,mBAAmB,eAAW,IACpD,UAAA,gBAAAM,EAACI,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAJ,EAACK,GAAA,CAAA,CAAgB,GAAI,EAAA,CAC9C;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/dropdown/Dropdown.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Dropdown.module.css');const o="_dropdown_ofxhk_2",d="_dropdown__trigger_ofxhk_32",_="_dropdown__content_ofxhk_36",n="_dropdown__leadingIcon_ofxhk_41",r="_dropdown__label_ofxhk_48",e="_dropdown__chevron_ofxhk_52",p={dropdown:o,dropdown__trigger:d,dropdown__content:_,dropdown__leadingIcon:n,dropdown__label:r,dropdown__chevron:e,"dropdown--open":"_dropdown--open_ofxhk_65","dropdown--size-x-small":"_dropdown--size-x-small_ofxhk_68","dropdown--size-small":"_dropdown--size-small_ofxhk_87","dropdown--size-medium":"_dropdown--size-medium_ofxhk_104","dropdown--padding-compact":"_dropdown--padding-compact_ofxhk_125","dropdown--size-large":"_dropdown--size-large_ofxhk_128","dropdown--size-x-large":"_dropdown--size-x-large_ofxhk_146","dropdown--appearance-inverted":"_dropdown--appearance-inverted_ofxhk_164"};exports.default=p;exports.dropdown=o;exports.dropdown__chevron=e;exports.dropdown__content=_;exports.dropdown__label=r;exports.dropdown__leadingIcon=n;exports.dropdown__trigger=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Dropdown.css');const o="_dropdown_1jee3_13",d="_dropdown__trigger_1jee3_65",e="_dropdown__content_1jee3_71",_="_dropdown__label_1jee3_85",n="_dropdown__chevron_1jee3_92",r={dropdown:o,"focus-ring-in":"_focus-ring-in_1jee3_1",dropdown__trigger:d,dropdown__content:e,"dropdown__leading-icon":"_dropdown__leading-icon_1jee3_78",dropdown__label:_,dropdown__chevron:n,"dropdown--open":"_dropdown--open_1jee3_105","dropdown--size-x-small":"_dropdown--size-x-small_1jee3_108","dropdown--size-small":"_dropdown--size-small_1jee3_126","dropdown--size-medium":"_dropdown--size-medium_1jee3_143","dropdown--padding-compact":"_dropdown--padding-compact_1jee3_164","dropdown--padding-default":"_dropdown--padding-default_1jee3_170","dropdown--size-large":"_dropdown--size-large_1jee3_179","dropdown--size-x-large":"_dropdown--size-x-large_1jee3_206","dropdown--appearance-inverted":"_dropdown--appearance-inverted_1jee3_224"};exports.default=r;exports.dropdown=o;exports.dropdown__chevron=n;exports.dropdown__content=e;exports.dropdown__label=_;exports.dropdown__trigger=d;
 //# sourceMappingURL=Dropdown.module.scss.cjs.map

package/dist/components/dropdown/Dropdown.module.scss.js CHANGED Viewed

@@ -1,26 +1,27 @@
-import './Dropdown.module.css';const o = "_dropdown_ofxhk_2", d = "_dropdown__trigger_ofxhk_32", _ = "_dropdown__content_ofxhk_36", n = "_dropdown__leadingIcon_ofxhk_41", r = "_dropdown__label_ofxhk_48", p = "_dropdown__chevron_ofxhk_52", e = {
+import './Dropdown.css';const o = "_dropdown_1jee3_13", d = "_dropdown__trigger_1jee3_65", e = "_dropdown__content_1jee3_71", _ = "_dropdown__label_1jee3_85", n = "_dropdown__chevron_1jee3_92", r = {
   dropdown: o,
+  "focus-ring-in": "_focus-ring-in_1jee3_1",
   dropdown__trigger: d,
-  dropdown__content: _,
-  dropdown__leadingIcon: n,
-  dropdown__label: r,
-  dropdown__chevron: p,
-  "dropdown--open": "_dropdown--open_ofxhk_65",
-  "dropdown--size-x-small": "_dropdown--size-x-small_ofxhk_68",
-  "dropdown--size-small": "_dropdown--size-small_ofxhk_87",
-  "dropdown--size-medium": "_dropdown--size-medium_ofxhk_104",
-  "dropdown--padding-compact": "_dropdown--padding-compact_ofxhk_125",
-  "dropdown--size-large": "_dropdown--size-large_ofxhk_128",
-  "dropdown--size-x-large": "_dropdown--size-x-large_ofxhk_146",
-  "dropdown--appearance-inverted": "_dropdown--appearance-inverted_ofxhk_164"
+  dropdown__content: e,
+  "dropdown__leading-icon": "_dropdown__leading-icon_1jee3_78",
+  dropdown__label: _,
+  dropdown__chevron: n,
+  "dropdown--open": "_dropdown--open_1jee3_105",
+  "dropdown--size-x-small": "_dropdown--size-x-small_1jee3_108",
+  "dropdown--size-small": "_dropdown--size-small_1jee3_126",
+  "dropdown--size-medium": "_dropdown--size-medium_1jee3_143",
+  "dropdown--padding-compact": "_dropdown--padding-compact_1jee3_164",
+  "dropdown--padding-default": "_dropdown--padding-default_1jee3_170",
+  "dropdown--size-large": "_dropdown--size-large_1jee3_179",
+  "dropdown--size-x-large": "_dropdown--size-x-large_1jee3_206",
+  "dropdown--appearance-inverted": "_dropdown--appearance-inverted_1jee3_224"
 };
 export {
-  e as default,
+  r as default,
   o as dropdown,
-  p as dropdown__chevron,
-  _ as dropdown__content,
-  r as dropdown__label,
-  n as dropdown__leadingIcon,
+  n as dropdown__chevron,
+  e as dropdown__content,
+  _ as dropdown__label,
   d as dropdown__trigger
 };
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/components/dropdown/Dropdown.module.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Dropdown.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}