@xploreu/components 0.4.53 → 0.4.54

package/dist/chunk-C3CQJ5EA.js

@@ -1,2 +0,0 @@
-import {a as a$3}from'./chunk-PC5CKARI.js';import {a as a$1,b,c}from'./chunk-NGSCUYDU.js';import {b as b$1}from'./chunk-DIXFDLPZ.js';import {a as a$2}from'./chunk-2ECH6S6R.js';import {b as b$2,e}from'./chunk-JLZNZFOO.js';import*as a from'react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {format}from'date-fns';import {ChevronDown}from'lucide-react';import'react-day-picker';import {cn}from'@xploreu/lib/cn';import {jsxs,jsx}from'react/jsx-runtime';function Z({className:P,value:M,onValueChange:i,defaultValue:N,required:d,disabled:p,placeholder:k="Pick dates",disabledDates:w,dateFormat:j="LLL dd, y",chipDateFormat:S="d MMM",maxVisible:l,...B}){let R=a.useCallback(e=>{d?e?.length&&i?.(e):i?.(e);},[i,d]),[t,u]=useControlledState({value:M,defaultValue:N,onChange:R}),[z,F]=a.useState(t?.[0]||new Date),[O,T]=a.useState(false),s=!!t?.length,m=a.useMemo(()=>t?[...t].sort((e,n)=>e.getTime()-n.getTime()):[],[t]),V=a.useCallback(e=>{let n=t?.filter(L=>L.getTime()!==e.getTime());d&&!n?.length||u(n);},[t,u,d]),I=l!==void 0?m.slice(0,l):m,b$3=l!==void 0?m.length-l:0;return jsxs("div",{className:"flex flex-col gap-2 w-full",children:[jsxs(a$1,{open:p?false:O,onOpenChange:T,children:[jsx(b,{className:"w-full",render:jsxs(b$1,{className:cn("group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors","border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover",s&&"border-border-brand bg-bg-brand-primary text-text-brand-secondary","data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary","disabled:pointer-events-none disabled:opacity-50",P),variant:null,size:null,disabled:p,children:[jsxs("span",{className:"flex min-w-0 items-center gap-2",children:[jsx(a$2,{className:cn("size-4 shrink-0",s?"text-fg-brand-primary":"text-fg-quaternary")}),jsx("span",{className:"truncate",children:s?`${t.length} ${t.length===1?"date":"dates"} selected`:k})]}),jsx(ChevronDown,{className:cn("size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180",s?"text-fg-brand-primary":"text-fg-quaternary")})]})}),jsx(c,{className:"w-auto border-0 rounded-[20px] p-xp-none bg-transparent",style:{background:"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)",backdropFilter:"blur(20px)",boxShadow:"0px 30px 60px 0px #0000001A"},children:jsx(a$3,{autoFocus:true,disabled:w,mode:"multiple",month:z,selected:t,onMonthChange:F,onSelect:e=>{d&&!e?.length||u(e);},...B})})]}),s&&jsxs("div",{className:"flex flex-wrap gap-2",children:[I.map(e$1=>jsxs(b$2,{color:"brand",size:"lg",className:"ring-1 ring-border-brand text-body-medium-3",children:[format(e$1,S),!p&&jsx(e,{className:"text-fg-quaternary",onClick:n=>{n.stopPropagation(),V(e$1);}})]},e$1.toISOString())),b$3>0&&jsxs(b$2,{color:"brand",size:"lg",className:"ring-1 ring-border-brand text-body-medium-3",children:["+",b$3]})]})]})}export{Z as a};//# sourceMappingURL=chunk-C3CQJ5EA.js.map
-//# sourceMappingURL=chunk-C3CQJ5EA.js.map

