@brainfish-ai/components 0.26.1 → 0.27.0

package/dist/esm/chunks/button.D_2SonNs.js

@@ -0,0 +1,3 @@
+import*as e from"react";import{S as r}from"./index.uF4ME3WQ.js";import{cva as a}from"class-variance-authority";import{c as t}from"./utils.C6Qu-kwd.js";const s="shadow-brand hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-brand-active dark:shadow-brand-dark dark:hover:shadow-none dark:active:shadow-brand-dark-active",d=a("inline-flex items-center text-dark-900 justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary border border-primary shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive border border-destructive hover:bg-destructive/90",success:"bg-success text-success border border-success hover:bg-success/90",outline:"border border-input border-border hover:bg-dark-200 active:bg-dark-400 disabled:text-subtlest",surface:"bg-surface text-dark-900 rounded border border-border hover:bg-dark-200 active:bg-dark-400",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",suggestion:"bg-blue-600 text-white rounded-full",ghost:"hover:bg-dark-200 active:bg-dark-400",link:"text-foreground underline-offset-4 hover:underline",dark:"bg-dark-700 text-white dark:text-primary shadow hover:bg-dark-800 dark:bg-primary dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80"},size:{default:"h-9 p-2",xs:"h-8 rounded-md px-2 text-sm gap-1.5",sm:"h-8 rounded-md px-3 text-sm",lg:"h-10 rounded-md px-8",icon:"h-9 w-9 [&_svg]:size-5"},elevation:{flat:"",shadow:`${s}`},disabled:{true:"text-subtlest pointer-events-none bg-dark-400 border-dark-600 opacity-90",false:""}},defaultVariants:{variant:"default",size:"default",elevation:"flat",disabled:!1}}),o=e.forwardRef(({className:a,variant:s,size:o,elevation:i,disabled:n,asChild:b=!1,...c},u)=>{const l=b?r:"button";/* @__PURE__ */
+return e.createElement(l,{className:t(d({variant:s,size:o,elevation:i,disabled:n,className:a})),ref:u,...c,disabled:n??void 0})});o.displayName="Button";export{o as B,s as a,d as b};
+//# sourceMappingURL=button.D_2SonNs.js.map

