@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/components/combobox/Combobox.module.scss.js

@@ -0,0 +1,45 @@
+import './Combobox.css';const o = "_combobox_10ikn_2", _ = "_combobox__wrapper_10ikn_8", b = "_combobox__label_10ikn_26", c = "_combobox__inner_10ikn_56", m = "_combobox__value_10ikn_72", n = "_combobox__control_10ikn_82", i = "_combobox__clear_10ikn_120", x = "_combobox__popup_10ikn_143", e = "_combobox__menu_10ikn_159", l = "_combobox__empty_10ikn_164", a = "_combobox__loading_10ikn_172", p = "_combobox__list_10ikn_182", s = "_combobox__option_10ikn_187", t = {
+  combobox: o,
+  combobox__wrapper: _,
+  "combobox--disabled": "_combobox--disabled_10ikn_16",
+  combobox__label: b,
+  "combobox--label-floated": "_combobox--label-floated_10ikn_47",
+  combobox__inner: c,
+  "combobox__leading-icon": "_combobox__leading-icon_10ikn_64",
+  combobox__value: m,
+  combobox__control: n,
+  "combobox__trailing-icon": "_combobox__trailing-icon_10ikn_107",
+  "combobox--open": "_combobox--open_10ikn_117",
+  combobox__clear: i,
+  combobox__popup: x,
+  "combobox__popup--above": "_combobox__popup--above_10ikn_150",
+  "combobox__popup--visible": "_combobox__popup--visible_10ikn_153",
+  combobox__menu: e,
+  combobox__empty: l,
+  combobox__loading: a,
+  combobox__list: p,
+  combobox__option: s,
+  "combobox--size-small": "_combobox--size-small_10ikn_191",
+  "combobox--has-chips": "_combobox--has-chips_10ikn_198",
+  "combobox--size-medium": "_combobox--size-medium_10ikn_215",
+  "combobox--size-large": "_combobox--size-large_10ikn_243",
+  "combobox--invalid": "_combobox--invalid_10ikn_272",
+  "combobox--has-leading-icon": "_combobox--has-leading-icon_10ikn_284"
+};
+export {
+  o as combobox,
+  i as combobox__clear,
+  n as combobox__control,
+  l as combobox__empty,
+  c as combobox__inner,
+  b as combobox__label,
+  p as combobox__list,
+  a as combobox__loading,
+  e as combobox__menu,
+  s as combobox__option,
+  x as combobox__popup,
+  m as combobox__value,
+  _ as combobox__wrapper,
+  t as default
+};
+//# sourceMappingURL=Combobox.module.scss.js.map

package/dist/components/combobox/Combobox.module.scss.js.map

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

package/dist/components/combobox/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Combobox.cjs");exports.Combobox=o.default;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/combobox/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxSize, ComboboxOption } from './Combobox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/combobox/index.js

@@ -0,0 +1,5 @@
+import { default as b } from "./Combobox.js";
+export {
+  b as Combobox
+};
+//# sourceMappingURL=index.js.map