package/dist/chunk-C3CQJ5EA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/date-multiple-picker.tsx"],"names":["DateMultiplePicker","className","valueProp","onValueChange","defaultValue","required","disabled","placeholder","disabledDates","dateFormat","chipDateFormat","maxVisible","props","handleValueChange","val","value","setValue","useControlledState","currentMonth","setCurrentMonth","isOpen","setIsOpen","hasValue","sortedValue","a","b","handleRemoveDate","dateToRemove","newValue","d","visibleChips","overflowCount","jsxs","Popover","jsx","PopoverTrigger","Button","cn","calendar_icon_default","ChevronDown","PopoverPopup","Calendar","Badge","format","BadgeButton","e"],"mappings":"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","file":"chunk-C3CQJ5EA.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { format } from \"date-fns\"\r\nimport { ChevronDown } from \"lucide-react\"\r\nimport { type Matcher } from \"react-day-picker\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { CalendarIcon } from \"../icons\"\r\nimport { Button } from \"./button\"\r\nimport { Calendar, type CalendarProps } from \"./calendar\"\r\nimport { Popover, PopoverPopup, PopoverTrigger } from \"./popover\"\r\nimport { Badge, BadgeButton } from \"./badge\"\r\n\r\nexport type DateMultiplePickerProps = {\r\n  className?: string\r\n  value?: Date[]\r\n  defaultValue?: Date[]\r\n  required?: boolean\r\n  disabled?: boolean\r\n  placeholder?: string\r\n  disabledDates?: Matcher | Matcher[] | undefined\r\n  dateFormat?: string\r\n  chipDateFormat?: string\r\n  /** Maximum number of chips to show outside before collapsing the rest into a \"+N\" chip. */\r\n  maxVisible?: number\r\n} & ({\r\n  required: true\r\n  onValueChange?: (value: Date[]) => void\r\n} | {\r\n  required?: false\r\n  onValueChange?: (value: Date[] | undefined) => void\r\n}) & Omit<CalendarProps, \"mode\" | \"selected\" | \"onSelect\" | \"month\" | \"onMonthChange\">\r\n\r\nfunction DateMultiplePicker({\r\n  className,\r\n  value: valueProp,\r\n  onValueChange,\r\n  defaultValue,\r\n  required,\r\n  disabled,\r\n  placeholder = \"Pick dates\",\r\n  disabledDates,\r\n  dateFormat = \"LLL dd, y\",\r\n  chipDateFormat = \"d MMM\",\r\n  maxVisible,\r\n  ...props\r\n}: DateMultiplePickerProps) {\r\n  const handleValueChange = React.useCallback(\r\n    (val: Date[] | undefined) => {\r\n      if (required) {\r\n        if (val?.length) onValueChange?.(val)\r\n      } else {\r\n        onValueChange?.(val)\r\n      }\r\n    },\r\n    [onValueChange, required],\r\n  )\r\n\r\n  const [value, setValue] = useControlledState<Date[] | undefined>({\r\n    value: valueProp,\r\n    defaultValue,\r\n    onChange: handleValueChange,\r\n  })\r\n\r\n  const [currentMonth, setCurrentMonth] = React.useState<Date | undefined>(value?.[0] || new Date())\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n  const hasValue = !!value?.length\r\n\r\n  const sortedValue = React.useMemo(() => {\r\n    if (!value) return []\r\n    return [...value].sort((a, b) => a.getTime() - b.getTime())\r\n  }, [value])\r\n\r\n  const handleRemoveDate = React.useCallback(\r\n    (dateToRemove: Date) => {\r\n      const newValue = value?.filter((d) => d.getTime() !== dateToRemove.getTime())\r\n      if (required && !newValue?.length) return\r\n      setValue(newValue)\r\n    },\r\n    [value, setValue, required],\r\n  )\r\n\r\n  const visibleChips = maxVisible !== undefined ? sortedValue.slice(0, maxVisible) : sortedValue\r\n  const overflowCount = maxVisible !== undefined ? sortedValue.length - maxVisible : 0\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-2 w-full\">\r\n      <Popover open={disabled ? false : isOpen} onOpenChange={setIsOpen}>\r\n        <PopoverTrigger\r\n          className=\"w-full\"\r\n          render={\r\n            <Button\r\n              className={cn(\r\n                \"group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors\",\r\n                \"border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n                hasValue &&\r\n                  \"border-border-brand bg-bg-brand-primary text-text-brand-secondary\",\r\n                \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n                \"disabled:pointer-events-none disabled:opacity-50\",\r\n                className,\r\n              )}\r\n              variant={null}\r\n              size={null}\r\n              disabled={disabled}\r\n            >\r\n              <span className=\"flex min-w-0 items-center gap-2\">\r\n                <CalendarIcon\r\n                  className={cn(\r\n                    \"size-4 shrink-0\",\r\n                    hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                  )}\r\n                />\r\n                <span className=\"truncate\">\r\n                  {hasValue\r\n                    ? `${value.length} ${value.length === 1 ? \"date\" : \"dates\"} selected`\r\n                    : placeholder}\r\n                </span>\r\n              </span>\r\n              <ChevronDown\r\n                className={cn(\r\n                  \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180\",\r\n                  hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                )}\r\n              />\r\n            </Button>\r\n          }\r\n        />\r\n        <PopoverPopup\r\n          className=\"w-auto border-0 rounded-[20px] p-xp-none bg-transparent\"\r\n          style={{\r\n            background:\r\n              \"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)\",\r\n            backdropFilter: \"blur(20px)\",\r\n            boxShadow: \"0px 30px 60px 0px #0000001A\",\r\n          }}\r\n        >\r\n          <Calendar\r\n            autoFocus\r\n            disabled={disabledDates}\r\n            mode=\"multiple\"\r\n            month={currentMonth}\r\n            selected={value}\r\n            onMonthChange={setCurrentMonth}\r\n            onSelect={(val) => {\r\n              if (required && !val?.length) return\r\n              setValue(val)\r\n            }}\r\n            {...props}\r\n          />\r\n        </PopoverPopup>\r\n      </Popover>\r\n\r\n      {hasValue && (\r\n        <div className=\"flex flex-wrap gap-2\">\r\n          {visibleChips.map((d) => (\r\n            <Badge\r\n              key={d.toISOString()}\r\n              color=\"brand\"\r\n              size=\"lg\"\r\n              className=\"ring-1 ring-border-brand text-body-medium-3\"\r\n            >\r\n              {format(d, chipDateFormat)}\r\n              {!disabled && (\r\n                <BadgeButton\r\n                  className=\"text-fg-quaternary\"\r\n                  onClick={(e) => {\r\n                    e.stopPropagation()\r\n                    handleRemoveDate(d)\r\n                  }}\r\n                />\r\n              )}\r\n            </Badge>\r\n          ))}\r\n          {overflowCount > 0 && (\r\n            <Badge\r\n              color=\"brand\"\r\n              size=\"lg\"\r\n              className=\"ring-1 ring-border-brand text-body-medium-3\"\r\n            >\r\n              +{overflowCount}\r\n            </Badge>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DateMultiplePicker }"]}