package/dist/esm/chunks/button.D_2SonNs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.D_2SonNs.js","sources":["../../../src/lib/styles.ts","../../../src/components/ui/button.tsx"],"sourcesContent":["export const brandShadowEffect =\n  'shadow-brand hover:shadow-none !transition-shadow duration-300 ease-in-out active:shadow-brand-active dark:shadow-brand-dark dark:hover:shadow-none dark:active:shadow-brand-dark-active';\n","import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { brandShadowEffect } from '@/lib/styles';\n\nconst buttonVariants = cva(\n  'inline-flex items-center text-dark-900 justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-5 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary border border-primary shadow hover:bg-primary/90',\n        destructive: 'bg-destructive text-destructive border border-destructive hover:bg-destructive/90',\n        success: 'bg-success text-success border border-success hover:bg-success/90',\n        outline: 'border border-input border-border hover:bg-dark-200 active:bg-dark-400 disabled:text-subtlest',\n        surface: 'bg-surface text-dark-900 rounded border border-border hover:bg-dark-200 active:bg-dark-400',\n        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        suggestion: 'bg-blue-600 text-white rounded-full',\n        ghost: 'hover:bg-dark-200 active:bg-dark-400',\n        link: 'text-foreground underline-offset-4 hover:underline',\n        dark: 'bg-dark-700 text-white dark:text-primary shadow hover:bg-dark-800 dark:bg-primary dark:hover:bg-primary/80 focus-visible:bg-dark-800 dark:focus-visible:bg-primary/80',\n      },\n      size: {\n        default: 'h-9 p-2',\n        xs: 'h-8 rounded-md px-2 text-sm gap-1.5',\n        sm: 'h-8 rounded-md px-3 text-sm',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9 [&_svg]:size-5',\n      },\n      elevation: {\n        flat: '',\n        shadow: `${brandShadowEffect}`,\n      },\n      disabled: {\n        true: 'text-subtlest pointer-events-none bg-dark-400 border-dark-600 opacity-90',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      elevation: 'flat',\n      disabled: false as boolean | null | undefined,\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, elevation, disabled, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, elevation, disabled, className }))}\n        ref={ref}\n        {...props}\n        disabled={disabled ?? undefined}\n      />\n    );\n  },\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["brandShadowEffect","buttonVariants","cva","variants","variant","default","destructive","success","outline","surface","secondary","suggestion","ghost","link","dark","size","xs","sm","lg","icon","elevation","flat","shadow","disabled","true","false","defaultVariants","Button","React","forwardRef","className","asChild","props","ref","Comp","Slot","createElement","cn","displayName"],"mappings":"uJAAO,MAAMA,EACX,2LCMIC,EAAiBC,EACrB,sTACA,CACEC,SAAU,CACRC,QAAS,CACPC,QAAS,2EACTC,YAAa,oFACbC,QAAS,oEACTC,QAAS,gGACTC,QAAS,6FACTC,UAAW,+DACXC,WAAY,sCACZC,MAAO,uCACPC,KAAM,qDACNC,KAAM,yKAERC,KAAM,CACJV,QAAS,UACTW,GAAI,sCACJC,GAAI,8BACJC,GAAI,uBACJC,KAAM,0BAERC,UAAW,CACTC,KAAM,GACNC,OAAQ,GAAGtB,KAEbuB,SAAU,CACRC,KAAM,2EACNC,MAAO,KAGXC,gBAAiB,CACftB,QAAS,UACTW,KAAM,UACNK,UAAW,OACXG,UAAU,KAUVI,EAASC,EAAMC,WACnB,EAAGC,YAAW1B,UAASW,OAAMK,YAAWG,WAAUQ,WAAU,KAAUC,GAASC,KAC7E,MAAMC,EAAOH,EAAUI,EAAO;AAE9B,OACEP,EAAAQ,cAACF,EAAA,CACCJ,UAAWO,EAAGpC,EAAe,CAAEG,UAASW,OAAMK,YAAWG,WAAUO,eACnEG,SACID,EACJT,SAAUA,QAAY,MAK9BI,EAAOW,YAAc"}

package/dist/esm/chunks/{combobox.CxaWbDm9.js → combobox.MyoPH18G.js}

@@ -1,6 +1,6 @@
-import*as e from"react";import{CaretUpDown as t,Check as a}from"@phosphor-icons/react";import{c as l}from"./utils.C6Qu-kwd.js";import{B as n}from"./button.BYc5d6AZ.js";import{Command as o,CommandInput as r,CommandList as s,CommandEmpty as c,CommandGroup as m,CommandItem as u}from"../components/ui/command.js";import{Popover as i,PopoverTrigger as p,PopoverContent as d}from"../components/ui/popover.js";function f({options:f,defaultValueLabel:E,placeholder:b,noResultsLabel:v,className:h,onOpenChange:y,onChange:g,dropdownWidth:S,value:j,disabled:C=!1,renderItem:N,renderValue:w,renderTrigger:x,appendToBody:B=!0}){const[O,T]=e.useState(!1),[k,I]=e.useState(""),L=void 0!==j?j:k,R=e.useRef(null),[V,W]=e.useState(null),F=f.find(e=>e.value===L),$=e=>{const t=e===L?"":e;void 0===j&&I(t),T(!1),g?.(t)},q=F?w?w(F):F.label:E;/* @__PURE__ */
+import*as e from"react";import{CaretUpDown as t,Check as a}from"@phosphor-icons/react";import{c as l}from"./utils.C6Qu-kwd.js";import{B as n}from"./button.D_2SonNs.js";import{Command as o,CommandInput as r,CommandList as s,CommandEmpty as c,CommandGroup as m,CommandItem as u}from"../components/ui/command.js";import{Popover as i,PopoverTrigger as p,PopoverContent as d}from"../components/ui/popover.js";function f({options:f,defaultValueLabel:E,placeholder:b,noResultsLabel:v,className:h,onOpenChange:y,onChange:g,dropdownWidth:S,value:j,disabled:C=!1,renderItem:N,renderValue:w,renderTrigger:x,appendToBody:B=!0}){const[O,T]=e.useState(!1),[k,I]=e.useState(""),L=void 0!==j?j:k,R=e.useRef(null),[V,W]=e.useState(null),F=f.find(e=>e.value===L),$=e=>{const t=e===L?"":e;void 0===j&&I(t),T(!1),g?.(t)},q=F?w?w(F):F.label:E;/* @__PURE__ */
 return e.createElement(i,{open:O,onOpenChange:e=>{e&&R.current&&W(S||R.current.offsetWidth),T(e),y?.(e)}},/* @__PURE__ */e.createElement(p,{asChild:!0},/* @__PURE__ */e.createElement(n,{ref:R,variant:"outline",role:"combobox","aria-expanded":O,disabled:C,className:l("w-full justify-between",h)},x?x({selectedItem:F,isOpen:O}):q,
 /* @__PURE__ */e.createElement(t,{className:"opacity-50"}))),/* @__PURE__ */e.createElement(d,{appendToBody:B,className:"p-0",style:{width:V?`${V}px`:"auto"},align:"start"},
 /* @__PURE__ */e.createElement(o,null,/* @__PURE__ */e.createElement(r,{placeholder:b}),/* @__PURE__ */e.createElement(s,null,/* @__PURE__ */e.createElement(c,null,v),/* @__PURE__ */e.createElement(m,null,f.map(t=>{const n=L===t.value;return N?/* @__PURE__ */e.createElement(e.Fragment,{key:t.value},N({item:t,isSelected:n,onSelect:()=>$(t.value)})):/* @__PURE__ */e.createElement(u,{key:t.value,value:t.label,onSelect:e=>{const t=f.find(t=>t.label===e);$(t?.value||"")}},t.label,
 /* @__PURE__ */e.createElement(a,{className:l("ml-auto",n?"opacity-100":"opacity-0")}))}))))))}export{f as C};
-//# sourceMappingURL=combobox.CxaWbDm9.js.map
+//# sourceMappingURL=combobox.MyoPH18G.js.map

package/dist/esm/chunks/{combobox.CxaWbDm9.js.map → combobox.MyoPH18G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox.CxaWbDm9.js","sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Check, CaretUpDown } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nexport interface ComboboxItem {\n  value: string;\n  label: string;\n  icon?: React.ReactNode;\n  /** Additional data that can be passed to custom renderers */\n\n  data?: any;\n}\n\nexport interface ComboboxRenderItemProps<T extends ComboboxItem = ComboboxItem> {\n  item: T;\n  isSelected: boolean;\n  onSelect: () => void;\n}\n\nexport interface ComboboxProps<T extends ComboboxItem = ComboboxItem> {\n  options: T[];\n  defaultValueLabel: string;\n  placeholder: string;\n  noResultsLabel: string;\n  className?: string;\n  dropdownWidth?: number;\n  value?: string;\n  /** Whether the combobox is disabled */\n  disabled?: boolean;\n  /** Callback on open state change */\n  onOpenChange?: (open: boolean) => void;\n  /** Callback on value change */\n  onChange?: (value: string) => void;\n  /** Custom render function for each item in the dropdown */\n  renderItem?: (props: ComboboxRenderItemProps<T>) => React.ReactNode;\n  /** Custom render function for the selected value in the trigger button */\n  renderValue?: (item: T) => React.ReactNode;\n  /** Custom render function for the entire trigger button content */\n  renderTrigger?: (props: { selectedItem: T | undefined; isOpen: boolean }) => React.ReactNode;\n  /**\n   * When false, the dropdown stays in the React tree instead of portaling to body.\n   * Use inside modals/dialogs so the list is not detached from the dialog layer.\n   */\n  appendToBody?: boolean;\n}\n\nexport function Combobox<T extends ComboboxItem = ComboboxItem>({\n  options,\n  defaultValueLabel,\n  placeholder,\n  noResultsLabel,\n  className,\n  onOpenChange,\n  onChange,\n  dropdownWidth,\n  value: controlledValue,\n  disabled = false,\n  renderItem,\n  renderValue,\n  renderTrigger,\n  appendToBody = true,\n}: ComboboxProps<T>) {\n  const [open, setOpen] = React.useState(false);\n  const [internalValue, setInternalValue] = React.useState('');\n\n  // Use controlled value if provided, otherwise use internal state\n  const value = controlledValue !== undefined ? controlledValue : internalValue;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [triggerWidth, setTriggerWidth] = React.useState<number | null>(null);\n\n  const selectedItem = options.find((option) => option.value === value);\n\n  // Update width when popover opens\n  const handleOpenChange = (isOpen: boolean) => {\n    if (isOpen && triggerRef.current) {\n      setTriggerWidth(dropdownWidth ? dropdownWidth : triggerRef.current.offsetWidth);\n    }\n    setOpen(isOpen);\n    onOpenChange?.(isOpen);\n  };\n\n  const handleSelect = (selectedValue: string) => {\n    const newValue = selectedValue === value ? '' : selectedValue;\n\n    // Update internal state only if not controlled\n    if (controlledValue === undefined) {\n      setInternalValue(newValue);\n    }\n\n    setOpen(false);\n    onChange?.(newValue);\n  };\n\n  // Default trigger content\n  const defaultTriggerContent = selectedItem\n    ? renderValue\n      ? renderValue(selectedItem)\n      : selectedItem.label\n    : defaultValueLabel;\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          ref={triggerRef}\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn('w-full justify-between', className)}\n        >\n          {renderTrigger ? renderTrigger({ selectedItem, isOpen: open }) : defaultTriggerContent}\n          <CaretUpDown className=\"opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        appendToBody={appendToBody}\n        className=\"p-0\"\n        style={{\n          width: triggerWidth ? `${triggerWidth}px` : 'auto',\n        }}\n        align=\"start\"\n      >\n        <Command>\n          <CommandInput placeholder={placeholder} />\n          <CommandList>\n            <CommandEmpty>{noResultsLabel}</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => {\n                const isSelected = value === option.value;\n\n                if (renderItem) {\n                  return (\n                    <React.Fragment key={option.value}>\n                      {renderItem({\n                        item: option,\n                        isSelected,\n                        onSelect: () => handleSelect(option.value),\n                      })}\n                    </React.Fragment>\n                  );\n                }\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.label}\n                    onSelect={(currentLabel) => {\n                      const selectedOption = options.find((opt) => opt.label === currentLabel);\n\n                      handleSelect(selectedOption?.value || '');\n                    }}\n                  >\n                    {option.label}\n                    <Check className={cn('ml-auto', isSelected ? 'opacity-100' : 'opacity-0')} />\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["Combobox","options","defaultValueLabel","placeholder","noResultsLabel","className","onOpenChange","onChange","dropdownWidth","value","controlledValue","disabled","renderItem","renderValue","renderTrigger","appendToBody","open","setOpen","React","useState","internalValue","setInternalValue","triggerRef","useRef","triggerWidth","setTriggerWidth","selectedItem","find","option","handleSelect","selectedValue","newValue","defaultTriggerContent","label","createElement","Popover","isOpen","current","offsetWidth","PopoverTrigger","asChild","Button","ref","variant","role","cn","CaretUpDown","PopoverContent","style","width","align","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","map","isSelected","Fragment","key","item","onSelect","CommandItem","currentLabel","selectedOption","opt","Check"],"mappings":"oZAkDO,SAASA,GAAgDC,QAC9DA,EAAAC,kBACAA,EAAAC,YACAA,EAAAC,eACAA,EAAAC,UACAA,EAAAC,aACAA,EAAAC,SACAA,EAAAC,cACAA,EACAC,MAAOC,EAAAC,SACPA,GAAW,EAAAC,WACXA,EAAAC,YACAA,EAAAC,cACAA,EAAAC,aACAA,GAAe,IAEf,MAAOC,EAAMC,GAAWC,EAAMC,UAAS,IAChCC,EAAeC,GAAoBH,EAAMC,SAAS,IAGnDV,OAA4B,IAApBC,EAAgCA,EAAkBU,EAC1DE,EAAaJ,EAAMK,OAA0B,OAC5CC,EAAcC,GAAmBP,EAAMC,SAAwB,MAEhEO,EAAezB,EAAQ0B,KAAMC,GAAWA,EAAOnB,QAAUA,GAWzDoB,EAAgBC,IACpB,MAAMC,EAAWD,IAAkBrB,EAAQ,GAAKqB,OAGxB,IAApBpB,GACFW,EAAiBU,GAGnBd,GAAQ,GACRV,IAAWwB,IAIPC,EAAwBN,EAC1Bb,EACEA,EAAYa,GACZA,EAAaO,MACf/B;AAEJ,OACEgB,EAAAgB,cAACC,GAAQnB,OAAYV,aA5BG8B,IACpBA,GAAUd,EAAWe,SACvBZ,EAAgBjB,GAAgCc,EAAWe,QAAQC,aAErErB,EAAQmB,GACR9B,IAAe8B,oBAwBblB,EAAAgB,cAACK,EAAA,CAAeC,SAAO,kBACrBtB,EAAAgB,cAACO,EAAA,CACCC,IAAKpB,EACLqB,QAAQ,UACRC,KAAK,WACL,gBAAe5B,EACfL,WACAN,UAAWwC,EAAG,yBAA0BxC,IAEvCS,EAAgBA,EAAc,CAAEY,eAAcU,OAAQpB,IAAUgB;eACjEd,EAAAgB,cAACY,EAAA,CAAYzC,UAAU,gCAG3Ba,EAAAgB,cAACa,EAAA,CACChC,eACAV,UAAU,MACV2C,MAAO,CACLC,MAAOzB,EAAe,GAAGA,MAAmB,QAE9C0B,MAAM;+BAELC,EAAA,oBACCjC,EAAAgB,cAACkB,EAAA,CAAajD,+BACde,EAAAgB,cAACmB,EAAA,oBACCnC,EAAAgB,cAACoB,EAAA,KAAclD,kBACfc,EAAAgB,cAACqB,OACEtD,EAAQuD,IAAK5B,IACZ,MAAM6B,EAAahD,IAAUmB,EAAOnB,MAEpC,OAAIG,iCAECM,EAAMwC,SAAN,CAAeC,IAAK/B,EAAOnB,OACzBG,EAAW,CACVgD,KAAMhC,EACN6B,aACAI,SAAU,IAAMhC,EAAaD,EAAOnB,yBAO1CS,EAAAgB,cAAC4B,EAAA,CACCH,IAAK/B,EAAOnB,MACZA,MAAOmB,EAAOK,MACd4B,SAAWE,IACT,MAAMC,EAAiB/D,EAAQ0B,KAAMsC,GAAQA,EAAIhC,QAAU8B,GAE3DlC,EAAamC,GAAgBvD,OAAS,MAGvCmB,EAAOK;eACRf,EAAAgB,cAACgC,GAAM7D,UAAWwC,EAAG,UAAWY,EAAa,cAAgB,sBAUjF"}
+{"version":3,"file":"combobox.MyoPH18G.js","sources":["../../../src/components/combobox/combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Check, CaretUpDown } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nexport interface ComboboxItem {\n  value: string;\n  label: string;\n  icon?: React.ReactNode;\n  /** Additional data that can be passed to custom renderers */\n\n  data?: any;\n}\n\nexport interface ComboboxRenderItemProps<T extends ComboboxItem = ComboboxItem> {\n  item: T;\n  isSelected: boolean;\n  onSelect: () => void;\n}\n\nexport interface ComboboxProps<T extends ComboboxItem = ComboboxItem> {\n  options: T[];\n  defaultValueLabel: string;\n  placeholder: string;\n  noResultsLabel: string;\n  className?: string;\n  dropdownWidth?: number;\n  value?: string;\n  /** Whether the combobox is disabled */\n  disabled?: boolean;\n  /** Callback on open state change */\n  onOpenChange?: (open: boolean) => void;\n  /** Callback on value change */\n  onChange?: (value: string) => void;\n  /** Custom render function for each item in the dropdown */\n  renderItem?: (props: ComboboxRenderItemProps<T>) => React.ReactNode;\n  /** Custom render function for the selected value in the trigger button */\n  renderValue?: (item: T) => React.ReactNode;\n  /** Custom render function for the entire trigger button content */\n  renderTrigger?: (props: { selectedItem: T | undefined; isOpen: boolean }) => React.ReactNode;\n  /**\n   * When false, the dropdown stays in the React tree instead of portaling to body.\n   * Use inside modals/dialogs so the list is not detached from the dialog layer.\n   */\n  appendToBody?: boolean;\n}\n\nexport function Combobox<T extends ComboboxItem = ComboboxItem>({\n  options,\n  defaultValueLabel,\n  placeholder,\n  noResultsLabel,\n  className,\n  onOpenChange,\n  onChange,\n  dropdownWidth,\n  value: controlledValue,\n  disabled = false,\n  renderItem,\n  renderValue,\n  renderTrigger,\n  appendToBody = true,\n}: ComboboxProps<T>) {\n  const [open, setOpen] = React.useState(false);\n  const [internalValue, setInternalValue] = React.useState('');\n\n  // Use controlled value if provided, otherwise use internal state\n  const value = controlledValue !== undefined ? controlledValue : internalValue;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [triggerWidth, setTriggerWidth] = React.useState<number | null>(null);\n\n  const selectedItem = options.find((option) => option.value === value);\n\n  // Update width when popover opens\n  const handleOpenChange = (isOpen: boolean) => {\n    if (isOpen && triggerRef.current) {\n      setTriggerWidth(dropdownWidth ? dropdownWidth : triggerRef.current.offsetWidth);\n    }\n    setOpen(isOpen);\n    onOpenChange?.(isOpen);\n  };\n\n  const handleSelect = (selectedValue: string) => {\n    const newValue = selectedValue === value ? '' : selectedValue;\n\n    // Update internal state only if not controlled\n    if (controlledValue === undefined) {\n      setInternalValue(newValue);\n    }\n\n    setOpen(false);\n    onChange?.(newValue);\n  };\n\n  // Default trigger content\n  const defaultTriggerContent = selectedItem\n    ? renderValue\n      ? renderValue(selectedItem)\n      : selectedItem.label\n    : defaultValueLabel;\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          ref={triggerRef}\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn('w-full justify-between', className)}\n        >\n          {renderTrigger ? renderTrigger({ selectedItem, isOpen: open }) : defaultTriggerContent}\n          <CaretUpDown className=\"opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        appendToBody={appendToBody}\n        className=\"p-0\"\n        style={{\n          width: triggerWidth ? `${triggerWidth}px` : 'auto',\n        }}\n        align=\"start\"\n      >\n        <Command>\n          <CommandInput placeholder={placeholder} />\n          <CommandList>\n            <CommandEmpty>{noResultsLabel}</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => {\n                const isSelected = value === option.value;\n\n                if (renderItem) {\n                  return (\n                    <React.Fragment key={option.value}>\n                      {renderItem({\n                        item: option,\n                        isSelected,\n                        onSelect: () => handleSelect(option.value),\n                      })}\n                    </React.Fragment>\n                  );\n                }\n\n                return (\n                  <CommandItem\n                    key={option.value}\n                    value={option.label}\n                    onSelect={(currentLabel) => {\n                      const selectedOption = options.find((opt) => opt.label === currentLabel);\n\n                      handleSelect(selectedOption?.value || '');\n                    }}\n                  >\n                    {option.label}\n                    <Check className={cn('ml-auto', isSelected ? 'opacity-100' : 'opacity-0')} />\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["Combobox","options","defaultValueLabel","placeholder","noResultsLabel","className","onOpenChange","onChange","dropdownWidth","value","controlledValue","disabled","renderItem","renderValue","renderTrigger","appendToBody","open","setOpen","React","useState","internalValue","setInternalValue","triggerRef","useRef","triggerWidth","setTriggerWidth","selectedItem","find","option","handleSelect","selectedValue","newValue","defaultTriggerContent","label","createElement","Popover","isOpen","current","offsetWidth","PopoverTrigger","asChild","Button","ref","variant","role","cn","CaretUpDown","PopoverContent","style","width","align","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","map","isSelected","Fragment","key","item","onSelect","CommandItem","currentLabel","selectedOption","opt","Check"],"mappings":"oZAkDO,SAASA,GAAgDC,QAC9DA,EAAAC,kBACAA,EAAAC,YACAA,EAAAC,eACAA,EAAAC,UACAA,EAAAC,aACAA,EAAAC,SACAA,EAAAC,cACAA,EACAC,MAAOC,EAAAC,SACPA,GAAW,EAAAC,WACXA,EAAAC,YACAA,EAAAC,cACAA,EAAAC,aACAA,GAAe,IAEf,MAAOC,EAAMC,GAAWC,EAAMC,UAAS,IAChCC,EAAeC,GAAoBH,EAAMC,SAAS,IAGnDV,OAA4B,IAApBC,EAAgCA,EAAkBU,EAC1DE,EAAaJ,EAAMK,OAA0B,OAC5CC,EAAcC,GAAmBP,EAAMC,SAAwB,MAEhEO,EAAezB,EAAQ0B,KAAMC,GAAWA,EAAOnB,QAAUA,GAWzDoB,EAAgBC,IACpB,MAAMC,EAAWD,IAAkBrB,EAAQ,GAAKqB,OAGxB,IAApBpB,GACFW,EAAiBU,GAGnBd,GAAQ,GACRV,IAAWwB,IAIPC,EAAwBN,EAC1Bb,EACEA,EAAYa,GACZA,EAAaO,MACf/B;AAEJ,OACEgB,EAAAgB,cAACC,GAAQnB,OAAYV,aA5BG8B,IACpBA,GAAUd,EAAWe,SACvBZ,EAAgBjB,GAAgCc,EAAWe,QAAQC,aAErErB,EAAQmB,GACR9B,IAAe8B,oBAwBblB,EAAAgB,cAACK,EAAA,CAAeC,SAAO,kBACrBtB,EAAAgB,cAACO,EAAA,CACCC,IAAKpB,EACLqB,QAAQ,UACRC,KAAK,WACL,gBAAe5B,EACfL,WACAN,UAAWwC,EAAG,yBAA0BxC,IAEvCS,EAAgBA,EAAc,CAAEY,eAAcU,OAAQpB,IAAUgB;eACjEd,EAAAgB,cAACY,EAAA,CAAYzC,UAAU,gCAG3Ba,EAAAgB,cAACa,EAAA,CACChC,eACAV,UAAU,MACV2C,MAAO,CACLC,MAAOzB,EAAe,GAAGA,MAAmB,QAE9C0B,MAAM;+BAELC,EAAA,oBACCjC,EAAAgB,cAACkB,EAAA,CAAajD,+BACde,EAAAgB,cAACmB,EAAA,oBACCnC,EAAAgB,cAACoB,EAAA,KAAclD,kBACfc,EAAAgB,cAACqB,OACEtD,EAAQuD,IAAK5B,IACZ,MAAM6B,EAAahD,IAAUmB,EAAOnB,MAEpC,OAAIG,iCAECM,EAAMwC,SAAN,CAAeC,IAAK/B,EAAOnB,OACzBG,EAAW,CACVgD,KAAMhC,EACN6B,aACAI,SAAU,IAAMhC,EAAaD,EAAOnB,yBAO1CS,EAAAgB,cAAC4B,EAAA,CACCH,IAAK/B,EAAOnB,MACZA,MAAOmB,EAAOK,MACd4B,SAAWE,IACT,MAAMC,EAAiB/D,EAAQ0B,KAAMsC,GAAQA,EAAIhC,QAAU8B,GAE3DlC,EAAamC,GAAgBvD,OAAS,MAGvCmB,EAAOK;eACRf,EAAAgB,cAACgC,GAAM7D,UAAWwC,EAAG,UAAWY,EAAa,cAAgB,sBAUjF"}

package/dist/esm/chunks/{date-picker.Bhplnvxn.js → date-picker.C2VT_rZ9.js}

@@ -1,4 +1,4 @@
-import*as e from"react";import{format as t}from"date-fns";import{CalendarBlank as a}from"@phosphor-icons/react";import{c as r}from"./utils.C6Qu-kwd.js";import{B as o}from"./button.BYc5d6AZ.js";import{Calendar as s}from"../components/ui/calendar.js";import{Popover as m,PopoverTrigger as l,PopoverContent as n}from"../components/ui/popover.js";import '../date-picker.css';function c({date:c,setDate:i,className:p,placeholder:f="Select date"}){/* @__PURE__ */
+import*as e from"react";import{format as t}from"date-fns";import{CalendarBlank as a}from"@phosphor-icons/react";import{c as r}from"./utils.C6Qu-kwd.js";import{B as o}from"./button.D_2SonNs.js";import{Calendar as s}from"../components/ui/calendar.js";import{Popover as m,PopoverTrigger as l,PopoverContent as n}from"../components/ui/popover.js";import '../date-picker.css';function c({date:c,setDate:i,className:p,placeholder:f="Select date"}){/* @__PURE__ */
 return e.createElement(m,null,/* @__PURE__ */e.createElement(l,{asChild:!0},/* @__PURE__ */e.createElement(o,{variant:"outline",className:r("w-full justify-start text-left font-normal text-base",!c&&"text-muted-foreground",p)},
 /* @__PURE__ */e.createElement(a,{className:"mr-2 !w-5 !h-5"}),c?t(c,"PPP"):f)),/* @__PURE__ */e.createElement(n,{className:"w-auto p-0 z-[9999]"},/* @__PURE__ */e.createElement(s,{mode:"single",selected:c,onSelect:i,className:"single-date-picker-calendar"})))}export{c as D};
-//# sourceMappingURL=date-picker.Bhplnvxn.js.map
+//# sourceMappingURL=date-picker.C2VT_rZ9.js.map

package/dist/esm/chunks/{date-picker.Bhplnvxn.js.map → date-picker.C2VT_rZ9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-picker.Bhplnvxn.js","sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { CalendarBlank as CalendarIcon } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport '../ui/calendar.css';\n\ninterface DatePickerProps {\n  date: Date | undefined;\n  setDate: (date: Date | undefined) => void;\n  className?: string;\n  placeholder?: string;\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = 'Select date' }: DatePickerProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          className={cn(\n            'w-full justify-start text-left font-normal text-base',\n            !date && 'text-muted-foreground',\n            className,\n          )}\n        >\n          <CalendarIcon className=\"mr-2 !w-5 !h-5\" />\n          {date ? format(date, 'PPP') : placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0 z-[9999]\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} className=\"single-date-picker-calendar\" />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["DatePicker","date","setDate","className","placeholder","React","createElement","Popover","PopoverTrigger","asChild","Button","variant","cn","CalendarIcon","format","PopoverContent","Calendar","mode","selected","onSelect"],"mappings":"uVAiBO,SAASA,GAAWC,KAAEA,EAAAC,QAAMA,YAASC,EAAAC,YAAWA,EAAc;AACnE,OACEC,EAAAC,cAACC,EAAA,oBACCF,EAAAC,cAACE,EAAA,CAAeC,SAAO,kBACrBJ,EAAAC,cAACI,EAAA,CACCC,QAAQ,UACRR,UAAWS,EACT,wDACCX,GAAQ,wBACTE;eAGFE,EAAAC,cAACO,EAAA,CAAaV,UAAU,mBACvBF,EAAOa,EAAOb,EAAM,OAASG,mBAGlCC,EAAAC,cAACS,EAAA,CAAeZ,UAAU,sCACxBE,EAAAC,cAACU,EAAA,CAASC,KAAK,SAASC,SAAUjB,EAAMkB,SAAUjB,EAASC,UAAU,iCAI7E"}
+{"version":3,"file":"date-picker.C2VT_rZ9.js","sources":["../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { CalendarBlank as CalendarIcon } from '@phosphor-icons/react';\n\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport '../ui/calendar.css';\n\ninterface DatePickerProps {\n  date: Date | undefined;\n  setDate: (date: Date | undefined) => void;\n  className?: string;\n  placeholder?: string;\n}\n\nexport function DatePicker({ date, setDate, className, placeholder = 'Select date' }: DatePickerProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          className={cn(\n            'w-full justify-start text-left font-normal text-base',\n            !date && 'text-muted-foreground',\n            className,\n          )}\n        >\n          <CalendarIcon className=\"mr-2 !w-5 !h-5\" />\n          {date ? format(date, 'PPP') : placeholder}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0 z-[9999]\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} className=\"single-date-picker-calendar\" />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["DatePicker","date","setDate","className","placeholder","React","createElement","Popover","PopoverTrigger","asChild","Button","variant","cn","CalendarIcon","format","PopoverContent","Calendar","mode","selected","onSelect"],"mappings":"uVAiBO,SAASA,GAAWC,KAAEA,EAAAC,QAAMA,YAASC,EAAAC,YAAWA,EAAc;AACnE,OACEC,EAAAC,cAACC,EAAA,oBACCF,EAAAC,cAACE,EAAA,CAAeC,SAAO,kBACrBJ,EAAAC,cAACI,EAAA,CACCC,QAAQ,UACRR,UAAWS,EACT,wDACCX,GAAQ,wBACTE;eAGFE,EAAAC,cAACO,EAAA,CAAaV,UAAU,mBACvBF,EAAOa,EAAOb,EAAM,OAASG,mBAGlCC,EAAAC,cAACS,EAAA,CAAeZ,UAAU,sCACxBE,EAAAC,cAACU,EAAA,CAASC,KAAK,SAASC,SAAUjB,EAAMkB,SAAUjB,EAASC,UAAU,iCAI7E"}

package/dist/esm/chunks/{feedback.BXKvlNz1.js → feedback.CLMuSvsg.js}

@@ -1,4 +1,4 @@
-import e,{useState as t,useRef as a,useEffect as n}from"react";import{PaperPlaneRight as r,X as l,Heart as i,ThumbsUp as o,ThumbsDown as c}from"@phosphor-icons/react";import{AnimatePresence as s,motion as m}from"framer-motion";import{Card as d,CardContent as u,CardFooter as p}from"../components/ui/card.js";import{Textarea as f}from"../components/ui/textarea.js";import{B as h}from"./button.BYc5d6AZ.js";import{TooltipProvider as E,Tooltip as b,TooltipTrigger as g,TooltipContent as y}from"../components/ui/tooltip.js";import{c as v}from"./utils.C6Qu-kwd.js";function x({open:i,onSubmit:o,thankYouText:c="Thank you for your feedback!",placeholder:E="What could we have done better? Your feedback is valuable to us...",maxLength:b=500}){const[g,y]=t(""),[v,x]=t(!1),k=a(null);n(()=>{i&&(y(""),x(!1),setTimeout(()=>k.current?.focus(),0))},[i]);const N=()=>{g.trim()&&(o?.(g),x(!0))};/* @__PURE__ */
+import e,{useState as t,useRef as a,useEffect as n}from"react";import{PaperPlaneRight as r,X as l,Heart as i,ThumbsUp as o,ThumbsDown as c}from"@phosphor-icons/react";import{AnimatePresence as s,motion as m}from"framer-motion";import{Card as d,CardContent as u,CardFooter as p}from"../components/ui/card.js";import{Textarea as f}from"../components/ui/textarea.js";import{B as h}from"./button.D_2SonNs.js";import{TooltipProvider as E,Tooltip as b,TooltipTrigger as g,TooltipContent as y}from"../components/ui/tooltip.js";import{c as v}from"./utils.C6Qu-kwd.js";function x({open:i,onSubmit:o,thankYouText:c="Thank you for your feedback!",placeholder:E="What could we have done better? Your feedback is valuable to us...",maxLength:b=500}){const[g,y]=t(""),[v,x]=t(!1),k=a(null);n(()=>{i&&(y(""),x(!1),setTimeout(()=>k.current?.focus(),0))},[i]);const N=()=>{g.trim()&&(o?.(g),x(!0))};/* @__PURE__ */
 return e.createElement(s,null,i&&!v&&/* @__PURE__ */e.createElement(m.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:12},transition:{duration:.25,ease:[.4,0,.2,1]}},
 /* @__PURE__ */e.createElement(d,{className:"gap-2 p-3"},/* @__PURE__ */e.createElement(u,{className:"px-0"},/* @__PURE__ */e.createElement(f,{ref:k,placeholder:E,className:"w-full border-none shadow-none focus-visible:ring-0 p-0",maxLength:b,value:g,rows:4,onChange:e=>y(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),N())}}),/* @__PURE__ */e.createElement("div",{className:"flex justify-end mt-1"},/* @__PURE__ */e.createElement("span",{className:"text-xs text-muted-foreground select-none"},b-g.length," characters remaining"))),/* @__PURE__ */e.createElement(p,{className:"p-0 gap-2 flex-row-reverse"},/* @__PURE__ */e.createElement(h,{size:"icon",onClick:N,disabled:!g.length,"aria-label":"Submit feedback"},/* @__PURE__ */e.createElement(r,{"aria-hidden":"true",weight:"bold"})),/* @__PURE__ */e.createElement(h,{size:"icon",variant:"ghost",onClick:()=>{y(""),k.current?.focus()},"aria-label":"Cancel feedback"},
 /* @__PURE__ */e.createElement(l,{"aria-hidden":"true",weight:"bold"}))))),i&&v&&/* @__PURE__ */e.createElement(m.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:12},transition:{duration:.25,ease:[.4,0,.2,1]}},
@@ -10,4 +10,4 @@ return e.createElement("div",{className:"flex flex-col gap-2"},/* @__PURE__ */e.
 /* @__PURE__ */e.createElement(o,{weight:"bold"})))),/* @__PURE__ */e.createElement(y,null,/* @__PURE__ */e.createElement("p",null,i.positiveAnswerText||"Helpful"))))),/* @__PURE__ */e.createElement(E,null,/* @__PURE__ */e.createElement(b,null,/* @__PURE__ */e.createElement(g,{asChild:!0},/* @__PURE__ */e.createElement(h,{variant:"ghost",size:"sm",className:"rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 "+("reject"===r?"bg-red-100 text-red-600 hover:bg-red-200":"text-dark-500"),onClick:()=>z("reject"),disabled:d},
 /* @__PURE__ */e.createElement(m.div,{initial:{scale:1},animate:{scale:"reject"===r?[1,1.2,1]:1},transition:{duration:.3}},
 /* @__PURE__ */e.createElement(c,{weight:"bold"})))),/* @__PURE__ */e.createElement(y,null,/* @__PURE__ */e.createElement("p",null,i.negativeAnswerText||"Not helpful"))))),/* @__PURE__ */e.createElement(s,null,j&&/* @__PURE__ */e.createElement(x,{open:j,onSubmit:f,thankYouText:v,placeholder:p,maxLength:u})))}export{N as F};