package/dist/components/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/date-range-picker/DateRangePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),s=require("react"),Pe=require("../button/Button.cjs"),q=require("../icon-button/IconButton.cjs"),C=require("../icon/Icon.cjs"),__oe=require("@mattermost/compass-icons/components/calendar-outline.js"),oe=__oe?.default??__oe,__$e=require("@mattermost/compass-icons/components/chevron-down.js"),$e=__$e?.default??__$e,__ze=require("@mattermost/compass-icons/components/chevron-left.js"),ze=__ze?.default??__ze,__Le=require("@mattermost/compass-icons/components/chevron-right.js"),Le=__Le?.default??__Le,Ye=require("../../hooks/use-anchored-popup-portal.cjs"),Ke=require("../../hooks/use-outside-close.cjs"),He=require("../../hooks/use-popover-transition.cjs"),l=require("./DateRangePicker.module.scss.cjs"),Ue=360,Ve=["Su","Mo","Tu","We","Th","Fr","Sa"],We=["January","February","March","April","May","June","July","August","September","October","November","December"];function Je(i){if(!i)return"";const[n,p,v]=i.split("-");return`${p}/${v}/${n}`}function W(i,n,p){return`${i}-${String(n+1).padStart(2,"0")}-${String(p).padStart(2,"0")}`}function J(i,n){return new Date(i,n+1,0).getDate()}function Ze(i,n){return new Date(i,n,1).getDay()}function Z(i,n){return i===n}function Ge(i,n,p){if(!n||!p)return!1;const[v,j]=n<p?[n,p]:[p,n];return i>v&&i<j}function A(i,n,p){if(!i)return null;const[v,j,S]=i.split("-").map(Number);return v===n&&j===p+1?S:null}function Qe({className:i="",mode:n="date",value:p,startDate:v,endDate:j,onChange:S,onRangeChange:T,disabled:_,id:ce,portalContainer:ie=null,zIndex:ue,placeholder:de="mm/dd/yyyy",formatDate:F=Je,monthNames:G=We,weekdayNames:fe=Ve,dialogLabel:pe="Date picker",todayLabel:ge="Today",previousMonthLabel:he="Previous month",nextMonthLabel:ke="Next month"}){const ye=s.useId(),Q=ce??ye,X=`${Q}-popover`,B=s.useRef(null),O=s.useRef(null),P=s.useRef(null),w=new Date,$=W(w.getFullYear(),w.getMonth(),w.getDate()),[c,N]=s.useState(w.getFullYear()),[o,E]=s.useState(w.getMonth()),[u,z]=s.useState(!1),[L,D]=s.useState(1),[me,ve]=s.useState(""),[_e,ee]=s.useState(""),[De,te]=s.useState(""),b=p??me,d=v??_e,h=j??De,be=n==="date"?!!b:!!d,{mounted:Y,visible:K}=He.usePopoverTransition(u),{placement:xe,style:je,portalRef:M,renderPortal:Se}=Ye.useAnchoredPopupPortal(O,Y,{preferredHeight:Ue,portalContainer:ie,zIndex:ue,matchWidth:!1}),k=s.useCallback((e=!0)=>{var t;z(!1),e&&((t=O.current)==null||t.focus())},[]);Ke.useOutsideClose(B,u,()=>k(!0),M),s.useEffect(()=>{if(!u)return;function e(t){t.key==="Escape"&&(t.preventDefault(),k(!0))}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[u,k]),s.useEffect(()=>{if(!u)return;function e(t){var f,g;const r=t.target;r&&((f=B.current)!=null&&f.contains(r)||(g=M.current)!=null&&g.contains(r)||k(!1))}return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)},[u,k,M]);const m=J(c,o),we=s.useCallback(()=>{if(n==="date"){const t=A(b,c,o);if(t)return t}else{const t=A(h,c,o);if(t)return t;const r=A(d,c,o);if(r)return r}const e=A($,c,o);return e||1},[n,b,d,h,c,o,$]);s.useEffect(()=>{if(!u||!K)return;const e=we();D(e);const t=requestAnimationFrame(()=>{var r,f;(f=(r=P.current)==null?void 0:r.querySelector(`[data-day="${e}"]`))==null||f.focus()});return()=>cancelAnimationFrame(t)},[u,K]);const y=s.useCallback(e=>{D(e),requestAnimationFrame(()=>{var t,r;(r=(t=P.current)==null?void 0:t.querySelector(`[data-day="${e}"]`))==null||r.focus()})},[]),H=s.useCallback(()=>{_||z(e=>!e)},[_]),Ie=s.useCallback(()=>{E(e=>e===0?(N(t=>t-1),11):e-1)},[]),Ce=s.useCallback(()=>{E(e=>e===11?(N(t=>t+1),0):e+1)},[]),x=s.useCallback((e,t)=>{const r=e===-1?o===0?11:o-1:o===11?0:o+1,f=e===-1?o===0?c-1:c:o===11?c+1:c,g=J(f,r);N(f),E(r),y(Math.min(t,g))},[o,c,y]),Ne=s.useCallback(()=>{const e=new Date;N(e.getFullYear()),E(e.getMonth()),y(e.getDate())},[y]),U=s.useCallback((e,t)=>{if(n==="date")S?S(e):ve(e),k(!0);else if(!d||d&&h)ee(e),te(""),D(t);else{const[r,f]=e>=d?[d,e]:[e,d];T?T(r,f):(ee(r),te(f)),k(!0)}},[n,d,h,S,T,k]),I=s.useCallback(e=>{const t=L+e;if(t>=1&&t<=m){y(t);return}t<1?x(-1,J(o===0?c-1:c,o===0?11:o-1)+t):x(1,t-m)},[L,m,o,c,y,x]),Ee=s.useCallback((e,t)=>{switch(e.key){case"ArrowLeft":e.preventDefault(),I(-1);break;case"ArrowRight":e.preventDefault(),I(1);break;case"ArrowUp":e.preventDefault(),I(-7);break;case"ArrowDown":e.preventDefault(),I(7);break;case"Home":e.preventDefault(),y(1);break;case"End":e.preventDefault(),y(m);break;case"PageUp":e.preventDefault(),x(-1,t);break;case"PageDown":e.preventDefault(),x(1,t);break;case"Enter":case" ":e.preventDefault(),D(t),U(W(c,o,t),t);break}},[I,y,m,x,U,c,o]),Me=s.useCallback(e=>{if(!_)switch(e.key){case"Enter":case" ":e.preventDefault(),H();break;case"ArrowDown":u||(e.preventDefault(),z(!0));break;case"Escape":u&&(e.preventDefault(),k(!0));break}},[_,H,u,k]);s.useEffect(()=>{u&&D(e=>Math.min(Math.max(1,e),m))},[u,m,o,c]);const Re=Ze(c,o),R=[...Array(Re).fill(null),...Array.from({length:m},(e,t)=>t+1)];for(;R.length%7!==0;)R.push(null);const ae=[];for(let e=0;e<R.length;e+=7)ae.push(R.slice(e,e+7));const qe=n==="date"?b?F(b):"":d?`${F(d)}${h?` – ${F(h)}`:""}`:"",Ae=[l.default["date-range-picker"],u?l.default["date-range-picker--open"]:"",_?l.default["date-range-picker--disabled"]:"",i].filter(Boolean).join(" ");return a.jsxs("div",{ref:B,className:Ae,children:[a.jsxs("div",{ref:O,className:l.default["date-range-picker__trigger"],role:"button","aria-haspopup":"dialog","aria-expanded":u,"aria-controls":Y?X:void 0,"aria-disabled":_||void 0,tabIndex:_?-1:0,id:Q,"data-has-value":be?"":void 0,onClick:H,onKeyDown:Me,children:[a.jsx("span",{className:l.default["date-range-picker__calendar-icon"],"aria-hidden":!0,children:a.jsx(C.default,{size:"16",glyph:a.jsx(oe,{})})}),a.jsx("span",{className:l.default["date-range-picker__value"],children:qe||de}),a.jsx("span",{className:l.default["date-range-picker__chevron"],"aria-hidden":!0,children:a.jsx(C.default,{size:"16",glyph:a.jsx($e,{})})})]}),Y&&Se(a.jsxs("div",{ref:M,id:X,className:[l.default["date-range-picker__popover"],xe==="above"?l.default["date-range-picker__popover--above"]:"",K?l.default["date-range-picker__popover--visible"]:""].filter(Boolean).join(" "),style:je,role:"dialog","aria-modal":"false","aria-label":pe,children:[a.jsxs("div",{className:l.default["date-range-picker__header"],children:[a.jsxs("span",{className:l.default["date-range-picker__month-label"],"aria-live":"polite",children:[G[o]," ",c]}),a.jsxs("div",{className:l.default["date-range-picker__header-actions"],children:[a.jsx(Pe.default,{emphasis:"quaternary",size:"small",leadingIcon:a.jsx(C.default,{size:"16",glyph:a.jsx(oe,{})}),onClick:Ne,children:ge}),a.jsxs("div",{className:l.default["date-range-picker__nav-buttons"],children:[a.jsx(q.default,{size:"medium",padding:"compact",icon:a.jsx(C.default,{size:q.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(ze,{})}),onClick:Ie,"aria-label":he}),a.jsx(q.default,{size:"medium",padding:"compact",icon:a.jsx(C.default,{size:q.ICON_BUTTON_ICON_SIZES.medium,glyph:a.jsx(Le,{})}),onClick:Ce,"aria-label":ke})]})]})]}),a.jsx("div",{className:l.default["date-range-picker__weekdays"],"aria-hidden":!0,children:fe.map((e,t)=>a.jsx("span",{className:l.default["date-range-picker__weekday"],children:e},t))}),a.jsx("div",{ref:P,className:l.default["date-range-picker__grid"],role:"grid","aria-label":`${G[o]} ${c}`,children:ae.map((e,t)=>a.jsx("div",{className:l.default["date-range-picker__week"],role:"row",children:e.map((r,f)=>{if(r==null)return a.jsx("span",{className:l.default["date-range-picker__day-empty"],role:"gridcell"},f);const g=W(c,o,r),ne=g===$,re=n==="range"&&Z(g,d),se=n==="range"&&!!h&&Z(g,h),V=n==="date"?Z(g,b):re||se,Te=n==="range"&&Ge(g,d,h),le=n==="range"&&!!d&&!!h&&d!==h,Fe=[l.default["date-range-picker__day-cell"],Te?l.default["date-range-picker__day-cell--in-range"]:"",le&&re?l.default["date-range-picker__day-cell--range-start"]:"",le&&se?l.default["date-range-picker__day-cell--range-end"]:""].filter(Boolean).join(" "),Be=[l.default["date-range-picker__day"],V?l.default["date-range-picker__day--selected"]:"",ne&&!V?l.default["date-range-picker__day--today"]:""].filter(Boolean).join(" ");return a.jsx("div",{className:Fe,role:"gridcell",children:a.jsx("button",{type:"button",className:Be,"data-day":r,tabIndex:L===r?0:-1,onClick:()=>U(g,r),onFocus:()=>D(r),onKeyDown:Oe=>Ee(Oe,r),"aria-label":g,"aria-pressed":V,"aria-current":ne?"date":void 0,children:r})},f)})},t))})]}))]})}exports.default=Qe;
+//# sourceMappingURL=DateRangePicker.cjs.map