package/dist/chunk-EXNOSFZ7.js

@@ -1,2 +0,0 @@
-import {a as a$2}from'./chunk-PC5CKARI.js';import {a,b,c}from'./chunk-NGSCUYDU.js';import {b as b$1}from'./chunk-DIXFDLPZ.js';import {a as a$1}from'./chunk-2ECH6S6R.js';import*as t from'react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {format}from'date-fns';import {ChevronDown}from'lucide-react';import'react-day-picker';import {cn}from'@xploreu/lib/cn';import {jsxs,jsx}from'react/jsx-runtime';function E({className:h,value:x,onValueChange:o,defaultValue:y,required:n,disabled:i,placeholder:v="Pick a date",disabledDates:P,dateFormat:C="LLL dd, y",...D}){let k=t.useCallback(e=>{n?e&&o?.(e):o?.(e);},[o,n]),[r,w]=useControlledState({value:x,defaultValue:y,onChange:k}),[N,M]=t.useState(r||new Date),[S,l]=t.useState(false),d=!!r;return jsxs(a,{open:i?false:S,onOpenChange:l,children:[jsx(b,{className:"w-full",render:jsxs(b$1,{className:cn("group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors","border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover",d&&"border-border-brand bg-bg-brand-primary text-text-brand-secondary","data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary","disabled:pointer-events-none disabled:opacity-50",h),variant:null,size:null,disabled:i,children:[jsxs("span",{className:"flex min-w-0 items-center gap-2",children:[jsx(a$1,{className:cn("size-4 shrink-0",d?"text-fg-brand-primary":"text-fg-quaternary")}),jsx("span",{className:"truncate",children:r?format(r,C):v})]}),jsx(ChevronDown,{className:cn("size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180",d?"text-fg-brand-primary":"text-fg-quaternary")})]})}),jsx(c,{className:"w-auto border-0 rounded-[20px] p-xp-none bg-transparent",style:{background:"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)",backdropFilter:"blur(20px)",boxShadow:"0px 30px 60px 0px #0000001A"},children:jsx(a$2,{autoFocus:true,disabled:P,mode:"single",month:N,selected:r,onMonthChange:M,onSelect:e=>{n&&!e||(w(e),l(false));},...D})})]})}export{E as a};//# sourceMappingURL=chunk-EXNOSFZ7.js.map
-//# sourceMappingURL=chunk-EXNOSFZ7.js.map