-//# sourceMappingURL=feedback.BXKvlNz1.js.map
+//# sourceMappingURL=feedback.CLMuSvsg.js.map

package/dist/esm/chunks/{feedback.BXKvlNz1.js.map → feedback.CLMuSvsg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"feedback.BXKvlNz1.js","sources":["../../../src/components/feedback/feedback-reason.tsx","../../../src/components/love/love.tsx","../../../src/components/feedback/feedback.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { PaperPlaneRight, X } from '@phosphor-icons/react';\n\nimport { Card, CardContent, CardFooter } from '@/components/ui/card';\nimport { Textarea } from '@/components/ui/textarea';\nimport { Button } from '@/components/ui/button';\n\ninterface FeedbackReasonProps {\n  open: boolean;\n  onSubmit?: (reason: string) => void;\n  thankYouText?: string;\n  placeholder?: string;\n  maxLength?: number;\n}\n\nexport function FeedbackReason({\n  open,\n  onSubmit,\n  thankYouText = 'Thank you for your feedback!',\n  placeholder = 'What could we have done better? Your feedback is valuable to us...',\n  maxLength = 500,\n}: FeedbackReasonProps) {\n  const [reason, setReason] = useState('');\n  const [submitted, setSubmitted] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (open) {\n      setReason('');\n      setSubmitted(false);\n      setTimeout(() => textareaRef.current?.focus(), 0);\n    }\n  }, [open]);\n\n  const handleSubmit = () => {\n    if (reason.trim()) {\n      onSubmit?.(reason);\n      setSubmitted(true);\n    }\n  };\n\n  return (\n    <AnimatePresence>\n      {open && !submitted && (\n        <motion.div\n          initial={{ opacity: 0, y: 12 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: 12 }}\n          transition={{ duration: 0.25, ease: [0.4, 0, 0.2, 1] }}\n        >\n          <Card className=\"gap-2 p-3\">\n            <CardContent className=\"px-0\">\n              <Textarea\n                ref={textareaRef}\n                placeholder={placeholder}\n                className=\"w-full border-none shadow-none focus-visible:ring-0 p-0\"\n                maxLength={maxLength}\n                value={reason}\n                rows={4}\n                onChange={(e) => setReason(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && !e.shiftKey) {\n                    e.preventDefault();\n                    handleSubmit();\n                  }\n                }}\n              />\n              <div className=\"flex justify-end mt-1\">\n                <span className=\"text-xs text-muted-foreground select-none\">\n                  {maxLength - reason.length} characters remaining\n                </span>\n              </div>\n            </CardContent>\n            <CardFooter className=\"p-0 gap-2 flex-row-reverse\">\n              <Button size=\"icon\" onClick={handleSubmit} disabled={!reason.length} aria-label=\"Submit feedback\">\n                <PaperPlaneRight aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setReason('');\n                  textareaRef.current?.focus();\n                }}\n                aria-label=\"Cancel feedback\"\n              >\n                <X aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n            </CardFooter>\n          </Card>\n        </motion.div>\n      )}\n      {open && submitted && (\n        <motion.div\n          initial={{ opacity: 0, y: 12 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: 12 }}\n          transition={{ duration: 0.25, ease: [0.4, 0, 0.2, 1] }}\n        >\n          <Card className=\"gap-2 p-3\">\n            <CardContent className=\"px-0\">\n              <p>{thankYouText}</p>\n            </CardContent>\n          </Card>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n","import { Heart } from '@phosphor-icons/react';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface LoveProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  doAnimation?: boolean;\n}\n\nexport function Love({ className, children, doAnimation = false, ...props }: LoveProps) {\n  return (\n    <div className={cn('relative', className)} {...props}>\n      <AnimatePresence>\n        {doAnimation && (\n          <>\n            {Array.from({ length: 8 }).map((_, i) => (\n              <motion.div\n                key={i}\n                className=\"absolute top-1/2 left-1/2 origin-center pointer-events-none\"\n                initial={{ opacity: 0, scale: 0.3, x: 0, y: 0 }}\n                animate={{\n                  opacity: [0, 1, 1, 0],\n                  scale: [0.3, 1, 1, 0],\n                  x: [0, Math.cos(i * (Math.PI / 4)) * 30],\n                  y: [0, Math.sin(i * (Math.PI / 4)) * 30],\n                  rotate: [0, i % 2 ? 45 : -45],\n                }}\n                transition={{\n                  duration: 1.2,\n                  ease: [0.4, 0, 0.2, 1],\n                  times: [0, 0.3, 0.7, 1],\n                  delay: i * 0.1,\n                }}\n              >\n                <Heart\n                  className=\"size-4 text-rose-500\"\n                  style={{\n                    filter: 'drop-shadow(0 0 3px rgba(255, 75, 110, 0.8))',\n                    strokeWidth: 2.5,\n                  }}\n                />\n              </motion.div>\n            ))}\n            <motion.div\n              className=\"absolute inset-0 rounded-full bg-primary pointer-events-none\"\n              initial={{ opacity: 0, scale: 0.8 }}\n              animate={{\n                opacity: [0, 0.15, 0.15, 0],\n                scale: [0.8, 1.8, 1.8, 2],\n              }}\n              transition={{\n                duration: 1.2,\n                ease: 'easeOut',\n                times: [0, 0.3, 0.7, 1],\n              }}\n            />\n          </>\n        )}\n      </AnimatePresence>\n      {children}\n    </div>\n  );\n}\n","import React, { useState, useRef, useEffect } from 'react';\nimport { ThumbsUp, ThumbsDown } from '@phosphor-icons/react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nimport { FeedbackReason } from './feedback-reason';\nimport { Love } from '../love';\n\nimport { Button } from '@/components/ui/button';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\n\nexport type FeedbackResponse = 'accept' | 'reject';\n\ninterface FeedbackProps {\n  feedback?: FeedbackResponse;\n  onFeedback?: (response: FeedbackResponse) => void;\n  textConfig?: {\n    positiveAnswerText?: string;\n    negativeAnswerText?: string;\n  };\n  disabled?: boolean;\n  feedbackReasonLength?: number;\n  feedbackReasonPlaceholder?: string;\n  onFeedbackReasonSubmit?: (reason: string) => void;\n  feedbackReasonThankYouText?: string;\n}\n\nexport function Feedback({\n  feedback,\n  onFeedback,\n  textConfig = {},\n  disabled = false,\n  feedbackReasonLength = 500,\n  feedbackReasonPlaceholder = 'What could we have done better? Your feedback is valuable to us...',\n  onFeedbackReasonSubmit,\n  feedbackReasonThankYouText = 'Thank you for your feedback!',\n}: FeedbackProps) {\n  const [showHearts, setShowHearts] = useState(false);\n  const [showFeedbackReason, setShowFeedbackReason] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (showFeedbackReason && textareaRef.current) {\n      textareaRef.current.focus();\n    }\n  }, [showFeedbackReason]);\n\n  const handleFeedback = (response: FeedbackResponse) => {\n    if (onFeedback) {\n      if (response === 'accept') {\n        setShowHearts(true);\n        setTimeout(() => setShowHearts(false), 2000);\n      }\n      onFeedback(response);\n      if (response === 'reject') {\n        setShowFeedbackReason(true);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex justify-end gap-2\" data-name=\"Feedback\">\n        <TooltipProvider>\n          <Love doAnimation={showHearts}>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={`rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 ${\n                    feedback === 'accept' ? 'bg-green-100 text-green-600 hover:bg-green-200' : 'text-dark-500'\n                  }`}\n                  onClick={() => {\n                    handleFeedback('accept');\n                    setShowFeedbackReason(false);\n                  }}\n                  disabled={disabled}\n                >\n                  <motion.div\n                    initial={{ scale: 1 }}\n                    animate={{ scale: feedback === 'accept' ? [1, 1.2, 1] : 1 }}\n                    transition={{ duration: 0.3 }}\n                  >\n                    <ThumbsUp weight=\"bold\" />\n                  </motion.div>\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>\n                <p>{textConfig.positiveAnswerText || 'Helpful'}</p>\n              </TooltipContent>\n            </Tooltip>\n          </Love>\n        </TooltipProvider>\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className={`rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 ${\n                  feedback === 'reject' ? 'bg-red-100 text-red-600 hover:bg-red-200' : 'text-dark-500'\n                }`}\n                onClick={() => handleFeedback('reject')}\n                disabled={disabled}\n              >\n                <motion.div\n                  initial={{ scale: 1 }}\n                  animate={{ scale: feedback === 'reject' ? [1, 1.2, 1] : 1 }}\n                  transition={{ duration: 0.3 }}\n                >\n                  <ThumbsDown weight=\"bold\" />\n                </motion.div>\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent>\n              <p>{textConfig.negativeAnswerText || 'Not helpful'}</p>\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      </div>\n      <AnimatePresence>\n        {showFeedbackReason && (\n          <FeedbackReason\n            open={showFeedbackReason}\n            onSubmit={onFeedbackReasonSubmit}\n            thankYouText={feedbackReasonThankYouText}\n            placeholder={feedbackReasonPlaceholder}\n            maxLength={feedbackReasonLength}\n          />\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"names":["FeedbackReason","open","onSubmit","thankYouText","placeholder","maxLength","reason","setReason","useState","submitted","setSubmitted","textareaRef","useRef","useEffect","setTimeout","current","focus","handleSubmit","trim","React","createElement","AnimatePresence","motion","div","initial","opacity","y","animate","exit","transition","duration","ease","Card","className","CardContent","Textarea","ref","value","rows","onChange","e","target","onKeyDown","key","shiftKey","preventDefault","length","CardFooter","Button","size","onClick","disabled","PaperPlaneRight","weight","variant","X","Love","children","doAnimation","props","cn","Fragment","Array","from","map","_","i","scale","x","Math","cos","PI","sin","rotate","times","delay","Heart","style","filter","strokeWidth","Feedback","feedback","onFeedback","textConfig","feedbackReasonLength","feedbackReasonPlaceholder","onFeedbackReasonSubmit","feedbackReasonThankYouText","showHearts","setShowHearts","showFeedbackReason","setShowFeedbackReason","handleFeedback","response","TooltipProvider","Tooltip","TooltipTrigger","asChild","ThumbsUp","TooltipContent","positiveAnswerText","ThumbsDown","negativeAnswerText"],"mappings":"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"}
+{"version":3,"file":"feedback.CLMuSvsg.js","sources":["../../../src/components/feedback/feedback-reason.tsx","../../../src/components/love/love.tsx","../../../src/components/feedback/feedback.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { PaperPlaneRight, X } from '@phosphor-icons/react';\n\nimport { Card, CardContent, CardFooter } from '@/components/ui/card';\nimport { Textarea } from '@/components/ui/textarea';\nimport { Button } from '@/components/ui/button';\n\ninterface FeedbackReasonProps {\n  open: boolean;\n  onSubmit?: (reason: string) => void;\n  thankYouText?: string;\n  placeholder?: string;\n  maxLength?: number;\n}\n\nexport function FeedbackReason({\n  open,\n  onSubmit,\n  thankYouText = 'Thank you for your feedback!',\n  placeholder = 'What could we have done better? Your feedback is valuable to us...',\n  maxLength = 500,\n}: FeedbackReasonProps) {\n  const [reason, setReason] = useState('');\n  const [submitted, setSubmitted] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (open) {\n      setReason('');\n      setSubmitted(false);\n      setTimeout(() => textareaRef.current?.focus(), 0);\n    }\n  }, [open]);\n\n  const handleSubmit = () => {\n    if (reason.trim()) {\n      onSubmit?.(reason);\n      setSubmitted(true);\n    }\n  };\n\n  return (\n    <AnimatePresence>\n      {open && !submitted && (\n        <motion.div\n          initial={{ opacity: 0, y: 12 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: 12 }}\n          transition={{ duration: 0.25, ease: [0.4, 0, 0.2, 1] }}\n        >\n          <Card className=\"gap-2 p-3\">\n            <CardContent className=\"px-0\">\n              <Textarea\n                ref={textareaRef}\n                placeholder={placeholder}\n                className=\"w-full border-none shadow-none focus-visible:ring-0 p-0\"\n                maxLength={maxLength}\n                value={reason}\n                rows={4}\n                onChange={(e) => setReason(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && !e.shiftKey) {\n                    e.preventDefault();\n                    handleSubmit();\n                  }\n                }}\n              />\n              <div className=\"flex justify-end mt-1\">\n                <span className=\"text-xs text-muted-foreground select-none\">\n                  {maxLength - reason.length} characters remaining\n                </span>\n              </div>\n            </CardContent>\n            <CardFooter className=\"p-0 gap-2 flex-row-reverse\">\n              <Button size=\"icon\" onClick={handleSubmit} disabled={!reason.length} aria-label=\"Submit feedback\">\n                <PaperPlaneRight aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setReason('');\n                  textareaRef.current?.focus();\n                }}\n                aria-label=\"Cancel feedback\"\n              >\n                <X aria-hidden=\"true\" weight=\"bold\" />\n              </Button>\n            </CardFooter>\n          </Card>\n        </motion.div>\n      )}\n      {open && submitted && (\n        <motion.div\n          initial={{ opacity: 0, y: 12 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: 12 }}\n          transition={{ duration: 0.25, ease: [0.4, 0, 0.2, 1] }}\n        >\n          <Card className=\"gap-2 p-3\">\n            <CardContent className=\"px-0\">\n              <p>{thankYouText}</p>\n            </CardContent>\n          </Card>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n","import { Heart } from '@phosphor-icons/react';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ninterface LoveProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  doAnimation?: boolean;\n}\n\nexport function Love({ className, children, doAnimation = false, ...props }: LoveProps) {\n  return (\n    <div className={cn('relative', className)} {...props}>\n      <AnimatePresence>\n        {doAnimation && (\n          <>\n            {Array.from({ length: 8 }).map((_, i) => (\n              <motion.div\n                key={i}\n                className=\"absolute top-1/2 left-1/2 origin-center pointer-events-none\"\n                initial={{ opacity: 0, scale: 0.3, x: 0, y: 0 }}\n                animate={{\n                  opacity: [0, 1, 1, 0],\n                  scale: [0.3, 1, 1, 0],\n                  x: [0, Math.cos(i * (Math.PI / 4)) * 30],\n                  y: [0, Math.sin(i * (Math.PI / 4)) * 30],\n                  rotate: [0, i % 2 ? 45 : -45],\n                }}\n                transition={{\n                  duration: 1.2,\n                  ease: [0.4, 0, 0.2, 1],\n                  times: [0, 0.3, 0.7, 1],\n                  delay: i * 0.1,\n                }}\n              >\n                <Heart\n                  className=\"size-4 text-rose-500\"\n                  style={{\n                    filter: 'drop-shadow(0 0 3px rgba(255, 75, 110, 0.8))',\n                    strokeWidth: 2.5,\n                  }}\n                />\n              </motion.div>\n            ))}\n            <motion.div\n              className=\"absolute inset-0 rounded-full bg-primary pointer-events-none\"\n              initial={{ opacity: 0, scale: 0.8 }}\n              animate={{\n                opacity: [0, 0.15, 0.15, 0],\n                scale: [0.8, 1.8, 1.8, 2],\n              }}\n              transition={{\n                duration: 1.2,\n                ease: 'easeOut',\n                times: [0, 0.3, 0.7, 1],\n              }}\n            />\n          </>\n        )}\n      </AnimatePresence>\n      {children}\n    </div>\n  );\n}\n","import React, { useState, useRef, useEffect } from 'react';\nimport { ThumbsUp, ThumbsDown } from '@phosphor-icons/react';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nimport { FeedbackReason } from './feedback-reason';\nimport { Love } from '../love';\n\nimport { Button } from '@/components/ui/button';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\n\nexport type FeedbackResponse = 'accept' | 'reject';\n\ninterface FeedbackProps {\n  feedback?: FeedbackResponse;\n  onFeedback?: (response: FeedbackResponse) => void;\n  textConfig?: {\n    positiveAnswerText?: string;\n    negativeAnswerText?: string;\n  };\n  disabled?: boolean;\n  feedbackReasonLength?: number;\n  feedbackReasonPlaceholder?: string;\n  onFeedbackReasonSubmit?: (reason: string) => void;\n  feedbackReasonThankYouText?: string;\n}\n\nexport function Feedback({\n  feedback,\n  onFeedback,\n  textConfig = {},\n  disabled = false,\n  feedbackReasonLength = 500,\n  feedbackReasonPlaceholder = 'What could we have done better? Your feedback is valuable to us...',\n  onFeedbackReasonSubmit,\n  feedbackReasonThankYouText = 'Thank you for your feedback!',\n}: FeedbackProps) {\n  const [showHearts, setShowHearts] = useState(false);\n  const [showFeedbackReason, setShowFeedbackReason] = useState(false);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(() => {\n    if (showFeedbackReason && textareaRef.current) {\n      textareaRef.current.focus();\n    }\n  }, [showFeedbackReason]);\n\n  const handleFeedback = (response: FeedbackResponse) => {\n    if (onFeedback) {\n      if (response === 'accept') {\n        setShowHearts(true);\n        setTimeout(() => setShowHearts(false), 2000);\n      }\n      onFeedback(response);\n      if (response === 'reject') {\n        setShowFeedbackReason(true);\n      }\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex justify-end gap-2\" data-name=\"Feedback\">\n        <TooltipProvider>\n          <Love doAnimation={showHearts}>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={`rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 ${\n                    feedback === 'accept' ? 'bg-green-100 text-green-600 hover:bg-green-200' : 'text-dark-500'\n                  }`}\n                  onClick={() => {\n                    handleFeedback('accept');\n                    setShowFeedbackReason(false);\n                  }}\n                  disabled={disabled}\n                >\n                  <motion.div\n                    initial={{ scale: 1 }}\n                    animate={{ scale: feedback === 'accept' ? [1, 1.2, 1] : 1 }}\n                    transition={{ duration: 0.3 }}\n                  >\n                    <ThumbsUp weight=\"bold\" />\n                  </motion.div>\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent>\n                <p>{textConfig.positiveAnswerText || 'Helpful'}</p>\n              </TooltipContent>\n            </Tooltip>\n          </Love>\n        </TooltipProvider>\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className={`rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 ${\n                  feedback === 'reject' ? 'bg-red-100 text-red-600 hover:bg-red-200' : 'text-dark-500'\n                }`}\n                onClick={() => handleFeedback('reject')}\n                disabled={disabled}\n              >\n                <motion.div\n                  initial={{ scale: 1 }}\n                  animate={{ scale: feedback === 'reject' ? [1, 1.2, 1] : 1 }}\n                  transition={{ duration: 0.3 }}\n                >\n                  <ThumbsDown weight=\"bold\" />\n                </motion.div>\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent>\n              <p>{textConfig.negativeAnswerText || 'Not helpful'}</p>\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      </div>\n      <AnimatePresence>\n        {showFeedbackReason && (\n          <FeedbackReason\n            open={showFeedbackReason}\n            onSubmit={onFeedbackReasonSubmit}\n            thankYouText={feedbackReasonThankYouText}\n            placeholder={feedbackReasonPlaceholder}\n            maxLength={feedbackReasonLength}\n          />\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n"],"names":["FeedbackReason","open","onSubmit","thankYouText","placeholder","maxLength","reason","setReason","useState","submitted","setSubmitted","textareaRef","useRef","useEffect","setTimeout","current","focus","handleSubmit","trim","React","createElement","AnimatePresence","motion","div","initial","opacity","y","animate","exit","transition","duration","ease","Card","className","CardContent","Textarea","ref","value","rows","onChange","e","target","onKeyDown","key","shiftKey","preventDefault","length","CardFooter","Button","size","onClick","disabled","PaperPlaneRight","weight","variant","X","Love","children","doAnimation","props","cn","Fragment","Array","from","map","_","i","scale","x","Math","cos","PI","sin","rotate","times","delay","Heart","style","filter","strokeWidth","Feedback","feedback","onFeedback","textConfig","feedbackReasonLength","feedbackReasonPlaceholder","onFeedbackReasonSubmit","feedbackReasonThankYouText","showHearts","setShowHearts","showFeedbackReason","setShowFeedbackReason","handleFeedback","response","TooltipProvider","Tooltip","TooltipTrigger","asChild","ThumbsUp","TooltipContent","positiveAnswerText","ThumbsDown","negativeAnswerText"],"mappings":"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"}

package/dist/esm/chunks/{file-upload-status.4ukNFyi2.js → file-upload-status.D8RhMcbO.js}

@@ -1,8 +1,8 @@
-import e,{useState as t,useEffect as a,useCallback as s}from"react";import{useDropzone as r}from"react-dropzone";import{CloudArrowUp as l,CaretDown as c,CaretUp as o,FileVideo as n,Circle as m,CheckCircle as i}from"@phosphor-icons/react";import{Card as p,CardContent as d}from"../components/ui/card.js";import{c as u}from"./utils.C6Qu-kwd.js";import{createPortal as f}from"react-dom";import{B as g}from"./button.BYc5d6AZ.js";import{Collapsible as x,CollapsibleTrigger as b,CollapsibleContent as N}from"../components/ui/collapsible.js";const E=e=>{if(0===e)return"0 Bytes";const t=Math.floor(Math.log(e)/Math.log(1024));return Number.parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["Bytes","KB","MB","GB"][t]};function h({onDropAccepted:t,onDropRejected:a,accept:s={"image/*":[".png",".jpg",".jpeg",".gif",".mp4"],"application/pdf":[".pdf"],"text/*":[".txt",".csv"]},maxSize:c=5242880,maxFiles:o=5,multiple:n=!0,className:m,disabled:i=!1,title:d="Drag & drop files here, or click to select",description:f="",supportsMessage:g="",children:x}){const{getRootProps:b,getInputProps:N,isDragActive:h,isDragReject:v}=r({onDropAccepted:t,onDropRejected:a,accept:s,maxSize:c,multiple:n,disabled:i,maxFiles:o});/* @__PURE__ */
+import e,{useState as t,useEffect as a,useCallback as s}from"react";import{useDropzone as r}from"react-dropzone";import{CloudArrowUp as l,CaretDown as c,CaretUp as o,FileVideo as n,Circle as m,CheckCircle as i}from"@phosphor-icons/react";import{Card as p,CardContent as d}from"../components/ui/card.js";import{c as u}from"./utils.C6Qu-kwd.js";import{createPortal as f}from"react-dom";import{B as g}from"./button.D_2SonNs.js";import{Collapsible as x,CollapsibleTrigger as b,CollapsibleContent as N}from"../components/ui/collapsible.js";const E=e=>{if(0===e)return"0 Bytes";const t=Math.floor(Math.log(e)/Math.log(1024));return Number.parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["Bytes","KB","MB","GB"][t]};function h({onDropAccepted:t,onDropRejected:a,accept:s={"image/*":[".png",".jpg",".jpeg",".gif",".mp4"],"application/pdf":[".pdf"],"text/*":[".txt",".csv"]},maxSize:c=5242880,maxFiles:o=5,multiple:n=!0,className:m,disabled:i=!1,title:d="Drag & drop files here, or click to select",description:f="",supportsMessage:g="",children:x}){const{getRootProps:b,getInputProps:N,isDragActive:h,isDragReject:v}=r({onDropAccepted:t,onDropRejected:a,accept:s,maxSize:c,multiple:n,disabled:i,maxFiles:o});/* @__PURE__ */
 return e.createElement("div",{"data-testid":"file-upload",className:"w-full space-y-4"},/* @__PURE__ */e.createElement("div",{className:u("group",m,"focus-visible:outline-none"),...b()},/* @__PURE__ */e.createElement(p,{className:u("custom-dashed-border shadow-none p-8 text-center cursor-pointer","group-focus:custom-dashed-border-hover","group-hover:custom-dashed-border-hover",h&&!v&&"border-primary bg-primary/5",v&&"border-destructive bg-destructive/5",i&&"cursor-not-allowed opacity-50")},
 /* @__PURE__ */e.createElement("input",{...N()}),
 /* @__PURE__ */e.createElement("div",{className:"flex flex-col items-center gap-4"},/* @__PURE__ */e.createElement(l,{className:u("size-12",h&&!v&&"text-primary",v&&"text-destructive")}),/* @__PURE__ */e.createElement("div",{className:"space-y-2"},/* @__PURE__ */e.createElement("p",{className:"text-lg font-medium"},h?v?"Some files will be rejected":"Drop files here":d),f&&/* @__PURE__ */e.createElement("p",{className:"text-sm"},f),g?/* @__PURE__ */e.createElement("p",{className:"text-sm"},g):/* @__PURE__ */e.createElement("p",{className:"text-sm"},`Supports: ${Object.values(s).flat().join(", ")} • Max size: ${E(c)}${o>1?` • Max files: ${o}`:""}`))))),x)}const v=e.memo(({className:t})=>/* @__PURE__ */e.createElement("div",{className:u("relative",t)},/* @__PURE__ */e.createElement(i,{className:"absolute size-6 text-green-400",weight:"fill"}),/* @__PURE__ */e.createElement(i,{className:"absolute size-6 text-black",weight:"regular"})));v.displayName="CheckCircleIcon";const y=({uploads:r,className:l,onCancelUpload:i,steps:h=[{id:"upload",label:"Uploading video",status:"current"},{id:"analyze",label:"Analyzing content",status:"pending"},{id:"create",label:"Creating help articles",status:"pending"}],timeRemaining:y,title:z="Video Processing"})=>{const[w,j]=t(!1),[k,M]=t(!0);a(()=>{j(!0)},[]);const C=s(e=>"success"===e.status?"Uploaded":"error"===e.status?"Retry upload":"Cancel upload",[]);if(!w||0===r.length)return null;if("undefined"==typeof document)return null;const D=/* @__PURE__ */e.createElement(x,{open:k,onOpenChange:M,className:u("fixed bottom-3 right-3 w-96 shadow-lg border z-50 transition-all duration-200 h-auto p-0 gap-4 bg-dark-100 rounded-lg overflow-hidden",l)},
 /* @__PURE__ */e.createElement(b,{asChild:!0},/* @__PURE__ */e.createElement("div",{className:"flex items-center justify-between py-4 px-6 bg-foreground text-background cursor-pointer"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-0"},/* @__PURE__ */e.createElement("span",{className:"font-semibold"},z),y&&/* @__PURE__ */e.createElement("span",{className:"text-sm text-muted-foreground"},y)),/* @__PURE__ */e.createElement(g,{variant:"ghost",size:"sm",className:"size-6 p-0"},k?/* @__PURE__ */e.createElement(c,{className:"size-4"}):/* @__PURE__ */e.createElement(o,{className:"size-4"})))),
 /* @__PURE__ */e.createElement(N,null,r.map(t=>/* @__PURE__ */e.createElement(p,{key:t.id,className:u("rounded-none p-0")},/* @__PURE__ */e.createElement(d,{className:"p-0"},/* @__PURE__ */e.createElement("div",{className:"px-6 py-4 border-b"},/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-4"},/* @__PURE__ */e.createElement("div",{className:"size-12 bg-yellow-400 border border-dark rounded-lg flex items-center justify-center text-dark shrink-0"},/* @__PURE__ */e.createElement(n,{className:"size-6"})),/* @__PURE__ */e.createElement("div",{className:"flex-1 flex flex-col gap-0"},/* @__PURE__ */e.createElement("h3",{className:"text-base font-medium flex items-center gap-1 whitespace-nowrap"},/* @__PURE__ */e.createElement("span",{className:"truncate max-w-56"},t.file.name),/* @__PURE__ */e.createElement("span",{className:"shrink-0"}," • ",E(t.file.size))),/* @__PURE__ */e.createElement(g,{variant:"dark",size:"sm",className:"self-start h-6 text-xs bg-foreground text-background",onClick:i,"data-id":t.id,disabled:"success"===t.status||100===t.progress,"data-status":t.status},C(t))))),/* @__PURE__ */e.createElement("ol",{className:"py-2"},h.map(a=>/* @__PURE__ */e.createElement("li",{key:a.id,className:u("flex items-center gap-4 px-6 py-3 relative","after:absolute after:w-[1px] after:bg-foreground after:top-[38px] after:-bottom-[10px] after:left-[35px]","last-of-type:after:hidden")},"completed"===a.status?/* @__PURE__ */e.createElement(v,{className:"size-6"}):/* @__PURE__ */e.createElement(m,{className:"size-6"}),
 /* @__PURE__ */e.createElement("span",{className:"flex items-center gap-1"},`${a.label} ${"upload"===a.id?`— ${Math.round(t.progress)}%`:""}`)))))))));return f(D,document.body)};export{h as F,y as a,E as f};
-//# sourceMappingURL=file-upload-status.4ukNFyi2.js.map
+//# sourceMappingURL=file-upload-status.D8RhMcbO.js.map

package/dist/esm/chunks/{file-upload-status.4ukNFyi2.js.map → file-upload-status.D8RhMcbO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"file-upload-status.4ukNFyi2.js","sources":["../../../src/components/file-upload/utils.tsx","../../../src/components/file-upload/file-upload.tsx","../../../src/components/file-upload/file-upload-status.tsx"],"sourcesContent":["export const formatFileSize = (bytes: number) => {\n  if (bytes === 0) return '0 Bytes';\n  const k = 1024;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n};\n","import React from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { CloudArrowUp } from '@phosphor-icons/react';\n\nimport type { FileUploadProps } from './types';\nimport { formatFileSize } from './utils';\n\nimport { Card } from '@/components/ui/card';\nimport { cn } from '@/lib/utils';\n\nexport function FileUpload({\n  onDropAccepted,\n  onDropRejected,\n  accept = {\n    'image/*': ['.png', '.jpg', '.jpeg', '.gif', '.mp4'],\n    'application/pdf': ['.pdf'],\n    'text/*': ['.txt', '.csv'],\n  },\n  maxSize = 5 * 1024 * 1024, // 5MB\n  maxFiles = 5,\n  multiple = true,\n  className,\n  disabled = false,\n  title = 'Drag & drop files here, or click to select',\n  description = '',\n  supportsMessage = '',\n  children,\n}: FileUploadProps) {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } = useDropzone({\n    onDropAccepted,\n    onDropRejected,\n    accept,\n    maxSize,\n    multiple,\n    disabled,\n    maxFiles,\n  });\n\n  return (\n    <div data-testid=\"file-upload\" className=\"w-full space-y-4\">\n      <div className={cn('group', className, 'focus-visible:outline-none')} {...getRootProps()}>\n        <Card\n          className={cn(\n            'custom-dashed-border shadow-none p-8 text-center cursor-pointer',\n            'group-focus:custom-dashed-border-hover',\n            'group-hover:custom-dashed-border-hover',\n            isDragActive && !isDragReject && 'border-primary bg-primary/5',\n            isDragReject && 'border-destructive bg-destructive/5',\n            disabled && 'cursor-not-allowed opacity-50',\n          )}\n        >\n          <input {...getInputProps()} />\n          <div className=\"flex flex-col items-center gap-4\">\n            <CloudArrowUp\n              className={cn(\n                'size-12',\n                isDragActive && !isDragReject && 'text-primary',\n                isDragReject && 'text-destructive',\n              )}\n            />\n            <div className=\"space-y-2\">\n              <p className=\"text-lg font-medium\">\n                {isDragActive ? (isDragReject ? 'Some files will be rejected' : 'Drop files here') : title}\n              </p>\n              {description && <p className=\"text-sm\">{description}</p>}\n              {supportsMessage ? (\n                <p className=\"text-sm\">{supportsMessage}</p>\n              ) : (\n                <p className=\"text-sm\">\n                  {`Supports: ${Object.values(accept).flat().join(', ')} • Max size: ${formatFileSize(maxSize)}${\n                    maxFiles > 1 ? ` • Max files: ${maxFiles}` : ''\n                  }`}\n                </p>\n              )}\n            </div>\n          </div>\n        </Card>\n      </div>\n      {children}\n    </div>\n  );\n}\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CaretUp, CaretDown, FileVideo, CheckCircle, Circle } from '@phosphor-icons/react';\n\nimport type { UploadState } from './types';\nimport { formatFileSize } from './utils';\n\nimport { Card, CardContent } from '@/components/ui/card';\nimport { Button } from '@/components/ui/button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface ProcessingStep {\n  id: string;\n  label: string;\n  status: 'completed' | 'current' | 'pending' | 'error';\n}\n\ninterface FileUploadStatusProps {\n  uploads: UploadState[];\n  className?: string;\n  timeRemaining?: string;\n  onCancelUpload?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  steps?: ProcessingStep[];\n  title?: string;\n}\n\nconst CheckCircleIcon = React.memo<{ className?: string }>(({ className }) => {\n  return (\n    <div className={cn('relative', className)}>\n      <CheckCircle className=\"absolute size-6 text-green-400\" weight=\"fill\" />\n      <CheckCircle className=\"absolute size-6 text-black\" weight=\"regular\" />\n    </div>\n  );\n});\n\nCheckCircleIcon.displayName = 'CheckCircleIcon';\n\nexport const FileUploadStatus: React.FC<FileUploadStatusProps> = ({\n  uploads,\n  className,\n  onCancelUpload,\n  steps = [\n    { id: 'upload', label: 'Uploading video', status: 'current' },\n    { id: 'analyze', label: 'Analyzing content', status: 'pending' },\n    { id: 'create', label: 'Creating help articles', status: 'pending' },\n  ],\n  timeRemaining,\n  title = 'Video Processing',\n}) => {\n  const [mounted, setMounted] = useState(false);\n  const [isOpen, setIsOpen] = useState(true);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const cancelButtonLabel = useCallback((uploadState: UploadState) => {\n    if (uploadState.status === 'success') return 'Uploaded';\n    if (uploadState.status === 'error') return 'Retry upload';\n\n    return 'Cancel upload';\n  }, []);\n\n  if (!mounted || uploads.length === 0) return null;\n\n  // Ensure we're in a browser environment\n  if (typeof document === 'undefined') return null;\n\n  const statusCard = (\n    <Collapsible\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      className={cn(\n        'fixed bottom-3 right-3 w-96 shadow-lg border z-50 transition-all duration-200 h-auto p-0 gap-4 bg-dark-100 rounded-lg overflow-hidden',\n        className,\n      )}\n    >\n      <CollapsibleTrigger asChild>\n        <div className=\"flex items-center justify-between py-4 px-6 bg-foreground text-background cursor-pointer\">\n          <div className=\"flex flex-col gap-0\">\n            <span className=\"font-semibold\">{title}</span>\n            {timeRemaining && <span className=\"text-sm text-muted-foreground\">{timeRemaining}</span>}\n          </div>\n          <Button variant=\"ghost\" size=\"sm\" className=\"size-6 p-0\">\n            {isOpen ? <CaretDown className=\"size-4\" /> : <CaretUp className=\"size-4\" />}\n          </Button>\n        </div>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        {uploads.map((upload) => (\n          <Card key={upload.id} className={cn('rounded-none p-0')}>\n            <CardContent className=\"p-0\">\n              {/* File Info */}\n              <div className=\"px-6 py-4 border-b\">\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"size-12 bg-yellow-400 border border-dark rounded-lg flex items-center justify-center text-dark shrink-0\">\n                    <FileVideo className=\"size-6\" />\n                  </div>\n                  <div className=\"flex-1 flex flex-col gap-0\">\n                    <h3 className=\"text-base font-medium flex items-center gap-1 whitespace-nowrap\">\n                      <span className=\"truncate max-w-56\">{upload.file.name}</span>\n                      <span className=\"shrink-0\"> • {formatFileSize(upload.file.size)}</span>\n                    </h3>\n                    <Button\n                      variant=\"dark\"\n                      size=\"sm\"\n                      className=\"self-start h-6 text-xs bg-foreground text-background\"\n                      onClick={onCancelUpload}\n                      data-id={upload.id}\n                      disabled={upload.status === 'success' || upload.progress === 100}\n                      data-status={upload.status}\n                    >\n                      {cancelButtonLabel(upload)}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n\n              {/* Steps */}\n              <ol className=\"py-2\">\n                {steps.map((step) => (\n                  <li\n                    key={step.id}\n                    className={cn(\n                      'flex items-center gap-4 px-6 py-3 relative',\n                      'after:absolute after:w-[1px] after:bg-foreground after:top-[38px] after:-bottom-[10px] after:left-[35px]',\n                      'last-of-type:after:hidden',\n                    )}\n                  >\n                    {step.status === 'completed' ? (\n                      <CheckCircleIcon className=\"size-6\" />\n                    ) : (\n                      <Circle className=\"size-6\" />\n                    )}\n                    <span className=\"flex items-center gap-1\">\n                      {`${step.label} ${step.id === 'upload' ? `— ${Math.round(upload.progress)}%` : ''}`}\n                    </span>\n                  </li>\n                ))}\n              </ol>\n            </CardContent>\n          </Card>\n        ))}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n\n  return createPortal(statusCard, document.body);\n};\n"],"names":["formatFileSize","bytes","i","Math","floor","log","Number","parseFloat","pow","toFixed","FileUpload","onDropAccepted","onDropRejected","accept","maxSize","maxFiles","multiple","className","disabled","title","description","supportsMessage","children","getRootProps","getInputProps","isDragActive","isDragReject","useDropzone","React","createElement","cn","Card","CloudArrowUp","Object","values","flat","join","CheckCircleIcon","memo","CheckCircle","weight","displayName","FileUploadStatus","uploads","onCancelUpload","steps","id","label","status","timeRemaining","mounted","setMounted","useState","isOpen","setIsOpen","useEffect","cancelButtonLabel","useCallback","uploadState","length","document","statusCard","Collapsible","open","onOpenChange","CollapsibleTrigger","asChild","Button","variant","size","CaretDown","CaretUp","CollapsibleContent","map","upload","key","CardContent","FileVideo","file","name","onClick","progress","step","Circle","round","createPortal","body"],"mappings":"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"}
+{"version":3,"file":"file-upload-status.D8RhMcbO.js","sources":["../../../src/components/file-upload/utils.tsx","../../../src/components/file-upload/file-upload.tsx","../../../src/components/file-upload/file-upload-status.tsx"],"sourcesContent":["export const formatFileSize = (bytes: number) => {\n  if (bytes === 0) return '0 Bytes';\n  const k = 1024;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n};\n","import React from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { CloudArrowUp } from '@phosphor-icons/react';\n\nimport type { FileUploadProps } from './types';\nimport { formatFileSize } from './utils';\n\nimport { Card } from '@/components/ui/card';\nimport { cn } from '@/lib/utils';\n\nexport function FileUpload({\n  onDropAccepted,\n  onDropRejected,\n  accept = {\n    'image/*': ['.png', '.jpg', '.jpeg', '.gif', '.mp4'],\n    'application/pdf': ['.pdf'],\n    'text/*': ['.txt', '.csv'],\n  },\n  maxSize = 5 * 1024 * 1024, // 5MB\n  maxFiles = 5,\n  multiple = true,\n  className,\n  disabled = false,\n  title = 'Drag & drop files here, or click to select',\n  description = '',\n  supportsMessage = '',\n  children,\n}: FileUploadProps) {\n  const { getRootProps, getInputProps, isDragActive, isDragReject } = useDropzone({\n    onDropAccepted,\n    onDropRejected,\n    accept,\n    maxSize,\n    multiple,\n    disabled,\n    maxFiles,\n  });\n\n  return (\n    <div data-testid=\"file-upload\" className=\"w-full space-y-4\">\n      <div className={cn('group', className, 'focus-visible:outline-none')} {...getRootProps()}>\n        <Card\n          className={cn(\n            'custom-dashed-border shadow-none p-8 text-center cursor-pointer',\n            'group-focus:custom-dashed-border-hover',\n            'group-hover:custom-dashed-border-hover',\n            isDragActive && !isDragReject && 'border-primary bg-primary/5',\n            isDragReject && 'border-destructive bg-destructive/5',\n            disabled && 'cursor-not-allowed opacity-50',\n          )}\n        >\n          <input {...getInputProps()} />\n          <div className=\"flex flex-col items-center gap-4\">\n            <CloudArrowUp\n              className={cn(\n                'size-12',\n                isDragActive && !isDragReject && 'text-primary',\n                isDragReject && 'text-destructive',\n              )}\n            />\n            <div className=\"space-y-2\">\n              <p className=\"text-lg font-medium\">\n                {isDragActive ? (isDragReject ? 'Some files will be rejected' : 'Drop files here') : title}\n              </p>\n              {description && <p className=\"text-sm\">{description}</p>}\n              {supportsMessage ? (\n                <p className=\"text-sm\">{supportsMessage}</p>\n              ) : (\n                <p className=\"text-sm\">\n                  {`Supports: ${Object.values(accept).flat().join(', ')} • Max size: ${formatFileSize(maxSize)}${\n                    maxFiles > 1 ? ` • Max files: ${maxFiles}` : ''\n                  }`}\n                </p>\n              )}\n            </div>\n          </div>\n        </Card>\n      </div>\n      {children}\n    </div>\n  );\n}\n","import React, { useState, useEffect, useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CaretUp, CaretDown, FileVideo, CheckCircle, Circle } from '@phosphor-icons/react';\n\nimport type { UploadState } from './types';\nimport { formatFileSize } from './utils';\n\nimport { Card, CardContent } from '@/components/ui/card';\nimport { Button } from '@/components/ui/button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\nimport { cn } from '@/lib/utils';\n\nexport interface ProcessingStep {\n  id: string;\n  label: string;\n  status: 'completed' | 'current' | 'pending' | 'error';\n}\n\ninterface FileUploadStatusProps {\n  uploads: UploadState[];\n  className?: string;\n  timeRemaining?: string;\n  onCancelUpload?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  steps?: ProcessingStep[];\n  title?: string;\n}\n\nconst CheckCircleIcon = React.memo<{ className?: string }>(({ className }) => {\n  return (\n    <div className={cn('relative', className)}>\n      <CheckCircle className=\"absolute size-6 text-green-400\" weight=\"fill\" />\n      <CheckCircle className=\"absolute size-6 text-black\" weight=\"regular\" />\n    </div>\n  );\n});\n\nCheckCircleIcon.displayName = 'CheckCircleIcon';\n\nexport const FileUploadStatus: React.FC<FileUploadStatusProps> = ({\n  uploads,\n  className,\n  onCancelUpload,\n  steps = [\n    { id: 'upload', label: 'Uploading video', status: 'current' },\n    { id: 'analyze', label: 'Analyzing content', status: 'pending' },\n    { id: 'create', label: 'Creating help articles', status: 'pending' },\n  ],\n  timeRemaining,\n  title = 'Video Processing',\n}) => {\n  const [mounted, setMounted] = useState(false);\n  const [isOpen, setIsOpen] = useState(true);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const cancelButtonLabel = useCallback((uploadState: UploadState) => {\n    if (uploadState.status === 'success') return 'Uploaded';\n    if (uploadState.status === 'error') return 'Retry upload';\n\n    return 'Cancel upload';\n  }, []);\n\n  if (!mounted || uploads.length === 0) return null;\n\n  // Ensure we're in a browser environment\n  if (typeof document === 'undefined') return null;\n\n  const statusCard = (\n    <Collapsible\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      className={cn(\n        'fixed bottom-3 right-3 w-96 shadow-lg border z-50 transition-all duration-200 h-auto p-0 gap-4 bg-dark-100 rounded-lg overflow-hidden',\n        className,\n      )}\n    >\n      <CollapsibleTrigger asChild>\n        <div className=\"flex items-center justify-between py-4 px-6 bg-foreground text-background cursor-pointer\">\n          <div className=\"flex flex-col gap-0\">\n            <span className=\"font-semibold\">{title}</span>\n            {timeRemaining && <span className=\"text-sm text-muted-foreground\">{timeRemaining}</span>}\n          </div>\n          <Button variant=\"ghost\" size=\"sm\" className=\"size-6 p-0\">\n            {isOpen ? <CaretDown className=\"size-4\" /> : <CaretUp className=\"size-4\" />}\n          </Button>\n        </div>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        {uploads.map((upload) => (\n          <Card key={upload.id} className={cn('rounded-none p-0')}>\n            <CardContent className=\"p-0\">\n              {/* File Info */}\n              <div className=\"px-6 py-4 border-b\">\n                <div className=\"flex items-center gap-4\">\n                  <div className=\"size-12 bg-yellow-400 border border-dark rounded-lg flex items-center justify-center text-dark shrink-0\">\n                    <FileVideo className=\"size-6\" />\n                  </div>\n                  <div className=\"flex-1 flex flex-col gap-0\">\n                    <h3 className=\"text-base font-medium flex items-center gap-1 whitespace-nowrap\">\n                      <span className=\"truncate max-w-56\">{upload.file.name}</span>\n                      <span className=\"shrink-0\"> • {formatFileSize(upload.file.size)}</span>\n                    </h3>\n                    <Button\n                      variant=\"dark\"\n                      size=\"sm\"\n                      className=\"self-start h-6 text-xs bg-foreground text-background\"\n                      onClick={onCancelUpload}\n                      data-id={upload.id}\n                      disabled={upload.status === 'success' || upload.progress === 100}\n                      data-status={upload.status}\n                    >\n                      {cancelButtonLabel(upload)}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n\n              {/* Steps */}\n              <ol className=\"py-2\">\n                {steps.map((step) => (\n                  <li\n                    key={step.id}\n                    className={cn(\n                      'flex items-center gap-4 px-6 py-3 relative',\n                      'after:absolute after:w-[1px] after:bg-foreground after:top-[38px] after:-bottom-[10px] after:left-[35px]',\n                      'last-of-type:after:hidden',\n                    )}\n                  >\n                    {step.status === 'completed' ? (\n                      <CheckCircleIcon className=\"size-6\" />\n                    ) : (\n                      <Circle className=\"size-6\" />\n                    )}\n                    <span className=\"flex items-center gap-1\">\n                      {`${step.label} ${step.id === 'upload' ? `— ${Math.round(upload.progress)}%` : ''}`}\n                    </span>\n                  </li>\n                ))}\n              </ol>\n            </CardContent>\n          </Card>\n        ))}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n\n  return createPortal(statusCard, document.body);\n};\n"],"names":["formatFileSize","bytes","i","Math","floor","log","Number","parseFloat","pow","toFixed","FileUpload","onDropAccepted","onDropRejected","accept","maxSize","maxFiles","multiple","className","disabled","title","description","supportsMessage","children","getRootProps","getInputProps","isDragActive","isDragReject","useDropzone","React","createElement","cn","Card","CloudArrowUp","Object","values","flat","join","CheckCircleIcon","memo","CheckCircle","weight","displayName","FileUploadStatus","uploads","onCancelUpload","steps","id","label","status","timeRemaining","mounted","setMounted","useState","isOpen","setIsOpen","useEffect","cancelButtonLabel","useCallback","uploadState","length","document","statusCard","Collapsible","open","onOpenChange","CollapsibleTrigger","asChild","Button","variant","size","CaretDown","CaretUp","CollapsibleContent","map","upload","key","CardContent","FileVideo","file","name","onClick","progress","step","Circle","round","createPortal","body"],"mappings":"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"}

package/dist/esm/chunks/{filters.ita3UAnO.js → filters.BHp3ukNW.js}

@@ -1,4 +1,4 @@
-import e,{useRef as t,useState as l,forwardRef as r,useImperativeHandle as a,useEffect as n}from"react";import{Check as o,XCircle as s,Plus as c}from"@phosphor-icons/react";import{createId as u}from"@paralleldrive/cuid2";import{B as i}from"./button.BYc5d6AZ.js";import{Input as m}from"../components/ui/input.js";import{ButtonGroup as d}from"../components/ui/button-group.js";import{DropdownMenu as p,DropdownMenuTrigger as f,DropdownMenuContent as v,DropdownMenuItem as b}from"../components/ui/dropdown-menu.js";import{Popover as g,PopoverTrigger as h,PopoverContent as E}from"../components/ui/popover.js";import{c as y}from"./utils.C6Qu-kwd.js";var N=/* @__PURE__ */(e=>(e.IS="is",e.IS_NOT="is not",e.CONTAINS="contains",e.DOES_NOT_CONTAIN="does not contain",e.STARTS_WITH="starts with",e))(N||{});const S=({inputValue:l,setInputValue:r,customValuePlaceholder:a,customValueButtonLabel:n,onSubmit:o,handleKeyDown:s})=>{const c=t(null);/* @__PURE__ */
+import e,{useRef as t,useState as l,forwardRef as r,useImperativeHandle as a,useEffect as n}from"react";import{Check as o,XCircle as s,Plus as c}from"@phosphor-icons/react";import{createId as u}from"@paralleldrive/cuid2";import{B as i}from"./button.D_2SonNs.js";import{Input as m}from"../components/ui/input.js";import{ButtonGroup as d}from"../components/ui/button-group.js";import{DropdownMenu as p,DropdownMenuTrigger as f,DropdownMenuContent as v,DropdownMenuItem as b}from"../components/ui/dropdown-menu.js";import{Popover as g,PopoverTrigger as h,PopoverContent as E}from"../components/ui/popover.js";import{c as y}from"./utils.C6Qu-kwd.js";var N=/* @__PURE__ */(e=>(e.IS="is",e.IS_NOT="is not",e.CONTAINS="contains",e.DOES_NOT_CONTAIN="does not contain",e.STARTS_WITH="starts with",e))(N||{});const S=({inputValue:l,setInputValue:r,customValuePlaceholder:a,customValueButtonLabel:n,onSubmit:o,handleKeyDown:s})=>{const c=t(null);/* @__PURE__ */
 return e.createElement("form",{className:"p-3",onSubmit:e=>{e.preventDefault(),o()}},
 /* @__PURE__ */e.createElement(m,{ref:c,type:"text",value:l,onChange:e=>r(e.target.value),placeholder:a,className:"mb-2",onKeyDown:e=>s(e,!0)}),
 /* @__PURE__ */e.createElement(i,{type:"submit",variant:"dark",className:"w-full",onKeyDown:e=>s(e,!1),"data-custom-submit-button":!0},n))},w=({internalFilter:r,valueOptions:a,onConfirm:n,onClose:s})=>{const[c,u]=l(()=>{return e=r.value,Array.isArray(e)?e:e?[e]:[];var e}),[m,d]=l(""),p=t([]),f=t(null),v=e=>{const t=a.find(t=>t.id===e),l=c.includes(e);u(r=>{const a=r.includes(e)?r.filter(t=>t!==e):[...r,e];if(t){const e=l?"deselected":"selected";d(`${t.label} ${e}.`)}return a})},b=()=>{n(c),s()},g=e=>c.includes(e),h=e=>{e<a.length?p.current[e]?.focus():f.current?.focus()},E=(e,t)=>{switch(e.key){case"ArrowDown":{e.preventDefault();const l=Math.min(t+1,a.length);h(l);break}case"ArrowUp":{e.preventDefault();const l=Math.max(t-1,0);h(l);break}case"Enter":case"Spacebar":e.preventDefault(),t<a.length?v(a[t].id):b();break;case"Escape":e.preventDefault(),s()}};/* @__PURE__ */
@@ -19,4 +19,4 @@ return e.createElement(d,{ref:M,orientation:"horizontal",className:"rounded-full
 return e.createElement("fieldset",{className:y("flex flex-wrap gap-2",p)},/* @__PURE__ */e.createElement("legend",{className:"sr-only"},"Filters"),f?.map(t=>{const l=m.filter(e=>!g.includes(e.id)||e.id===t.source);/* @__PURE__ */
 return e.createElement(C,{key:t.id,ref:e=>{b.current[t.id]=e},filter:t,sourceOptions:l,rules:d,onRemoveFilter:()=>(e=>{const t=f.filter(t=>t.id!==e.id);v(t),o(e.id)})(t),onFilterChange:a})}),E&&/* @__PURE__ */e.createElement(i,{onClick:()=>{if(!E)return;const e={id:u(),source:h[0].id,operator:N.IS,value:d[h[0].id]?.multiSelect?[]:""},t=[...f,e];v(t),requestAnimationFrame(()=>{b.current[e.id]?.focus()}),s?.(e)},variant:"ghost",className:"border border-foreground rounded-full gap-1",size:"sm",title:"Add filter"},
 /* @__PURE__ */e.createElement(c,{size:16}),"Add filter"))};export{C as F,N as O,D as a};
-//# sourceMappingURL=filters.ita3UAnO.js.map
+//# sourceMappingURL=filters.BHp3ukNW.js.map

package/dist/esm/chunks/{filters.ita3UAnO.js.map → filters.BHp3ukNW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"filters.ita3UAnO.js","sources":["../../../src/components/filter/types.ts","../../../src/components/filter/hooks.ts","../../../src/components/filter/components/CustomValueInput.tsx","../../../src/components/filter/components/MultiSelectDropdown.tsx","../../../src/components/filter/components/SingleSelectDropdown.tsx","../../../src/components/filter/filter.tsx","../../../src/components/filter/filters.tsx"],"sourcesContent":["// Types\nexport interface FilterOption {\n  id: string;\n  label: string;\n}\n\nexport enum Operator {\n  IS = 'is',\n  IS_NOT = 'is not',\n  CONTAINS = 'contains',\n  DOES_NOT_CONTAIN = 'does not contain',\n  STARTS_WITH = 'starts with',\n}\n\nexport interface FilterValue {\n  id: string | number;\n  source?: string;\n  operator?: Operator;\n  value?: string | string[];\n}\n\n/**\n * Filter rules for each source\n * How this works:\n * - You can define the rules for each source\n * - The rules are used to determine the available operators and value type\n * - The input type is used to determine the type of input displayed in when the dropdown is opened\n * - The getValueOptions function is used to determine the available options for the value\n * - multiSelect determines if multiple values can be selected for dropdown type\n *\n * @example\n * {\n *   'sourceId': {\n *     operators: [\n *       { id: 'is', label: 'is' },\n *       { id: 'is not', label: 'is not' },\n *     ],\n *     inputType: 'dropdown' | 'custom',\n *     multiSelect?: boolean,\n *     getValueOptions?: () => FilterOption[],\n *   },\n * }\n */\nexport interface FilterRules {\n  [sourceId: string]: {\n    operators: FilterOption[];\n    inputType: 'dropdown' | 'custom';\n    multiSelect?: boolean;\n    getValueOptions?: () => FilterOption[];\n  };\n}\n\nexport interface FilterProps {\n  filter: FilterValue;\n  sourceOptions: FilterOption[];\n  rules: FilterRules;\n  onSourceChange?: (sourceId: string) => void;\n  onRemoveFilter: (id: string | number) => void;\n  onFilterChange: (filter: FilterValue) => void;\n  selectPlaceholder?: string;\n  customValuePlaceholder?: string;\n  customValueButtonLabel?: string;\n  sourceFirstMessage?: string;\n}\n","import { FilterValue } from './types';\n\nexport const useMultiSelectHelpers = (\n  internalFilter: FilterValue,\n  valueOptions: Array<{ id: string; label: string }>,\n  selectPlaceholder: string,\n) => {\n  const getSelectedValues = (): string[] => {\n    if (Array.isArray(internalFilter.value)) {\n      return internalFilter.value;\n    }\n\n    return internalFilter.value ? [internalFilter.value] : [];\n  };\n\n  const isValueSelected = (valueId: string): boolean => {\n    const selectedValues = getSelectedValues();\n\n    return selectedValues.includes(valueId);\n  };\n\n  const getDisplayValue = (): string => {\n    const selectedValues = getSelectedValues();\n    if (selectedValues.length === 0) return selectPlaceholder;\n    if (selectedValues.length === 1) {\n      const option = valueOptions.find((opt) => opt.id === selectedValues[0]);\n\n      return option?.label || selectedValues[0];\n    }\n\n    return `${selectedValues.length} selected`;\n  };\n\n  return {\n    getSelectedValues,\n    isValueSelected,\n    getDisplayValue,\n  };\n};\n","import React, { useRef } from 'react';\n\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\n\ninterface CustomValueInputProps {\n  inputValue: string;\n  setInputValue: (value: string) => void;\n  customValuePlaceholder: string;\n  customValueButtonLabel: string;\n  onSubmit: () => void;\n  handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, isInput: boolean) => void;\n}\n\nexport const CustomValueInput: React.FC<CustomValueInputProps> = ({\n  inputValue,\n  setInputValue,\n  customValuePlaceholder,\n  customValueButtonLabel,\n  onSubmit,\n  handleKeyDown,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <form\n      className=\"p-3\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit();\n      }}\n    >\n      <Input\n        ref={inputRef}\n        type=\"text\"\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        placeholder={customValuePlaceholder}\n        className=\"mb-2\"\n        onKeyDown={(e) => handleKeyDown(e, true)}\n      />\n      <Button\n        type=\"submit\"\n        variant=\"dark\"\n        className=\"w-full\"\n        onKeyDown={(e) => handleKeyDown(e, false)}\n        data-custom-submit-button\n      >\n        {customValueButtonLabel}\n      </Button>\n    </form>\n  );\n};\n","import React, { useState, useRef } from 'react';\nimport { Check } from '@phosphor-icons/react';\n\nimport { FilterValue, FilterOption } from '../types';\n\nimport { Button } from '@/components/ui/button';\n\ninterface MultiSelectDropdownProps {\n  internalFilter: FilterValue;\n  valueOptions: FilterOption[];\n  onConfirm: (selectedValues: string[]) => void;\n  onClose: () => void;\n}\n\nconst getInitialValues = (value: FilterValue['value']): string[] => {\n  if (Array.isArray(value)) {\n    return value;\n  } else if (value) {\n    return [value];\n  }\n\n  return [];\n};\n\nexport const MultiSelectDropdown: React.FC<MultiSelectDropdownProps> = ({\n  internalFilter,\n  valueOptions,\n  onConfirm,\n  onClose,\n}) => {\n  const [pendingValues, setPendingValues] = useState<string[]>(() => getInitialValues(internalFilter.value));\n  const [announcement, setAnnouncement] = useState<string>('');\n  const buttonRefs = useRef<(HTMLButtonElement | null)[]>([]);\n  const applyButtonRef = useRef<HTMLButtonElement>(null);\n\n  const handleValueToggle = (valueId: string) => {\n    const option = valueOptions.find((opt) => opt.id === valueId);\n    const isCurrentlySelected = pendingValues.includes(valueId);\n\n    setPendingValues((prev) => {\n      const newValues = prev.includes(valueId) ? prev.filter((id) => id !== valueId) : [...prev, valueId];\n\n      // Announce the change\n      if (option) {\n        const action = isCurrentlySelected ? 'deselected' : 'selected';\n        setAnnouncement(`${option.label} ${action}.`);\n      }\n\n      return newValues;\n    });\n  };\n\n  const handleConfirm = () => {\n    onConfirm(pendingValues);\n    onClose();\n  };\n\n  const isValueSelected = (valueId: string): boolean => {\n    return pendingValues.includes(valueId);\n  };\n\n  const focusButton = (index: number) => {\n    if (index < valueOptions.length) {\n      buttonRefs.current[index]?.focus();\n    } else {\n      applyButtonRef.current?.focus();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const nextIndex = Math.min(index + 1, valueOptions.length);\n        focusButton(nextIndex);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prevIndex = Math.max(index - 1, 0);\n        focusButton(prevIndex);\n        break;\n      }\n      case 'Enter':\n      case 'Spacebar':\n        e.preventDefault();\n        if (index < valueOptions.length) {\n          // If the user is selecting an option\n          handleValueToggle(valueOptions[index].id);\n        } else {\n          // If the user is selecting the apply button\n          handleConfirm();\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        onClose();\n        break;\n    }\n  };\n\n  return (\n    <div className=\"py-1\" role=\"listbox\" aria-multiselectable=\"true\">\n      {/* Screen reader announcements */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {announcement}\n      </div>\n\n      {valueOptions.map((option, index) => (\n        <button\n          key={option.id}\n          ref={(el) => (buttonRefs.current[index] = el)}\n          type=\"button\"\n          className=\"relative flex w-full text-left cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\"\n          onClick={() => handleValueToggle(option.id)}\n          onKeyDown={(e) => handleKeyDown(e, index)}\n          role=\"option\"\n          aria-selected={isValueSelected(option.id)}\n        >\n          {isValueSelected(option.id) && <Check size={14} className=\"mr-2\" />}\n          {!isValueSelected(option.id) && <span className=\"mr-2 w-3.5\" />}\n          {option.label}\n        </button>\n      ))}\n\n      <div className=\"border-t border-border mt-1 pt-2 px-2 pb-2\">\n        <Button\n          ref={applyButtonRef}\n          onClick={handleConfirm}\n          size=\"sm\"\n          className=\"w-full\"\n          disabled={pendingValues.length === 0}\n          onKeyDown={(e) => handleKeyDown(e, valueOptions.length)}\n        >\n          Apply ({pendingValues.length} selected)\n        </Button>\n      </div>\n    </div>\n  );\n};\n","import React, { useRef } from 'react';\nimport { Check } from '@phosphor-icons/react';\n\nimport { FilterOption } from '../types';\n\ninterface SingleSelectDropdownProps {\n  valueOptions: FilterOption[];\n  isValueSelected: (valueId: string) => boolean;\n  onValueSelect: (valueId: string) => void;\n}\n\nexport const SingleSelectDropdown: React.FC<SingleSelectDropdownProps> = ({\n  valueOptions,\n  isValueSelected,\n  onValueSelect,\n}) => {\n  const buttonRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const focusButton = (index: number) => {\n    buttonRefs.current[index]?.focus();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const nextIndex = Math.min(index + 1, valueOptions.length - 1);\n        focusButton(nextIndex);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prevIndex = Math.max(index - 1, 0);\n        focusButton(prevIndex);\n        break;\n      }\n      case 'Enter':\n      case 'Spacebar':\n        e.preventDefault();\n        onValueSelect(valueOptions[index].id);\n        break;\n    }\n  };\n\n  return (\n    <div className=\"py-1\" role=\"listbox\">\n      {valueOptions.map((option, index) => (\n        <button\n          key={option.id}\n          ref={(el) => (buttonRefs.current[index] = el)}\n          type=\"button\"\n          className=\"relative flex w-full text-left cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\"\n          onClick={() => onValueSelect(option.id)}\n          onKeyDown={(e) => handleKeyDown(e, index)}\n        >\n          {isValueSelected(option.id) && <Check size={14} className=\"mr-2\" />}\n          {!isValueSelected(option.id) && <span className=\"mr-2 w-3.5\" />}\n          {option.label}\n        </button>\n      ))}\n    </div>\n  );\n};\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Check, XCircle } from '@phosphor-icons/react';\n\nimport { FilterProps, FilterValue, Operator } from './types';\nimport { useMultiSelectHelpers } from './hooks';\nimport { CustomValueInput } from './components/CustomValueInput';\nimport { MultiSelectDropdown } from './components/MultiSelectDropdown';\nimport { SingleSelectDropdown } from './components/SingleSelectDropdown';\n\nimport { Button } from '@/components/ui/button';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nconst Filter = forwardRef<{ focus: () => void }, FilterProps>(\n  (\n    {\n      filter,\n      sourceOptions,\n      rules,\n      onSourceChange,\n      onRemoveFilter,\n      onFilterChange,\n      selectPlaceholder = 'Select a value',\n      customValuePlaceholder = 'Enter custom value',\n      customValueButtonLabel = 'Done',\n      sourceFirstMessage = 'Please select a source first',\n    }: FilterProps,\n    ref,\n  ) => {\n    // State\n    const [internalFilter, setInternalFilter] = useState<FilterValue>({\n      id: filter.id,\n      source: filter.source,\n      operator: filter.operator || Operator.IS,\n      value: filter.value,\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [openDropdownType, setOpenDropdownType] = useState<'source' | 'operator' | 'value' | null>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const sourceButtonRef = useRef<HTMLButtonElement>(null);\n    const divRef = useRef<HTMLDivElement>(null);\n\n    // Expose focus method\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        sourceButtonRef.current?.focus();\n      },\n    }));\n\n    // Get current rules for selected source\n    const currentRules = internalFilter.source ? rules[internalFilter.source] : undefined;\n    const operatorOptions = currentRules?.operators || [];\n    const isMultiSelect = currentRules?.multiSelect || false;\n    let inputType = currentRules?.inputType || 'dropdown';\n    if (internalFilter.operator === Operator.CONTAINS || internalFilter.operator === Operator.DOES_NOT_CONTAIN) {\n      inputType = 'custom';\n    }\n    const valueOptions = currentRules?.getValueOptions ? currentRules.getValueOptions() : [];\n\n    // Multi-select helpers\n    const { getSelectedValues, isValueSelected, getDisplayValue } = useMultiSelectHelpers(\n      internalFilter,\n      valueOptions,\n      selectPlaceholder,\n    );\n\n    // Auto-focus input when dropdown opens and custom input is needed\n    useEffect(() => {\n      if (openDropdownType === 'value' && inputType === 'custom') {\n        const timeoutId = setTimeout(() => inputRef.current?.focus(), 50);\n\n        return () => clearTimeout(timeoutId);\n      }\n\n      return undefined;\n    }, [openDropdownType, inputType]);\n\n    // Sync with external state\n    useEffect(() => {\n      setInternalFilter({\n        id: filter.id,\n        source: filter.source,\n        operator: filter.operator || Operator.IS,\n        value: filter.value,\n      });\n    }, [filter]);\n\n    // Helper function to check if filter is complete and trigger onChange\n    const checkAndTriggerChange = (newFilter: FilterValue) => {\n      const hasValue = Array.isArray(newFilter.value) ? newFilter.value.length > 0 : !!newFilter.value?.trim();\n\n      const isComplete = newFilter.source && newFilter.operator && hasValue;\n\n      if (isComplete) {\n        onFilterChange(newFilter);\n      }\n    };\n\n    // Handle field updates\n    const updateFilterField = (field: keyof FilterValue, value: string) => {\n      const newFilter: FilterValue = { ...internalFilter, [field]: value };\n\n      // Special handling for source changes\n      if (field === 'source') {\n        const sourceRules = rules[value];\n        newFilter.operator = sourceRules?.operators[0]?.id as Operator;\n        newFilter.value = sourceRules?.multiSelect ? [] : '';\n      }\n      // If operator changes, also clear value if inputType is dropdown\n      if (field === 'operator') {\n        if (internalFilter.source) {\n          const sourceRules = rules[internalFilter.source];\n          if (sourceRules?.inputType === 'dropdown') {\n            newFilter.value = sourceRules?.multiSelect ? [] : '';\n          }\n        }\n      }\n\n      setInternalFilter(newFilter);\n      checkAndTriggerChange(newFilter);\n\n      if (!isMultiSelect || field !== 'value') {\n        setOpenDropdownType(null);\n      }\n    };\n\n    // Handle multi-select value changes\n    const handleValueToggle = (valueId: string) => {\n      const selectedValues = getSelectedValues();\n      let newValues: string[];\n\n      if (isMultiSelect) {\n        if (selectedValues.includes(valueId)) {\n          newValues = selectedValues.filter((id) => id !== valueId);\n        } else {\n          newValues = [...selectedValues, valueId];\n        }\n      } else {\n        newValues = [valueId];\n      }\n\n      const newFilter = {\n        ...internalFilter,\n        value: isMultiSelect ? newValues : newValues[0] || '',\n      };\n\n      setInternalFilter(newFilter);\n      checkAndTriggerChange(newFilter);\n\n      // Close dropdown for single select, keep open for multi-select\n      if (!isMultiSelect) {\n        setOpenDropdownType(null);\n      }\n    };\n\n    // Handle multi-select confirmation\n    const handleMultiSelectConfirm = (selectedValues: string[]) => {\n      const newFilter = {\n        ...internalFilter,\n        value: selectedValues,\n      };\n\n      setInternalFilter(newFilter);\n\n      // Trigger onChange if filter is complete\n      const isComplete = newFilter.source && newFilter.operator && selectedValues.length > 0;\n      if (isComplete) onFilterChange(newFilter);\n\n      setOpenDropdownType(null);\n    };\n\n    // Handle custom value submission\n    const handleCustomValueSubmit = () => {\n      if (inputValue.trim()) {\n        const newFilter = { ...internalFilter, value: inputValue.trim() };\n        setInternalFilter(newFilter);\n        setInputValue('');\n        setOpenDropdownType(null);\n        if (newFilter.source && newFilter.operator && newFilter.value) {\n          onFilterChange(newFilter);\n        }\n      }\n    };\n\n    // Tab trap handlers\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, isInput: boolean) => {\n      if (e.key === 'Escape') {\n        setOpenDropdownType(null);\n\n        return;\n      }\n      if (e.key === 'Tab') {\n        if (isInput && !e.shiftKey) {\n          e.preventDefault();\n          const button = document.querySelector('[data-custom-submit-button]') as HTMLButtonElement;\n          button?.focus();\n        } else if (!isInput) {\n          e.preventDefault();\n          inputRef.current?.focus();\n        }\n      }\n    };\n\n    return (\n      <ButtonGroup\n        ref={divRef}\n        orientation=\"horizontal\"\n        className=\"rounded-full border border-border divide-x-2 divide-dark-500\"\n      >\n        {/* Source Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'source'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'source' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <Button ref={sourceButtonRef} variant=\"ghost\" size=\"xs\" className=\"rounded-l-full font-bold\">\n              {sourceOptions.find((opt) => opt.id === internalFilter.source)?.label ||\n                sourceOptions[0]?.label ||\n                selectPlaceholder}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {sourceOptions.map((option) => (\n              <DropdownMenuItem\n                key={option.id}\n                className=\"flex items-center\"\n                onSelect={() => {\n                  updateFilterField('source', option.id);\n                  onSourceChange?.(option.id);\n                }}\n              >\n                {option.id === internalFilter.source && <Check size={14} className=\"mr-2\" />}\n                {option.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Operator Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'operator'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'operator' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <Button variant=\"ghost\" size=\"xs\">\n              {operatorOptions.find((opt) => opt.id === internalFilter.operator)?.label || selectPlaceholder}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {operatorOptions.map((option) => (\n              <DropdownMenuItem\n                key={option.id}\n                className=\"flex items-center\"\n                onSelect={() => updateFilterField('operator', option.id)}\n              >\n                {option.id === internalFilter.operator && <Check size={14} className=\"mr-2\" />}\n                {option.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Value Popover */}\n        <Popover\n          open={openDropdownType === 'value'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'value' : null)}\n        >\n          <PopoverTrigger asChild>\n            <Button variant=\"ghost\" size=\"xs\" className=\"font-bold\">\n              {getDisplayValue()}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent align=\"start\" className=\"w-64 max-h-[min(320px,50vh)] overflow-y-auto p-0\">\n            {inputType === 'custom' && (\n              <div className=\"p-3\">\n                <CustomValueInput\n                  inputValue={inputValue}\n                  setInputValue={setInputValue}\n                  customValuePlaceholder={customValuePlaceholder}\n                  customValueButtonLabel={customValueButtonLabel}\n                  onSubmit={handleCustomValueSubmit}\n                  handleKeyDown={handleKeyDown}\n                />\n              </div>\n            )}\n            {inputType === 'dropdown' && (\n              <>\n                {internalFilter.source ? (\n                  <>\n                    {isMultiSelect ? (\n                      <MultiSelectDropdown\n                        internalFilter={internalFilter}\n                        valueOptions={valueOptions}\n                        onConfirm={handleMultiSelectConfirm}\n                        onClose={() => setOpenDropdownType(null)}\n                      />\n                    ) : (\n                      <SingleSelectDropdown\n                        valueOptions={valueOptions}\n                        isValueSelected={isValueSelected}\n                        onValueSelect={handleValueToggle}\n                      />\n                    )}\n                  </>\n                ) : (\n                  <div className=\"p-3 text-sm text-gray-500\">{sourceFirstMessage}</div>\n                )}\n              </>\n            )}\n          </PopoverContent>\n        </Popover>\n\n        {/* Remove button */}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={() => {\n            setInternalFilter({ id: filter.id });\n            setOpenDropdownType(null);\n            onRemoveFilter(filter.id);\n          }}\n          className=\"p-2 hover:bg-black/10 rounded-none rounded-r-full\"\n          aria-label=\"Remove filter\"\n        >\n          <XCircle size={16} weight=\"fill\" />\n        </Button>\n      </ButtonGroup>\n    );\n  },\n);\n\nFilter.displayName = 'Filter';\n\nexport { Filter };\n","import React, { useState, useEffect, useRef } from 'react';\nimport { Plus } from '@phosphor-icons/react';\nimport { createId } from '@paralleldrive/cuid2';\n\nimport { Filter, FilterOption, FilterRules, FilterValue, Operator } from './index';\nimport { Button } from '../ui/button';\n\nimport { cn } from '@/lib/utils';\n\ninterface FiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  filters: FilterValue[];\n  onFilterChange: (filter: FilterValue) => void;\n  onFilterRemove: (filterId: string | number) => void;\n  onFilterAdd?: (filter: FilterValue) => void;\n  sourceOptions: FilterOption[];\n  rules: FilterRules;\n}\n\nconst Filters = ({\n  filters,\n  onFilterChange,\n  onFilterRemove,\n  onFilterAdd,\n  sourceOptions,\n  rules,\n  className,\n}: FiltersProps) => {\n  const [internalFilters, setInternalFilters] = useState<FilterValue[]>(filters || []);\n  const filterRefs = useRef<{ [key: string]: { focus: () => void } | null }>({});\n\n  // Sync internal state with props\n  useEffect(() => {\n    setInternalFilters(filters || []);\n  }, [filters]);\n\n  // Get sources that are already in use\n  const usedSources = internalFilters.map((filter) => filter.source).filter(Boolean);\n\n  // Get available sources that haven't been used yet\n  const availableSources = sourceOptions.filter((option) => {\n    // If the source has multiSelect enabled, filter out used sources\n    if (rules[option.id]?.multiSelect) {\n      return !usedSources.includes(option.id);\n    }\n\n    // If multiSelect is false or undefined, allow the source to be used multiple times\n    return sourceOptions;\n  });\n\n  // Check if we can add more filters\n  const canAddFilter = availableSources.length > 0;\n\n  const handleAddFilter = () => {\n    if (!canAddFilter) return;\n\n    const newFilter = {\n      id: createId(),\n      source: availableSources[0].id,\n      operator: Operator.IS,\n      value: rules[availableSources[0].id]?.multiSelect ? [] : '',\n    };\n\n    const newFilters = [...internalFilters, newFilter];\n    setInternalFilters(newFilters);\n\n    // Focus the new filter after it's rendered\n    requestAnimationFrame(() => {\n      filterRefs.current[newFilter.id]?.focus();\n    });\n\n    // Notify parent if callback provided\n    onFilterAdd?.(newFilter);\n  };\n\n  const handleRemoveFilter = (filter: FilterValue) => {\n    const newFilters = internalFilters.filter((f) => f.id !== filter.id);\n    setInternalFilters(newFilters);\n    onFilterRemove(filter.id);\n  };\n\n  return (\n    <fieldset className={cn('flex flex-wrap gap-2', className)}>\n      <legend className=\"sr-only\">Filters</legend>\n      {internalFilters?.map((filter) => {\n        // For each filter, include available sources plus its own current source\n        const filterSourceOptions = sourceOptions.filter(\n          (option) =>\n            !usedSources.includes(option.id) || // Available sources\n            option.id === filter.source, // Or its own current source\n        );\n\n        return (\n          <Filter\n            key={filter.id}\n            ref={(ref) => {\n              filterRefs.current[filter.id] = ref;\n            }}\n            filter={filter}\n            sourceOptions={filterSourceOptions}\n            rules={rules}\n            onRemoveFilter={() => handleRemoveFilter(filter)}\n            onFilterChange={onFilterChange}\n          />\n        );\n      })}\n      {canAddFilter && (\n        <Button\n          onClick={handleAddFilter}\n          variant=\"ghost\"\n          className=\"border border-foreground rounded-full gap-1\"\n          size=\"sm\"\n          title=\"Add filter\"\n        >\n          <Plus size={16} />\n          Add filter\n        </Button>\n      )}\n    </fieldset>\n  );\n};\n\nexport { Filters };\n"],"names":["Operator","CustomValueInput","inputValue","setInputValue","customValuePlaceholder","customValueButtonLabel","onSubmit","handleKeyDown","inputRef","useRef","React","createElement","className","e","preventDefault","Input","ref","type","value","onChange","target","placeholder","onKeyDown","Button","variant","MultiSelectDropdown","internalFilter","valueOptions","onConfirm","onClose","pendingValues","setPendingValues","useState","getInitialValues","Array","isArray","announcement","setAnnouncement","buttonRefs","applyButtonRef","handleValueToggle","valueId","option","find","opt","id","isCurrentlySelected","includes","prev","newValues","filter","action","label","handleConfirm","isValueSelected","focusButton","index","length","current","focus","key","nextIndex","Math","min","prevIndex","max","role","map","el","onClick","Check","size","disabled","SingleSelectDropdown","onValueSelect","Filter","forwardRef","sourceOptions","rules","onSourceChange","onRemoveFilter","onFilterChange","selectPlaceholder","sourceFirstMessage","setInternalFilter","source","operator","IS","openDropdownType","setOpenDropdownType","sourceButtonRef","divRef","useImperativeHandle","currentRules","operatorOptions","operators","isMultiSelect","multiSelect","inputType","CONTAINS","DOES_NOT_CONTAIN","getValueOptions","getSelectedValues","getDisplayValue","selectedValues","useMultiSelectHelpers","useEffect","timeoutId","setTimeout","clearTimeout","checkAndTriggerChange","newFilter","hasValue","trim","updateFilterField","field","sourceRules","ButtonGroup","orientation","DropdownMenu","open","onOpenChange","modal","DropdownMenuTrigger","asChild","DropdownMenuContent","align","DropdownMenuItem","onSelect","Popover","PopoverTrigger","PopoverContent","isInput","shiftKey","button","document","querySelector","XCircle","weight","displayName","Filters","filters","onFilterRemove","onFilterAdd","internalFilters","setInternalFilters","filterRefs","usedSources","Boolean","availableSources","canAddFilter","cn","filterSourceOptions","newFilters","f","handleRemoveFilter","createId","requestAnimationFrame","title","Plus"],"mappings":"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"}
+{"version":3,"file":"filters.BHp3ukNW.js","sources":["../../../src/components/filter/types.ts","../../../src/components/filter/hooks.ts","../../../src/components/filter/components/CustomValueInput.tsx","../../../src/components/filter/components/MultiSelectDropdown.tsx","../../../src/components/filter/components/SingleSelectDropdown.tsx","../../../src/components/filter/filter.tsx","../../../src/components/filter/filters.tsx"],"sourcesContent":["// Types\nexport interface FilterOption {\n  id: string;\n  label: string;\n}\n\nexport enum Operator {\n  IS = 'is',\n  IS_NOT = 'is not',\n  CONTAINS = 'contains',\n  DOES_NOT_CONTAIN = 'does not contain',\n  STARTS_WITH = 'starts with',\n}\n\nexport interface FilterValue {\n  id: string | number;\n  source?: string;\n  operator?: Operator;\n  value?: string | string[];\n}\n\n/**\n * Filter rules for each source\n * How this works:\n * - You can define the rules for each source\n * - The rules are used to determine the available operators and value type\n * - The input type is used to determine the type of input displayed in when the dropdown is opened\n * - The getValueOptions function is used to determine the available options for the value\n * - multiSelect determines if multiple values can be selected for dropdown type\n *\n * @example\n * {\n *   'sourceId': {\n *     operators: [\n *       { id: 'is', label: 'is' },\n *       { id: 'is not', label: 'is not' },\n *     ],\n *     inputType: 'dropdown' | 'custom',\n *     multiSelect?: boolean,\n *     getValueOptions?: () => FilterOption[],\n *   },\n * }\n */\nexport interface FilterRules {\n  [sourceId: string]: {\n    operators: FilterOption[];\n    inputType: 'dropdown' | 'custom';\n    multiSelect?: boolean;\n    getValueOptions?: () => FilterOption[];\n  };\n}\n\nexport interface FilterProps {\n  filter: FilterValue;\n  sourceOptions: FilterOption[];\n  rules: FilterRules;\n  onSourceChange?: (sourceId: string) => void;\n  onRemoveFilter: (id: string | number) => void;\n  onFilterChange: (filter: FilterValue) => void;\n  selectPlaceholder?: string;\n  customValuePlaceholder?: string;\n  customValueButtonLabel?: string;\n  sourceFirstMessage?: string;\n}\n","import { FilterValue } from './types';\n\nexport const useMultiSelectHelpers = (\n  internalFilter: FilterValue,\n  valueOptions: Array<{ id: string; label: string }>,\n  selectPlaceholder: string,\n) => {\n  const getSelectedValues = (): string[] => {\n    if (Array.isArray(internalFilter.value)) {\n      return internalFilter.value;\n    }\n\n    return internalFilter.value ? [internalFilter.value] : [];\n  };\n\n  const isValueSelected = (valueId: string): boolean => {\n    const selectedValues = getSelectedValues();\n\n    return selectedValues.includes(valueId);\n  };\n\n  const getDisplayValue = (): string => {\n    const selectedValues = getSelectedValues();\n    if (selectedValues.length === 0) return selectPlaceholder;\n    if (selectedValues.length === 1) {\n      const option = valueOptions.find((opt) => opt.id === selectedValues[0]);\n\n      return option?.label || selectedValues[0];\n    }\n\n    return `${selectedValues.length} selected`;\n  };\n\n  return {\n    getSelectedValues,\n    isValueSelected,\n    getDisplayValue,\n  };\n};\n","import React, { useRef } from 'react';\n\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\n\ninterface CustomValueInputProps {\n  inputValue: string;\n  setInputValue: (value: string) => void;\n  customValuePlaceholder: string;\n  customValueButtonLabel: string;\n  onSubmit: () => void;\n  handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, isInput: boolean) => void;\n}\n\nexport const CustomValueInput: React.FC<CustomValueInputProps> = ({\n  inputValue,\n  setInputValue,\n  customValuePlaceholder,\n  customValueButtonLabel,\n  onSubmit,\n  handleKeyDown,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <form\n      className=\"p-3\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit();\n      }}\n    >\n      <Input\n        ref={inputRef}\n        type=\"text\"\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        placeholder={customValuePlaceholder}\n        className=\"mb-2\"\n        onKeyDown={(e) => handleKeyDown(e, true)}\n      />\n      <Button\n        type=\"submit\"\n        variant=\"dark\"\n        className=\"w-full\"\n        onKeyDown={(e) => handleKeyDown(e, false)}\n        data-custom-submit-button\n      >\n        {customValueButtonLabel}\n      </Button>\n    </form>\n  );\n};\n","import React, { useState, useRef } from 'react';\nimport { Check } from '@phosphor-icons/react';\n\nimport { FilterValue, FilterOption } from '../types';\n\nimport { Button } from '@/components/ui/button';\n\ninterface MultiSelectDropdownProps {\n  internalFilter: FilterValue;\n  valueOptions: FilterOption[];\n  onConfirm: (selectedValues: string[]) => void;\n  onClose: () => void;\n}\n\nconst getInitialValues = (value: FilterValue['value']): string[] => {\n  if (Array.isArray(value)) {\n    return value;\n  } else if (value) {\n    return [value];\n  }\n\n  return [];\n};\n\nexport const MultiSelectDropdown: React.FC<MultiSelectDropdownProps> = ({\n  internalFilter,\n  valueOptions,\n  onConfirm,\n  onClose,\n}) => {\n  const [pendingValues, setPendingValues] = useState<string[]>(() => getInitialValues(internalFilter.value));\n  const [announcement, setAnnouncement] = useState<string>('');\n  const buttonRefs = useRef<(HTMLButtonElement | null)[]>([]);\n  const applyButtonRef = useRef<HTMLButtonElement>(null);\n\n  const handleValueToggle = (valueId: string) => {\n    const option = valueOptions.find((opt) => opt.id === valueId);\n    const isCurrentlySelected = pendingValues.includes(valueId);\n\n    setPendingValues((prev) => {\n      const newValues = prev.includes(valueId) ? prev.filter((id) => id !== valueId) : [...prev, valueId];\n\n      // Announce the change\n      if (option) {\n        const action = isCurrentlySelected ? 'deselected' : 'selected';\n        setAnnouncement(`${option.label} ${action}.`);\n      }\n\n      return newValues;\n    });\n  };\n\n  const handleConfirm = () => {\n    onConfirm(pendingValues);\n    onClose();\n  };\n\n  const isValueSelected = (valueId: string): boolean => {\n    return pendingValues.includes(valueId);\n  };\n\n  const focusButton = (index: number) => {\n    if (index < valueOptions.length) {\n      buttonRefs.current[index]?.focus();\n    } else {\n      applyButtonRef.current?.focus();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const nextIndex = Math.min(index + 1, valueOptions.length);\n        focusButton(nextIndex);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prevIndex = Math.max(index - 1, 0);\n        focusButton(prevIndex);\n        break;\n      }\n      case 'Enter':\n      case 'Spacebar':\n        e.preventDefault();\n        if (index < valueOptions.length) {\n          // If the user is selecting an option\n          handleValueToggle(valueOptions[index].id);\n        } else {\n          // If the user is selecting the apply button\n          handleConfirm();\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        onClose();\n        break;\n    }\n  };\n\n  return (\n    <div className=\"py-1\" role=\"listbox\" aria-multiselectable=\"true\">\n      {/* Screen reader announcements */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {announcement}\n      </div>\n\n      {valueOptions.map((option, index) => (\n        <button\n          key={option.id}\n          ref={(el) => (buttonRefs.current[index] = el)}\n          type=\"button\"\n          className=\"relative flex w-full text-left cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\"\n          onClick={() => handleValueToggle(option.id)}\n          onKeyDown={(e) => handleKeyDown(e, index)}\n          role=\"option\"\n          aria-selected={isValueSelected(option.id)}\n        >\n          {isValueSelected(option.id) && <Check size={14} className=\"mr-2\" />}\n          {!isValueSelected(option.id) && <span className=\"mr-2 w-3.5\" />}\n          {option.label}\n        </button>\n      ))}\n\n      <div className=\"border-t border-border mt-1 pt-2 px-2 pb-2\">\n        <Button\n          ref={applyButtonRef}\n          onClick={handleConfirm}\n          size=\"sm\"\n          className=\"w-full\"\n          disabled={pendingValues.length === 0}\n          onKeyDown={(e) => handleKeyDown(e, valueOptions.length)}\n        >\n          Apply ({pendingValues.length} selected)\n        </Button>\n      </div>\n    </div>\n  );\n};\n","import React, { useRef } from 'react';\nimport { Check } from '@phosphor-icons/react';\n\nimport { FilterOption } from '../types';\n\ninterface SingleSelectDropdownProps {\n  valueOptions: FilterOption[];\n  isValueSelected: (valueId: string) => boolean;\n  onValueSelect: (valueId: string) => void;\n}\n\nexport const SingleSelectDropdown: React.FC<SingleSelectDropdownProps> = ({\n  valueOptions,\n  isValueSelected,\n  onValueSelect,\n}) => {\n  const buttonRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const focusButton = (index: number) => {\n    buttonRefs.current[index]?.focus();\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent, index: number) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const nextIndex = Math.min(index + 1, valueOptions.length - 1);\n        focusButton(nextIndex);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prevIndex = Math.max(index - 1, 0);\n        focusButton(prevIndex);\n        break;\n      }\n      case 'Enter':\n      case 'Spacebar':\n        e.preventDefault();\n        onValueSelect(valueOptions[index].id);\n        break;\n    }\n  };\n\n  return (\n    <div className=\"py-1\" role=\"listbox\">\n      {valueOptions.map((option, index) => (\n        <button\n          key={option.id}\n          ref={(el) => (buttonRefs.current[index] = el)}\n          type=\"button\"\n          className=\"relative flex w-full text-left cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\"\n          onClick={() => onValueSelect(option.id)}\n          onKeyDown={(e) => handleKeyDown(e, index)}\n        >\n          {isValueSelected(option.id) && <Check size={14} className=\"mr-2\" />}\n          {!isValueSelected(option.id) && <span className=\"mr-2 w-3.5\" />}\n          {option.label}\n        </button>\n      ))}\n    </div>\n  );\n};\n","import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Check, XCircle } from '@phosphor-icons/react';\n\nimport { FilterProps, FilterValue, Operator } from './types';\nimport { useMultiSelectHelpers } from './hooks';\nimport { CustomValueInput } from './components/CustomValueInput';\nimport { MultiSelectDropdown } from './components/MultiSelectDropdown';\nimport { SingleSelectDropdown } from './components/SingleSelectDropdown';\n\nimport { Button } from '@/components/ui/button';\nimport { ButtonGroup } from '@/components/ui/button-group';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\n\nconst Filter = forwardRef<{ focus: () => void }, FilterProps>(\n  (\n    {\n      filter,\n      sourceOptions,\n      rules,\n      onSourceChange,\n      onRemoveFilter,\n      onFilterChange,\n      selectPlaceholder = 'Select a value',\n      customValuePlaceholder = 'Enter custom value',\n      customValueButtonLabel = 'Done',\n      sourceFirstMessage = 'Please select a source first',\n    }: FilterProps,\n    ref,\n  ) => {\n    // State\n    const [internalFilter, setInternalFilter] = useState<FilterValue>({\n      id: filter.id,\n      source: filter.source,\n      operator: filter.operator || Operator.IS,\n      value: filter.value,\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [openDropdownType, setOpenDropdownType] = useState<'source' | 'operator' | 'value' | null>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const sourceButtonRef = useRef<HTMLButtonElement>(null);\n    const divRef = useRef<HTMLDivElement>(null);\n\n    // Expose focus method\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        sourceButtonRef.current?.focus();\n      },\n    }));\n\n    // Get current rules for selected source\n    const currentRules = internalFilter.source ? rules[internalFilter.source] : undefined;\n    const operatorOptions = currentRules?.operators || [];\n    const isMultiSelect = currentRules?.multiSelect || false;\n    let inputType = currentRules?.inputType || 'dropdown';\n    if (internalFilter.operator === Operator.CONTAINS || internalFilter.operator === Operator.DOES_NOT_CONTAIN) {\n      inputType = 'custom';\n    }\n    const valueOptions = currentRules?.getValueOptions ? currentRules.getValueOptions() : [];\n\n    // Multi-select helpers\n    const { getSelectedValues, isValueSelected, getDisplayValue } = useMultiSelectHelpers(\n      internalFilter,\n      valueOptions,\n      selectPlaceholder,\n    );\n\n    // Auto-focus input when dropdown opens and custom input is needed\n    useEffect(() => {\n      if (openDropdownType === 'value' && inputType === 'custom') {\n        const timeoutId = setTimeout(() => inputRef.current?.focus(), 50);\n\n        return () => clearTimeout(timeoutId);\n      }\n\n      return undefined;\n    }, [openDropdownType, inputType]);\n\n    // Sync with external state\n    useEffect(() => {\n      setInternalFilter({\n        id: filter.id,\n        source: filter.source,\n        operator: filter.operator || Operator.IS,\n        value: filter.value,\n      });\n    }, [filter]);\n\n    // Helper function to check if filter is complete and trigger onChange\n    const checkAndTriggerChange = (newFilter: FilterValue) => {\n      const hasValue = Array.isArray(newFilter.value) ? newFilter.value.length > 0 : !!newFilter.value?.trim();\n\n      const isComplete = newFilter.source && newFilter.operator && hasValue;\n\n      if (isComplete) {\n        onFilterChange(newFilter);\n      }\n    };\n\n    // Handle field updates\n    const updateFilterField = (field: keyof FilterValue, value: string) => {\n      const newFilter: FilterValue = { ...internalFilter, [field]: value };\n\n      // Special handling for source changes\n      if (field === 'source') {\n        const sourceRules = rules[value];\n        newFilter.operator = sourceRules?.operators[0]?.id as Operator;\n        newFilter.value = sourceRules?.multiSelect ? [] : '';\n      }\n      // If operator changes, also clear value if inputType is dropdown\n      if (field === 'operator') {\n        if (internalFilter.source) {\n          const sourceRules = rules[internalFilter.source];\n          if (sourceRules?.inputType === 'dropdown') {\n            newFilter.value = sourceRules?.multiSelect ? [] : '';\n          }\n        }\n      }\n\n      setInternalFilter(newFilter);\n      checkAndTriggerChange(newFilter);\n\n      if (!isMultiSelect || field !== 'value') {\n        setOpenDropdownType(null);\n      }\n    };\n\n    // Handle multi-select value changes\n    const handleValueToggle = (valueId: string) => {\n      const selectedValues = getSelectedValues();\n      let newValues: string[];\n\n      if (isMultiSelect) {\n        if (selectedValues.includes(valueId)) {\n          newValues = selectedValues.filter((id) => id !== valueId);\n        } else {\n          newValues = [...selectedValues, valueId];\n        }\n      } else {\n        newValues = [valueId];\n      }\n\n      const newFilter = {\n        ...internalFilter,\n        value: isMultiSelect ? newValues : newValues[0] || '',\n      };\n\n      setInternalFilter(newFilter);\n      checkAndTriggerChange(newFilter);\n\n      // Close dropdown for single select, keep open for multi-select\n      if (!isMultiSelect) {\n        setOpenDropdownType(null);\n      }\n    };\n\n    // Handle multi-select confirmation\n    const handleMultiSelectConfirm = (selectedValues: string[]) => {\n      const newFilter = {\n        ...internalFilter,\n        value: selectedValues,\n      };\n\n      setInternalFilter(newFilter);\n\n      // Trigger onChange if filter is complete\n      const isComplete = newFilter.source && newFilter.operator && selectedValues.length > 0;\n      if (isComplete) onFilterChange(newFilter);\n\n      setOpenDropdownType(null);\n    };\n\n    // Handle custom value submission\n    const handleCustomValueSubmit = () => {\n      if (inputValue.trim()) {\n        const newFilter = { ...internalFilter, value: inputValue.trim() };\n        setInternalFilter(newFilter);\n        setInputValue('');\n        setOpenDropdownType(null);\n        if (newFilter.source && newFilter.operator && newFilter.value) {\n          onFilterChange(newFilter);\n        }\n      }\n    };\n\n    // Tab trap handlers\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, isInput: boolean) => {\n      if (e.key === 'Escape') {\n        setOpenDropdownType(null);\n\n        return;\n      }\n      if (e.key === 'Tab') {\n        if (isInput && !e.shiftKey) {\n          e.preventDefault();\n          const button = document.querySelector('[data-custom-submit-button]') as HTMLButtonElement;\n          button?.focus();\n        } else if (!isInput) {\n          e.preventDefault();\n          inputRef.current?.focus();\n        }\n      }\n    };\n\n    return (\n      <ButtonGroup\n        ref={divRef}\n        orientation=\"horizontal\"\n        className=\"rounded-full border border-border divide-x-2 divide-dark-500\"\n      >\n        {/* Source Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'source'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'source' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <Button ref={sourceButtonRef} variant=\"ghost\" size=\"xs\" className=\"rounded-l-full font-bold\">\n              {sourceOptions.find((opt) => opt.id === internalFilter.source)?.label ||\n                sourceOptions[0]?.label ||\n                selectPlaceholder}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {sourceOptions.map((option) => (\n              <DropdownMenuItem\n                key={option.id}\n                className=\"flex items-center\"\n                onSelect={() => {\n                  updateFilterField('source', option.id);\n                  onSourceChange?.(option.id);\n                }}\n              >\n                {option.id === internalFilter.source && <Check size={14} className=\"mr-2\" />}\n                {option.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Operator Dropdown */}\n        <DropdownMenu\n          open={openDropdownType === 'operator'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'operator' : null)}\n          modal={false}\n        >\n          <DropdownMenuTrigger asChild>\n            <Button variant=\"ghost\" size=\"xs\">\n              {operatorOptions.find((opt) => opt.id === internalFilter.operator)?.label || selectPlaceholder}\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {operatorOptions.map((option) => (\n              <DropdownMenuItem\n                key={option.id}\n                className=\"flex items-center\"\n                onSelect={() => updateFilterField('operator', option.id)}\n              >\n                {option.id === internalFilter.operator && <Check size={14} className=\"mr-2\" />}\n                {option.label}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        {/* Value Popover */}\n        <Popover\n          open={openDropdownType === 'value'}\n          onOpenChange={(open) => setOpenDropdownType(open ? 'value' : null)}\n        >\n          <PopoverTrigger asChild>\n            <Button variant=\"ghost\" size=\"xs\" className=\"font-bold\">\n              {getDisplayValue()}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent align=\"start\" className=\"w-64 max-h-[min(320px,50vh)] overflow-y-auto p-0\">\n            {inputType === 'custom' && (\n              <div className=\"p-3\">\n                <CustomValueInput\n                  inputValue={inputValue}\n                  setInputValue={setInputValue}\n                  customValuePlaceholder={customValuePlaceholder}\n                  customValueButtonLabel={customValueButtonLabel}\n                  onSubmit={handleCustomValueSubmit}\n                  handleKeyDown={handleKeyDown}\n                />\n              </div>\n            )}\n            {inputType === 'dropdown' && (\n              <>\n                {internalFilter.source ? (\n                  <>\n                    {isMultiSelect ? (\n                      <MultiSelectDropdown\n                        internalFilter={internalFilter}\n                        valueOptions={valueOptions}\n                        onConfirm={handleMultiSelectConfirm}\n                        onClose={() => setOpenDropdownType(null)}\n                      />\n                    ) : (\n                      <SingleSelectDropdown\n                        valueOptions={valueOptions}\n                        isValueSelected={isValueSelected}\n                        onValueSelect={handleValueToggle}\n                      />\n                    )}\n                  </>\n                ) : (\n                  <div className=\"p-3 text-sm text-gray-500\">{sourceFirstMessage}</div>\n                )}\n              </>\n            )}\n          </PopoverContent>\n        </Popover>\n\n        {/* Remove button */}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={() => {\n            setInternalFilter({ id: filter.id });\n            setOpenDropdownType(null);\n            onRemoveFilter(filter.id);\n          }}\n          className=\"p-2 hover:bg-black/10 rounded-none rounded-r-full\"\n          aria-label=\"Remove filter\"\n        >\n          <XCircle size={16} weight=\"fill\" />\n        </Button>\n      </ButtonGroup>\n    );\n  },\n);\n\nFilter.displayName = 'Filter';\n\nexport { Filter };\n","import React, { useState, useEffect, useRef } from 'react';\nimport { Plus } from '@phosphor-icons/react';\nimport { createId } from '@paralleldrive/cuid2';\n\nimport { Filter, FilterOption, FilterRules, FilterValue, Operator } from './index';\nimport { Button } from '../ui/button';\n\nimport { cn } from '@/lib/utils';\n\ninterface FiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  filters: FilterValue[];\n  onFilterChange: (filter: FilterValue) => void;\n  onFilterRemove: (filterId: string | number) => void;\n  onFilterAdd?: (filter: FilterValue) => void;\n  sourceOptions: FilterOption[];\n  rules: FilterRules;\n}\n\nconst Filters = ({\n  filters,\n  onFilterChange,\n  onFilterRemove,\n  onFilterAdd,\n  sourceOptions,\n  rules,\n  className,\n}: FiltersProps) => {\n  const [internalFilters, setInternalFilters] = useState<FilterValue[]>(filters || []);\n  const filterRefs = useRef<{ [key: string]: { focus: () => void } | null }>({});\n\n  // Sync internal state with props\n  useEffect(() => {\n    setInternalFilters(filters || []);\n  }, [filters]);\n\n  // Get sources that are already in use\n  const usedSources = internalFilters.map((filter) => filter.source).filter(Boolean);\n\n  // Get available sources that haven't been used yet\n  const availableSources = sourceOptions.filter((option) => {\n    // If the source has multiSelect enabled, filter out used sources\n    if (rules[option.id]?.multiSelect) {\n      return !usedSources.includes(option.id);\n    }\n\n    // If multiSelect is false or undefined, allow the source to be used multiple times\n    return sourceOptions;\n  });\n\n  // Check if we can add more filters\n  const canAddFilter = availableSources.length > 0;\n\n  const handleAddFilter = () => {\n    if (!canAddFilter) return;\n\n    const newFilter = {\n      id: createId(),\n      source: availableSources[0].id,\n      operator: Operator.IS,\n      value: rules[availableSources[0].id]?.multiSelect ? [] : '',\n    };\n\n    const newFilters = [...internalFilters, newFilter];\n    setInternalFilters(newFilters);\n\n    // Focus the new filter after it's rendered\n    requestAnimationFrame(() => {\n      filterRefs.current[newFilter.id]?.focus();\n    });\n\n    // Notify parent if callback provided\n    onFilterAdd?.(newFilter);\n  };\n\n  const handleRemoveFilter = (filter: FilterValue) => {\n    const newFilters = internalFilters.filter((f) => f.id !== filter.id);\n    setInternalFilters(newFilters);\n    onFilterRemove(filter.id);\n  };\n\n  return (\n    <fieldset className={cn('flex flex-wrap gap-2', className)}>\n      <legend className=\"sr-only\">Filters</legend>\n      {internalFilters?.map((filter) => {\n        // For each filter, include available sources plus its own current source\n        const filterSourceOptions = sourceOptions.filter(\n          (option) =>\n            !usedSources.includes(option.id) || // Available sources\n            option.id === filter.source, // Or its own current source\n        );\n\n        return (\n          <Filter\n            key={filter.id}\n            ref={(ref) => {\n              filterRefs.current[filter.id] = ref;\n            }}\n            filter={filter}\n            sourceOptions={filterSourceOptions}\n            rules={rules}\n            onRemoveFilter={() => handleRemoveFilter(filter)}\n            onFilterChange={onFilterChange}\n          />\n        );\n      })}\n      {canAddFilter && (\n        <Button\n          onClick={handleAddFilter}\n          variant=\"ghost\"\n          className=\"border border-foreground rounded-full gap-1\"\n          size=\"sm\"\n          title=\"Add filter\"\n        >\n          <Plus size={16} />\n          Add filter\n        </Button>\n      )}\n    </fieldset>\n  );\n};\n\nexport { Filters };\n"],"names":["Operator","CustomValueInput","inputValue","setInputValue","customValuePlaceholder","customValueButtonLabel","onSubmit","handleKeyDown","inputRef","useRef","React","createElement","className","e","preventDefault","Input","ref","type","value","onChange","target","placeholder","onKeyDown","Button","variant","MultiSelectDropdown","internalFilter","valueOptions","onConfirm","onClose","pendingValues","setPendingValues","useState","getInitialValues","Array","isArray","announcement","setAnnouncement","buttonRefs","applyButtonRef","handleValueToggle","valueId","option","find","opt","id","isCurrentlySelected","includes","prev","newValues","filter","action","label","handleConfirm","isValueSelected","focusButton","index","length","current","focus","key","nextIndex","Math","min","prevIndex","max","role","map","el","onClick","Check","size","disabled","SingleSelectDropdown","onValueSelect","Filter","forwardRef","sourceOptions","rules","onSourceChange","onRemoveFilter","onFilterChange","selectPlaceholder","sourceFirstMessage","setInternalFilter","source","operator","IS","openDropdownType","setOpenDropdownType","sourceButtonRef","divRef","useImperativeHandle","currentRules","operatorOptions","operators","isMultiSelect","multiSelect","inputType","CONTAINS","DOES_NOT_CONTAIN","getValueOptions","getSelectedValues","getDisplayValue","selectedValues","useMultiSelectHelpers","useEffect","timeoutId","setTimeout","clearTimeout","checkAndTriggerChange","newFilter","hasValue","trim","updateFilterField","field","sourceRules","ButtonGroup","orientation","DropdownMenu","open","onOpenChange","modal","DropdownMenuTrigger","asChild","DropdownMenuContent","align","DropdownMenuItem","onSelect","Popover","PopoverTrigger","PopoverContent","isInput","shiftKey","button","document","querySelector","XCircle","weight","displayName","Filters","filters","onFilterRemove","onFilterAdd","internalFilters","setInternalFilters","filterRefs","usedSources","Boolean","availableSources","canAddFilter","cn","filterSourceOptions","newFilters","f","handleRemoveFilter","createId","requestAnimationFrame","title","Plus"],"mappings":"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"}