package/dist/components/date-range-picker/DateRangePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/date-range-picker/DateRangePicker.tsx"],"sourcesContent":["import type { InputHTMLAttributes, KeyboardEvent, ReactNode } 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  /** 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  /** 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  id: idProp,\n  portalContainer = null,\n  zIndex,\n  placeholder = 'mm/dd/yyyy',\n  formatDate = formatDateDisplay,\n  monthNames = MONTHS,\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 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(\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    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['date-range-picker__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\n          className={styles['date-range-picker__calendar-icon']}\n          aria-hidden\n        >\n          <Icon size=\"16\" glyph={<CalendarOutlineIcon />} />\n        </span>\n        <span className={styles['date-range-picker__value']}>\n          {displayValue || placeholder}\n        </span>\n        <span className={styles['date-range-picker__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['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                {monthNames[displayMonth]} {displayYear}\n              </span>\n              <div className={styles['date-range-picker__header-actions']}>\n                <Button\n                  emphasis=\"quaternary\"\n                  size=\"small\"\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","idProp","portalContainer","zIndex","placeholder","formatDate","monthNames","weekdayNames","dialogLabel","todayLabel","previousMonthLabel","nextMonthLabel","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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"}

package/dist/components/date-range-picker/DateRangePicker.css

@@ -0,0 +1 @@
+._date-range-picker_c56gh_2{--date-range-picker-day-size: calc(var(--icon-size-32) + var(--spacing-xxxs));display:flex;flex-direction:column;position:relative;width:100%}._date-range-picker__trigger_c56gh_9{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-l);background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--duration-quick) var(--ease-transition)}._date-range-picker_c56gh_2:not(._date-range-picker--disabled_c56gh_21):not(._date-range-picker--open_c56gh_21):not(:focus-within) ._date-range-picker__trigger_c56gh_9:hover{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._date-range-picker_c56gh_2:focus-within ._date-range-picker__trigger_c56gh_9,._date-range-picker--open_c56gh_21 ._date-range-picker__trigger_c56gh_9{outline:none;box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._date-range-picker__trigger_c56gh_9:focus{outline:none}._date-range-picker__trigger_c56gh_9:focus-visible{outline:none}._date-range-picker--disabled_c56gh_21 ._date-range-picker__trigger_c56gh_9{opacity:.56;cursor:not-allowed}._date-range-picker__calendar-icon_c56gh_38{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._date-range-picker__calendar-icon_c56gh_38 svg{display:block;width:var(--icon-size-16);height:var(--icon-size-16)}._date-range-picker__value_c56gh_50{flex:1 1 0;min-width:0;align-self:stretch;display:flex;align-items:center;font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._date-range-picker__trigger_c56gh_9:not([data-has-value]) ._date-range-picker__value_c56gh_50{color:rgba(var(--center-channel-color-rgb),.64)}._date-range-picker__chevron_c56gh_68{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);transition:transform var(--duration-quick) var(--ease-transition)}._date-range-picker__chevron_c56gh_68 svg{display:block;width:var(--icon-size-16);height:var(--icon-size-16)}._date-range-picker--open_c56gh_21 ._date-range-picker__chevron_c56gh_68{transform:rotate(180deg)}._date-range-picker__popover_c56gh_84{--date-range-picker-day-size: calc( var(--icon-size-32) + var(--spacing-xxxs) );width:340px;padding:var(--spacing-l);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-4);display:flex;flex-direction:column;gap:var(--spacing-xs);opacity:0;transform:scale(.9);transform-origin:top left;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._date-range-picker__popover--above_c56gh_103{transform-origin:bottom left}._date-range-picker__popover--visible_c56gh_106{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._date-range-picker__header_c56gh_112{display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-xs)}._date-range-picker__month-label_c56gh_118{font-family:var(--font-family-heading);font-size:var(--font-size-200);line-height:var(--line-height-200);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}._date-range-picker__header-actions_c56gh_129{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._date-range-picker__nav-buttons_c56gh_135{display:flex;align-items:center}._date-range-picker__weekdays_c56gh_139{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;padding:0}._date-range-picker__weekday_c56gh_139{display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-semibold);color:rgba(var(--center-channel-color-rgb),.72);text-transform:uppercase;letter-spacing:.24px;text-align:center}._date-range-picker__grid_c56gh_159{display:flex;flex-direction:column;gap:0}._date-range-picker__week_c56gh_139{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}._date-range-picker__day-empty_c56gh_169{display:block;height:var(--date-range-picker-day-size)}._date-range-picker__day-cell_c56gh_173{display:flex;align-items:center;justify-content:center;height:var(--date-range-picker-day-size);min-width:0;position:relative;z-index:0}._date-range-picker__day-cell--in-range_c56gh_182:before,._date-range-picker__day-cell--range-start_c56gh_182:before,._date-range-picker__day-cell--range-end_c56gh_182:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;pointer-events:none}._date-range-picker__day-cell--in-range_c56gh_182{background-color:rgba(var(--button-bg-rgb),.12)}._date-range-picker__day-cell--in-range_c56gh_182:before{background-color:rgba(var(--button-bg-rgb),.12)}._date-range-picker__day-cell--range-start_c56gh_182{background:linear-gradient(to right,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._date-range-picker__day-cell--range-start_c56gh_182:before{background:linear-gradient(to right,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._date-range-picker__day-cell--range-end_c56gh_182{background:linear-gradient(to left,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._date-range-picker__day-cell--range-end_c56gh_182:before{background:linear-gradient(to left,transparent 50%,rgba(var(--button-bg-rgb),.12) 50%)}._date-range-picker__day_c56gh_169{display:flex;align-items:center;justify-content:center;width:var(--date-range-picker-day-size);height:var(--date-range-picker-day-size);flex-shrink:0;background:transparent;border:0;border-radius:var(--radius-pill);font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-semibold);color:var(--center-channel-color);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._date-range-picker__day_c56gh_169:hover:not(._date-range-picker__day--selected_c56gh_225){background-color:rgba(var(--center-channel-color-rgb),.08)}._date-range-picker__day_c56gh_169:focus{outline:none}._date-range-picker__day_c56gh_169:focus-visible:not(._date-range-picker__day--selected_c56gh_225){background-color:rgba(var(--center-channel-color-rgb),.08);box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._date-range-picker__day--selected_c56gh_225:focus-visible{box-shadow:0 0 0 2px rgba(var(--button-bg-rgb),.56)}._date-range-picker__day--today_c56gh_238{color:var(--link-color);font-weight:var(--font-weight-semibold)}._date-range-picker__day--selected_c56gh_225{background-color:var(--button-bg);color:var(--button-color)}._date-range-picker__day--selected_c56gh_225:hover{background-color:var(--button-bg);opacity:.92}._date-range-picker--disabled_c56gh_21{pointer-events:none}

package/dist/components/date-range-picker/DateRangePicker.d.ts

@@ -0,0 +1,44 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export type DateRangePickerMode = 'date' | 'range';
+export interface DateRangePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'type' | 'size'> {
+    /** Optional CSS class name applied to the root element. */
+    className?: string;
+    /** Selection mode: single date or range. Default: 'date'. */
+    mode?: DateRangePickerMode;
+    /** Controlled selected date (single mode). ISO string yyyy-mm-dd. */
+    value?: string;
+    /** Controlled start date (range mode). ISO string. */
+    startDate?: string;
+    /** Controlled end date (range mode). ISO string. */
+    endDate?: string;
+    /** Called when a date is selected (single mode). */
+    onChange?: (date: string) => void;
+    /** Called when range changes (range mode). */
+    onRangeChange?: (start: string, end: string) => void;
+    /** Portal mount node for the calendar; defaults to `document.body`. */
+    portalContainer?: HTMLElement | null;
+    /** Stacking order for the portaled calendar. */
+    zIndex?: number;
+    /** Trigger text when no date is selected. Default: "mm/dd/yyyy". */
+    placeholder?: string;
+    /** Formats an ISO `yyyy-mm-dd` date for the trigger. Default: `mm/dd/yyyy`. */
+    formatDate?: (iso: string) => string;
+    /** Twelve month names, January first. Default: English. */
+    monthNames?: string[];
+    /** Seven short weekday names, Sunday first. Default: "Su" … "Sa". */
+    weekdayNames?: string[];
+    /** Accessible name for the calendar dialog. Default: "Date picker". */
+    dialogLabel?: string;
+    /** Today button text. Default: "Today". */
+    todayLabel?: ReactNode;
+    /** Accessible name for the previous-month button. Default: "Previous month". */
+    previousMonthLabel?: string;
+    /** Accessible name for the next-month button. Default: "Next month". */
+    nextMonthLabel?: string;
+}
+/**
+ * The Date and Range Picker lets people pick a single date or a start/end range from a
+ * calendar. The trigger is a compact field; the calendar is a popover anchored 4px below it.
+ */
+export default function DateRangePicker({ className, mode, value, startDate, endDate, onChange, onRangeChange, disabled, id: idProp, portalContainer, zIndex, placeholder, formatDate, monthNames, weekdayNames, dialogLabel, todayLabel, previousMonthLabel, nextMonthLabel, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/components/date-range-picker/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-range-picker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3E,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACxD;IACC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wEAAwE;IACxE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAyDD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAc,EACd,IAAa,EACb,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,eAAsB,EACtB,MAAM,EACN,WAA0B,EAC1B,UAA8B,EAC9B,UAAmB,EACnB,YAAuB,EACvB,WAA2B,EAC3B,UAAoB,EACpB,kBAAqC,EACrC,cAA6B,GAC9B,EAAE,oBAAoB,2CAqkBtB"}