package/dist/chunk-EXNOSFZ7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/date-picker.tsx"],"names":["DatePicker","className","valueProp","onValueChange","defaultValue","required","disabled","placeholder","disabledDates","dateFormat","props","handleValueChange","val","value","setValue","useControlledState","currentMonth","setCurrentMonth","isOpen","setIsOpen","hasValue","jsxs","Popover","jsx","PopoverTrigger","Button","cn","calendar_icon_default","format","ChevronDown","PopoverPopup","Calendar"],"mappings":"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","file":"chunk-EXNOSFZ7.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\n\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport { format } from \"date-fns\"\r\nimport { ChevronDown } from \"lucide-react\"\r\nimport { type Matcher } from \"react-day-picker\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { CalendarIcon } from \"../icons\"\r\nimport { Button } from \"./button\"\r\nimport { Calendar, type CalendarProps } from \"./calendar\"\r\nimport { Popover, PopoverPopup, PopoverTrigger } from \"./popover\"\r\n\r\nexport type DatePickerProps = {\r\n  className?: string\r\n  value?: Date\r\n  defaultValue?: Date\r\n  required?: boolean\r\n  disabled?: boolean\r\n  placeholder?: string\r\n  disabledDates?: Matcher | Matcher[] | undefined\r\n  dateFormat?: string\r\n} & ({\r\n  required: true\r\n  onValueChange?: (value: Date) => void\r\n} | {\r\n  required?: false\r\n  onValueChange?: (value: Date | undefined) => void\r\n}) & Omit<CalendarProps, \"mode\" | \"selected\" | \"onSelect\" | \"month\" | \"onMonthChange\">\r\n\r\nfunction DatePicker({\r\n  className,\r\n  value: valueProp,\r\n  onValueChange,\r\n  defaultValue,\r\n  required,\r\n  disabled,\r\n  placeholder = \"Pick a date\",\r\n  disabledDates,\r\n  dateFormat = \"LLL dd, y\",\r\n  ...props\r\n}: DatePickerProps) {\r\n  const handleValueChange = React.useCallback(\r\n    (val: Date | undefined) => {\r\n      if (required) {\r\n        if (val) onValueChange?.(val)\r\n      } else {\r\n        onValueChange?.(val)\r\n      }\r\n    },\r\n    [onValueChange, required],\r\n  )\r\n\r\n  const [value, setValue] = useControlledState<Date | undefined>({\r\n    value: valueProp,\r\n    defaultValue,\r\n    onChange: handleValueChange,\r\n  })\r\n\r\n  const [currentMonth, setCurrentMonth] = React.useState<Date | undefined>(value || new Date())\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n\r\n  const hasValue = !!value\r\n\r\n  return (\r\n    <Popover open={disabled ? false : isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger\r\n        className=\"w-full\"\r\n        render={\r\n          <Button\r\n            className={cn(\r\n              \"group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors\",\r\n              \"border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n              hasValue &&\r\n                \"border-border-brand bg-bg-brand-primary text-text-brand-secondary\",\r\n              \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n              \"disabled:pointer-events-none disabled:opacity-50\",\r\n              className,\r\n            )}\r\n            variant={null}\r\n            size={null}\r\n            disabled={disabled}\r\n          >\r\n            <span className=\"flex min-w-0 items-center gap-2\">\r\n              <CalendarIcon\r\n                className={cn(\r\n                  \"size-4 shrink-0\",\r\n                  hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                )}\r\n              />\r\n              <span className=\"truncate\">\r\n                {value ? format(value, dateFormat) : placeholder}\r\n              </span>\r\n            </span>\r\n            <ChevronDown\r\n              className={cn(\r\n                \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180\",\r\n                hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n              )}\r\n            />\r\n          </Button>\r\n        }\r\n      />\r\n      <PopoverPopup\r\n        className=\"w-auto border-0 rounded-[20px] p-xp-none bg-transparent\"\r\n        style={{\r\n          background:\r\n            \"linear-gradient(180deg, rgba(46, 51, 90, 0) 0%, rgba(28, 27, 51, 0.04) 100%), radial-gradient(146.13% 118.42% at 50% -15.5%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 99.59%)\",\r\n          backdropFilter: \"blur(20px)\",\r\n          boxShadow: \"0px 30px 60px 0px #0000001A\",\r\n        }}\r\n      >\r\n        <Calendar\r\n          autoFocus\r\n          disabled={disabledDates}\r\n          mode=\"single\"\r\n          month={currentMonth}\r\n          selected={value}\r\n          onMonthChange={setCurrentMonth}\r\n          onSelect={(val) => {\r\n            if (required && !val) return\r\n            setValue(val)\r\n            setIsOpen(false)\r\n          }}\r\n          {...props}\r\n        />\r\n      </PopoverPopup>\r\n    </Popover>\r\n  )\r\n}\r\n\r\nexport { DatePicker }\r\n"]}

