@nofinite/nui 1.0.1 → 1.1.0

package/dist/dist/components/datepicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"sourcesContent":["// DatePicker.tsx\r\n// Final Version — Minimal, Elegant, Inline Year + Month Selector\r\n// Calendar hides during year/month selection. No dependencies. Zero warnings.\r\n\r\nimport { useState, useRef, useEffect, KeyboardEvent, useMemo } from 'react';\r\nimport './DatePicker.css';\r\nimport { Portal, onClickOutside, restoreFocus } from '../../utils/index';\r\n\r\n/* ------------------------------------------\r\n   Helpers\r\n------------------------------------------- */\r\n\r\nconst pad = (n: number) => (n < 10 ? `0${n}` : `${n}`);\r\nconst toISO = (d: Date) =>\r\n  `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;\r\n\r\nfunction fromISO(s?: string | null): Date | null {\r\n  if (!s) return null;\r\n  const [y, m, d] = s.split('-').map(Number);\r\n  const dt = new Date(y, m - 1, d);\r\n  return Number.isNaN(dt.getTime()) ? null : dt;\r\n}\r\n\r\nconst startOfMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\r\nconst addMonths = (d: Date, n: number) =>\r\n  new Date(d.getFullYear(), d.getMonth() + n, 1);\r\nconst daysInMonth = (d: Date) =>\r\n  new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\r\n\r\n/* ------------------------------------------\r\n   Component Props\r\n------------------------------------------- */\r\n\r\nexport interface DatePickerProps {\r\n  value?: string; // YYYY-MM-DD\r\n  defaultValue?: string;\r\n  onChange?: (v: string) => void;\r\n  minDate?: string;\r\n  maxDate?: string;\r\n  placeholder?: string;\r\n  name?: string;\r\n  locale?: string;\r\n  id?: string;\r\n  className?: string;\r\n}\r\n\r\n/* ------------------------------------------\r\n   Component\r\n------------------------------------------- */\r\n\r\nexport function DatePicker({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  minDate,\r\n  maxDate,\r\n  placeholder = 'Select date',\r\n  name,\r\n  locale = 'en-US',\r\n  id,\r\n  className = '',\r\n}: DatePickerProps) {\r\n  const controlled = value !== undefined;\r\n  const [internal, setInternal] = useState<string | undefined>(defaultValue);\r\n  const selected = controlled ? value : internal;\r\n  const selectedDate = fromISO(selected) ?? new Date();\r\n\r\n  const [visible, setVisible] = useState<Date>(startOfMonth(selectedDate));\r\n  const [open, setOpen] = useState(false);\r\n  const [showYMM, setShowYMM] = useState(false);\r\n\r\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\r\n  const popRef = useRef<HTMLDivElement | null>(null);\r\n  const gridDayRefs = useRef<Record<string, HTMLButtonElement | null>>({});\r\n\r\n  /* ------------------------------------------\r\n     Min/Max handling\r\n  ------------------------------------------- */\r\n\r\n  const minDt = fromISO(minDate) ?? undefined;\r\n  const maxDt = fromISO(maxDate) ?? undefined;\r\n\r\n  const isDisabledDate = (d: Date): boolean => {\r\n    if (minDt && d < minDt) return true;\r\n    if (maxDt && d > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Click outside\r\n  ------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    return onClickOutside(popRef, () => {\r\n      setOpen(false);\r\n      setShowYMM(false);\r\n    });\r\n  }, [open]);\r\n\r\n  /* ------------------------------------------\r\n     Restore focus when closing\r\n  ------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const t = triggerRef.current;\r\n    return () => {\r\n      restoreFocus(t ?? null);\r\n      setShowYMM(false);\r\n    };\r\n  }, [open]);\r\n\r\n  /* ------------------------------------------\r\n     Positioning\r\n  ------------------------------------------- */\r\n\r\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!open || !triggerRef.current) return;\r\n    const r = triggerRef.current.getBoundingClientRect();\r\n    setPos({ top: r.bottom + 8, left: r.left });\r\n  }, [open, visible]);\r\n\r\n  /* ------------------------------------------\r\n     Calendar Grid\r\n  ------------------------------------------- */\r\n  const grid = useMemo(() => {\r\n    const first = startOfMonth(visible);\r\n    const startDow = first.getDay();\r\n    const totalDays = daysInMonth(visible);\r\n\r\n    const cells: (number | null)[] = [];\r\n\r\n    for (let i = 0; i < startDow; i++) cells.push(null);\r\n    for (let d = 1; d <= totalDays; d++) cells.push(d);\r\n    while (cells.length % 7 !== 0) cells.push(null);\r\n\r\n    return cells;\r\n  }, [visible]);\r\n\r\n  const weekdays = useMemo(\r\n    () =>\r\n      Array.from({ length: 7 }).map((_, i) =>\r\n        new Date(2020, 5, 7 + i).toLocaleDateString(locale, {\r\n          weekday: 'short',\r\n        })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  /* ------------------------------------------\r\n     Year & Month Overlay Grids\r\n  ------------------------------------------- */\r\n\r\n  const visibleYear = visible.getFullYear();\r\n  const YEAR_SPAN = 100;\r\n  const yearStart = visibleYear - YEAR_SPAN;\r\n\r\n  const years = useMemo(\r\n    () =>\r\n      Array.from({ length: YEAR_SPAN * 2 + 1 }).map((_, i) => yearStart + i),\r\n    [yearStart]\r\n  );\r\n\r\n  const months = useMemo(\r\n    () =>\r\n      Array.from({ length: 12 }).map((_, i) =>\r\n        new Date(2020, i, 1).toLocaleDateString(locale, { month: 'short' })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  const isMonthDisabled = (year: number, month: number): boolean => {\r\n    const start = new Date(year, month, 1);\r\n    const end = new Date(year, month, daysInMonth(start));\r\n    if (minDt && end < minDt) return true;\r\n    if (maxDt && start > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Commit selections\r\n  ------------------------------------------- */\r\n\r\n  const commitDay = (d: number) => {\r\n    const dt = new Date(visible.getFullYear(), visible.getMonth(), d);\r\n    if (isDisabledDate(dt)) return;\r\n\r\n    const iso = toISO(dt);\r\n    if (!controlled) setInternal(iso);\r\n    onChange?.(iso);\r\n\r\n    setOpen(false);\r\n    setShowYMM(false);\r\n  };\r\n\r\n  const commitMonth = (month: number) => {\r\n    setVisible(new Date(visible.getFullYear(), month, 1));\r\n    setShowYMM(false); // close overlay\r\n  };\r\n\r\n  const commitYear = (year: number) => {\r\n    setVisible(new Date(year, visible.getMonth(), 1));\r\n    // leave overlay open for month selection\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Keyboard navigation for days\r\n  ------------------------------------------- */\r\n\r\n  const focusDayByIndex = (idx: number) => {\r\n    if (idx < 0 || idx >= grid.length) return;\r\n    const day = grid[idx];\r\n    if (!day) return;\r\n    const key = `${visible.getFullYear()}-${visible.getMonth()}-${day}`;\r\n    gridDayRefs.current[key]?.focus();\r\n  };\r\n\r\n  const onDayKey = (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\r\n    const idx = grid.findIndex((c) => c === day);\r\n    if (idx === -1) return;\r\n\r\n    const cols = 7;\r\n    let nextIdx: number | null = null;\r\n\r\n    switch (e.key) {\r\n      case 'ArrowRight':\r\n        nextIdx = idx + 1;\r\n        break;\r\n      case 'ArrowLeft':\r\n        nextIdx = idx - 1;\r\n        break;\r\n      case 'ArrowDown':\r\n        nextIdx = idx + cols;\r\n        break;\r\n      case 'ArrowUp':\r\n        nextIdx = idx - cols;\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        e.preventDefault();\r\n        commitDay(day);\r\n        return;\r\n      case 'PageUp':\r\n        setVisible((v) => addMonths(v, -1));\r\n        return;\r\n      case 'PageDown':\r\n        setVisible((v) => addMonths(v, 1));\r\n        return;\r\n      case 'Escape':\r\n        setOpen(false);\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    e.preventDefault();\r\n\r\n    if (nextIdx === null) return;\r\n    if (nextIdx < 0 || nextIdx >= grid.length) return;\r\n\r\n    if (grid[nextIdx] != null) focusDayByIndex(nextIdx);\r\n  };\r\n\r\n  /* ------------------------------------------\r\n     Labels\r\n  ------------------------------------------- */\r\n\r\n  const headerMonthLabel = visible.toLocaleDateString(locale, {\r\n    month: 'long',\r\n  });\r\n  const headerYearLabel = visible.getFullYear();\r\n\r\n  /* ------------------------------------------\r\n     Render\r\n  ------------------------------------------- */\r\n\r\n  return (\r\n    <div className={`ui-datepicker minimal ${className}`}>\r\n      {name && <input type=\"hidden\" name={name} value={selected ?? ''} />}\r\n\r\n      <button\r\n        id={id}\r\n        ref={triggerRef}\r\n        type=\"button\"\r\n        className=\"ui-datepicker-input\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        onClick={() => {\r\n          setOpen((s) => !s);\r\n          setShowYMM(false);\r\n        }}\r\n      >\r\n        {selected ?? placeholder}\r\n      </button>\r\n\r\n      {open && pos && (\r\n        <Portal>\r\n          <div\r\n            ref={popRef}\r\n            className=\"ui-datepicker-popover\"\r\n            style={{\r\n              position: 'fixed',\r\n              top: pos.top,\r\n              left: pos.left,\r\n            }}\r\n          >\r\n            <div className=\"ui-datepicker-panel minimal\">\r\n              {/* Header */}\r\n              <div className=\"ui-header-row\">\r\n                <button\r\n                  className=\"ui-arrow\"\r\n                  aria-label=\"Previous month\"\r\n                  onClick={() => setVisible((v) => addMonths(v, -1))}\r\n                >\r\n                  ‹\r\n                </button>\r\n\r\n                <button\r\n                  className=\"ui-header-center\"\r\n                  onClick={() => setShowYMM((s) => !s)}\r\n                  aria-expanded={showYMM}\r\n                >\r\n                  {headerMonthLabel} {headerYearLabel}\r\n                </button>\r\n\r\n                <button\r\n                  className=\"ui-arrow\"\r\n                  aria-label=\"Next month\"\r\n                  onClick={() => setVisible((v) => addMonths(v, 1))}\r\n                >\r\n                  ›\r\n                </button>\r\n              </div>\r\n\r\n              {/* Year + Month Selector */}\r\n              {showYMM && (\r\n                <div className=\"ui-ym-panel\">\r\n                  <div className=\"ui-year-grid\">\r\n                    {years.map((y) => {\r\n                      const sel = y === visible.getFullYear();\r\n                      return (\r\n                        <button\r\n                          key={y}\r\n                          className={`ui-year-item ${sel ? 'selected' : ''}`}\r\n                          onClick={() => commitYear(y)}\r\n                        >\r\n                          {y}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n\r\n                  <div className=\"ui-month-grid\">\r\n                    {months.map((label, i) => {\r\n                      const disabled = isMonthDisabled(\r\n                        visible.getFullYear(),\r\n                        i\r\n                      );\r\n                      const sel = i === visible.getMonth();\r\n\r\n                      return (\r\n                        <button\r\n                          key={i}\r\n                          className={`ui-month-item ${\r\n                            disabled ? 'disabled' : ''\r\n                          } ${sel ? 'selected' : ''}`}\r\n                          disabled={disabled ? true : undefined}\r\n                          onClick={() => !disabled && commitMonth(i)}\r\n                        >\r\n                          {label}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* Calendar ONLY when overlay hidden */}\r\n              {!showYMM && (\r\n                <div\r\n                  className=\"ui-calendar minimal\"\r\n                  role=\"grid\"\r\n                  aria-label={`${headerMonthLabel} ${headerYearLabel}`}\r\n                >\r\n                  <div className=\"ui-weekdays\">\r\n                    {weekdays.map((w, i) => (\r\n                      <div key={i} className=\"ui-weekday\">\r\n                        {w}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  <div className=\"ui-days-grid\">\r\n                    {grid.map((cell, idx) => {\r\n                      if (cell === null)\r\n                        return <div key={idx} className=\"ui-day-empty\" />;\r\n\r\n                      const dt = new Date(\r\n                        visible.getFullYear(),\r\n                        visible.getMonth(),\r\n                        cell\r\n                      );\r\n                      const iso = toISO(dt);\r\n                      const disabled = isDisabledDate(dt);\r\n                      const sel = selected === iso;\r\n                      const key = `${visible.getFullYear()}-${visible.getMonth()}-${cell}`;\r\n\r\n                      return (\r\n                        <button\r\n                          key={key}\r\n                          ref={(el) => {\r\n                            gridDayRefs.current[key] = el;\r\n                          }}\r\n                          className={`ui-day ${sel ? 'selected' : ''}`}\r\n                          aria-selected={sel || undefined}\r\n                          onClick={() => !disabled && commitDay(cell)}\r\n                          onKeyDown={(e) => onDayKey(e, cell)}\r\n                          disabled={disabled ? true : undefined}\r\n                        >\r\n                          {cell}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <div className=\"ui-footer\">\r\n                <button\r\n                  onClick={() => {\r\n                    setOpen(false);\r\n                    setShowYMM(false);\r\n                  }}\r\n                >\r\n                  Close\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Portal>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["pad","toISO","d","fromISO","s","y","m","dt","startOfMonth","addMonths","n","daysInMonth","DatePicker","value","defaultValue","onChange","minDate","maxDate","placeholder","name","locale","id","className","controlled","internal","setInternal","useState","selected","selectedDate","visible","setVisible","open","setOpen","showYMM","setShowYMM","triggerRef","useRef","popRef","gridDayRefs","minDt","maxDt","isDisabledDate","useEffect","onClickOutside","t","restoreFocus","pos","setPos","r","grid","useMemo","startDow","totalDays","cells","i","weekdays","_","visibleYear","YEAR_SPAN","yearStart","years","months","isMonthDisabled","year","month","start","end","commitDay","iso","commitMonth","commitYear","focusDayByIndex","idx","day","key","onDayKey","cols","nextIdx","v","headerMonthLabel","headerYearLabel","jsxs","jsx","Portal","sel","label","disabled","w","cell","el","e"],"mappings":"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"}

package/dist/dist/components/daterangepicker/DateRangePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react");;/* empty css                      */const je=require("../../utils/onclickoutside/onClickOutside.cjs"),ke=require("../../utils/restorefocus/restoreFocus.cjs"),Ne=require("../../utils/portal/portal.cjs"),Z=o=>o<10?`0${o}`:`${o}`,D=o=>`${o.getFullYear()}-${Z(o.getMonth()+1)}-${Z(o.getDate())}`;function C(o){if(!o)return null;const[v,w,P]=o.split("-").map(Number),N=new Date(v,w-1,P);return Number.isNaN(N.getTime())?null:N}const ee=o=>o||null,F=o=>new Date(o.getFullYear(),o.getMonth(),1),E=(o,v)=>new Date(o.getFullYear(),o.getMonth()+v,1),te=o=>new Date(o.getFullYear(),o.getMonth()+1,0).getDate();function Me({value:o,defaultValue:v,onChange:w,minDate:P,maxDate:N,placeholder:ne="Pick range",locale:x="en-US",id:re,className:se="",nameFrom:q,nameTo:L}){const M=o!==void 0,[oe,_]=a.useState(v),c=M?o||{}:oe||{},g=C(c.from),p=C(c.to),ae=F(g??p??new Date),[i,h]=a.useState(ae),[u,d]=a.useState(!1),[U,f]=a.useState(!1),[T,K]=a.useState("from"),S=a.useRef(null),V=a.useRef(null),z=a.useRef({}),$=C(P),R=C(N),B=e=>!!($&&e<$||R&&e>R),[b,G]=a.useState(null),[y,A]=a.useState(null),[Y,H]=a.useState(!1),ie=e=>{if(!Y||!b||!y)return!1;const t=e.getTime(),n=b.getTime(),r=y.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)};a.useEffect(()=>{if(u)return je.onClickOutside(V,()=>{d(!1),f(!1)})},[u]),a.useEffect(()=>{if(!u)return;const e=S.current;return()=>ke.restoreFocus(e)},[u]);const[I,le]=a.useState(null);a.useEffect(()=>{if(!u||!S.current)return;const e=S.current.getBoundingClientRect();le({top:e.bottom+8,left:e.left})},[u,i]);const j=a.useMemo(()=>{const t=F(i).getDay(),n=te(i),r=[];for(let l=0;l<t;l++)r.push(null);for(let l=1;l<=n;l++)r.push(l);for(;r.length%7!==0;)r.push(null);return r},[i]),ce=a.useMemo(()=>Array.from({length:7}).map((e,t)=>new Date(2020,5,7+t).toLocaleDateString(x,{weekday:"short"})),[x]),ue=i.getFullYear(),J=100,Q=ue-J,de=a.useMemo(()=>Array.from({length:J*2+1}).map((e,t)=>Q+t),[Q]),fe=a.useMemo(()=>Array.from({length:12}).map((e,t)=>new Date(2020,t,1).toLocaleDateString(x,{month:"short"})),[x]),me=(e,t)=>{const n=new Date(e,t,1),r=new Date(e,t,te(n));return!!($&&r<$||R&&n>R)},ge=(e,t)=>{if(!e&&!t)return{from:void 0,to:void 0};if(!e)return{from:void 0,to:t?D(t):void 0};if(!t)return{from:D(e),to:void 0};const n=e.getTime(),r=t.getTime();return n<=r?{from:D(e),to:D(t)}:{from:D(t),to:D(e)}},O=a.useCallback((e,t)=>{const n=ge(e,t);M||_(n),w?.(n)},[w,M]),W=e=>{const t=new Date(i.getFullYear(),i.getMonth(),e);if(B(t))return;let n=g,r=p;T==="from"?(n=t,r&&t>r&&(r=null)):(r=t,n&&t<n&&(n=t,r=null)),O(ee(n),ee(r)),n&&r&&(d(!1),f(!1))};a.useEffect(()=>{const e=()=>{if(Y){if(H(!1),b&&y){const t=b,n=y,r=t<=n?t:n,l=t<=n?n:t;O(r,l),d(!1),f(!1)}G(null),A(null)}};return window.addEventListener("mouseup",e),()=>window.removeEventListener("mouseup",e)},[Y,b,y,O]);const pe=e=>!g||!p?!1:e>g&&e<p,he=e=>g&&e.getTime()===g.getTime(),De=e=>p&&e.getTime()===p.getTime(),ve=e=>{if(e<0||e>=j.length)return;const t=j[e];if(!t)return;const n=`${i.getFullYear()}-${i.getMonth()}-${t}`;z.current[n]?.focus()},we=(e,t)=>{const n=j.findIndex(m=>m===t);if(n===-1)return;const r=7;let l=null;switch(e.key){case"ArrowRight":l=n+1;break;case"ArrowLeft":l=n-1;break;case"ArrowDown":l=n+r;break;case"ArrowUp":l=n-r;break;case"Enter":case" ":e.preventDefault(),W(t);return;case"PageUp":h(m=>E(m,-1));return;case"PageDown":h(m=>E(m,1));return;case"Escape":d(!1);return;default:return}e.preventDefault(),l!=null&&j[l]!=null&&ve(l)},xe=()=>!c.from&&!c.to?ne:c.from&&!c.to?`${c.from} → `:!c.from&&c.to?` → ${c.to}`:`${c.from} → ${c.to}`;return s.jsxs("div",{className:`ui-daterange-picker ${se}`,children:[q&&s.jsx("input",{type:"hidden",name:q,value:c.from??""}),L&&s.jsx("input",{type:"hidden",name:L,value:c.to??""}),s.jsx("button",{id:re,ref:S,type:"button",className:"drp-trigger","aria-haspopup":"dialog","aria-expanded":u,onClick:()=>{d(e=>!e),f(!1)},children:xe()}),s.jsxs("div",{className:"drp-actions",children:[s.jsx("button",{className:`drp-part ${T==="from"?"active":""}`,onClick:()=>K("from"),children:"From"}),s.jsx("button",{className:`drp-part ${T==="to"?"active":""}`,onClick:()=>K("to"),children:"To"})]}),u&&I&&s.jsx(Ne.Portal,{children:s.jsx("div",{ref:V,className:"drp-popover",style:{position:"fixed",top:I.top,left:I.left},children:s.jsxs("div",{className:"drp-panel",children:[s.jsxs("div",{className:"drp-header",children:[s.jsx("button",{className:"drp-arrow",onClick:()=>h(e=>E(e,-1)),children:"‹"}),s.jsxs("button",{className:"drp-title",onClick:()=>f(e=>!e),children:[i.toLocaleDateString(x,{month:"long"})," ",i.getFullYear()]}),s.jsx("button",{className:"drp-arrow",onClick:()=>h(e=>E(e,1)),children:"›"})]}),U&&s.jsxs("div",{className:"drp-ym",children:[s.jsx("div",{className:"drp-year-grid",children:de.map(e=>s.jsx("button",{className:`drp-year ${e===i.getFullYear()?"selected":""}`,onClick:()=>h(F(new Date(e,i.getMonth(),1))),children:e},e))}),s.jsx("div",{className:"drp-month-grid",children:fe.map((e,t)=>{const n=me(i.getFullYear(),t);return s.jsx("button",{className:`drp-month ${n?"disabled":""} ${t===i.getMonth()?"selected":""}`,disabled:n?!0:void 0,onClick:()=>!n&&h(F(new Date(i.getFullYear(),t,1))),children:e},t)})})]}),!U&&s.jsxs("div",{className:"drp-calendar",children:[s.jsx("div",{className:"drp-weekdays",children:ce.map((e,t)=>s.jsx("div",{className:"drp-weekday",children:e},t))}),s.jsx("div",{className:"drp-days",children:j.map((e,t)=>{if(e===null)return s.jsx("div",{className:"drp-day-empty"},t);const n=new Date(i.getFullYear(),i.getMonth(),e),r=B(n),l=he(n),m=De(n),be=pe(n),ye=ie(n),X=`${i.getFullYear()}-${i.getMonth()}-${e}`;return s.jsx("button",{ref:k=>{z.current[X]=k},disabled:r?!0:void 0,className:["drp-day",l?"start":"",m?"end":"",be?"between":"",ye?"dragging":"",r?"disabled":""].join(" "),onClick:()=>!r&&W(e),onKeyDown:k=>we(k,e),onMouseDown:k=>{r||(k.preventDefault(),G(n),A(n),H(!0))},onMouseEnter:()=>{!Y||r||A(n)},children:e},X)})})]}),s.jsxs("div",{className:"drp-footer",children:[s.jsx("button",{className:"drp-clear",onClick:()=>{const e={from:void 0,to:void 0};M||_(e),w?.(e),d(!1),f(!1)},children:"Clear"}),s.jsx("button",{className:"drp-close",onClick:()=>{d(!1),f(!1)},children:"Close"})]})]})})})]})}exports.DateRangePicker=Me;
+//# sourceMappingURL=DateRangePicker.cjs.map

package/dist/dist/components/daterangepicker/DateRangePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../../src/components/daterangepicker/DateRangePicker.tsx"],"sourcesContent":["// DateRangePicker.tsx\r\n// Fully compliant, theme-aware, drag-select range picker\r\n// Matches your DatePicker UX exactly.\r\n\r\n// DateRangePicker.tsx — Final, Clean, Fully-Compliant Version\r\n\r\nimport {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useMemo,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from 'react';\r\nimport './DateRangePicker.css';\r\nimport { Portal, onClickOutside, restoreFocus } from '../../utils/index';\r\n\r\n/* ----------------------------------------------------\r\n   Helpers\r\n---------------------------------------------------- */\r\n\r\nconst pad = (n: number) => (n < 10 ? `0${n}` : `${n}`);\r\nconst toISO = (d: Date) =>\r\n  `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;\r\n\r\nfunction fromISO(s?: string | null): Date | null {\r\n  if (!s) return null;\r\n  const [y, m, d] = s.split('-').map(Number);\r\n  const dt = new Date(y, m - 1, d);\r\n  return Number.isNaN(dt.getTime()) ? null : dt;\r\n}\r\n\r\nconst asDate = (v: Date | null | undefined): Date | null => (v ? v : null);\r\n\r\nconst startOfMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\r\nconst addMonths = (d: Date, n: number) =>\r\n  new Date(d.getFullYear(), d.getMonth() + n, 1);\r\nconst daysInMonth = (d: Date) =>\r\n  new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\r\n\r\n/* ----------------------------------------------------\r\n   Types\r\n---------------------------------------------------- */\r\n\r\nexport interface DateRange {\r\n  from?: string;\r\n  to?: string;\r\n}\r\n\r\nexport interface DateRangePickerProps {\r\n  value?: DateRange;\r\n  defaultValue?: DateRange;\r\n  onChange?: (r: DateRange) => void;\r\n\r\n  minDate?: string;\r\n  maxDate?: string;\r\n\r\n  placeholder?: string;\r\n  locale?: string;\r\n\r\n  id?: string;\r\n  className?: string;\r\n\r\n  nameFrom?: string;\r\n  nameTo?: string;\r\n}\r\n\r\n/* ----------------------------------------------------\r\n   Component\r\n---------------------------------------------------- */\r\n\r\nexport function DateRangePicker({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  minDate,\r\n  maxDate,\r\n  placeholder = 'Pick range',\r\n  locale = 'en-US',\r\n  id,\r\n  className = '',\r\n  nameFrom,\r\n  nameTo,\r\n}: DateRangePickerProps) {\r\n  const controlled = value !== undefined;\r\n  const [internal, setInternal] = useState<DateRange | undefined>(defaultValue);\r\n  const range: DateRange = controlled ? value || {} : internal || {};\r\n\r\n  const fromDate = fromISO(range.from);\r\n  const toDate = fromISO(range.to);\r\n\r\n  const today = new Date();\r\n  const initialVisible = startOfMonth(fromDate ?? toDate ?? today);\r\n\r\n  const [visible, setVisible] = useState<Date>(initialVisible);\r\n  const [open, setOpen] = useState(false);\r\n  const [showYMM, setShowYMM] = useState(false);\r\n\r\n  const [activePart, setActivePart] = useState<'from' | 'to'>('from');\r\n\r\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\r\n  const popRef = useRef<HTMLDivElement | null>(null);\r\n  const dayRefs = useRef<Record<string, HTMLButtonElement | null>>({});\r\n\r\n  /* ----------------------------------------------------\r\n     Min/max\r\n  ---------------------------------------------------- */\r\n\r\n  const minDt = fromISO(minDate);\r\n  const maxDt = fromISO(maxDate);\r\n\r\n  const isDisabled = (d: Date) => {\r\n    if (minDt && d < minDt) return true;\r\n    if (maxDt && d > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Drag select\r\n  ---------------------------------------------------- */\r\n\r\n  const [dragStart, setDragStart] = useState<Date | null>(null);\r\n  const [dragEnd, setDragEnd] = useState<Date | null>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n\r\n  const inDragRange = (d: Date) => {\r\n    if (!isDragging || !dragStart || !dragEnd) return false;\r\n    const t = d.getTime();\r\n    const a = dragStart.getTime();\r\n    const b = dragEnd.getTime();\r\n    return t >= Math.min(a, b) && t <= Math.max(a, b);\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Click outside to close\r\n  ---------------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    return onClickOutside(popRef, () => {\r\n      setOpen(false);\r\n      setShowYMM(false);\r\n    });\r\n  }, [open]);\r\n\r\n  /* ----------------------------------------------------\r\n     Restore focus\r\n  ---------------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const t = triggerRef.current;\r\n    return () => restoreFocus(t);\r\n  }, [open]);\r\n\r\n  /* ----------------------------------------------------\r\n     Popover position\r\n  ---------------------------------------------------- */\r\n\r\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!open || !triggerRef.current) return;\r\n    const r = triggerRef.current.getBoundingClientRect();\r\n    setPos({ top: r.bottom + 8, left: r.left });\r\n  }, [open, visible]);\r\n\r\n  /* ----------------------------------------------------\r\n     Grid computation\r\n  ---------------------------------------------------- */\r\n\r\n  const grid = useMemo(() => {\r\n    const first = startOfMonth(visible);\r\n    const startDow = first.getDay();\r\n    const total = daysInMonth(visible);\r\n\r\n    const g: (number | null)[] = [];\r\n    for (let i = 0; i < startDow; i++) g.push(null);\r\n    for (let d = 1; d <= total; d++) g.push(d);\r\n    while (g.length % 7 !== 0) g.push(null);\r\n    return g;\r\n  }, [visible]);\r\n\r\n  const weekdays = useMemo(\r\n    () =>\r\n      Array.from({ length: 7 }).map((_, i) =>\r\n        new Date(2020, 5, 7 + i).toLocaleDateString(locale, {\r\n          weekday: 'short',\r\n        })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  /* ----------------------------------------------------\r\n     Month/year panel\r\n  ---------------------------------------------------- */\r\n\r\n  const visibleYear = visible.getFullYear();\r\n  const YEAR_SPAN = 100;\r\n  const yearStart = visibleYear - YEAR_SPAN;\r\n\r\n  const years = useMemo(\r\n    () =>\r\n      Array.from({ length: YEAR_SPAN * 2 + 1 }).map((_, i) => yearStart + i),\r\n    [yearStart]\r\n  );\r\n\r\n  const months = useMemo(\r\n    () =>\r\n      Array.from({ length: 12 }).map((_, i) =>\r\n        new Date(2020, i, 1).toLocaleDateString(locale, { month: 'short' })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  const isMonthDisabled = (y: number, m: number) => {\r\n    const s = new Date(y, m, 1);\r\n    const e = new Date(y, m, daysInMonth(s));\r\n    if (minDt && e < minDt) return true;\r\n    if (maxDt && s > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Normalize + commit range\r\n  ---------------------------------------------------- */\r\n\r\n  const normalizeRange = (a: Date | null, b: Date | null) => {\r\n    if (!a && !b) return { from: undefined, to: undefined };\r\n    if (!a) return { from: undefined, to: b ? toISO(b) : undefined };\r\n    if (!b) return { from: toISO(a), to: undefined };\r\n\r\n    const ta = a.getTime();\r\n    const tb = b.getTime();\r\n\r\n    return ta <= tb\r\n      ? { from: toISO(a), to: toISO(b) }\r\n      : { from: toISO(b), to: toISO(a) };\r\n  };\r\n\r\n  const commitRange = useCallback(\r\n    (a: Date | null, b: Date | null) => {\r\n      const out = normalizeRange(a, b);\r\n      if (!controlled) setInternal(out);\r\n      onChange?.(out);\r\n    },\r\n    [onChange, controlled]\r\n  );\r\n\r\n  /* ----------------------------------------------------\r\n     Clicking days\r\n  ---------------------------------------------------- */\r\n\r\n  const pickDay = (d: number) => {\r\n    const dt = new Date(visible.getFullYear(), visible.getMonth(), d);\r\n    if (isDisabled(dt)) return;\r\n\r\n    let s = fromDate;\r\n    let e = toDate;\r\n\r\n    if (activePart === 'from') {\r\n      s = dt;\r\n      if (e && dt > e) e = null;\r\n    } else {\r\n      e = dt;\r\n      if (s && dt < s) {\r\n        s = dt;\r\n        e = null;\r\n      }\r\n    }\r\n\r\n    commitRange(asDate(s), asDate(e));\r\n\r\n    if (s && e) {\r\n      setOpen(false);\r\n      setShowYMM(false);\r\n    }\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Drag end (global)\r\n  ---------------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    const stopDrag = () => {\r\n      if (!isDragging) return;\r\n\r\n      setIsDragging(false);\r\n\r\n      if (dragStart && dragEnd) {\r\n        const a = dragStart;\r\n        const b = dragEnd;\r\n        const s = a <= b ? a : b;\r\n        const e = a <= b ? b : a;\r\n\r\n        commitRange(s, e);\r\n        setOpen(false);\r\n        setShowYMM(false);\r\n      }\r\n\r\n      setDragStart(null);\r\n      setDragEnd(null);\r\n    };\r\n\r\n    window.addEventListener('mouseup', stopDrag);\r\n    return () => window.removeEventListener('mouseup', stopDrag);\r\n  }, [isDragging, dragStart, dragEnd, commitRange]);\r\n\r\n  /* ----------------------------------------------------\r\n     Range flags\r\n  ---------------------------------------------------- */\r\n\r\n  const inRange = (dt: Date) => {\r\n    if (!fromDate || !toDate) return false;\r\n    return dt > fromDate && dt < toDate;\r\n  };\r\n\r\n  const isStart = (dt: Date) => fromDate && dt.getTime() === fromDate.getTime();\r\n  const isEnd = (dt: Date) => toDate && dt.getTime() === toDate.getTime();\r\n\r\n  /* ----------------------------------------------------\r\n     Keyboard nav\r\n  ---------------------------------------------------- */\r\n\r\n  const focusDay = (idx: number) => {\r\n    if (idx < 0 || idx >= grid.length) return;\r\n    const d = grid[idx];\r\n    if (!d) return;\r\n    const key = `${visible.getFullYear()}-${visible.getMonth()}-${d}`;\r\n    dayRefs.current[key]?.focus();\r\n  };\r\n\r\n  const onDayKey = (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\r\n    const idx = grid.findIndex((c) => c === day);\r\n    if (idx === -1) return;\r\n\r\n    const cols = 7;\r\n    let nextIdx: number | null = null;\r\n\r\n    switch (e.key) {\r\n      case 'ArrowRight':\r\n        nextIdx = idx + 1;\r\n        break;\r\n      case 'ArrowLeft':\r\n        nextIdx = idx - 1;\r\n        break;\r\n      case 'ArrowDown':\r\n        nextIdx = idx + cols;\r\n        break;\r\n      case 'ArrowUp':\r\n        nextIdx = idx - cols;\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        e.preventDefault();\r\n        pickDay(day);\r\n        return;\r\n      case 'PageUp':\r\n        setVisible((v) => addMonths(v, -1));\r\n        return;\r\n      case 'PageDown':\r\n        setVisible((v) => addMonths(v, 1));\r\n        return;\r\n      case 'Escape':\r\n        setOpen(false);\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    e.preventDefault();\r\n    if (nextIdx != null && grid[nextIdx] != null) focusDay(nextIdx);\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Trigger label\r\n  ---------------------------------------------------- */\r\n\r\n  const label = (): string => {\r\n    if (!range.from && !range.to) return placeholder;\r\n    if (range.from && !range.to) return `${range.from} → `;\r\n    if (!range.from && range.to) return ` → ${range.to}`;\r\n    return `${range.from} → ${range.to}`;\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Render\r\n  ---------------------------------------------------- */\r\n\r\n  return (\r\n    <div className={`ui-daterange-picker ${className}`}>\r\n      {nameFrom && (\r\n        <input type=\"hidden\" name={nameFrom} value={range.from ?? ''} />\r\n      )}\r\n      {nameTo && <input type=\"hidden\" name={nameTo} value={range.to ?? ''} />}\r\n\r\n      <button\r\n        id={id}\r\n        ref={triggerRef}\r\n        type=\"button\"\r\n        className=\"drp-trigger\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        onClick={() => {\r\n          setOpen((s) => !s);\r\n          setShowYMM(false);\r\n        }}\r\n      >\r\n        {label()}\r\n      </button>\r\n\r\n      <div className=\"drp-actions\">\r\n        <button\r\n          className={`drp-part ${activePart === 'from' ? 'active' : ''}`}\r\n          onClick={() => setActivePart('from')}\r\n        >\r\n          From\r\n        </button>\r\n\r\n        <button\r\n          className={`drp-part ${activePart === 'to' ? 'active' : ''}`}\r\n          onClick={() => setActivePart('to')}\r\n        >\r\n          To\r\n        </button>\r\n      </div>\r\n\r\n      {open && pos && (\r\n        <Portal>\r\n          <div\r\n            ref={popRef}\r\n            className=\"drp-popover\"\r\n            style={{ position: 'fixed', top: pos.top, left: pos.left }}\r\n          >\r\n            <div className=\"drp-panel\">\r\n              {/* HEADER */}\r\n              <div className=\"drp-header\">\r\n                <button\r\n                  className=\"drp-arrow\"\r\n                  onClick={() => setVisible((v) => addMonths(v, -1))}\r\n                >\r\n                  ‹\r\n                </button>\r\n\r\n                <button\r\n                  className=\"drp-title\"\r\n                  onClick={() => setShowYMM((s) => !s)}\r\n                >\r\n                  {visible.toLocaleDateString(locale, {\r\n                    month: 'long',\r\n                  })}{' '}\r\n                  {visible.getFullYear()}\r\n                </button>\r\n\r\n                <button\r\n                  className=\"drp-arrow\"\r\n                  onClick={() => setVisible((v) => addMonths(v, 1))}\r\n                >\r\n                  ›\r\n                </button>\r\n              </div>\r\n\r\n              {/* YEAR + MONTH PANEL */}\r\n              {showYMM && (\r\n                <div className=\"drp-ym\">\r\n                  <div className=\"drp-year-grid\">\r\n                    {years.map((y) => (\r\n                      <button\r\n                        key={y}\r\n                        className={`drp-year ${\r\n                          y === visible.getFullYear() ? 'selected' : ''\r\n                        }`}\r\n                        onClick={() =>\r\n                          setVisible(\r\n                            startOfMonth(new Date(y, visible.getMonth(), 1))\r\n                          )\r\n                        }\r\n                      >\r\n                        {y}\r\n                      </button>\r\n                    ))}\r\n                  </div>\r\n\r\n                  <div className=\"drp-month-grid\">\r\n                    {months.map((ml, i) => {\r\n                      const disabled = isMonthDisabled(\r\n                        visible.getFullYear(),\r\n                        i\r\n                      );\r\n                      return (\r\n                        <button\r\n                          key={i}\r\n                          className={`drp-month ${disabled ? 'disabled' : ''} ${\r\n                            i === visible.getMonth() ? 'selected' : ''\r\n                          }`}\r\n                          disabled={disabled ? true : undefined}\r\n                          onClick={() =>\r\n                            !disabled &&\r\n                            setVisible(\r\n                              startOfMonth(\r\n                                new Date(visible.getFullYear(), i, 1)\r\n                              )\r\n                            )\r\n                          }\r\n                        >\r\n                          {ml}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* CALENDAR */}\r\n              {!showYMM && (\r\n                <div className=\"drp-calendar\">\r\n                  <div className=\"drp-weekdays\">\r\n                    {weekdays.map((w, i) => (\r\n                      <div key={i} className=\"drp-weekday\">\r\n                        {w}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  <div className=\"drp-days\">\r\n                    {grid.map((cell, idx) => {\r\n                      if (cell === null)\r\n                        return <div key={idx} className=\"drp-day-empty\" />;\r\n\r\n                      const dt = new Date(\r\n                        visible.getFullYear(),\r\n                        visible.getMonth(),\r\n                        cell\r\n                      );\r\n                      const disabled = isDisabled(dt);\r\n\r\n                      const start = isStart(dt);\r\n                      const end = isEnd(dt);\r\n                      const between = inRange(dt);\r\n                      const drag = inDragRange(dt);\r\n\r\n                      const key = `${visible.getFullYear()}-${visible.getMonth()}-${cell}`;\r\n\r\n                      return (\r\n                        <button\r\n                          key={key}\r\n                          ref={(el) => {\r\n                            dayRefs.current[key] = el;\r\n                          }}\r\n                          disabled={disabled ? true : undefined}\r\n                          className={[\r\n                            'drp-day',\r\n                            start ? 'start' : '',\r\n                            end ? 'end' : '',\r\n                            between ? 'between' : '',\r\n                            drag ? 'dragging' : '',\r\n                            disabled ? 'disabled' : '',\r\n                          ].join(' ')}\r\n                          onClick={() => !disabled && pickDay(cell)}\r\n                          onKeyDown={(e) => onDayKey(e, cell)}\r\n                          onMouseDown={(e) => {\r\n                            if (disabled) return;\r\n                            e.preventDefault();\r\n                            setDragStart(dt);\r\n                            setDragEnd(dt);\r\n                            setIsDragging(true);\r\n                          }}\r\n                          onMouseEnter={() => {\r\n                            if (!isDragging || disabled) return;\r\n                            setDragEnd(dt);\r\n                          }}\r\n                        >\r\n                          {cell}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* FOOTER */}\r\n              <div className=\"drp-footer\">\r\n                <button\r\n                  className=\"drp-clear\"\r\n                  onClick={() => {\r\n                    const empty = { from: undefined, to: undefined };\r\n                    if (!controlled) setInternal(empty);\r\n                    onChange?.(empty);\r\n                    setOpen(false);\r\n                    setShowYMM(false);\r\n                  }}\r\n                >\r\n                  Clear\r\n                </button>\r\n\r\n                <button\r\n                  className=\"drp-close\"\r\n                  onClick={() => {\r\n                    setOpen(false);\r\n                    setShowYMM(false);\r\n                  }}\r\n                >\r\n                  Close\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Portal>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["pad","n","toISO","d","fromISO","s","y","m","dt","asDate","v","startOfMonth","addMonths","daysInMonth","DateRangePicker","value","defaultValue","onChange","minDate","maxDate","placeholder","locale","id","className","nameFrom","nameTo","controlled","internal","setInternal","useState","range","fromDate","toDate","initialVisible","visible","setVisible","open","setOpen","showYMM","setShowYMM","activePart","setActivePart","triggerRef","useRef","popRef","dayRefs","minDt","maxDt","isDisabled","dragStart","setDragStart","dragEnd","setDragEnd","isDragging","setIsDragging","inDragRange","a","b","useEffect","onClickOutside","t","restoreFocus","pos","setPos","r","grid","useMemo","startDow","total","g","i","weekdays","_","visibleYear","YEAR_SPAN","yearStart","years","months","isMonthDisabled","e","normalizeRange","ta","tb","commitRange","useCallback","out","pickDay","stopDrag","inRange","isStart","isEnd","focusDay","idx","key","onDayKey","day","c","cols","nextIdx","label","jsxs","jsx","Portal","ml","disabled","w","cell","start","end","between","drag","el","empty"],"mappings":"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"}

package/dist/dist/components/daterangepicker/DateRangePicker.js

@@ -0,0 +1,322 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { useState as c, useRef as K, useEffect as E, useMemo as T, useCallback as Ce } from "react";
+/* empty css                    */
+import { onClickOutside as Fe } from "../../utils/onclickoutside/onClickOutside.js";
+import { restoreFocus as Se } from "../../utils/restorefocus/restoreFocus.js";
+import { Portal as Re } from "../../utils/portal/portal.js";
+const re = (o) => o < 10 ? `0${o}` : `${o}`, w = (o) => `${o.getFullYear()}-${re(o.getMonth() + 1)}-${re(o.getDate())}`;
+function x(o) {
+  if (!o) return null;
+  const [v, b, L] = o.split("-").map(Number), Y = new Date(v, b - 1, L);
+  return Number.isNaN(Y.getTime()) ? null : Y;
+}
+const oe = (o) => o || null, P = (o) => new Date(o.getFullYear(), o.getMonth(), 1), I = (o, v) => new Date(o.getFullYear(), o.getMonth() + v, 1), se = (o) => new Date(o.getFullYear(), o.getMonth() + 1, 0).getDate();
+function Oe({
+  value: o,
+  defaultValue: v,
+  onChange: b,
+  minDate: L,
+  maxDate: Y,
+  placeholder: ae = "Pick range",
+  locale: y = "en-US",
+  id: le,
+  className: ie = "",
+  nameFrom: V,
+  nameTo: z
+}) {
+  const C = o !== void 0, [ce, B] = c(v), i = C ? o || {} : ce || {}, p = x(i.from), h = x(i.to), de = P(p ?? h ?? /* @__PURE__ */ new Date()), [s, D] = c(de), [d, f] = c(!1), [q, m] = c(!1), [O, G] = c("from"), F = K(null), H = K(null), J = K({}), S = x(L), R = x(Y), Q = (e) => !!(S && e < S || R && e > R), [N, W] = c(null), [k, _] = c(null), [A, X] = c(!1), ue = (e) => {
+    if (!A || !N || !k) return !1;
+    const t = e.getTime(), n = N.getTime(), r = k.getTime();
+    return t >= Math.min(n, r) && t <= Math.max(n, r);
+  };
+  E(() => {
+    if (d)
+      return Fe(H, () => {
+        f(!1), m(!1);
+      });
+  }, [d]), E(() => {
+    if (!d) return;
+    const e = F.current;
+    return () => Se(e);
+  }, [d]);
+  const [j, fe] = c(null);
+  E(() => {
+    if (!d || !F.current) return;
+    const e = F.current.getBoundingClientRect();
+    fe({ top: e.bottom + 8, left: e.left });
+  }, [d, s]);
+  const M = T(() => {
+    const t = P(s).getDay(), n = se(s), r = [];
+    for (let l = 0; l < t; l++) r.push(null);
+    for (let l = 1; l <= n; l++) r.push(l);
+    for (; r.length % 7 !== 0; ) r.push(null);
+    return r;
+  }, [s]), me = T(
+    () => Array.from({ length: 7 }).map(
+      (e, t) => new Date(2020, 5, 7 + t).toLocaleDateString(y, {
+        weekday: "short"
+      })
+    ),
+    [y]
+  ), ge = s.getFullYear(), Z = 100, ee = ge - Z, pe = T(
+    () => Array.from({ length: Z * 2 + 1 }).map((e, t) => ee + t),
+    [ee]
+  ), he = T(
+    () => Array.from({ length: 12 }).map(
+      (e, t) => new Date(2020, t, 1).toLocaleDateString(y, { month: "short" })
+    ),
+    [y]
+  ), De = (e, t) => {
+    const n = new Date(e, t, 1), r = new Date(e, t, se(n));
+    return !!(S && r < S || R && n > R);
+  }, we = (e, t) => {
+    if (!e && !t) return { from: void 0, to: void 0 };
+    if (!e) return { from: void 0, to: t ? w(t) : void 0 };
+    if (!t) return { from: w(e), to: void 0 };
+    const n = e.getTime(), r = t.getTime();
+    return n <= r ? { from: w(e), to: w(t) } : { from: w(t), to: w(e) };
+  }, U = Ce(
+    (e, t) => {
+      const n = we(e, t);
+      C || B(n), b?.(n);
+    },
+    [b, C]
+  ), te = (e) => {
+    const t = new Date(s.getFullYear(), s.getMonth(), e);
+    if (Q(t)) return;
+    let n = p, r = h;
+    O === "from" ? (n = t, r && t > r && (r = null)) : (r = t, n && t < n && (n = t, r = null)), U(oe(n), oe(r)), n && r && (f(!1), m(!1));
+  };
+  E(() => {
+    const e = () => {
+      if (A) {
+        if (X(!1), N && k) {
+          const t = N, n = k, r = t <= n ? t : n, l = t <= n ? n : t;
+          U(r, l), f(!1), m(!1);
+        }
+        W(null), _(null);
+      }
+    };
+    return window.addEventListener("mouseup", e), () => window.removeEventListener("mouseup", e);
+  }, [A, N, k, U]);
+  const ve = (e) => !p || !h ? !1 : e > p && e < h, be = (e) => p && e.getTime() === p.getTime(), ye = (e) => h && e.getTime() === h.getTime(), Ne = (e) => {
+    if (e < 0 || e >= M.length) return;
+    const t = M[e];
+    if (!t) return;
+    const n = `${s.getFullYear()}-${s.getMonth()}-${t}`;
+    J.current[n]?.focus();
+  }, ke = (e, t) => {
+    const n = M.findIndex((g) => g === t);
+    if (n === -1) return;
+    const r = 7;
+    let l = null;
+    switch (e.key) {
+      case "ArrowRight":
+        l = n + 1;
+        break;
+      case "ArrowLeft":
+        l = n - 1;
+        break;
+      case "ArrowDown":
+        l = n + r;
+        break;
+      case "ArrowUp":
+        l = n - r;
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), te(t);
+        return;
+      case "PageUp":
+        D((g) => I(g, -1));
+        return;
+      case "PageDown":
+        D((g) => I(g, 1));
+        return;
+      case "Escape":
+        f(!1);
+        return;
+      default:
+        return;
+    }
+    e.preventDefault(), l != null && M[l] != null && Ne(l);
+  }, Me = () => !i.from && !i.to ? ae : i.from && !i.to ? `${i.from} → ` : !i.from && i.to ? ` → ${i.to}` : `${i.from} → ${i.to}`;
+  return /* @__PURE__ */ u("div", { className: `ui-daterange-picker ${ie}`, children: [
+    V && /* @__PURE__ */ a("input", { type: "hidden", name: V, value: i.from ?? "" }),
+    z && /* @__PURE__ */ a("input", { type: "hidden", name: z, value: i.to ?? "" }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        id: le,
+        ref: F,
+        type: "button",
+        className: "drp-trigger",
+        "aria-haspopup": "dialog",
+        "aria-expanded": d,
+        onClick: () => {
+          f((e) => !e), m(!1);
+        },
+        children: Me()
+      }
+    ),
+    /* @__PURE__ */ u("div", { className: "drp-actions", children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `drp-part ${O === "from" ? "active" : ""}`,
+          onClick: () => G("from"),
+          children: "From"
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `drp-part ${O === "to" ? "active" : ""}`,
+          onClick: () => G("to"),
+          children: "To"
+        }
+      )
+    ] }),
+    d && j && /* @__PURE__ */ a(Re, { children: /* @__PURE__ */ a(
+      "div",
+      {
+        ref: H,
+        className: "drp-popover",
+        style: { position: "fixed", top: j.top, left: j.left },
+        children: /* @__PURE__ */ u("div", { className: "drp-panel", children: [
+          /* @__PURE__ */ u("div", { className: "drp-header", children: [
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "drp-arrow",
+                onClick: () => D((e) => I(e, -1)),
+                children: "‹"
+              }
+            ),
+            /* @__PURE__ */ u(
+              "button",
+              {
+                className: "drp-title",
+                onClick: () => m((e) => !e),
+                children: [
+                  s.toLocaleDateString(y, {
+                    month: "long"
+                  }),
+                  " ",
+                  s.getFullYear()
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "drp-arrow",
+                onClick: () => D((e) => I(e, 1)),
+                children: "›"
+              }
+            )
+          ] }),
+          q && /* @__PURE__ */ u("div", { className: "drp-ym", children: [
+            /* @__PURE__ */ a("div", { className: "drp-year-grid", children: pe.map((e) => /* @__PURE__ */ a(
+              "button",
+              {
+                className: `drp-year ${e === s.getFullYear() ? "selected" : ""}`,
+                onClick: () => D(
+                  P(new Date(e, s.getMonth(), 1))
+                ),
+                children: e
+              },
+              e
+            )) }),
+            /* @__PURE__ */ a("div", { className: "drp-month-grid", children: he.map((e, t) => {
+              const n = De(
+                s.getFullYear(),
+                t
+              );
+              return /* @__PURE__ */ a(
+                "button",
+                {
+                  className: `drp-month ${n ? "disabled" : ""} ${t === s.getMonth() ? "selected" : ""}`,
+                  disabled: n ? !0 : void 0,
+                  onClick: () => !n && D(
+                    P(
+                      new Date(s.getFullYear(), t, 1)
+                    )
+                  ),
+                  children: e
+                },
+                t
+              );
+            }) })
+          ] }),
+          !q && /* @__PURE__ */ u("div", { className: "drp-calendar", children: [
+            /* @__PURE__ */ a("div", { className: "drp-weekdays", children: me.map((e, t) => /* @__PURE__ */ a("div", { className: "drp-weekday", children: e }, t)) }),
+            /* @__PURE__ */ a("div", { className: "drp-days", children: M.map((e, t) => {
+              if (e === null)
+                return /* @__PURE__ */ a("div", { className: "drp-day-empty" }, t);
+              const n = new Date(
+                s.getFullYear(),
+                s.getMonth(),
+                e
+              ), r = Q(n), l = be(n), g = ye(n), $e = ve(n), Ye = ue(n), ne = `${s.getFullYear()}-${s.getMonth()}-${e}`;
+              return /* @__PURE__ */ a(
+                "button",
+                {
+                  ref: ($) => {
+                    J.current[ne] = $;
+                  },
+                  disabled: r ? !0 : void 0,
+                  className: [
+                    "drp-day",
+                    l ? "start" : "",
+                    g ? "end" : "",
+                    $e ? "between" : "",
+                    Ye ? "dragging" : "",
+                    r ? "disabled" : ""
+                  ].join(" "),
+                  onClick: () => !r && te(e),
+                  onKeyDown: ($) => ke($, e),
+                  onMouseDown: ($) => {
+                    r || ($.preventDefault(), W(n), _(n), X(!0));
+                  },
+                  onMouseEnter: () => {
+                    !A || r || _(n);
+                  },
+                  children: e
+                },
+                ne
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ u("div", { className: "drp-footer", children: [
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "drp-clear",
+                onClick: () => {
+                  const e = { from: void 0, to: void 0 };
+                  C || B(e), b?.(e), f(!1), m(!1);
+                },
+                children: "Clear"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "drp-close",
+                onClick: () => {
+                  f(!1), m(!1);
+                },
+                children: "Close"
+              }
+            )
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+}
+export {
+  Oe as DateRangePicker
+};
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/dist/components/daterangepicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/daterangepicker/DateRangePicker.tsx"],"sourcesContent":["// DateRangePicker.tsx\r\n// Fully compliant, theme-aware, drag-select range picker\r\n// Matches your DatePicker UX exactly.\r\n\r\n// DateRangePicker.tsx — Final, Clean, Fully-Compliant Version\r\n\r\nimport {\r\n  useState,\r\n  useRef,\r\n  useEffect,\r\n  useMemo,\r\n  useCallback,\r\n  KeyboardEvent,\r\n} from 'react';\r\nimport './DateRangePicker.css';\r\nimport { Portal, onClickOutside, restoreFocus } from '../../utils/index';\r\n\r\n/* ----------------------------------------------------\r\n   Helpers\r\n---------------------------------------------------- */\r\n\r\nconst pad = (n: number) => (n < 10 ? `0${n}` : `${n}`);\r\nconst toISO = (d: Date) =>\r\n  `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;\r\n\r\nfunction fromISO(s?: string | null): Date | null {\r\n  if (!s) return null;\r\n  const [y, m, d] = s.split('-').map(Number);\r\n  const dt = new Date(y, m - 1, d);\r\n  return Number.isNaN(dt.getTime()) ? null : dt;\r\n}\r\n\r\nconst asDate = (v: Date | null | undefined): Date | null => (v ? v : null);\r\n\r\nconst startOfMonth = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\r\nconst addMonths = (d: Date, n: number) =>\r\n  new Date(d.getFullYear(), d.getMonth() + n, 1);\r\nconst daysInMonth = (d: Date) =>\r\n  new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();\r\n\r\n/* ----------------------------------------------------\r\n   Types\r\n---------------------------------------------------- */\r\n\r\nexport interface DateRange {\r\n  from?: string;\r\n  to?: string;\r\n}\r\n\r\nexport interface DateRangePickerProps {\r\n  value?: DateRange;\r\n  defaultValue?: DateRange;\r\n  onChange?: (r: DateRange) => void;\r\n\r\n  minDate?: string;\r\n  maxDate?: string;\r\n\r\n  placeholder?: string;\r\n  locale?: string;\r\n\r\n  id?: string;\r\n  className?: string;\r\n\r\n  nameFrom?: string;\r\n  nameTo?: string;\r\n}\r\n\r\n/* ----------------------------------------------------\r\n   Component\r\n---------------------------------------------------- */\r\n\r\nexport function DateRangePicker({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  minDate,\r\n  maxDate,\r\n  placeholder = 'Pick range',\r\n  locale = 'en-US',\r\n  id,\r\n  className = '',\r\n  nameFrom,\r\n  nameTo,\r\n}: DateRangePickerProps) {\r\n  const controlled = value !== undefined;\r\n  const [internal, setInternal] = useState<DateRange | undefined>(defaultValue);\r\n  const range: DateRange = controlled ? value || {} : internal || {};\r\n\r\n  const fromDate = fromISO(range.from);\r\n  const toDate = fromISO(range.to);\r\n\r\n  const today = new Date();\r\n  const initialVisible = startOfMonth(fromDate ?? toDate ?? today);\r\n\r\n  const [visible, setVisible] = useState<Date>(initialVisible);\r\n  const [open, setOpen] = useState(false);\r\n  const [showYMM, setShowYMM] = useState(false);\r\n\r\n  const [activePart, setActivePart] = useState<'from' | 'to'>('from');\r\n\r\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\r\n  const popRef = useRef<HTMLDivElement | null>(null);\r\n  const dayRefs = useRef<Record<string, HTMLButtonElement | null>>({});\r\n\r\n  /* ----------------------------------------------------\r\n     Min/max\r\n  ---------------------------------------------------- */\r\n\r\n  const minDt = fromISO(minDate);\r\n  const maxDt = fromISO(maxDate);\r\n\r\n  const isDisabled = (d: Date) => {\r\n    if (minDt && d < minDt) return true;\r\n    if (maxDt && d > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Drag select\r\n  ---------------------------------------------------- */\r\n\r\n  const [dragStart, setDragStart] = useState<Date | null>(null);\r\n  const [dragEnd, setDragEnd] = useState<Date | null>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n\r\n  const inDragRange = (d: Date) => {\r\n    if (!isDragging || !dragStart || !dragEnd) return false;\r\n    const t = d.getTime();\r\n    const a = dragStart.getTime();\r\n    const b = dragEnd.getTime();\r\n    return t >= Math.min(a, b) && t <= Math.max(a, b);\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Click outside to close\r\n  ---------------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    return onClickOutside(popRef, () => {\r\n      setOpen(false);\r\n      setShowYMM(false);\r\n    });\r\n  }, [open]);\r\n\r\n  /* ----------------------------------------------------\r\n     Restore focus\r\n  ---------------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const t = triggerRef.current;\r\n    return () => restoreFocus(t);\r\n  }, [open]);\r\n\r\n  /* ----------------------------------------------------\r\n     Popover position\r\n  ---------------------------------------------------- */\r\n\r\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!open || !triggerRef.current) return;\r\n    const r = triggerRef.current.getBoundingClientRect();\r\n    setPos({ top: r.bottom + 8, left: r.left });\r\n  }, [open, visible]);\r\n\r\n  /* ----------------------------------------------------\r\n     Grid computation\r\n  ---------------------------------------------------- */\r\n\r\n  const grid = useMemo(() => {\r\n    const first = startOfMonth(visible);\r\n    const startDow = first.getDay();\r\n    const total = daysInMonth(visible);\r\n\r\n    const g: (number | null)[] = [];\r\n    for (let i = 0; i < startDow; i++) g.push(null);\r\n    for (let d = 1; d <= total; d++) g.push(d);\r\n    while (g.length % 7 !== 0) g.push(null);\r\n    return g;\r\n  }, [visible]);\r\n\r\n  const weekdays = useMemo(\r\n    () =>\r\n      Array.from({ length: 7 }).map((_, i) =>\r\n        new Date(2020, 5, 7 + i).toLocaleDateString(locale, {\r\n          weekday: 'short',\r\n        })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  /* ----------------------------------------------------\r\n     Month/year panel\r\n  ---------------------------------------------------- */\r\n\r\n  const visibleYear = visible.getFullYear();\r\n  const YEAR_SPAN = 100;\r\n  const yearStart = visibleYear - YEAR_SPAN;\r\n\r\n  const years = useMemo(\r\n    () =>\r\n      Array.from({ length: YEAR_SPAN * 2 + 1 }).map((_, i) => yearStart + i),\r\n    [yearStart]\r\n  );\r\n\r\n  const months = useMemo(\r\n    () =>\r\n      Array.from({ length: 12 }).map((_, i) =>\r\n        new Date(2020, i, 1).toLocaleDateString(locale, { month: 'short' })\r\n      ),\r\n    [locale]\r\n  );\r\n\r\n  const isMonthDisabled = (y: number, m: number) => {\r\n    const s = new Date(y, m, 1);\r\n    const e = new Date(y, m, daysInMonth(s));\r\n    if (minDt && e < minDt) return true;\r\n    if (maxDt && s > maxDt) return true;\r\n    return false;\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Normalize + commit range\r\n  ---------------------------------------------------- */\r\n\r\n  const normalizeRange = (a: Date | null, b: Date | null) => {\r\n    if (!a && !b) return { from: undefined, to: undefined };\r\n    if (!a) return { from: undefined, to: b ? toISO(b) : undefined };\r\n    if (!b) return { from: toISO(a), to: undefined };\r\n\r\n    const ta = a.getTime();\r\n    const tb = b.getTime();\r\n\r\n    return ta <= tb\r\n      ? { from: toISO(a), to: toISO(b) }\r\n      : { from: toISO(b), to: toISO(a) };\r\n  };\r\n\r\n  const commitRange = useCallback(\r\n    (a: Date | null, b: Date | null) => {\r\n      const out = normalizeRange(a, b);\r\n      if (!controlled) setInternal(out);\r\n      onChange?.(out);\r\n    },\r\n    [onChange, controlled]\r\n  );\r\n\r\n  /* ----------------------------------------------------\r\n     Clicking days\r\n  ---------------------------------------------------- */\r\n\r\n  const pickDay = (d: number) => {\r\n    const dt = new Date(visible.getFullYear(), visible.getMonth(), d);\r\n    if (isDisabled(dt)) return;\r\n\r\n    let s = fromDate;\r\n    let e = toDate;\r\n\r\n    if (activePart === 'from') {\r\n      s = dt;\r\n      if (e && dt > e) e = null;\r\n    } else {\r\n      e = dt;\r\n      if (s && dt < s) {\r\n        s = dt;\r\n        e = null;\r\n      }\r\n    }\r\n\r\n    commitRange(asDate(s), asDate(e));\r\n\r\n    if (s && e) {\r\n      setOpen(false);\r\n      setShowYMM(false);\r\n    }\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Drag end (global)\r\n  ---------------------------------------------------- */\r\n\r\n  useEffect(() => {\r\n    const stopDrag = () => {\r\n      if (!isDragging) return;\r\n\r\n      setIsDragging(false);\r\n\r\n      if (dragStart && dragEnd) {\r\n        const a = dragStart;\r\n        const b = dragEnd;\r\n        const s = a <= b ? a : b;\r\n        const e = a <= b ? b : a;\r\n\r\n        commitRange(s, e);\r\n        setOpen(false);\r\n        setShowYMM(false);\r\n      }\r\n\r\n      setDragStart(null);\r\n      setDragEnd(null);\r\n    };\r\n\r\n    window.addEventListener('mouseup', stopDrag);\r\n    return () => window.removeEventListener('mouseup', stopDrag);\r\n  }, [isDragging, dragStart, dragEnd, commitRange]);\r\n\r\n  /* ----------------------------------------------------\r\n     Range flags\r\n  ---------------------------------------------------- */\r\n\r\n  const inRange = (dt: Date) => {\r\n    if (!fromDate || !toDate) return false;\r\n    return dt > fromDate && dt < toDate;\r\n  };\r\n\r\n  const isStart = (dt: Date) => fromDate && dt.getTime() === fromDate.getTime();\r\n  const isEnd = (dt: Date) => toDate && dt.getTime() === toDate.getTime();\r\n\r\n  /* ----------------------------------------------------\r\n     Keyboard nav\r\n  ---------------------------------------------------- */\r\n\r\n  const focusDay = (idx: number) => {\r\n    if (idx < 0 || idx >= grid.length) return;\r\n    const d = grid[idx];\r\n    if (!d) return;\r\n    const key = `${visible.getFullYear()}-${visible.getMonth()}-${d}`;\r\n    dayRefs.current[key]?.focus();\r\n  };\r\n\r\n  const onDayKey = (e: KeyboardEvent<HTMLButtonElement>, day: number) => {\r\n    const idx = grid.findIndex((c) => c === day);\r\n    if (idx === -1) return;\r\n\r\n    const cols = 7;\r\n    let nextIdx: number | null = null;\r\n\r\n    switch (e.key) {\r\n      case 'ArrowRight':\r\n        nextIdx = idx + 1;\r\n        break;\r\n      case 'ArrowLeft':\r\n        nextIdx = idx - 1;\r\n        break;\r\n      case 'ArrowDown':\r\n        nextIdx = idx + cols;\r\n        break;\r\n      case 'ArrowUp':\r\n        nextIdx = idx - cols;\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        e.preventDefault();\r\n        pickDay(day);\r\n        return;\r\n      case 'PageUp':\r\n        setVisible((v) => addMonths(v, -1));\r\n        return;\r\n      case 'PageDown':\r\n        setVisible((v) => addMonths(v, 1));\r\n        return;\r\n      case 'Escape':\r\n        setOpen(false);\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    e.preventDefault();\r\n    if (nextIdx != null && grid[nextIdx] != null) focusDay(nextIdx);\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Trigger label\r\n  ---------------------------------------------------- */\r\n\r\n  const label = (): string => {\r\n    if (!range.from && !range.to) return placeholder;\r\n    if (range.from && !range.to) return `${range.from} → `;\r\n    if (!range.from && range.to) return ` → ${range.to}`;\r\n    return `${range.from} → ${range.to}`;\r\n  };\r\n\r\n  /* ----------------------------------------------------\r\n     Render\r\n  ---------------------------------------------------- */\r\n\r\n  return (\r\n    <div className={`ui-daterange-picker ${className}`}>\r\n      {nameFrom && (\r\n        <input type=\"hidden\" name={nameFrom} value={range.from ?? ''} />\r\n      )}\r\n      {nameTo && <input type=\"hidden\" name={nameTo} value={range.to ?? ''} />}\r\n\r\n      <button\r\n        id={id}\r\n        ref={triggerRef}\r\n        type=\"button\"\r\n        className=\"drp-trigger\"\r\n        aria-haspopup=\"dialog\"\r\n        aria-expanded={open}\r\n        onClick={() => {\r\n          setOpen((s) => !s);\r\n          setShowYMM(false);\r\n        }}\r\n      >\r\n        {label()}\r\n      </button>\r\n\r\n      <div className=\"drp-actions\">\r\n        <button\r\n          className={`drp-part ${activePart === 'from' ? 'active' : ''}`}\r\n          onClick={() => setActivePart('from')}\r\n        >\r\n          From\r\n        </button>\r\n\r\n        <button\r\n          className={`drp-part ${activePart === 'to' ? 'active' : ''}`}\r\n          onClick={() => setActivePart('to')}\r\n        >\r\n          To\r\n        </button>\r\n      </div>\r\n\r\n      {open && pos && (\r\n        <Portal>\r\n          <div\r\n            ref={popRef}\r\n            className=\"drp-popover\"\r\n            style={{ position: 'fixed', top: pos.top, left: pos.left }}\r\n          >\r\n            <div className=\"drp-panel\">\r\n              {/* HEADER */}\r\n              <div className=\"drp-header\">\r\n                <button\r\n                  className=\"drp-arrow\"\r\n                  onClick={() => setVisible((v) => addMonths(v, -1))}\r\n                >\r\n                  ‹\r\n                </button>\r\n\r\n                <button\r\n                  className=\"drp-title\"\r\n                  onClick={() => setShowYMM((s) => !s)}\r\n                >\r\n                  {visible.toLocaleDateString(locale, {\r\n                    month: 'long',\r\n                  })}{' '}\r\n                  {visible.getFullYear()}\r\n                </button>\r\n\r\n                <button\r\n                  className=\"drp-arrow\"\r\n                  onClick={() => setVisible((v) => addMonths(v, 1))}\r\n                >\r\n                  ›\r\n                </button>\r\n              </div>\r\n\r\n              {/* YEAR + MONTH PANEL */}\r\n              {showYMM && (\r\n                <div className=\"drp-ym\">\r\n                  <div className=\"drp-year-grid\">\r\n                    {years.map((y) => (\r\n                      <button\r\n                        key={y}\r\n                        className={`drp-year ${\r\n                          y === visible.getFullYear() ? 'selected' : ''\r\n                        }`}\r\n                        onClick={() =>\r\n                          setVisible(\r\n                            startOfMonth(new Date(y, visible.getMonth(), 1))\r\n                          )\r\n                        }\r\n                      >\r\n                        {y}\r\n                      </button>\r\n                    ))}\r\n                  </div>\r\n\r\n                  <div className=\"drp-month-grid\">\r\n                    {months.map((ml, i) => {\r\n                      const disabled = isMonthDisabled(\r\n                        visible.getFullYear(),\r\n                        i\r\n                      );\r\n                      return (\r\n                        <button\r\n                          key={i}\r\n                          className={`drp-month ${disabled ? 'disabled' : ''} ${\r\n                            i === visible.getMonth() ? 'selected' : ''\r\n                          }`}\r\n                          disabled={disabled ? true : undefined}\r\n                          onClick={() =>\r\n                            !disabled &&\r\n                            setVisible(\r\n                              startOfMonth(\r\n                                new Date(visible.getFullYear(), i, 1)\r\n                              )\r\n                            )\r\n                          }\r\n                        >\r\n                          {ml}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* CALENDAR */}\r\n              {!showYMM && (\r\n                <div className=\"drp-calendar\">\r\n                  <div className=\"drp-weekdays\">\r\n                    {weekdays.map((w, i) => (\r\n                      <div key={i} className=\"drp-weekday\">\r\n                        {w}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n\r\n                  <div className=\"drp-days\">\r\n                    {grid.map((cell, idx) => {\r\n                      if (cell === null)\r\n                        return <div key={idx} className=\"drp-day-empty\" />;\r\n\r\n                      const dt = new Date(\r\n                        visible.getFullYear(),\r\n                        visible.getMonth(),\r\n                        cell\r\n                      );\r\n                      const disabled = isDisabled(dt);\r\n\r\n                      const start = isStart(dt);\r\n                      const end = isEnd(dt);\r\n                      const between = inRange(dt);\r\n                      const drag = inDragRange(dt);\r\n\r\n                      const key = `${visible.getFullYear()}-${visible.getMonth()}-${cell}`;\r\n\r\n                      return (\r\n                        <button\r\n                          key={key}\r\n                          ref={(el) => {\r\n                            dayRefs.current[key] = el;\r\n                          }}\r\n                          disabled={disabled ? true : undefined}\r\n                          className={[\r\n                            'drp-day',\r\n                            start ? 'start' : '',\r\n                            end ? 'end' : '',\r\n                            between ? 'between' : '',\r\n                            drag ? 'dragging' : '',\r\n                            disabled ? 'disabled' : '',\r\n                          ].join(' ')}\r\n                          onClick={() => !disabled && pickDay(cell)}\r\n                          onKeyDown={(e) => onDayKey(e, cell)}\r\n                          onMouseDown={(e) => {\r\n                            if (disabled) return;\r\n                            e.preventDefault();\r\n                            setDragStart(dt);\r\n                            setDragEnd(dt);\r\n                            setIsDragging(true);\r\n                          }}\r\n                          onMouseEnter={() => {\r\n                            if (!isDragging || disabled) return;\r\n                            setDragEnd(dt);\r\n                          }}\r\n                        >\r\n                          {cell}\r\n                        </button>\r\n                      );\r\n                    })}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* FOOTER */}\r\n              <div className=\"drp-footer\">\r\n                <button\r\n                  className=\"drp-clear\"\r\n                  onClick={() => {\r\n                    const empty = { from: undefined, to: undefined };\r\n                    if (!controlled) setInternal(empty);\r\n                    onChange?.(empty);\r\n                    setOpen(false);\r\n                    setShowYMM(false);\r\n                  }}\r\n                >\r\n                  Clear\r\n                </button>\r\n\r\n                <button\r\n                  className=\"drp-close\"\r\n                  onClick={() => {\r\n                    setOpen(false);\r\n                    setShowYMM(false);\r\n                  }}\r\n                >\r\n                  Close\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Portal>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["pad","n","toISO","d","fromISO","s","y","m","dt","asDate","v","startOfMonth","addMonths","daysInMonth","DateRangePicker","value","defaultValue","onChange","minDate","maxDate","placeholder","locale","id","className","nameFrom","nameTo","controlled","internal","setInternal","useState","range","fromDate","toDate","initialVisible","visible","setVisible","open","setOpen","showYMM","setShowYMM","activePart","setActivePart","triggerRef","useRef","popRef","dayRefs","minDt","maxDt","isDisabled","dragStart","setDragStart","dragEnd","setDragEnd","isDragging","setIsDragging","inDragRange","a","b","useEffect","onClickOutside","t","restoreFocus","pos","setPos","r","grid","useMemo","startDow","total","g","i","weekdays","_","visibleYear","YEAR_SPAN","yearStart","years","months","isMonthDisabled","e","normalizeRange","ta","tb","commitRange","useCallback","out","pickDay","stopDrag","inRange","isStart","isEnd","focusDay","idx","key","onDayKey","day","c","cols","nextIdx","label","jsxs","jsx","Portal","ml","disabled","w","cell","start","end","between","drag","el","empty"],"mappings":"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"}

package/dist/dist/components/drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react");;/* empty css             */const v=require("../../utils/scrolllock/scrollLock.cjs"),m=require("../../utils/inertmanager/inertManager.cjs"),g=require("../../utils/trapfocus/trapFocus.cjs"),p=require("../../utils/onclickoutside/onClickOutside.cjs"),w=require("../../utils/restorefocus/restoreFocus.cjs"),R=require("../../utils/portal/portal.cjs");function F({open:e,onClose:l,position:k="right",className:y="",children:q,disableEsc:i=!1,disableClickOutside:a=!1}){const o=r.useRef(null),t=r.useRef(null),d=r.useRef(null),n=r.useCallback(()=>{l()},[l]);return r.useEffect(()=>{if(!e||i)return;const u=c=>{c.key==="Escape"&&(c.preventDefault(),n())};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[e,i,n]),r.useEffect(()=>{if(!e)return;d.current=document.activeElement,v.scrollLock.lock();const u=o.current?m.applyInertToSiblings(o.current):[],c=t.current?g.trapFocus(t.current):void 0;let f;return!a&&t.current&&(f=p.onClickOutside(t,n)),()=>{f?.(),c?.(),v.scrollLock.unlock(),m.removeInertFromSiblings(u),w.restoreFocus(d.current)}},[e,a,n]),e?s.jsx(R.Portal,{children:s.jsx("div",{ref:o,className:`ui-drawer-overlay ${e?"open":""}`,children:s.jsx("div",{ref:t,className:`ui-drawer ${k} ${e?"open":""} ${y}`,role:"dialog","aria-modal":"true",children:q})})}):null}exports.Drawer=F;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/dist/components/drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["/**\r\n * Drawer.tsx\r\n * ----------\r\n * WCAG-compliant drawer component.\r\n * - Focus trap\r\n * - Scroll lock\r\n * - Click outside\r\n * - Esc to close\r\n * - Portal\r\n */\r\n\r\n/**\r\n * Drawer.tsx — Headless Drawer (no default UI)\r\n * User controls close button & styles fully.\r\n */\r\n\r\nimport React, { useRef, useEffect, useCallback } from 'react';\r\nimport './Drawer.css';\r\n\r\nimport { Portal, onClickOutside, trapFocus, restoreFocus, scrollLock,  applyInertToSiblings,\r\n  removeInertFromSiblings } from '../../utils/index';\r\n\r\nexport interface DrawerProps {\r\n  open: boolean;\r\n  onClose: () => void;\r\n  position?: 'left' | 'right' | 'bottom' | 'top';\r\n  className?: string;\r\n  children?: React.ReactNode;\r\n\r\n  disableEsc?: boolean;\r\n  disableClickOutside?: boolean;\r\n}\r\n\r\nexport function Drawer({\r\n  open,\r\n  onClose,\r\n  position = 'right',\r\n  className = '',\r\n  children,\r\n  disableEsc = false,\r\n  disableClickOutside = false,\r\n}: DrawerProps) {\r\n  const overlayRef = useRef<HTMLDivElement | null>(null);\r\n  const drawerRef = useRef<HTMLDivElement | null>(null);\r\n  const previouslyFocused = useRef<HTMLElement | null>(null);\r\n\r\n  const handleClose = useCallback(() => {\r\n    onClose();\r\n  }, [onClose]);\r\n\r\n  // ESC key\r\n  useEffect(() => {\r\n    if (!open || disableEsc) return;\r\n\r\n    const onKey = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') {\r\n        e.preventDefault();\r\n        handleClose();\r\n      }\r\n    };\r\n\r\n    document.addEventListener('keydown', onKey);\r\n    return () => document.removeEventListener('keydown', onKey);\r\n  }, [open, disableEsc, handleClose]);\r\n\r\n  // Open/close lifecycle\r\n  useEffect(() => {\r\n    if (!open) return;\r\n\r\n    previouslyFocused.current = document.activeElement as HTMLElement;\r\n\r\n    scrollLock.lock();\r\n\r\n    const inertTargets = overlayRef.current\r\n      ? applyInertToSiblings(overlayRef.current)\r\n      : [];\r\n\r\n    const trapCleanup = drawerRef.current\r\n      ? trapFocus(drawerRef.current)\r\n      : undefined;\r\n\r\n    // Click outside\r\n    let cleanupOutside: (() => void) | undefined;\r\n    if (!disableClickOutside && drawerRef.current) {\r\n      cleanupOutside = onClickOutside(drawerRef, handleClose);\r\n    }\r\n\r\n    return () => {\r\n      cleanupOutside?.();\r\n      trapCleanup?.();\r\n      scrollLock.unlock();\r\n      removeInertFromSiblings(inertTargets);\r\n      restoreFocus(previouslyFocused.current);\r\n    };\r\n  }, [open, disableClickOutside, handleClose]);\r\n\r\n  if (!open) return null;\r\n\r\n  return (\r\n    <Portal>\r\n      <div\r\n        ref={overlayRef}\r\n        className={`ui-drawer-overlay ${open ? 'open' : ''}`}\r\n      >\r\n        <div\r\n          ref={drawerRef}\r\n          className={`ui-drawer ${position} ${open ? 'open' : ''} ${className}`}\r\n          role=\"dialog\"\r\n          aria-modal=\"true\"\r\n        >\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </Portal>\r\n  );\r\n}\r\n"],"names":["Drawer","open","onClose","position","className","children","disableEsc","disableClickOutside","overlayRef","useRef","drawerRef","previouslyFocused","handleClose","useCallback","useEffect","onKey","e","scrollLock","inertTargets","applyInertToSiblings","trapCleanup","trapFocus","cleanupOutside","onClickOutside","removeInertFromSiblings","restoreFocus","Portal","jsx"],"mappings":"keAiCO,SAASA,EAAO,CACrB,KAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,QACX,UAAAC,EAAY,GACZ,SAAAC,EACA,WAAAC,EAAa,GACb,oBAAAC,EAAsB,EACxB,EAAgB,CACd,MAAMC,EAAaC,EAAAA,OAA8B,IAAI,EAC/CC,EAAYD,EAAAA,OAA8B,IAAI,EAC9CE,EAAoBF,EAAAA,OAA2B,IAAI,EAEnDG,EAAcC,EAAAA,YAAY,IAAM,CACpCX,EAAA,CACF,EAAG,CAACA,CAAO,CAAC,EAgDZ,OA7CAY,EAAAA,UAAU,IAAM,CACd,GAAI,CAACb,GAAQK,EAAY,OAEzB,MAAMS,EAASC,GAAqB,CAC9BA,EAAE,MAAQ,WACZA,EAAE,eAAA,EACFJ,EAAA,EAEJ,EAEA,gBAAS,iBAAiB,UAAWG,CAAK,EACnC,IAAM,SAAS,oBAAoB,UAAWA,CAAK,CAC5D,EAAG,CAACd,EAAMK,EAAYM,CAAW,CAAC,EAGlCE,EAAAA,UAAU,IAAM,CACd,GAAI,CAACb,EAAM,OAEXU,EAAkB,QAAU,SAAS,cAErCM,EAAAA,WAAW,KAAA,EAEX,MAAMC,EAAeV,EAAW,QAC5BW,EAAAA,qBAAqBX,EAAW,OAAO,EACvC,CAAA,EAEEY,EAAcV,EAAU,QAC1BW,EAAAA,UAAUX,EAAU,OAAO,EAC3B,OAGJ,IAAIY,EACJ,MAAI,CAACf,GAAuBG,EAAU,UACpCY,EAAiBC,EAAAA,eAAeb,EAAWE,CAAW,GAGjD,IAAM,CACXU,IAAA,EACAF,IAAA,EACAH,EAAAA,WAAW,OAAA,EACXO,EAAAA,wBAAwBN,CAAY,EACpCO,EAAAA,aAAad,EAAkB,OAAO,CACxC,CACF,EAAG,CAACV,EAAMM,EAAqBK,CAAW,CAAC,EAEtCX,QAGFyB,EAAAA,OAAA,CACC,SAAAC,EAAAA,IAAC,MAAA,CACC,IAAKnB,EACL,UAAW,qBAAqBP,EAAO,OAAS,EAAE,GAElD,SAAA0B,EAAAA,IAAC,MAAA,CACC,IAAKjB,EACL,UAAW,aAAaP,CAAQ,IAAIF,EAAO,OAAS,EAAE,IAAIG,CAAS,GACnE,KAAK,SACL,aAAW,OAEV,SAAAC,CAAA,CAAA,CACH,CAAA,EAEJ,EAjBgB,IAmBpB"}

package/dist/dist/components/drawer/Drawer.js

@@ -0,0 +1,57 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useRef as c, useCallback as w, useEffect as d } from "react";
+/* empty css           */
+import { scrollLock as p } from "../../utils/scrolllock/scrollLock.js";
+import { applyInertToSiblings as g, removeInertFromSiblings as h } from "../../utils/inertmanager/inertManager.js";
+import { trapFocus as E } from "../../utils/trapfocus/trapFocus.js";
+import { onClickOutside as F } from "../../utils/onclickoutside/onClickOutside.js";
+import { restoreFocus as $ } from "../../utils/restorefocus/restoreFocus.js";
+import { Portal as L } from "../../utils/portal/portal.js";
+function j({
+  open: r,
+  onClose: i,
+  position: v = "right",
+  className: y = "",
+  children: k,
+  disableEsc: a = !1,
+  disableClickOutside: m = !1
+}) {
+  const u = c(null), e = c(null), s = c(null), t = w(() => {
+    i();
+  }, [i]);
+  return d(() => {
+    if (!r || a) return;
+    const o = (n) => {
+      n.key === "Escape" && (n.preventDefault(), t());
+    };
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [r, a, t]), d(() => {
+    if (!r) return;
+    s.current = document.activeElement, p.lock();
+    const o = u.current ? g(u.current) : [], n = e.current ? E(e.current) : void 0;
+    let f;
+    return !m && e.current && (f = F(e, t)), () => {
+      f?.(), n?.(), p.unlock(), h(o), $(s.current);
+    };
+  }, [r, m, t]), r ? /* @__PURE__ */ l(L, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      ref: u,
+      className: `ui-drawer-overlay ${r ? "open" : ""}`,
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          ref: e,
+          className: `ui-drawer ${v} ${r ? "open" : ""} ${y}`,
+          role: "dialog",
+          "aria-modal": "true",
+          children: k
+        }
+      )
+    }
+  ) }) : null;
+}
+export {
+  j as Drawer
+};
+//# sourceMappingURL=Drawer.js.map