package/dist/chunk-I3A5MC57.js

@@ -1,2 +0,0 @@
-import {a as a$2}from'./chunk-PC5CKARI.js';import {a,b,c}from'./chunk-NGSCUYDU.js';import {b as b$1}from'./chunk-DIXFDLPZ.js';import {a as a$1}from'./chunk-2ECH6S6R.js';import u from'react';import {useControlledState}from'@xploreu/hooks/use-controlled-state';import {format,endOfWeek,startOfWeek,endOfMonth,startOfMonth,subMonths,endOfYear,startOfYear,subYears}from'date-fns';import {ChevronDown}from'lucide-react';import'react-day-picker';import {cn}from'@xploreu/lib/cn';import {jsxs,jsx}from'react/jsx-runtime';var N=[{label:"Today",value:"today",getDateRange:()=>{let e=new Date;return {from:e,to:e}}},{value:"last-7-days",label:"Last 7 days",getDateRange:()=>({from:new Date(Date.now()-8640*60*1e3),to:new Date})},{label:"This Week",value:"this-week",getDateRange:()=>{let e=new Date;return {from:startOfWeek(e,{weekStartsOn:1}),to:endOfWeek(e,{weekStartsOn:1})}}},{label:"This Month",value:"this-month",getDateRange:()=>{let e=new Date;return {from:startOfMonth(e),to:endOfMonth(e)}}},{label:"Last 3 Months",value:"last-3-months",getDateRange:()=>{let e=new Date;return {from:subMonths(e,3),to:e}}},{label:"Last 6 Months",value:"last-6-months",getDateRange:()=>{let e=new Date;return {from:subMonths(e,6),to:e}}},{label:"This Year",value:"this-year",getDateRange:()=>{let e=new Date;return {from:startOfYear(e),to:endOfYear(e)}}},{label:"Last Year",value:"last-year",getDateRange:()=>{let e=subYears(new Date,1);return {from:startOfYear(e),to:endOfYear(e)}}},{label:"Custom Range",value:"custom-range",getDateRange:()=>{}}];function ne({className:e,value:P,onValueChange:p,defaultValue:V,required:d,disabled:b$2,placeholder:S="Pick a date",options:D=true,disabledDates:Y}){let T=u.useCallback(t=>{p?.(t);},[p,d]),[a$3,v]=useControlledState({value:P,defaultValue:V,onChange:T}),[q,h]=u.useState(a$3?.from||new Date),[z,B]=u.useState(false),[F,y]=u.useState("days"),f=!!a$3?.from,s=(t,n)=>!t||!n?false:t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate(),W=t=>{if(!a$3?.from||!a$3?.to)return  false;if(t.value==="custom-range")return N.every(o=>{if(o.value==="custom-range")return  true;let l=o.getDateRange();return !l?.from||!l?.to?true:!(s(a$3.from,l.from)&&s(a$3.to,l.to))});let n=t.getDateRange();return !n?.from||!n?.to?false:s(a$3.from,n.from)&&s(a$3.to,n.to)};return jsxs(a,{open:b$2?false:z,onOpenChange:B,children:[jsx(b,{render:jsxs(b$1,{className:cn("group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors","border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover",f&&"border-border-brand bg-bg-brand-primary text-text-brand-secondary","data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary","disabled:pointer-events-none disabled:opacity-50",e),variant:null,size:null,disabled:b$2,children:[jsxs("span",{className:"flex min-w-0 items-center gap-2",children:[jsx(a$1,{className:cn("size-4 shrink-0",f?"text-fg-brand-primary":"text-fg-quaternary")}),jsx("span",{className:"truncate",children:a$3?.from?a$3.to?`${format(a$3.from,"LLL dd, y")} - ${format(a$3.to,"LLL dd, y")}`:format(a$3.from,"LLL dd, y"):S})]}),jsx(ChevronDown,{className:cn("size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180",f?"text-fg-brand-primary":"text-fg-quaternary")})]})}),jsxs(c,{className:cn("w-auto border-0",D?"rounded-2xl p-xp-lg flex gap-6":"p-xp-none bg-transparent"),children:[D&&jsx("div",{className:"flex flex-col gap-xp-md w-[135px]",children:N.map(t=>{let n=W(t);return jsx(b$1,{className:"justify-start px-xp-xl",variant:n?"tertiary-accent":null,onClick:()=>{let o=t.getDateRange();o&&(v(o),y("days"),h(o.from));},children:t.label},t.value)})}),jsx(a$2,{autoFocus:true,disabled:Y,mode:"range",month:q,navView:F,numberOfMonths:2,selected:a$3,onMonthChange:h,onNavViewChange:y,onSelect:t=>{d&&!t||v(t);}})]})]})}export{ne as a};//# sourceMappingURL=chunk-I3A5MC57.js.map
-//# sourceMappingURL=chunk-I3A5MC57.js.map

package/dist/chunk-I3A5MC57.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/date-range-picker.tsx"],"names":["dateRangeOptions","t","now","startOfWeek","endOfWeek","startOfMonth","endOfMonth","subMonths","startOfYear","endOfYear","ly","subYears","DateRangePicker","className","valueProp","onValueChangeProp","defaultValue","required","disabled","placeholder","options","disabledDates","onValueChange","React","value","setValue","useControlledState","currentMonth","setCurrentMonth","isOpen","setIsOpen","navView","setNavView","hasValue","isSameDay","date1","date2","isOptionActive","option","opt","optRange","optionRange","jsxs","Popover","jsx","PopoverTrigger","Button","cn","calendar_icon_default","format","ChevronDown","PopoverPopup","active","dateRange","Calendar","val"],"mappings":"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","file":"chunk-I3A5MC57.js","sourcesContent":["\"use client\"\r\n\r\nimport React from \"react\"\r\n\r\nimport { useControlledState } from \"@xploreu/hooks/use-controlled-state\"\r\nimport {\r\n  endOfMonth,\r\n  endOfWeek,\r\n  endOfYear,\r\n  format,\r\n  startOfMonth,\r\n  startOfWeek,\r\n  startOfYear,\r\n  subMonths,\r\n  subYears,\r\n} from \"date-fns\"\r\nimport { ChevronDown } from \"lucide-react\"\r\nimport { type DateRange, type Matcher } from \"react-day-picker\"\r\n\r\nexport type { DateRange }\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nimport { Button } from \"./button\"\r\nimport { Calendar, type NavView } from \"./calendar\"\r\nimport { CalendarIcon } from \"../icons\"\r\nimport { Popover, PopoverPopup, PopoverTrigger } from \"./popover\"\r\n\r\nexport type DateRangePickerProps = {\r\n  className?: string\r\n  value?: DateRange\r\n  defaultValue?: DateRange\r\n  required?: boolean\r\n  disabled?: boolean\r\n  placeholder?: string\r\n  options?: boolean\r\n  disabledDates?: Matcher | Matcher[] | undefined\r\n} & ({\r\n  required: true\r\n  onValueChange?: (value: DateRange) => void\r\n} | {\r\n  required?: false\r\n  onValueChange?: (value: DateRange | undefined) => void\r\n})\r\n\r\ntype DateRangeOption = {\r\n  label: string\r\n  value: string\r\n  getDateRange: () => DateRange | undefined\r\n}\r\n\r\nconst dateRangeOptions: DateRangeOption[] = [\r\n  {\r\n    label: \"Today\",\r\n    value: \"today\",\r\n    getDateRange: () => { const t = new Date(); return { from: t, to: t } },\r\n  },\r\n  {\r\n    value: \"last-7-days\",\r\n    label: \"Last 7 days\",\r\n    getDateRange: () => ({\r\n      from: new Date(Date.now() - 6 * 24 * 60 * 60 * 1000), // 6 days in milliseconds\r\n      to: new Date(),\r\n    }),\r\n  },\r\n  {\r\n    label: \"This Week\",\r\n    value: \"this-week\",\r\n    getDateRange: () => {\r\n      const now = new Date()\r\n      return { from: startOfWeek(now, { weekStartsOn: 1 }), to: endOfWeek(now, { weekStartsOn: 1 }) }\r\n    },\r\n  },\r\n  {\r\n    label: \"This Month\",\r\n    value: \"this-month\",\r\n    getDateRange: () => { const now = new Date(); return { from: startOfMonth(now), to: endOfMonth(now) } },\r\n  },\r\n  {\r\n    label: \"Last 3 Months\",\r\n    value: \"last-3-months\",\r\n    getDateRange: () => { const now = new Date(); return { from: subMonths(now, 3), to: now } },\r\n  },\r\n  {\r\n    label: \"Last 6 Months\",\r\n    value: \"last-6-months\",\r\n    getDateRange: () => { const now = new Date(); return { from: subMonths(now, 6), to: now } },\r\n  },\r\n  {\r\n    label: \"This Year\",\r\n    value: \"this-year\",\r\n    getDateRange: () => { const now = new Date(); return { from: startOfYear(now), to: endOfYear(now) } },\r\n  },\r\n  {\r\n    label: \"Last Year\",\r\n    value: \"last-year\",\r\n    getDateRange: () => { const ly = subYears(new Date(), 1); return { from: startOfYear(ly), to: endOfYear(ly) } },\r\n  },\r\n  {\r\n    label: \"Custom Range\",\r\n    value: \"custom-range\",\r\n    getDateRange: () => undefined,\r\n  },\r\n]\r\n\r\nfunction DateRangePicker({\r\n  className,\r\n  value: valueProp,\r\n  onValueChange: onValueChangeProp,\r\n  defaultValue,\r\n  required,\r\n  disabled,\r\n  placeholder = \"Pick a date\",\r\n  options = true,\r\n  disabledDates,\r\n}: DateRangePickerProps) {\r\n  const onValueChange = React.useCallback(\r\n    (value: DateRange | undefined) => {\r\n      if (required) onValueChangeProp?.(value as DateRange)\r\n      else onValueChangeProp?.(value)\r\n    },\r\n    [onValueChangeProp, required],\r\n  )\r\n\r\n  const [value, setValue] = useControlledState<DateRange | undefined>({\r\n    value: valueProp,\r\n    defaultValue,\r\n    onChange: onValueChange,\r\n  })\r\n\r\n  const [currentMonth, setCurrentMonth] = React.useState<Date | undefined>(value?.from || new Date())\r\n  const [isOpen, setIsOpen] = React.useState(false)\r\n  const [navView, setNavView] = React.useState<NavView>(\"days\")\r\n\r\n  const hasValue = !!value?.from\r\n\r\n  const isSameDay = (date1?: Date, date2?: Date): boolean => {\r\n    if (!date1 || !date2) return false\r\n    return (\r\n      date1.getFullYear() === date2.getFullYear() &&\r\n      date1.getMonth() === date2.getMonth() &&\r\n      date1.getDate() === date2.getDate()\r\n    )\r\n  }\r\n\r\n  const isOptionActive = (option: DateRangeOption): boolean => {\r\n    if (!value?.from || !value?.to) return false\r\n    if (option.value === \"custom-range\") {\r\n      return dateRangeOptions.every((opt) => {\r\n        if (opt.value === \"custom-range\") return true\r\n        const optRange = opt.getDateRange()\r\n        if (!optRange?.from || !optRange?.to) return true\r\n        return !(isSameDay(value.from, optRange.from) && isSameDay(value.to, optRange.to))\r\n      })\r\n    }\r\n    const optionRange = option.getDateRange()\r\n    if (!optionRange?.from || !optionRange?.to) return false\r\n    return isSameDay(value.from, optionRange.from) && isSameDay(value.to, optionRange.to)\r\n  }\r\n\r\n  return (\r\n    <Popover open={disabled ? false : isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger\r\n        render={\r\n          <Button\r\n            className={cn(\r\n              \"group h-9 w-full justify-between rounded-xp-card-base border px-3 text-body-medium-3 transition-colors\",\r\n              \"border-border-primary bg-bg-primary text-text-secondary hover:bg-bg-primary-hover\",\r\n              hasValue &&\r\n              \"border-border-brand bg-bg-brand-primary text-text-brand-secondary\",\r\n              \"data-[popup-open]:border-border-brand data-[popup-open]:bg-bg-brand-primary data-[popup-open]:text-text-brand-secondary\",\r\n              \"disabled:pointer-events-none disabled:opacity-50\",\r\n              className,\r\n            )}\r\n            variant={null}\r\n            size={null}\r\n            disabled={disabled}\r\n          >\r\n            <span className=\"flex min-w-0 items-center gap-2\">\r\n              <CalendarIcon\r\n                className={cn(\r\n                  \"size-4 shrink-0\",\r\n                  hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n                )}\r\n              />\r\n              <span className=\"truncate\">\r\n                {value?.from\r\n                  ? value.to\r\n                    ? `${format(value.from, \"LLL dd, y\")} - ${format(value.to, \"LLL dd, y\")}`\r\n                    : format(value.from, \"LLL dd, y\")\r\n                  : placeholder}\r\n              </span>\r\n            </span>\r\n            <ChevronDown\r\n              className={cn(\r\n                \"size-4 shrink-0 transition-transform group-data-[popup-open]:rotate-180\",\r\n                hasValue ? \"text-fg-brand-primary\" : \"text-fg-quaternary\",\r\n              )}\r\n            />\r\n          </Button>\r\n        }\r\n      />\r\n      <PopoverPopup\r\n        className={cn(\r\n          \"w-auto border-0\",\r\n          options ? \"rounded-2xl p-xp-lg flex gap-6\" : \"p-xp-none bg-transparent\",\r\n        )}\r\n      >\r\n        {options && (\r\n          <div className=\"flex flex-col gap-xp-md w-[135px]\">\r\n            {dateRangeOptions.map((option) => {\r\n              const active = isOptionActive(option)\r\n              return (\r\n                <Button\r\n                  key={option.value}\r\n                  className=\"justify-start px-xp-xl\"\r\n                  variant={active ? \"tertiary-accent\" : null}\r\n                  onClick={() => {\r\n                    const dateRange = option.getDateRange()\r\n                    if (dateRange) {\r\n                      setValue(dateRange)\r\n                      setNavView(\"days\")\r\n                      setCurrentMonth(dateRange.from)\r\n                    }\r\n                  }}\r\n                >\r\n                  {option.label}\r\n                </Button>\r\n              )\r\n            })}\r\n          </div>\r\n        )}\r\n        <Calendar\r\n          autoFocus\r\n          disabled={disabledDates}\r\n          mode=\"range\"\r\n          month={currentMonth}\r\n          navView={navView}\r\n          numberOfMonths={2}\r\n          selected={value}\r\n          onMonthChange={setCurrentMonth}\r\n          onNavViewChange={setNavView}\r\n          onSelect={(val) => {\r\n            if (required && !val) return\r\n            setValue(val)\r\n          }}\r\n        />\r\n      </PopoverPopup>\r\n    </Popover>\r\n  )\r\n}\r\n\r\nexport { DateRangePicker }\r\n"]}