@gbmtech/aurora-ui 0.1.41 → 0.1.42

package/dist/cjs/components/data-table/data-table-slider-filter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-slider-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-slider-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Input } from '@/components/input'\r\nimport { Label } from '@/components/label'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { Slider } from '@/components/slider'\r\nimport { cn } from '@/lib/utils'\r\nimport { PlusCircle, XCircle } from '@phosphor-icons/react'\r\n\r\ninterface Range {\r\n  min: number\r\n  max: number\r\n}\r\n\r\ntype RangeValue = [number, number]\r\n\r\nfunction getIsValidRange(value: unknown): value is RangeValue {\r\n  return (\r\n    Array.isArray(value) &&\r\n    value.length === 2 &&\r\n    typeof value[0] === 'number' &&\r\n    typeof value[1] === 'number'\r\n  )\r\n}\r\n\r\ninterface DataTableSliderFilterProps<TData> {\r\n  column: Column<TData, unknown>\r\n  title?: string\r\n}\r\n\r\nexport function DataTableSliderFilter<TData>({\r\n  column,\r\n  title,\r\n}: DataTableSliderFilterProps<TData>) {\r\n  const id = React.useId()\r\n\r\n  const columnFilterValue = getIsValidRange(column.getFilterValue())\r\n    ? (column.getFilterValue() as RangeValue)\r\n    : undefined\r\n\r\n  const defaultRange = column.columnDef.meta?.range\r\n  const unit = column.columnDef.meta?.unit\r\n\r\n  const { min, max, step } = React.useMemo<Range & { step: number }>(() => {\r\n    let minValue = 0\r\n    let maxValue = 100\r\n\r\n    if (defaultRange && getIsValidRange(defaultRange)) {\r\n      ;[minValue, maxValue] = defaultRange\r\n    } else {\r\n      const values = column.getFacetedMinMaxValues()\r\n      if (values && Array.isArray(values) && values.length === 2) {\r\n        const [facetMinValue, facetMaxValue] = values\r\n        if (\r\n          typeof facetMinValue === 'number' &&\r\n          typeof facetMaxValue === 'number'\r\n        ) {\r\n          minValue = facetMinValue\r\n          maxValue = facetMaxValue\r\n        }\r\n      }\r\n    }\r\n\r\n    const rangeSize = maxValue - minValue\r\n    const step =\r\n      rangeSize <= 20\r\n        ? 1\r\n        : rangeSize <= 100\r\n          ? Math.ceil(rangeSize / 20)\r\n          : Math.ceil(rangeSize / 50)\r\n\r\n    return { min: minValue, max: maxValue, step }\r\n  }, [column, defaultRange])\r\n\r\n  const range = React.useMemo((): RangeValue => {\r\n    return columnFilterValue ?? [min, max]\r\n  }, [columnFilterValue, min, max])\r\n\r\n  const formatValue = React.useCallback((value: number) => {\r\n    return value.toLocaleString(undefined, { maximumFractionDigits: 0 })\r\n  }, [])\r\n\r\n  const onFromInputChange = React.useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const numValue = Number(event.target.value)\r\n      if (!Number.isNaN(numValue) && numValue >= min && numValue <= range[1]) {\r\n        column.setFilterValue([numValue, range[1]])\r\n      }\r\n    },\r\n    [column, min, range]\r\n  )\r\n\r\n  const onToInputChange = React.useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const numValue = Number(event.target.value)\r\n      if (!Number.isNaN(numValue) && numValue <= max && numValue >= range[0]) {\r\n        column.setFilterValue([range[0], numValue])\r\n      }\r\n    },\r\n    [column, max, range]\r\n  )\r\n\r\n  const onSliderValueChange = React.useCallback(\r\n    (value: RangeValue) => {\r\n      if (Array.isArray(value) && value.length === 2) {\r\n        column.setFilterValue(value)\r\n      }\r\n    },\r\n    [column]\r\n  )\r\n\r\n  const onReset = React.useCallback(\r\n    (event: React.MouseEvent) => {\r\n      if (event.target instanceof HTMLDivElement) {\r\n        event.stopPropagation()\r\n      }\r\n      column.setFilterValue(undefined)\r\n    },\r\n    [column]\r\n  )\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"outline\" size=\"sm\" className=\"border-dashed\">\r\n          {columnFilterValue ? (\r\n            <div\r\n              role=\"button\"\r\n              aria-label={`Clear ${title} filter`}\r\n              tabIndex={0}\r\n              className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\r\n              onClick={onReset}\r\n            >\r\n              <XCircle />\r\n            </div>\r\n          ) : (\r\n            <PlusCircle />\r\n          )}\r\n          <span>{title}</span>\r\n          {columnFilterValue ? (\r\n            <>\r\n              <Separator\r\n                orientation=\"vertical\"\r\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n              />\r\n              {formatValue(columnFilterValue[0])} -{' '}\r\n              {formatValue(columnFilterValue[1])}\r\n              {unit ? ` ${unit}` : ''}\r\n            </>\r\n          ) : null}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"start\" className=\"flex w-auto flex-col gap-4\">\r\n        <div className=\"flex flex-col gap-3\">\r\n          <p className=\"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\r\n            {title}\r\n          </p>\r\n          <div className=\"flex items-center gap-4\">\r\n            <Label htmlFor={`${id}-from`} className=\"sr-only\">\r\n              From\r\n            </Label>\r\n            <div className=\"relative\">\r\n              <Input\r\n                id={`${id}-from`}\r\n                type=\"number\"\r\n                aria-valuemin={min}\r\n                aria-valuemax={max}\r\n                inputMode=\"numeric\"\r\n                pattern=\"[0-9]*\"\r\n                placeholder={min.toString()}\r\n                min={min}\r\n                max={max}\r\n                value={range[0]?.toString()}\r\n                onChange={onFromInputChange}\r\n                className={cn('h-8 w-24', unit && 'pr-8')}\r\n              />\r\n              {unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n            <Label htmlFor={`${id}-to`} className=\"sr-only\">\r\n              to\r\n            </Label>\r\n            <div className=\"relative\">\r\n              <Input\r\n                id={`${id}-to`}\r\n                type=\"number\"\r\n                aria-valuemin={min}\r\n                aria-valuemax={max}\r\n                inputMode=\"numeric\"\r\n                pattern=\"[0-9]*\"\r\n                placeholder={max.toString()}\r\n                min={min}\r\n                max={max}\r\n                value={range[1]?.toString()}\r\n                onChange={onToInputChange}\r\n                className={cn('h-8 w-24', unit && 'pr-8')}\r\n              />\r\n              {unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n          <Label htmlFor={`${id}-slider`} className=\"sr-only\">\r\n            {title} slider\r\n          </Label>\r\n          <Slider\r\n            id={`${id}-slider`}\r\n            min={min}\r\n            max={max}\r\n            step={step}\r\n            value={range}\r\n            onValueChange={onSliderValueChange}\r\n          />\r\n        </div>\r\n        <Button\r\n          aria-label={`Clear ${title} filter`}\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          onClick={onReset}\r\n        >\r\n          Clear\r\n        </Button>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["getIsValidRange","value","Array","DataTableSliderFilter","column","title","id","React","columnFilterValue","undefined","defaultRange","unit","min","max","step","minValue","maxValue","values","facetMinValue","facetMaxValue","rangeSize","Math","range","formatValue","onFromInputChange","event","numValue","Number","onToInputChange","onSliderValueChange","onReset","HTMLDivElement","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","PopoverContent","Label","Input","cn","Slider"],"mappings":";64CAqBA,SAASA,gBAAgBC,CAAc,EACrC,OACEC,MAAM,OAAO,CAACD,IACdA,IAAAA,EAAM,MAAM,EACZ,iBAAOA,CAAK,CAAC,EAAE,EACf,iBAAOA,CAAK,CAAC,EAAE,CASZ,SAASE,sBAA6B,CAC3CC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CAC6B,EAClC,IAAMC,EAAKC,+BAAAA,KAAW,GAEhBC,EAAoBR,gBAAgBI,EAAO,cAAc,IAC1DA,EAAO,cAAc,GACtBK,KAAAA,EAEEC,EAAeN,EAAO,SAAS,CAAC,IAAI,EAAE,MACtCO,EAAOP,EAAO,SAAS,CAAC,IAAI,EAAE,KAE9B,CAAEQ,IAAAA,CAAG,CAAEC,IAAAA,CAAG,CAAEC,KAAAA,CAAI,CAAE,CAAGP,+BAAAA,OAAa,CAA2B,KACjE,IAAIQ,EAAW,EACXC,EAAW,IAEf,GAAIN,GAAgBV,gBAAgBU,GACjC,CAACK,EAAUC,EAAS,CAAGN,MACnB,CACL,IAAMO,EAASb,EAAO,sBAAsB,GAC5C,GAAIa,GAAUf,MAAM,OAAO,CAACe,IAAWA,IAAAA,EAAO,MAAM,CAAQ,CAC1D,GAAM,CAACC,EAAeC,EAAc,CAAGF,CAEZ,WAAzB,OAAOC,GACP,iBAAOC,IAEPJ,EAAWG,EACXF,EAAWG,EAEf,CACF,CAEA,IAAMC,EAAYJ,EAAWD,EAQ7B,MAAO,CAAE,IAAKA,EAAU,IAAKC,EAAUF,KANrCM,GAAa,GACT,EACAA,GAAa,IACXC,KAAK,IAAI,CAACD,EAAY,IACtBC,KAAK,IAAI,CAACD,EAAY,GAEc,CAC9C,EAAG,CAAChB,EAAQM,EAAa,EAEnBY,EAAQf,+BAAAA,OAAa,CAAC,IACnBC,GAAqB,CAACI,EAAKC,EAAI,CACrC,CAACL,EAAmBI,EAAKC,EAAI,EAE1BU,EAAchB,+BAAAA,WAAiB,CAAC,GAC7BN,EAAM,cAAc,CAACQ,KAAAA,EAAW,CAAE,sBAAuB,CAAE,GACjE,EAAE,EAECe,EAAoBjB,+BAAAA,WAAiB,CACzC,IACE,IAAMmB,EAAWC,OAAOF,EAAM,MAAM,CAAC,KAAK,CACtC,EAACE,OAAO,KAAK,CAACD,IAAaA,GAAYd,GAAOc,GAAYJ,CAAK,CAAC,EAAE,EACpElB,EAAO,cAAc,CAAC,CAACsB,EAAUJ,CAAK,CAAC,EAAE,CAAC,CAE9C,EACA,CAAClB,EAAQQ,EAAKU,EAAM,EAGhBM,EAAkBrB,+BAAAA,WAAiB,CACvC,IACE,IAAMmB,EAAWC,OAAOF,EAAM,MAAM,CAAC,KAAK,CACtC,EAACE,OAAO,KAAK,CAACD,IAAaA,GAAYb,GAAOa,GAAYJ,CAAK,CAAC,EAAE,EACpElB,EAAO,cAAc,CAAC,CAACkB,CAAK,CAAC,EAAE,CAAEI,EAAS,CAE9C,EACA,CAACtB,EAAQS,EAAKS,EAAM,EAGhBO,EAAsBtB,+BAAAA,WAAiB,CAC3C,IACML,MAAM,OAAO,CAACD,IAAUA,IAAAA,EAAM,MAAM,EACtCG,EAAO,cAAc,CAACH,EAE1B,EACA,CAACG,EAAO,EAGJ0B,EAAUvB,+BAAAA,WAAiB,CAC/B,IACMkB,EAAM,MAAM,YAAYM,gBAC1BN,EAAM,eAAe,GAEvBrB,EAAO,cAAc,CAACK,KAAAA,EACxB,EACA,CAACL,EAAO,EAGV,MACE,qCAAC4B,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CAAC,QAAQ,UAAU,KAAK,KAAK,UAAU,gB,UAC3C1B,EACC,oCAAC,OACC,KAAK,SACL,aAAY,CAAC,MAAM,EAAEH,EAAM,OAAO,CAAC,CACnC,SAAU,EACV,UAAU,qIACV,QAASyB,E,SAET,oCAACK,sBAAAA,OAAOA,CAAAA,CAAAA,E,GAGV,oCAACC,sBAAAA,UAAUA,CAAAA,CAAAA,GAEb,oCAAC,Q,SAAM/B,C,GACNG,EACC,2E,UACE,oCAAC6B,uCAAAA,SAASA,CAAAA,CACR,YAAY,WACZ,UAAU,wC,GAEXd,EAAYf,CAAiB,CAAC,EAAE,EAAE,KAAG,IACrCe,EAAYf,CAAiB,CAAC,EAAE,EAChCG,EAAO,CAAC,CAAC,EAAEA,EAAK,CAAC,CAAG,G,GAErB,K,KAGR,qCAAC2B,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,QAAQ,UAAU,6B,UACtC,qCAAC,OAAI,UAAU,sB,UACb,oCAAC,KAAE,UAAU,qF,SACVjC,C,GAEH,qCAAC,OAAI,UAAU,0B,UACb,oCAACkC,mCAAAA,KAAKA,CAAAA,CAAC,QAAS,CAAC,EAAEjC,EAAG,KAAK,CAAC,CAAE,UAAU,U,SAAU,M,GAGlD,qCAAC,OAAI,UAAU,W,UACb,oCAACkC,mCAAAA,KAAKA,CAAAA,CACJ,GAAI,CAAC,EAAElC,EAAG,KAAK,CAAC,CAChB,KAAK,SACL,gBAAeM,EACf,gBAAeC,EACf,UAAU,UACV,QAAQ,SACR,YAAaD,EAAI,QAAQ,GACzB,IAAKA,EACL,IAAKC,EACL,MAAOS,CAAK,CAAC,EAAE,EAAE,WACjB,SAAUE,EACV,UAAWiB,GAAAA,0BAAAA,EAAAA,EAAG,WAAY9B,GAAQ,O,GAEnCA,GACC,oCAAC,QAAK,UAAU,8G,SACbA,C,MAIP,oCAAC4B,mCAAAA,KAAKA,CAAAA,CAAC,QAAS,CAAC,EAAEjC,EAAG,GAAG,CAAC,CAAE,UAAU,U,SAAU,I,GAGhD,qCAAC,OAAI,UAAU,W,UACb,oCAACkC,mCAAAA,KAAKA,CAAAA,CACJ,GAAI,CAAC,EAAElC,EAAG,GAAG,CAAC,CACd,KAAK,SACL,gBAAeM,EACf,gBAAeC,EACf,UAAU,UACV,QAAQ,SACR,YAAaA,EAAI,QAAQ,GACzB,IAAKD,EACL,IAAKC,EACL,MAAOS,CAAK,CAAC,EAAE,EAAE,WACjB,SAAUM,EACV,UAAWa,GAAAA,0BAAAA,EAAAA,EAAG,WAAY9B,GAAQ,O,GAEnCA,GACC,oCAAC,QAAK,UAAU,8G,SACbA,C,SAKT,qCAAC4B,mCAAAA,KAAKA,CAAAA,CAAC,QAAS,CAAC,EAAEjC,EAAG,OAAO,CAAC,CAAE,UAAU,U,UACvCD,EAAM,U,GAET,oCAACqC,oCAAAA,MAAMA,CAAAA,CACL,GAAI,CAAC,EAAEpC,EAAG,OAAO,CAAC,CAClB,IAAKM,EACL,IAAKC,EACL,KAAMC,EACN,MAAOQ,EACP,cAAeO,C,MAGnB,oCAACK,oCAAAA,MAAMA,CAAAA,CACL,aAAY,CAAC,MAAM,EAAE7B,EAAM,OAAO,CAAC,CACnC,QAAQ,UACR,KAAK,KACL,QAASyB,E,SACV,O,QAMT,C"}
+{"version":3,"file":"components\\data-table\\data-table-slider-filter.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-slider-filter.tsx"],"sourcesContent":["\r\n\r\nimport type { Column } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Input } from '@/components/input'\r\nimport { Label } from '@/components/label'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { Separator } from '@/components/separator'\r\nimport { Slider } from '@/components/slider'\r\nimport { cn } from '@/lib/utils'\r\nimport { PlusCircle, XCircle } from '@phosphor-icons/react'\r\n\r\ninterface Range {\r\n  min: number\r\n  max: number\r\n}\r\n\r\ntype RangeValue = [number, number]\r\n\r\nfunction getIsValidRange(value: unknown): value is RangeValue {\r\n  return (\r\n    Array.isArray(value) &&\r\n    value.length === 2 &&\r\n    typeof value[0] === 'number' &&\r\n    typeof value[1] === 'number'\r\n  )\r\n}\r\n\r\ninterface DataTableSliderFilterProps<TData> {\r\n  column: Column<TData, unknown>\r\n  title?: string\r\n}\r\n\r\nexport function DataTableSliderFilter<TData>({\r\n  column,\r\n  title,\r\n}: DataTableSliderFilterProps<TData>) {\r\n  const id = React.useId()\r\n\r\n  const columnFilterValue = getIsValidRange(column.getFilterValue())\r\n    ? (column.getFilterValue() as RangeValue)\r\n    : undefined\r\n\r\n  const defaultRange = column.columnDef.meta?.range\r\n  const unit = column.columnDef.meta?.unit\r\n\r\n  const { min, max, step } = React.useMemo<Range & { step: number }>(() => {\r\n    let minValue = 0\r\n    let maxValue = 100\r\n\r\n    if (defaultRange && getIsValidRange(defaultRange)) {\r\n      ;[minValue, maxValue] = defaultRange\r\n    } else {\r\n      const values = column.getFacetedMinMaxValues()\r\n      if (values && Array.isArray(values) && values.length === 2) {\r\n        const [facetMinValue, facetMaxValue] = values\r\n        if (\r\n          typeof facetMinValue === 'number' &&\r\n          typeof facetMaxValue === 'number'\r\n        ) {\r\n          minValue = facetMinValue\r\n          maxValue = facetMaxValue\r\n        }\r\n      }\r\n    }\r\n\r\n    const rangeSize = maxValue - minValue\r\n    const step =\r\n      rangeSize <= 20\r\n        ? 1\r\n        : rangeSize <= 100\r\n          ? Math.ceil(rangeSize / 20)\r\n          : Math.ceil(rangeSize / 50)\r\n\r\n    return { min: minValue, max: maxValue, step }\r\n  }, [column, defaultRange])\r\n\r\n  const range = React.useMemo((): RangeValue => {\r\n    return columnFilterValue ?? [min, max]\r\n  }, [columnFilterValue, min, max])\r\n\r\n  const formatValue = React.useCallback((value: number) => {\r\n    return value.toLocaleString(undefined, { maximumFractionDigits: 0 })\r\n  }, [])\r\n\r\n  const onFromInputChange = React.useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const numValue = Number(event.target.value)\r\n      if (!Number.isNaN(numValue) && numValue >= min && numValue <= range[1]) {\r\n        column.setFilterValue([numValue, range[1]])\r\n      }\r\n    },\r\n    [column, min, range]\r\n  )\r\n\r\n  const onToInputChange = React.useCallback(\r\n    (event: React.ChangeEvent<HTMLInputElement>) => {\r\n      const numValue = Number(event.target.value)\r\n      if (!Number.isNaN(numValue) && numValue <= max && numValue >= range[0]) {\r\n        column.setFilterValue([range[0], numValue])\r\n      }\r\n    },\r\n    [column, max, range]\r\n  )\r\n\r\n  const onSliderValueChange = React.useCallback(\r\n    (value: RangeValue) => {\r\n      if (Array.isArray(value) && value.length === 2) {\r\n        column.setFilterValue(value)\r\n      }\r\n    },\r\n    [column]\r\n  )\r\n\r\n  const onReset = React.useCallback(\r\n    (event: React.MouseEvent) => {\r\n      if (event.target instanceof HTMLDivElement) {\r\n        event.stopPropagation()\r\n      }\r\n      column.setFilterValue(undefined)\r\n    },\r\n    [column]\r\n  )\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button variant=\"outline\" size=\"xs\">\r\n          {columnFilterValue ? (\r\n            <div\r\n              role=\"button\"\r\n              aria-label={`Clear ${title} filter`}\r\n              tabIndex={0}\r\n              className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-500\"\r\n              onClick={onReset}\r\n            >\r\n              <XCircle />\r\n            </div>\r\n          ) : (\r\n            <PlusCircle />\r\n          )}\r\n          <span>{title}</span>\r\n          {columnFilterValue ? (\r\n            <>\r\n              <Separator\r\n                orientation=\"vertical\"\r\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\r\n              />\r\n              {formatValue(columnFilterValue[0])} -{' '}\r\n              {formatValue(columnFilterValue[1])}\r\n              {unit ? ` ${unit}` : ''}\r\n            </>\r\n          ) : null}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"start\" className=\"flex w-auto flex-col gap-4\">\r\n        <div className=\"flex flex-col gap-3\">\r\n          <p className=\"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\r\n            {title}\r\n          </p>\r\n          <div className=\"flex items-center gap-4\">\r\n            <Label htmlFor={`${id}-from`} className=\"sr-only\">\r\n              From\r\n            </Label>\r\n            <div className=\"relative\">\r\n              <Input\r\n                id={`${id}-from`}\r\n                type=\"number\"\r\n                aria-valuemin={min}\r\n                aria-valuemax={max}\r\n                inputMode=\"numeric\"\r\n                pattern=\"[0-9]*\"\r\n                placeholder={min.toString()}\r\n                min={min}\r\n                max={max}\r\n                value={range[0]?.toString()}\r\n                onChange={onFromInputChange}\r\n                className={cn('h-8 w-24', unit && 'pr-8')}\r\n              />\r\n              {unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n            <Label htmlFor={`${id}-to`} className=\"sr-only\">\r\n              to\r\n            </Label>\r\n            <div className=\"relative\">\r\n              <Input\r\n                id={`${id}-to`}\r\n                type=\"number\"\r\n                aria-valuemin={min}\r\n                aria-valuemax={max}\r\n                inputMode=\"numeric\"\r\n                pattern=\"[0-9]*\"\r\n                placeholder={max.toString()}\r\n                min={min}\r\n                max={max}\r\n                value={range[1]?.toString()}\r\n                onChange={onToInputChange}\r\n                className={cn('h-8 w-24', unit && 'pr-8')}\r\n              />\r\n              {unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n          <Label htmlFor={`${id}-slider`} className=\"sr-only\">\r\n            {title} slider\r\n          </Label>\r\n          <Slider\r\n            id={`${id}-slider`}\r\n            min={min}\r\n            max={max}\r\n            step={step}\r\n            value={range}\r\n            onValueChange={onSliderValueChange}\r\n          />\r\n        </div>\r\n        <Button\r\n          aria-label={`Clear ${title} filter`}\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          onClick={onReset}\r\n        >\r\n          Clear\r\n        </Button>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["getIsValidRange","value","Array","DataTableSliderFilter","column","title","id","React","columnFilterValue","undefined","defaultRange","unit","min","max","step","minValue","maxValue","values","facetMinValue","facetMaxValue","rangeSize","Math","range","formatValue","onFromInputChange","event","numValue","Number","onToInputChange","onSliderValueChange","onReset","HTMLDivElement","Popover","PopoverTrigger","Button","XCircle","PlusCircle","Separator","PopoverContent","Label","Input","cn","Slider"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-sort-list.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSortList:()=>DataTableSortList});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_badge_cjs_namespaceObject=require("../badge.cjs"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_select_cjs_namespaceObject=require("../select.cjs"),external_sortable_cjs_namespaceObject=require("../sortable.cjs"),data_table_config_cjs_namespaceObject=require("../../lib/data-table-config.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),OPEN_MENU_SHORTCUT="s",REMOVE_SORT_SHORTCUTS=["backspace","delete"];function DataTableSortList({table:e,...a}){let t=external_react_namespaceObject.useId(),n=external_react_namespaceObject.useId(),s=external_react_namespaceObject.useId(),[c,r]=external_react_namespaceObject.useState(!1),_=external_react_namespaceObject.useRef(null),i=e.getState().sorting,l=e.setSorting,{columnLabels:m,columns:o}=external_react_namespaceObject.useMemo(()=>{let a=new Map,t=new Set(i.map(e=>e.id)),n=[];for(let s of e.getAllColumns()){if(!s.getCanSort())continue;let e=s.columnDef.meta?.label??s.id;a.set(s.id,e),t.has(s.id)||n.push({id:s.id,label:e})}return{columnLabels:a,columns:n}},[i,e]),j=external_react_namespaceObject.useCallback(()=>{let e=o[0];e&&l(a=>[...a,{id:e.id,desc:!1}])},[o,l]),p=external_react_namespaceObject.useCallback((e,a)=>{l(t=>t?t.map(t=>t.id===e?{...t,...a}:t):t)},[l]),b=external_react_namespaceObject.useCallback(e=>{l(a=>a.filter(a=>a.id!==e))},[l]),d=external_react_namespaceObject.useCallback(()=>l(e.initialState.sorting),[l,e.initialState.sorting]);external_react_namespaceObject.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("s"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),r(!0)),"s"===e.key.toLowerCase()&&e.shiftKey&&i.length>0&&(e.preventDefault(),d()))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[i.length,d]);let x=external_react_namespaceObject.useCallback(e=>{REMOVE_SORT_SHORTCUTS.includes(e.key.toLowerCase())&&i.length>0&&(e.preventDefault(),d())},[i.length,d]);return(0,jsx_runtime_namespaceObject.jsxs)(external_sortable_cjs_namespaceObject.Sortable,{value:i,onValueChange:l,getItemValue:e=>e.id,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:c,onOpenChange:r,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm",onKeyDown:x,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.ArrowsDownUp,{}),"Sort",i.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:i.length})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{"aria-labelledby":n,"aria-describedby":s,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...a,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,jsx_runtime_namespaceObject.jsx)("h4",{id:n,className:"font-medium leading-none",children:i.length>0?"Sort by":"No sorting applied"}),(0,jsx_runtime_namespaceObject.jsx)("p",{id:s,className:(0,utils_cjs_namespaceObject.cn)("text-muted-foreground text-sm",i.length>0&&"sr-only"),children:i.length>0?"Modify sorting to organize your rows.":"Add sorting to organize your rows."})]}),i.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableContent,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:i.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableSortItem,{sort:e,sortItemId:`${t}-sort-${e.id}`,columns:o,columnLabels:m,onSortUpdate:p,onSortRemove:b},e.id))})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{size:"sm",className:"rounded",ref:_,onClick:j,disabled:0===o.length,children:"Add sort"}),i.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"sm",className:"rounded",onClick:d,children:"Reset sorting"})]})]})]}),(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableOverlay,{children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-8 w-[180px] rounded-sm bg-primary/10"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-8 w-24 rounded-sm bg-primary/10"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function DataTableSortItem({sort:e,sortItemId:a,columns:t,columnLabels:n,onSortUpdate:s,onSortRemove:c}){let r=`${a}-field-listbox`,_=`${a}-field-trigger`,i=`${a}-direction-listbox`,[l,m]=external_react_namespaceObject.useState(!1),[o,j]=external_react_namespaceObject.useState(!1),p=external_react_namespaceObject.useCallback(a=>{!(a.target instanceof HTMLInputElement||a.target instanceof HTMLTextAreaElement)&&(l||o||REMOVE_SORT_SHORTCUTS.includes(a.key.toLowerCase())&&(a.preventDefault(),c(e.id)))},[e.id,l,o,c]);return(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableItem,{value:e.id,asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"listitem",id:a,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:p,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:l,onOpenChange:m,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:_,role:"combobox","aria-controls":r,variant:"outline",size:"sm",className:"w-44 justify-between rounded font-normal",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:n.get(e.id)}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{className:"opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{id:r,className:"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Search fields..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No fields found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:t.map(a=>(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:a.id,onSelect:a=>s(e.id,{id:a}),children:(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:a.label})},a.id))})]})]})})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{open:o,onOpenChange:j,value:e.desc?"desc":"asc",onValueChange:a=>s(e.id,{desc:"desc"===a}),children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{"aria-controls":i,className:"h-8 w-24 rounded [&[data-size]]:h-8",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent,{id:i,className:"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]",children:data_table_config_cjs_namespaceObject.dataTableConfig.sortOrders.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:e.value,children:e.label},e.value))})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-controls":a,variant:"outline",size:"icon",className:"size-8 shrink-0 rounded",onClick:()=>c(e.id),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Trash,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableItemHandle,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"outline",size:"icon",className:"size-8 shrink-0 rounded",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.DotsSixVertical,{})})})]})})}for(var __webpack_i__ in exports.DataTableSortList=__webpack_exports__.DataTableSortList,__webpack_exports__)-1===["DataTableSortList"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableSortList:()=>DataTableSortList});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_badge_cjs_namespaceObject=require("../badge.cjs"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),external_select_cjs_namespaceObject=require("../select.cjs"),external_sortable_cjs_namespaceObject=require("../sortable.cjs"),data_table_config_cjs_namespaceObject=require("../../lib/data-table-config.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),OPEN_MENU_SHORTCUT="s",REMOVE_SORT_SHORTCUTS=["backspace","delete"];function DataTableSortList({table:e,...a}){let t=external_react_namespaceObject.useId(),n=external_react_namespaceObject.useId(),c=external_react_namespaceObject.useId(),[s,r]=external_react_namespaceObject.useState(!1),_=external_react_namespaceObject.useRef(null),i=e.getState().sorting,l=e.setSorting,{columnLabels:m,columns:o}=external_react_namespaceObject.useMemo(()=>{let a=new Map,t=new Set(i.map(e=>e.id)),n=[];for(let c of e.getAllColumns()){if(!c.getCanSort())continue;let e=c.columnDef.meta?.label??c.id;a.set(c.id,e),t.has(c.id)||n.push({id:c.id,label:e})}return{columnLabels:a,columns:n}},[i,e]),j=external_react_namespaceObject.useCallback(()=>{let e=o[0];e&&l(a=>[...a,{id:e.id,desc:!1}])},[o,l]),p=external_react_namespaceObject.useCallback((e,a)=>{l(t=>t?t.map(t=>t.id===e?{...t,...a}:t):t)},[l]),b=external_react_namespaceObject.useCallback(e=>{l(a=>a.filter(a=>a.id!==e))},[l]),d=external_react_namespaceObject.useCallback(()=>l(e.initialState.sorting),[l,e.initialState.sorting]);external_react_namespaceObject.useEffect(()=>{function e(e){!(e.target instanceof HTMLInputElement||e.target instanceof HTMLTextAreaElement)&&("s"!==e.key.toLowerCase()||e.ctrlKey||e.metaKey||e.shiftKey||(e.preventDefault(),r(!0)),"s"===e.key.toLowerCase()&&e.shiftKey&&i.length>0&&(e.preventDefault(),d()))}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[i.length,d]);let x=external_react_namespaceObject.useCallback(e=>{REMOVE_SORT_SHORTCUTS.includes(e.key.toLowerCase())&&i.length>0&&(e.preventDefault(),d())},[i.length,d]);return(0,jsx_runtime_namespaceObject.jsxs)(external_sortable_cjs_namespaceObject.Sortable,{value:i,onValueChange:l,getItemValue:e=>e.id,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:s,onOpenChange:r,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:"xs",onKeyDown:x,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.ArrowsDownUp,{}),"Ordenar",i.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_badge_cjs_namespaceObject.Badge,{variant:"secondary",className:"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]",children:i.length})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{"aria-labelledby":n,"aria-describedby":c,className:"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]",...a,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,jsx_runtime_namespaceObject.jsx)("h4",{id:n,className:"font-medium leading-none",children:i.length>0?"Ordenar por":"Nenhuma ordena\xe7\xe3o aplicada"}),(0,jsx_runtime_namespaceObject.jsx)("p",{id:c,className:(0,utils_cjs_namespaceObject.cn)("text-gray-500 text-sm",i.length>0&&"sr-only"),children:i.length>0?"Modifique a ordena\xe7\xe3o para organizar suas linhas.":"Adicione uma ordena\xe7\xe3o para organizar suas linhas."})]}),i.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableContent,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)("div",{role:"list",className:"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1",children:i.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableSortItem,{sort:e,sortItemId:`${t}-sort-${e.id}`,columns:o,columnLabels:m,onSortUpdate:p,onSortRemove:b},e.id))})}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex w-full items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{size:"xs",className:"rounded",ref:_,onClick:j,disabled:0===o.length,children:"Adicionar"}),i.length>0&&(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:"xs",className:"rounded",onClick:d,children:"Resetar"})]})]})]}),(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableOverlay,{children:(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-8 w-[180px] rounded-sm bg-primary/10"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"h-8 w-24 rounded-sm bg-primary/10"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"size-8 shrink-0 rounded-sm bg-primary/10"})]})})]})}function DataTableSortItem({sort:e,sortItemId:a,columns:t,columnLabels:n,onSortUpdate:c,onSortRemove:s}){let r=`${a}-field-listbox`,_=`${a}-field-trigger`,i=`${a}-direction-listbox`,[l,m]=external_react_namespaceObject.useState(!1),[o,j]=external_react_namespaceObject.useState(!1),p=external_react_namespaceObject.useCallback(a=>{!(a.target instanceof HTMLInputElement||a.target instanceof HTMLTextAreaElement)&&(l||o||REMOVE_SORT_SHORTCUTS.includes(a.key.toLowerCase())&&(a.preventDefault(),s(e.id)))},[e.id,l,o,s]);return(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableItem,{value:e.id,asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"listitem",id:a,tabIndex:-1,className:"flex items-center gap-2",onKeyDown:p,children:[(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{open:l,onOpenChange:m,children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:_,role:"combobox","aria-controls":r,variant:"secondary",size:"xs",className:"w-44 justify-between rounded font-normal",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:n.get(e.id)}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{className:"opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{id:r,className:"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Buscar campo..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"Nenhum campo encontrado."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:t.map(a=>(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandItem,{value:a.id,onSelect:a=>c(e.id,{id:a}),children:(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:a.label})},a.id))})]})]})})]}),(0,jsx_runtime_namespaceObject.jsxs)(external_select_cjs_namespaceObject.Select,{open:o,onOpenChange:j,value:e.desc?"desc":"asc",onValueChange:a=>c(e.id,{desc:"desc"===a}),children:[(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectTrigger,{"aria-controls":i,className:"h-8 w-24 rounded [&[data-size]]:h-8",children:(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectValue,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectContent,{id:i,className:"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]",children:data_table_config_cjs_namespaceObject.dataTableConfig.sortOrders.map(e=>(0,jsx_runtime_namespaceObject.jsx)(external_select_cjs_namespaceObject.SelectItem,{value:e.value,children:e.label},e.value))})]}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-controls":a,variant:"secondary",size:"icon",className:"size-8 shrink-0 rounded",onClick:()=>s(e.id),children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Trash,{weight:"bold"})}),(0,jsx_runtime_namespaceObject.jsx)(external_sortable_cjs_namespaceObject.SortableItemHandle,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{variant:"secondary",size:"icon",className:"size-8 shrink-0 rounded",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.DotsSixVertical,{weight:"bold"})})})]})})}for(var __webpack_i__ in exports.DataTableSortList=__webpack_exports__.DataTableSortList,__webpack_exports__)-1===["DataTableSortList"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-sort-list.cjs.map

package/dist/cjs/components/data-table/data-table-sort-list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-sort-list.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-sort-list.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n  ArrowsDownUp,\r\n  CaretUpDown,\r\n  DotsSixVertical,\r\n  Trash,\r\n} from '@phosphor-icons/react'\r\nimport type { ColumnSort, SortDirection, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n  Sortable,\r\n  SortableContent,\r\n  SortableItem,\r\n  SortableItemHandle,\r\n  SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst OPEN_MENU_SHORTCUT = 's'\r\nconst REMOVE_SORT_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableSortListProps<TData>\r\n  extends React.ComponentProps<typeof PopoverContent> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableSortList<TData>({\r\n  table,\r\n  ...props\r\n}: DataTableSortListProps<TData>) {\r\n  const id = React.useId()\r\n  const labelId = React.useId()\r\n  const descriptionId = React.useId()\r\n  const [open, setOpen] = React.useState(false)\r\n  const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n  const sorting = table.getState().sorting\r\n  const onSortingChange = table.setSorting\r\n\r\n  const { columnLabels, columns } = React.useMemo(() => {\r\n    const labels = new Map<string, string>()\r\n    const sortingIds = new Set(sorting.map(s => s.id))\r\n    const availableColumns: { id: string; label: string }[] = []\r\n\r\n    for (const column of table.getAllColumns()) {\r\n      if (!column.getCanSort()) continue\r\n\r\n      const label = column.columnDef.meta?.label ?? column.id\r\n      labels.set(column.id, label)\r\n\r\n      if (!sortingIds.has(column.id)) {\r\n        availableColumns.push({ id: column.id, label })\r\n      }\r\n    }\r\n\r\n    return {\r\n      columnLabels: labels,\r\n      columns: availableColumns,\r\n    }\r\n  }, [sorting, table])\r\n\r\n  const onSortAdd = React.useCallback(() => {\r\n    const firstColumn = columns[0]\r\n    if (!firstColumn) return\r\n\r\n    onSortingChange(prevSorting => [\r\n      ...prevSorting,\r\n      { id: firstColumn.id, desc: false },\r\n    ])\r\n  }, [columns, onSortingChange])\r\n\r\n  const onSortUpdate = React.useCallback(\r\n    (sortId: string, updates: Partial<ColumnSort>) => {\r\n      onSortingChange(prevSorting => {\r\n        if (!prevSorting) return prevSorting\r\n        return prevSorting.map(sort =>\r\n          sort.id === sortId ? { ...sort, ...updates } : sort\r\n        )\r\n      })\r\n    },\r\n    [onSortingChange]\r\n  )\r\n\r\n  const onSortRemove = React.useCallback(\r\n    (sortId: string) => {\r\n      onSortingChange(prevSorting =>\r\n        prevSorting.filter(item => item.id !== sortId)\r\n      )\r\n    },\r\n    [onSortingChange]\r\n  )\r\n\r\n  const onSortingReset = React.useCallback(\r\n    () => onSortingChange(table.initialState.sorting),\r\n    [onSortingChange, table.initialState.sorting]\r\n  )\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        !event.ctrlKey &&\r\n        !event.metaKey &&\r\n        !event.shiftKey\r\n      ) {\r\n        event.preventDefault()\r\n        setOpen(true)\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        event.shiftKey &&\r\n        sorting.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onSortingReset()\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [sorting.length, onSortingReset])\r\n\r\n  const onTriggerKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n      if (\r\n        REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        sorting.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onSortingReset()\r\n      }\r\n    },\r\n    [sorting.length, onSortingReset]\r\n  )\r\n\r\n  return (\r\n    <Sortable\r\n      value={sorting}\r\n      onValueChange={onSortingChange}\r\n      getItemValue={item => item.id}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button variant=\"outline\" size=\"sm\" onKeyDown={onTriggerKeyDown}>\r\n            <ArrowsDownUp />\r\n            Sort\r\n            {sorting.length > 0 && (\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n              >\r\n                {sorting.length}\r\n              </Badge>\r\n            )}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent\r\n          aria-labelledby={labelId}\r\n          aria-describedby={descriptionId}\r\n          className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n          {...props}\r\n        >\r\n          <div className=\"flex flex-col gap-1\">\r\n            <h4 id={labelId} className=\"font-medium leading-none\">\r\n              {sorting.length > 0 ? 'Sort by' : 'No sorting applied'}\r\n            </h4>\r\n            <p\r\n              id={descriptionId}\r\n              className={cn(\r\n                'text-muted-foreground text-sm',\r\n                sorting.length > 0 && 'sr-only'\r\n              )}\r\n            >\r\n              {sorting.length > 0\r\n                ? 'Modify sorting to organize your rows.'\r\n                : 'Add sorting to organize your rows.'}\r\n            </p>\r\n          </div>\r\n          {sorting.length > 0 && (\r\n            <SortableContent asChild>\r\n              <div\r\n                role=\"list\"\r\n                className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n              >\r\n                {sorting.map(sort => (\r\n                  <DataTableSortItem\r\n                    key={sort.id}\r\n                    sort={sort}\r\n                    sortItemId={`${id}-sort-${sort.id}`}\r\n                    columns={columns}\r\n                    columnLabels={columnLabels}\r\n                    onSortUpdate={onSortUpdate}\r\n                    onSortRemove={onSortRemove}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </SortableContent>\r\n          )}\r\n          <div className=\"flex w-full items-center gap-2\">\r\n            <Button\r\n              size=\"sm\"\r\n              className=\"rounded\"\r\n              ref={addButtonRef}\r\n              onClick={onSortAdd}\r\n              disabled={columns.length === 0}\r\n            >\r\n              Add sort\r\n            </Button>\r\n            {sorting.length > 0 && (\r\n              <Button\r\n                variant=\"outline\"\r\n                size=\"sm\"\r\n                className=\"rounded\"\r\n                onClick={onSortingReset}\r\n              >\r\n                Reset sorting\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n      <SortableOverlay>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"h-8 w-[180px] rounded-sm bg-primary/10\" />\r\n          <div className=\"h-8 w-24 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n        </div>\r\n      </SortableOverlay>\r\n    </Sortable>\r\n  )\r\n}\r\n\r\ninterface DataTableSortItemProps {\r\n  sort: ColumnSort\r\n  sortItemId: string\r\n  columns: { id: string; label: string }[]\r\n  columnLabels: Map<string, string>\r\n  onSortUpdate: (sortId: string, updates: Partial<ColumnSort>) => void\r\n  onSortRemove: (sortId: string) => void\r\n}\r\n\r\nfunction DataTableSortItem({\r\n  sort,\r\n  sortItemId,\r\n  columns,\r\n  columnLabels,\r\n  onSortUpdate,\r\n  onSortRemove,\r\n}: DataTableSortItemProps) {\r\n  const fieldListboxId = `${sortItemId}-field-listbox`\r\n  const fieldTriggerId = `${sortItemId}-field-trigger`\r\n  const directionListboxId = `${sortItemId}-direction-listbox`\r\n\r\n  const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n  const [showDirectionSelector, setShowDirectionSelector] =\r\n    React.useState(false)\r\n\r\n  const onItemKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (showFieldSelector || showDirectionSelector) {\r\n        return\r\n      }\r\n\r\n      if (REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n        event.preventDefault()\r\n        onSortRemove(sort.id)\r\n      }\r\n    },\r\n    [sort.id, showFieldSelector, showDirectionSelector, onSortRemove]\r\n  )\r\n\r\n  return (\r\n    <SortableItem value={sort.id} asChild>\r\n      <div\r\n        role=\"listitem\"\r\n        id={sortItemId}\r\n        tabIndex={-1}\r\n        className=\"flex items-center gap-2\"\r\n        onKeyDown={onItemKeyDown}\r\n      >\r\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={fieldTriggerId}\r\n              role=\"combobox\"\r\n              aria-controls={fieldListboxId}\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              className=\"w-44 justify-between rounded font-normal\"\r\n            >\r\n              <span className=\"truncate\">{columnLabels.get(sort.id)}</span>\r\n              <CaretUpDown className=\"opacity-50\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={fieldListboxId}\r\n            className=\"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command>\r\n              <CommandInput placeholder=\"Search fields...\" />\r\n              <CommandList>\r\n                <CommandEmpty>No fields found.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {columns.map(column => (\r\n                    <CommandItem\r\n                      key={column.id}\r\n                      value={column.id}\r\n                      onSelect={value => onSortUpdate(sort.id, { id: value })}\r\n                    >\r\n                      <span className=\"truncate\">{column.label}</span>\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n        <Select\r\n          open={showDirectionSelector}\r\n          onOpenChange={setShowDirectionSelector}\r\n          value={sort.desc ? 'desc' : 'asc'}\r\n          onValueChange={(value: SortDirection) =>\r\n            onSortUpdate(sort.id, { desc: value === 'desc' })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            aria-controls={directionListboxId}\r\n            className=\"h-8 w-24 rounded [&[data-size]]:h-8\"\r\n          >\r\n            <SelectValue />\r\n          </SelectTrigger>\r\n          <SelectContent\r\n            id={directionListboxId}\r\n            className=\"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]\"\r\n          >\r\n            {dataTableConfig.sortOrders.map(order => (\r\n              <SelectItem key={order.value} value={order.value}>\r\n                {order.label}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <Button\r\n          aria-controls={sortItemId}\r\n          variant=\"outline\"\r\n          size=\"icon\"\r\n          className=\"size-8 shrink-0 rounded\"\r\n          onClick={() => onSortRemove(sort.id)}\r\n        >\r\n          <Trash />\r\n        </Button>\r\n        <SortableItemHandle asChild>\r\n          <Button\r\n            variant=\"outline\"\r\n            size=\"icon\"\r\n            className=\"size-8 shrink-0 rounded\"\r\n          >\r\n            <DotsSixVertical />\r\n          </Button>\r\n        </SortableItemHandle>\r\n      </div>\r\n    </SortableItem>\r\n  )\r\n}\r\n"],"names":["OPEN_MENU_SHORTCUT","REMOVE_SORT_SHORTCUTS","DataTableSortList","table","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","sorting","onSortingChange","columnLabels","columns","labels","Map","sortingIds","Set","s","availableColumns","column","label","onSortAdd","firstColumn","prevSorting","onSortUpdate","sortId","updates","sort","onSortRemove","item","onSortingReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","Popover","PopoverTrigger","Button","ArrowsDownUp","Badge","PopoverContent","cn","SortableContent","DataTableSortItem","SortableOverlay","sortItemId","fieldListboxId","fieldTriggerId","directionListboxId","showFieldSelector","setShowFieldSelector","showDirectionSelector","setShowDirectionSelector","onItemKeyDown","SortableItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","value","Select","SelectTrigger","SelectValue","SelectContent","dataTableConfig","order","SelectItem","Trash","SortableItemHandle","DotsSixVertical"],"mappings":"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"}
+{"version":3,"file":"components\\data-table\\data-table-sort-list.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-sort-list.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n  ArrowsDownUp,\r\n  CaretUpDown,\r\n  DotsSixVertical,\r\n  Trash,\r\n} from '@phosphor-icons/react'\r\nimport type { ColumnSort, SortDirection, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Badge } from '@/components/badge'\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from '@/components/select'\r\nimport {\r\n  Sortable,\r\n  SortableContent,\r\n  SortableItem,\r\n  SortableItemHandle,\r\n  SortableOverlay,\r\n} from '@/components/sortable'\r\nimport { dataTableConfig } from '@/lib/data-table-config'\r\nimport { cn } from '@/lib/utils'\r\n\r\nconst OPEN_MENU_SHORTCUT = 's'\r\nconst REMOVE_SORT_SHORTCUTS = ['backspace', 'delete']\r\n\r\ninterface DataTableSortListProps<TData>\r\n  extends React.ComponentProps<typeof PopoverContent> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableSortList<TData>({\r\n  table,\r\n  ...props\r\n}: DataTableSortListProps<TData>) {\r\n  const id = React.useId()\r\n  const labelId = React.useId()\r\n  const descriptionId = React.useId()\r\n  const [open, setOpen] = React.useState(false)\r\n  const addButtonRef = React.useRef<HTMLButtonElement>(null)\r\n\r\n  const sorting = table.getState().sorting\r\n  const onSortingChange = table.setSorting\r\n\r\n  const { columnLabels, columns } = React.useMemo(() => {\r\n    const labels = new Map<string, string>()\r\n    const sortingIds = new Set(sorting.map(s => s.id))\r\n    const availableColumns: { id: string; label: string }[] = []\r\n\r\n    for (const column of table.getAllColumns()) {\r\n      if (!column.getCanSort()) continue\r\n\r\n      const label = column.columnDef.meta?.label ?? column.id\r\n      labels.set(column.id, label)\r\n\r\n      if (!sortingIds.has(column.id)) {\r\n        availableColumns.push({ id: column.id, label })\r\n      }\r\n    }\r\n\r\n    return {\r\n      columnLabels: labels,\r\n      columns: availableColumns,\r\n    }\r\n  }, [sorting, table])\r\n\r\n  const onSortAdd = React.useCallback(() => {\r\n    const firstColumn = columns[0]\r\n    if (!firstColumn) return\r\n\r\n    onSortingChange(prevSorting => [\r\n      ...prevSorting,\r\n      { id: firstColumn.id, desc: false },\r\n    ])\r\n  }, [columns, onSortingChange])\r\n\r\n  const onSortUpdate = React.useCallback(\r\n    (sortId: string, updates: Partial<ColumnSort>) => {\r\n      onSortingChange(prevSorting => {\r\n        if (!prevSorting) return prevSorting\r\n        return prevSorting.map(sort =>\r\n          sort.id === sortId ? { ...sort, ...updates } : sort\r\n        )\r\n      })\r\n    },\r\n    [onSortingChange]\r\n  )\r\n\r\n  const onSortRemove = React.useCallback(\r\n    (sortId: string) => {\r\n      onSortingChange(prevSorting =>\r\n        prevSorting.filter(item => item.id !== sortId)\r\n      )\r\n    },\r\n    [onSortingChange]\r\n  )\r\n\r\n  const onSortingReset = React.useCallback(\r\n    () => onSortingChange(table.initialState.sorting),\r\n    [onSortingChange, table.initialState.sorting]\r\n  )\r\n\r\n  React.useEffect(() => {\r\n    function onKeyDown(event: KeyboardEvent) {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        !event.ctrlKey &&\r\n        !event.metaKey &&\r\n        !event.shiftKey\r\n      ) {\r\n        event.preventDefault()\r\n        setOpen(true)\r\n      }\r\n\r\n      if (\r\n        event.key.toLowerCase() === OPEN_MENU_SHORTCUT &&\r\n        event.shiftKey &&\r\n        sorting.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onSortingReset()\r\n      }\r\n    }\r\n\r\n    window.addEventListener('keydown', onKeyDown)\r\n    return () => window.removeEventListener('keydown', onKeyDown)\r\n  }, [sorting.length, onSortingReset])\r\n\r\n  const onTriggerKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\r\n      if (\r\n        REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase()) &&\r\n        sorting.length > 0\r\n      ) {\r\n        event.preventDefault()\r\n        onSortingReset()\r\n      }\r\n    },\r\n    [sorting.length, onSortingReset]\r\n  )\r\n\r\n  return (\r\n    <Sortable\r\n      value={sorting}\r\n      onValueChange={onSortingChange}\r\n      getItemValue={item => item.id}\r\n    >\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button variant=\"secondary\" size=\"xs\" onKeyDown={onTriggerKeyDown}>\r\n            <ArrowsDownUp />\r\n            Ordenar\r\n            {sorting.length > 0 && (\r\n              <Badge\r\n                variant=\"secondary\"\r\n                className=\"h-[18.24px] rounded-[3.2px] px-[5.12px] font-mono font-normal text-[10.4px]\"\r\n              >\r\n                {sorting.length}\r\n              </Badge>\r\n            )}\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent\r\n          aria-labelledby={labelId}\r\n          aria-describedby={descriptionId}\r\n          className=\"flex w-full max-w-[var(--radix-popover-content-available-width)] origin-[var(--radix-popover-content-transform-origin)] flex-col gap-3.5 p-4 sm:min-w-[380px]\"\r\n          {...props}\r\n        >\r\n          <div className=\"flex flex-col gap-1\">\r\n            <h4 id={labelId} className=\"font-medium leading-none\">\r\n              {sorting.length > 0\r\n                ? 'Ordenar por'\r\n                : 'Nenhuma ordenação aplicada'}\r\n            </h4>\r\n            <p\r\n              id={descriptionId}\r\n              className={cn(\r\n                'text-gray-500 text-sm',\r\n                sorting.length > 0 && 'sr-only'\r\n              )}\r\n            >\r\n              {sorting.length > 0\r\n                ? 'Modifique a ordenação para organizar suas linhas.'\r\n                : 'Adicione uma ordenação para organizar suas linhas.'}\r\n            </p>\r\n          </div>\r\n          {sorting.length > 0 && (\r\n            <SortableContent asChild>\r\n              <div\r\n                role=\"list\"\r\n                className=\"flex max-h-[300px] flex-col gap-2 overflow-y-auto p-1\"\r\n              >\r\n                {sorting.map(sort => (\r\n                  <DataTableSortItem\r\n                    key={sort.id}\r\n                    sort={sort}\r\n                    sortItemId={`${id}-sort-${sort.id}`}\r\n                    columns={columns}\r\n                    columnLabels={columnLabels}\r\n                    onSortUpdate={onSortUpdate}\r\n                    onSortRemove={onSortRemove}\r\n                  />\r\n                ))}\r\n              </div>\r\n            </SortableContent>\r\n          )}\r\n          <div className=\"flex w-full items-center gap-2\">\r\n            <Button\r\n              size=\"xs\"\r\n              className=\"rounded\"\r\n              ref={addButtonRef}\r\n              onClick={onSortAdd}\r\n              disabled={columns.length === 0}\r\n            >\r\n              Adicionar\r\n            </Button>\r\n            {sorting.length > 0 && (\r\n              <Button\r\n                variant=\"secondary\"\r\n                size=\"xs\"\r\n                className=\"rounded\"\r\n                onClick={onSortingReset}\r\n              >\r\n                Resetar\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </PopoverContent>\r\n      </Popover>\r\n      <SortableOverlay>\r\n        <div className=\"flex items-center gap-2\">\r\n          <div className=\"h-8 w-[180px] rounded-sm bg-primary/10\" />\r\n          <div className=\"h-8 w-24 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n          <div className=\"size-8 shrink-0 rounded-sm bg-primary/10\" />\r\n        </div>\r\n      </SortableOverlay>\r\n    </Sortable>\r\n  )\r\n}\r\n\r\ninterface DataTableSortItemProps {\r\n  sort: ColumnSort\r\n  sortItemId: string\r\n  columns: { id: string; label: string }[]\r\n  columnLabels: Map<string, string>\r\n  onSortUpdate: (sortId: string, updates: Partial<ColumnSort>) => void\r\n  onSortRemove: (sortId: string) => void\r\n}\r\n\r\nfunction DataTableSortItem({\r\n  sort,\r\n  sortItemId,\r\n  columns,\r\n  columnLabels,\r\n  onSortUpdate,\r\n  onSortRemove,\r\n}: DataTableSortItemProps) {\r\n  const fieldListboxId = `${sortItemId}-field-listbox`\r\n  const fieldTriggerId = `${sortItemId}-field-trigger`\r\n  const directionListboxId = `${sortItemId}-direction-listbox`\r\n\r\n  const [showFieldSelector, setShowFieldSelector] = React.useState(false)\r\n  const [showDirectionSelector, setShowDirectionSelector] =\r\n    React.useState(false)\r\n\r\n  const onItemKeyDown = React.useCallback(\r\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (\r\n        event.target instanceof HTMLInputElement ||\r\n        event.target instanceof HTMLTextAreaElement\r\n      ) {\r\n        return\r\n      }\r\n\r\n      if (showFieldSelector || showDirectionSelector) {\r\n        return\r\n      }\r\n\r\n      if (REMOVE_SORT_SHORTCUTS.includes(event.key.toLowerCase())) {\r\n        event.preventDefault()\r\n        onSortRemove(sort.id)\r\n      }\r\n    },\r\n    [sort.id, showFieldSelector, showDirectionSelector, onSortRemove]\r\n  )\r\n\r\n  return (\r\n    <SortableItem value={sort.id} asChild>\r\n      <div\r\n        role=\"listitem\"\r\n        id={sortItemId}\r\n        tabIndex={-1}\r\n        className=\"flex items-center gap-2\"\r\n        onKeyDown={onItemKeyDown}\r\n      >\r\n        <Popover open={showFieldSelector} onOpenChange={setShowFieldSelector}>\r\n          <PopoverTrigger asChild>\r\n            <Button\r\n              id={fieldTriggerId}\r\n              role=\"combobox\"\r\n              aria-controls={fieldListboxId}\r\n              variant=\"secondary\"\r\n              size=\"xs\"\r\n              className=\"w-44 justify-between rounded font-normal\"\r\n            >\r\n              <span className=\"truncate\">{columnLabels.get(sort.id)}</span>\r\n              <CaretUpDown className=\"opacity-50\" />\r\n            </Button>\r\n          </PopoverTrigger>\r\n          <PopoverContent\r\n            id={fieldListboxId}\r\n            className=\"w-[var(--radix-popover-trigger-width)] origin-[var(--radix-popover-content-transform-origin)] p-0\"\r\n          >\r\n            <Command>\r\n              <CommandInput placeholder=\"Buscar campo...\" />\r\n              <CommandList>\r\n                <CommandEmpty>Nenhum campo encontrado.</CommandEmpty>\r\n                <CommandGroup>\r\n                  {columns.map(column => (\r\n                    <CommandItem\r\n                      key={column.id}\r\n                      value={column.id}\r\n                      onSelect={value => onSortUpdate(sort.id, { id: value })}\r\n                    >\r\n                      <span className=\"truncate\">{column.label}</span>\r\n                    </CommandItem>\r\n                  ))}\r\n                </CommandGroup>\r\n              </CommandList>\r\n            </Command>\r\n          </PopoverContent>\r\n        </Popover>\r\n        <Select\r\n          open={showDirectionSelector}\r\n          onOpenChange={setShowDirectionSelector}\r\n          value={sort.desc ? 'desc' : 'asc'}\r\n          onValueChange={(value: SortDirection) =>\r\n            onSortUpdate(sort.id, { desc: value === 'desc' })\r\n          }\r\n        >\r\n          <SelectTrigger\r\n            aria-controls={directionListboxId}\r\n            className=\"h-8 w-24 rounded [&[data-size]]:h-8\"\r\n          >\r\n            <SelectValue />\r\n          </SelectTrigger>\r\n          <SelectContent\r\n            id={directionListboxId}\r\n            className=\"min-w-[var(--radix-select-trigger-width)] origin-[var(--radix-select-content-transform-origin)]\"\r\n          >\r\n            {dataTableConfig.sortOrders.map(order => (\r\n              <SelectItem key={order.value} value={order.value}>\r\n                {order.label}\r\n              </SelectItem>\r\n            ))}\r\n          </SelectContent>\r\n        </Select>\r\n        <Button\r\n          aria-controls={sortItemId}\r\n          variant=\"secondary\"\r\n          size=\"icon\"\r\n          className=\"size-8 shrink-0 rounded\"\r\n          onClick={() => onSortRemove(sort.id)}\r\n        >\r\n          <Trash weight=\"bold\" />\r\n        </Button>\r\n        <SortableItemHandle asChild>\r\n          <Button\r\n            variant=\"secondary\"\r\n            size=\"icon\"\r\n            className=\"size-8 shrink-0 rounded\"\r\n          >\r\n            <DotsSixVertical weight=\"bold\" />\r\n          </Button>\r\n        </SortableItemHandle>\r\n      </div>\r\n    </SortableItem>\r\n  )\r\n}\r\n"],"names":["OPEN_MENU_SHORTCUT","REMOVE_SORT_SHORTCUTS","DataTableSortList","table","props","id","React","labelId","descriptionId","open","setOpen","addButtonRef","sorting","onSortingChange","columnLabels","columns","labels","Map","sortingIds","Set","s","availableColumns","column","label","onSortAdd","firstColumn","prevSorting","onSortUpdate","sortId","updates","sort","onSortRemove","item","onSortingReset","onKeyDown","event","HTMLInputElement","HTMLTextAreaElement","window","onTriggerKeyDown","Sortable","Popover","PopoverTrigger","Button","ArrowsDownUp","Badge","PopoverContent","cn","SortableContent","DataTableSortItem","SortableOverlay","sortItemId","fieldListboxId","fieldTriggerId","directionListboxId","showFieldSelector","setShowFieldSelector","showDirectionSelector","setShowDirectionSelector","onItemKeyDown","SortableItem","CaretUpDown","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","value","Select","SelectTrigger","SelectValue","SelectContent","dataTableConfig","order","SelectItem","Trash","SortableItemHandle","DotsSixVertical"],"mappings":"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"}

package/dist/cjs/components/data-table/data-table-toolbar.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableToolbar:()=>DataTableToolbar});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_data_table_date_filter_cjs_namespaceObject=require("./data-table-date-filter.cjs"),external_data_table_faceted_filter_cjs_namespaceObject=require("./data-table-faceted-filter.cjs"),external_data_table_slider_filter_cjs_namespaceObject=require("./data-table-slider-filter.cjs"),external_data_table_view_options_cjs_namespaceObject=require("./data-table-view-options.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableToolbar({table:e,children:a,className:t,...r}){let _=e.getState().columnFilters.length>0,c=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>e.getCanFilter()),[e]),l=external_react_namespaceObject.useCallback(()=>{e.resetColumnFilters()},[e]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,utils_cjs_namespaceObject.cn)("flex w-full items-start justify-between gap-2 p-1",t),...r,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[c.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableToolbarFilter,{column:e},e.id)),_&&(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Reset filters",variant:"outline",size:"sm",className:"border-dashed",onClick:l,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{}),"Reset"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[a,(0,jsx_runtime_namespaceObject.jsx)(external_data_table_view_options_cjs_namespaceObject.DataTableViewOptions,{table:e})]})]})}function DataTableToolbarFilter({column:e}){{let a=e.columnDef.meta;return external_react_namespaceObject.useCallback(()=>{if(!a?.variant)return null;switch(a.variant){case"text":return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:"h-8 w-40 lg:w-56"});case"number":return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{type:"number",inputMode:"numeric",placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:(0,utils_cjs_namespaceObject.cn)("h-8 w-[120px]",a.unit&&"pr-8")}),a.unit&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:a.unit})]});case"range":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_slider_filter_cjs_namespaceObject.DataTableSliderFilter,{column:e,title:a.label??e.id});case"date":case"dateRange":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_date_filter_cjs_namespaceObject.DataTableDateFilter,{column:e,title:a.label??e.id,multiple:"dateRange"===a.variant});case"select":case"multiSelect":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_faceted_filter_cjs_namespaceObject.DataTableFacetedFilter,{column:e,title:a.label??e.id,options:a.options??[],multiple:"multiSelect"===a.variant});default:return null}},[e,a])()}}for(var __webpack_i__ in exports.DataTableToolbar=__webpack_exports__.DataTableToolbar,__webpack_exports__)-1===["DataTableToolbar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableToolbar:()=>DataTableToolbar});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_react_namespaceObject=require("react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_data_table_date_filter_cjs_namespaceObject=require("./data-table-date-filter.cjs"),external_data_table_faceted_filter_cjs_namespaceObject=require("./data-table-faceted-filter.cjs"),external_data_table_slider_filter_cjs_namespaceObject=require("./data-table-slider-filter.cjs"),external_data_table_view_options_cjs_namespaceObject=require("./data-table-view-options.cjs"),external_input_cjs_namespaceObject=require("../input.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs");function DataTableToolbar({table:e,children:a,className:t,...r}){let _=e.getState().columnFilters.length>0,c=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>e.getCanFilter()),[e]),l=external_react_namespaceObject.useCallback(()=>{e.resetColumnFilters()},[e]);return(0,jsx_runtime_namespaceObject.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,utils_cjs_namespaceObject.cn)("flex w-full items-start justify-between gap-2 p-1",t),...r,children:[(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[c.map(e=>(0,jsx_runtime_namespaceObject.jsx)(DataTableToolbarFilter,{column:e},e.id)),_&&(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Reset filters",variant:"secondary",size:"xs",onClick:l,children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.X,{}),"Limpar"]})]}),(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"flex items-center gap-2",children:[a,(0,jsx_runtime_namespaceObject.jsx)(external_data_table_view_options_cjs_namespaceObject.DataTableViewOptions,{table:e})]})]})}function DataTableToolbarFilter({column:e}){{let a=e.columnDef.meta;return external_react_namespaceObject.useCallback(()=>{if(!a?.variant)return null;switch(a.variant){case"text":return(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:"h-8 w-40 lg:w-56",classNames:{input:"text-sm"}});case"number":return(0,jsx_runtime_namespaceObject.jsxs)("div",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input,{type:"number",inputMode:"numeric",placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:a=>e.setFilterValue(a.target.value),className:(0,utils_cjs_namespaceObject.cn)("h-8 w-[120px]",a.unit&&"pr-8"),classNames:{input:"text-sm"}}),a.unit&&(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm",children:a.unit})]});case"range":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_slider_filter_cjs_namespaceObject.DataTableSliderFilter,{column:e,title:a.label??e.id});case"date":case"dateRange":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_date_filter_cjs_namespaceObject.DataTableDateFilter,{column:e,title:a.label??e.id,multiple:"dateRange"===a.variant});case"select":case"multiSelect":return(0,jsx_runtime_namespaceObject.jsx)(external_data_table_faceted_filter_cjs_namespaceObject.DataTableFacetedFilter,{column:e,title:a.label??e.id,options:a.options??[],multiple:"multiSelect"===a.variant});default:return null}},[e,a])()}}for(var __webpack_i__ in exports.DataTableToolbar=__webpack_exports__.DataTableToolbar,__webpack_exports__)-1===["DataTableToolbar"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-toolbar.cjs.map

package/dist/cjs/components/data-table/data-table-toolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-toolbar.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { DataTableDateFilter } from '@/components/data-table/data-table-date-filter'\r\nimport { DataTableFacetedFilter } from '@/components/data-table/data-table-faceted-filter'\r\nimport { DataTableSliderFilter } from '@/components/data-table/data-table-slider-filter'\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableToolbarProps<TData> extends React.ComponentProps<'div'> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableToolbarProps<TData>) {\r\n  const isFiltered = table.getState().columnFilters.length > 0\r\n\r\n  const columns = React.useMemo(\r\n    () => table.getAllColumns().filter(column => column.getCanFilter()),\r\n    [table]\r\n  )\r\n\r\n  const onReset = React.useCallback(() => {\r\n    table.resetColumnFilters()\r\n  }, [table])\r\n\r\n  return (\r\n    <div\r\n      role=\"toolbar\"\r\n      aria-orientation=\"horizontal\"\r\n      className={cn(\r\n        'flex w-full items-start justify-between gap-2 p-1',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"flex flex-1 flex-wrap items-center gap-2\">\r\n        {columns.map(column => (\r\n          <DataTableToolbarFilter key={column.id} column={column} />\r\n        ))}\r\n        {isFiltered && (\r\n          <Button\r\n            aria-label=\"Reset filters\"\r\n            variant=\"outline\"\r\n            size=\"sm\"\r\n            className=\"border-dashed\"\r\n            onClick={onReset}\r\n          >\r\n            <X />\r\n            Reset\r\n          </Button>\r\n        )}\r\n      </div>\r\n      <div className=\"flex items-center gap-2\">\r\n        {children}\r\n        <DataTableViewOptions table={table} />\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\ninterface DataTableToolbarFilterProps<TData> {\r\n  column: Column<TData>\r\n}\r\n\r\nfunction DataTableToolbarFilter<TData>({\r\n  column,\r\n}: DataTableToolbarFilterProps<TData>) {\r\n  {\r\n    const columnMeta = column.columnDef.meta\r\n\r\n    const onFilterRender = React.useCallback(() => {\r\n      if (!columnMeta?.variant) return null\r\n\r\n      switch (columnMeta.variant) {\r\n        case 'text':\r\n          return (\r\n            <Input\r\n              placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n              value={(column.getFilterValue() as string) ?? ''}\r\n              onChange={event => column.setFilterValue(event.target.value)}\r\n              className=\"h-8 w-40 lg:w-56\"\r\n            />\r\n          )\r\n\r\n        case 'number':\r\n          return (\r\n            <div className=\"relative\">\r\n              <Input\r\n                type=\"number\"\r\n                inputMode=\"numeric\"\r\n                placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n                value={(column.getFilterValue() as string) ?? ''}\r\n                onChange={event => column.setFilterValue(event.target.value)}\r\n                className={cn('h-8 w-[120px]', columnMeta.unit && 'pr-8')}\r\n              />\r\n              {columnMeta.unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {columnMeta.unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )\r\n\r\n        case 'range':\r\n          return (\r\n            <DataTableSliderFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n            />\r\n          )\r\n\r\n        case 'date':\r\n        case 'dateRange':\r\n          return (\r\n            <DataTableDateFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              multiple={columnMeta.variant === 'dateRange'}\r\n            />\r\n          )\r\n\r\n        case 'select':\r\n        case 'multiSelect':\r\n          return (\r\n            <DataTableFacetedFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              options={columnMeta.options ?? []}\r\n              multiple={columnMeta.variant === 'multiSelect'}\r\n            />\r\n          )\r\n\r\n        default:\r\n          return null\r\n      }\r\n    }, [column, columnMeta])\r\n\r\n    return onFilterRender()\r\n  }\r\n}\r\n"],"names":["DataTableToolbar","table","children","className","props","isFiltered","columns","React","column","onReset","cn","DataTableToolbarFilter","Button","X","DataTableViewOptions","columnMeta","onFilterRender","Input","event","DataTableSliderFilter","DataTableDateFilter","DataTableFacetedFilter"],"mappings":";qgDAkBO,SAASA,iBAAwB,CACtCC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC0B,EAC7B,IAAMC,EAAaJ,EAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAG,EAErDK,EAAUC,+BAAAA,OAAa,CAC3B,IAAMN,EAAM,aAAa,GAAG,MAAM,CAACO,GAAUA,EAAO,YAAY,IAChE,CAACP,EAAM,EAGHQ,EAAUF,+BAAAA,WAAiB,CAAC,KAChCN,EAAM,kBAAkB,EAC1B,EAAG,CAACA,EAAM,EAEV,MACE,qCAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWS,GAAAA,0BAAAA,EAAAA,EACT,oDACAP,GAED,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,2C,UACZE,EAAQ,GAAG,CAACE,GACX,oCAACG,uBAAAA,CAAuC,OAAQH,C,EAAnBA,EAAO,EAAE,GAEvCH,GACC,qCAACO,oCAAAA,MAAMA,CAAAA,CACL,aAAW,gBACX,QAAQ,UACR,KAAK,KACL,UAAU,gBACV,QAASH,E,UAET,oCAACI,sBAAAA,CAACA,CAAAA,CAAAA,GAAG,Q,MAKX,qCAAC,OAAI,UAAU,0B,UACZX,EACD,oCAACY,qDAAAA,oBAAoBA,CAAAA,CAAC,MAAOb,C,QAIrC,CAKA,SAASU,uBAA8B,CACrCH,OAAAA,CAAM,CAC6B,EACnC,CACE,IAAMO,EAAaP,EAAO,SAAS,CAAC,IAAI,CAqExC,OAAOQ,+BAnEgBT,WAAiB,CAAC,KACvC,GAAI,CAACQ,GAAY,QAAS,OAAO,KAEjC,OAAQA,EAAW,OAAO,EACxB,IAAK,OACH,MACE,oCAACE,mCAAAA,KAAKA,CAAAA,CACJ,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAU,kB,EAIhB,KAAK,SACH,MACE,qCAAC,OAAI,UAAU,W,UACb,oCAACD,mCAAAA,KAAKA,CAAAA,CACJ,KAAK,SACL,UAAU,UACV,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAWR,GAAAA,0BAAAA,EAAAA,EAAG,gBAAiBK,EAAW,IAAI,EAAI,O,GAEnDA,EAAW,IAAI,EACd,oCAAC,QAAK,UAAU,8G,SACbA,EAAW,IAAI,KAM1B,KAAK,QACH,MACE,oCAACI,sDAAAA,qBAAqBA,CAAAA,CACpB,OAAQX,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,EAI1C,KAAK,OACL,IAAK,YACH,MACE,oCAACY,oDAAAA,mBAAmBA,CAAAA,CAClB,OAAQZ,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,SAAUO,cAAAA,EAAW,OAAO,EAIlC,KAAK,SACL,IAAK,cACH,MACE,oCAACM,uDAAAA,sBAAsBA,CAAAA,CACrB,OAAQb,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,QAASO,EAAW,OAAO,EAAI,EAAE,CACjC,SAAUA,gBAAAA,EAAW,OAAO,EAIlC,SACE,OAAO,IACX,CACF,EAAG,CAACP,EAAQO,EAAW,GAGzB,CACF,C"}
+{"version":3,"file":"components\\data-table\\data-table-toolbar.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Column, Table } from '@tanstack/react-table'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '@/components/button'\r\nimport { DataTableDateFilter } from '@/components/data-table/data-table-date-filter'\r\nimport { DataTableFacetedFilter } from '@/components/data-table/data-table-faceted-filter'\r\nimport { DataTableSliderFilter } from '@/components/data-table/data-table-slider-filter'\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { Input } from '@/components/input'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableToolbarProps<TData> extends React.ComponentProps<'div'> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  children,\r\n  className,\r\n  ...props\r\n}: DataTableToolbarProps<TData>) {\r\n  const isFiltered = table.getState().columnFilters.length > 0\r\n\r\n  const columns = React.useMemo(\r\n    () => table.getAllColumns().filter(column => column.getCanFilter()),\r\n    [table]\r\n  )\r\n\r\n  const onReset = React.useCallback(() => {\r\n    table.resetColumnFilters()\r\n  }, [table])\r\n\r\n  return (\r\n    <div\r\n      role=\"toolbar\"\r\n      aria-orientation=\"horizontal\"\r\n      className={cn(\r\n        'flex w-full items-start justify-between gap-2 p-1',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <div className=\"flex flex-1 flex-wrap items-center gap-2\">\r\n        {columns.map(column => (\r\n          <DataTableToolbarFilter key={column.id} column={column} />\r\n        ))}\r\n        {isFiltered && (\r\n          <Button\r\n            aria-label=\"Reset filters\"\r\n            variant=\"secondary\"\r\n            size=\"xs\"\r\n            onClick={onReset}\r\n          >\r\n            <X />\r\n            Limpar\r\n          </Button>\r\n        )}\r\n      </div>\r\n      <div className=\"flex items-center gap-2\">\r\n        {children}\r\n        <DataTableViewOptions table={table} />\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\ninterface DataTableToolbarFilterProps<TData> {\r\n  column: Column<TData>\r\n}\r\n\r\nfunction DataTableToolbarFilter<TData>({\r\n  column,\r\n}: DataTableToolbarFilterProps<TData>) {\r\n  {\r\n    const columnMeta = column.columnDef.meta\r\n\r\n    const onFilterRender = React.useCallback(() => {\r\n      if (!columnMeta?.variant) return null\r\n\r\n      switch (columnMeta.variant) {\r\n        case 'text':\r\n          return (\r\n            <Input\r\n              placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n              value={(column.getFilterValue() as string) ?? ''}\r\n              onChange={event => column.setFilterValue(event.target.value)}\r\n              className=\"h-8 w-40 lg:w-56\"\r\n              classNames={{\r\n                input: 'text-sm',\r\n              }}\r\n            />\r\n          )\r\n\r\n        case 'number':\r\n          return (\r\n            <div className=\"relative\">\r\n              <Input\r\n                type=\"number\"\r\n                inputMode=\"numeric\"\r\n                placeholder={columnMeta.placeholder ?? columnMeta.label}\r\n                value={(column.getFilterValue() as string) ?? ''}\r\n                onChange={event => column.setFilterValue(event.target.value)}\r\n                className={cn('h-8 w-[120px]', columnMeta.unit && 'pr-8')}\r\n                classNames={{\r\n                  input: 'text-sm',\r\n                }}\r\n              />\r\n              {columnMeta.unit && (\r\n                <span className=\"absolute top-0 right-0 bottom-0 flex items-center rounded-r-md bg-accent px-2 text-muted-foreground text-sm\">\r\n                  {columnMeta.unit}\r\n                </span>\r\n              )}\r\n            </div>\r\n          )\r\n\r\n        case 'range':\r\n          return (\r\n            <DataTableSliderFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n            />\r\n          )\r\n\r\n        case 'date':\r\n        case 'dateRange':\r\n          return (\r\n            <DataTableDateFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              multiple={columnMeta.variant === 'dateRange'}\r\n            />\r\n          )\r\n\r\n        case 'select':\r\n        case 'multiSelect':\r\n          return (\r\n            <DataTableFacetedFilter\r\n              column={column}\r\n              title={columnMeta.label ?? column.id}\r\n              options={columnMeta.options ?? []}\r\n              multiple={columnMeta.variant === 'multiSelect'}\r\n            />\r\n          )\r\n\r\n        default:\r\n          return null\r\n      }\r\n    }, [column, columnMeta])\r\n\r\n    return onFilterRender()\r\n  }\r\n}\r\n"],"names":["DataTableToolbar","table","children","className","props","isFiltered","columns","React","column","onReset","cn","DataTableToolbarFilter","Button","X","DataTableViewOptions","columnMeta","onFilterRender","Input","event","DataTableSliderFilter","DataTableDateFilter","DataTableFacetedFilter"],"mappings":";qgDAkBO,SAASA,iBAAwB,CACtCC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC0B,EAC7B,IAAMC,EAAaJ,EAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAG,EAErDK,EAAUC,+BAAAA,OAAa,CAC3B,IAAMN,EAAM,aAAa,GAAG,MAAM,CAACO,GAAUA,EAAO,YAAY,IAChE,CAACP,EAAM,EAGHQ,EAAUF,+BAAAA,WAAiB,CAAC,KAChCN,EAAM,kBAAkB,EAC1B,EAAG,CAACA,EAAM,EAEV,MACE,qCAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWS,GAAAA,0BAAAA,EAAAA,EACT,oDACAP,GAED,GAAGC,CAAK,C,UAET,qCAAC,OAAI,UAAU,2C,UACZE,EAAQ,GAAG,CAACE,GACX,oCAACG,uBAAAA,CAAuC,OAAQH,C,EAAnBA,EAAO,EAAE,GAEvCH,GACC,qCAACO,oCAAAA,MAAMA,CAAAA,CACL,aAAW,gBACX,QAAQ,YACR,KAAK,KACL,QAASH,E,UAET,oCAACI,sBAAAA,CAACA,CAAAA,CAAAA,GAAG,S,MAKX,qCAAC,OAAI,UAAU,0B,UACZX,EACD,oCAACY,qDAAAA,oBAAoBA,CAAAA,CAAC,MAAOb,C,QAIrC,CAKA,SAASU,uBAA8B,CACrCH,OAAAA,CAAM,CAC6B,EACnC,CACE,IAAMO,EAAaP,EAAO,SAAS,CAAC,IAAI,CA2ExC,OAAOQ,+BAzEgBT,WAAiB,CAAC,KACvC,GAAI,CAACQ,GAAY,QAAS,OAAO,KAEjC,OAAQA,EAAW,OAAO,EACxB,IAAK,OACH,MACE,oCAACE,mCAAAA,KAAKA,CAAAA,CACJ,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAU,mBACV,WAAY,CACV,MAAO,SACT,C,EAIN,KAAK,SACH,MACE,qCAAC,OAAI,UAAU,W,UACb,oCAACD,mCAAAA,KAAKA,CAAAA,CACJ,KAAK,SACL,UAAU,UACV,YAAaF,EAAW,WAAW,EAAIA,EAAW,KAAK,CACvD,MAAQP,EAAO,cAAc,IAAiB,GAC9C,SAAUU,GAASV,EAAO,cAAc,CAACU,EAAM,MAAM,CAAC,KAAK,EAC3D,UAAWR,GAAAA,0BAAAA,EAAAA,EAAG,gBAAiBK,EAAW,IAAI,EAAI,QAClD,WAAY,CACV,MAAO,SACT,C,GAEDA,EAAW,IAAI,EACd,oCAAC,QAAK,UAAU,8G,SACbA,EAAW,IAAI,KAM1B,KAAK,QACH,MACE,oCAACI,sDAAAA,qBAAqBA,CAAAA,CACpB,OAAQX,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,EAI1C,KAAK,OACL,IAAK,YACH,MACE,oCAACY,oDAAAA,mBAAmBA,CAAAA,CAClB,OAAQZ,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,SAAUO,cAAAA,EAAW,OAAO,EAIlC,KAAK,SACL,IAAK,cACH,MACE,oCAACM,uDAAAA,sBAAsBA,CAAAA,CACrB,OAAQb,EACR,MAAOO,EAAW,KAAK,EAAIP,EAAO,EAAE,CACpC,QAASO,EAAW,OAAO,EAAI,EAAE,CACjC,SAAUA,gBAAAA,EAAW,OAAO,EAIlC,SACE,OAAO,IACX,CACF,EAAG,CAACP,EAAQO,EAAW,GAGzB,CACF,C"}

package/dist/cjs/components/data-table/data-table-view-options.cjs

@@ -1,3 +1,3 @@
 'use client'
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var _ in a)__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:a[_]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableViewOptions:()=>DataTableViewOptions});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),external_react_namespaceObject=require("react");function DataTableViewOptions({table:e}){let a=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()),[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Toggle columns",role:"combobox",variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.SlidersHorizontal,{}),"View",(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{className:"ml-auto opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:"end",className:"w-44 p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Search columns..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No columns found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:a.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>e.toggleVisibility(!e.getIsVisible()),children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto size-4 shrink-0",e.getIsVisible()?"opacity-100":"opacity-0")})]},e.id))})]})]})})]})}for(var __webpack_i__ in exports.DataTableViewOptions=__webpack_exports__.DataTableViewOptions,__webpack_exports__)-1===["DataTableViewOptions"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var _ in a)__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:a[_]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DataTableViewOptions:()=>DataTableViewOptions});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_button_cjs_namespaceObject=require("../button.cjs"),external_command_cjs_namespaceObject=require("../command.cjs"),external_popover_cjs_namespaceObject=require("../popover.cjs"),utils_cjs_namespaceObject=require("../../lib/utils.cjs"),external_react_namespaceObject=require("react");function DataTableViewOptions({table:e}){let a=external_react_namespaceObject.useMemo(()=>e.getAllColumns().filter(e=>void 0!==e.accessorFn&&e.getCanHide()),[e]);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{"aria-label":"Toggle columns",role:"combobox",variant:"secondary",size:"xs",className:"ml-auto hidden lg:flex",children:[(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.SlidersHorizontal,{}),"Ver",(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUpDown,{className:"ml-auto opacity-50"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{align:"end",className:"w-44 p-0",children:(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput,{placeholder:"Buscar colunas..."}),(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty,{children:"No columns found."}),(0,jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup,{children:a.map(e=>(0,jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem,{onSelect:()=>e.toggleVisibility(!e.getIsVisible()),children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"truncate",children:e.columnDef.meta?.label??e.id}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:(0,utils_cjs_namespaceObject.cn)("ml-auto size-4 shrink-0",e.getIsVisible()?"opacity-100":"opacity-0")})]},e.id))})]})]})})]})}for(var __webpack_i__ in exports.DataTableViewOptions=__webpack_exports__.DataTableViewOptions,__webpack_exports__)-1===["DataTableViewOptions"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
 //# sourceMappingURL=data-table-view-options.cjs.map

package/dist/cjs/components/data-table/data-table-view-options.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-view-options.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-view-options.tsx"],"sourcesContent":["\r\n\r\nimport { CaretUpDown, Check, SlidersHorizontal } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({\r\n  table,\r\n}: DataTableViewOptionsProps<TData>) {\r\n  const columns = React.useMemo(\r\n    () =>\r\n      table\r\n        .getAllColumns()\r\n        .filter(\r\n          column =>\r\n            typeof column.accessorFn !== 'undefined' && column.getCanHide()\r\n        ),\r\n    [table]\r\n  )\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          aria-label=\"Toggle columns\"\r\n          role=\"combobox\"\r\n          variant=\"outline\"\r\n          size=\"sm\"\r\n          className=\"ml-auto hidden h-8 lg:flex\"\r\n        >\r\n          <SlidersHorizontal />\r\n          View\r\n          <CaretUpDown className=\"ml-auto opacity-50\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"end\" className=\"w-44 p-0\">\r\n        <Command>\r\n          <CommandInput placeholder=\"Search columns...\" />\r\n          <CommandList>\r\n            <CommandEmpty>No columns found.</CommandEmpty>\r\n            <CommandGroup>\r\n              {columns.map(column => (\r\n                <CommandItem\r\n                  key={column.id}\r\n                  onSelect={() =>\r\n                    column.toggleVisibility(!column.getIsVisible())\r\n                  }\r\n                >\r\n                  <span className=\"truncate\">\r\n                    {column.columnDef.meta?.label ?? column.id}\r\n                  </span>\r\n                  <Check\r\n                    className={cn(\r\n                      'ml-auto size-4 shrink-0',\r\n                      column.getIsVisible() ? 'opacity-100' : 'opacity-0'\r\n                    )}\r\n                  />\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["DataTableViewOptions","table","columns","React","column","Popover","PopoverTrigger","Button","SlidersHorizontal","CaretUpDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","cn"],"mappings":";otCAsBO,SAASA,qBAA4B,CAC1CC,MAAAA,CAAK,CAC4B,EACjC,IAAMC,EAAUC,+BAAAA,OAAa,CAC3B,IACEF,EACG,aAAa,GACb,MAAM,CACLG,GACE,SAAOA,EAAO,UAAU,EAAoBA,EAAO,UAAU,IAErE,CAACH,EAAM,EAGT,MACE,qCAACI,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,aAAW,iBACX,KAAK,WACL,QAAQ,UACR,KAAK,KACL,UAAU,6B,UAEV,oCAACC,sBAAAA,iBAAiBA,CAAAA,CAAAA,GAAG,OAErB,oCAACC,sBAAAA,WAAWA,CAAAA,CAAC,UAAU,oB,QAG3B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,MAAM,UAAU,W,SACpC,qCAACC,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,qCAACC,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,mB,GACd,oCAACC,qCAAAA,YAAYA,CAAAA,C,SACVb,EAAQ,GAAG,CAACE,GACX,qCAACY,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IACRZ,EAAO,gBAAgB,CAAC,CAACA,EAAO,YAAY,I,UAG9C,oCAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,oCAACa,sBAAAA,KAAKA,CAAAA,CACJ,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0BACAd,EAAO,YAAY,GAAK,cAAgB,Y,KAXvCA,EAAO,EAAE,E,aAsBhC,C"}
+{"version":3,"file":"components\\data-table\\data-table-view-options.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-view-options.tsx"],"sourcesContent":["\r\n\r\nimport { CaretUpDown, Check, SlidersHorizontal } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\n\r\nimport { Button } from '@/components/button'\r\nimport {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n} from '@/components/command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/popover'\r\nimport { cn } from '@/lib/utils'\r\nimport * as React from 'react'\r\n\r\ninterface DataTableViewOptionsProps<TData> {\r\n  table: Table<TData>\r\n}\r\n\r\nexport function DataTableViewOptions<TData>({\r\n  table,\r\n}: DataTableViewOptionsProps<TData>) {\r\n  const columns = React.useMemo(\r\n    () =>\r\n      table\r\n        .getAllColumns()\r\n        .filter(\r\n          column =>\r\n            typeof column.accessorFn !== 'undefined' && column.getCanHide()\r\n        ),\r\n    [table]\r\n  )\r\n\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          aria-label=\"Toggle columns\"\r\n          role=\"combobox\"\r\n          variant=\"secondary\"\r\n          size=\"xs\"\r\n          className=\"ml-auto hidden lg:flex\"\r\n        >\r\n          <SlidersHorizontal />\r\n          Ver\r\n          <CaretUpDown className=\"ml-auto opacity-50\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"end\" className=\"w-44 p-0\">\r\n        <Command>\r\n          <CommandInput placeholder=\"Buscar colunas...\" />\r\n          <CommandList>\r\n            <CommandEmpty>No columns found.</CommandEmpty>\r\n            <CommandGroup>\r\n              {columns.map(column => (\r\n                <CommandItem\r\n                  key={column.id}\r\n                  onSelect={() =>\r\n                    column.toggleVisibility(!column.getIsVisible())\r\n                  }\r\n                >\r\n                  <span className=\"truncate\">\r\n                    {column.columnDef.meta?.label ?? column.id}\r\n                  </span>\r\n                  <Check\r\n                    className={cn(\r\n                      'ml-auto size-4 shrink-0',\r\n                      column.getIsVisible() ? 'opacity-100' : 'opacity-0'\r\n                    )}\r\n                  />\r\n                </CommandItem>\r\n              ))}\r\n            </CommandGroup>\r\n          </CommandList>\r\n        </Command>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n"],"names":["DataTableViewOptions","table","columns","React","column","Popover","PopoverTrigger","Button","SlidersHorizontal","CaretUpDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","Check","cn"],"mappings":";otCAsBO,SAASA,qBAA4B,CAC1CC,MAAAA,CAAK,CAC4B,EACjC,IAAMC,EAAUC,+BAAAA,OAAa,CAC3B,IACEF,EACG,aAAa,GACb,MAAM,CACLG,GACE,SAAOA,EAAO,UAAU,EAAoBA,EAAO,UAAU,IAErE,CAACH,EAAM,EAGT,MACE,qCAACI,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,aAAW,iBACX,KAAK,WACL,QAAQ,YACR,KAAK,KACL,UAAU,yB,UAEV,oCAACC,sBAAAA,iBAAiBA,CAAAA,CAAAA,GAAG,MAErB,oCAACC,sBAAAA,WAAWA,CAAAA,CAAC,UAAU,oB,QAG3B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,MAAM,MAAM,UAAU,W,SACpC,qCAACC,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CAAC,YAAY,mB,GAC1B,qCAACC,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,mB,GACd,oCAACC,qCAAAA,YAAYA,CAAAA,C,SACVb,EAAQ,GAAG,CAACE,GACX,qCAACY,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IACRZ,EAAO,gBAAgB,CAAC,CAACA,EAAO,YAAY,I,UAG9C,oCAAC,QAAK,UAAU,W,SACbA,EAAO,SAAS,CAAC,IAAI,EAAE,OAASA,EAAO,EAAE,GAE5C,oCAACa,sBAAAA,KAAKA,CAAAA,CACJ,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0BACAd,EAAO,YAAY,GAAK,cAAgB,Y,KAXvCA,EAAO,EAAE,E,aAsBhC,C"}

package/dist/cjs/components/data-table/index.cjs

@@ -1 +1 @@
-"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./data-table-action-bar":function(e){e.exports=require("./data-table-action-bar.cjs")},"./data-table-advanced-toolbar":function(e){e.exports=require("./data-table-advanced-toolbar.cjs")},"./data-table-column-header":function(e){e.exports=require("./data-table-column-header.cjs")},"@/components/data-table/data-table-date-filter":function(e){e.exports=require("./data-table-date-filter.cjs")},"@/components/data-table/data-table-faceted-filter":function(e){e.exports=require("./data-table-faceted-filter.cjs")},"./data-table-filter-list":function(e){e.exports=require("./data-table-filter-list.cjs")},"./data-table-filter-menu":function(e){e.exports=require("./data-table-filter-menu.cjs")},"@/components/data-table/data-table-pagination":function(e){e.exports=require("./data-table-pagination.cjs")},"./data-table-range-filter":function(e){e.exports=require("./data-table-range-filter.cjs")},"./data-table-skeleton":function(e){e.exports=require("./data-table-skeleton.cjs")},"@/components/data-table/data-table-slider-filter":function(e){e.exports=require("./data-table-slider-filter.cjs")},"./data-table-sort-list":function(e){e.exports=require("./data-table-sort-list.cjs")},"./data-table-toolbar":function(e){e.exports=require("./data-table-toolbar.cjs")},"@/components/data-table/data-table-view-options":function(e){e.exports=require("./data-table-view-options.cjs")},"./data-table":function(e){e.exports=require("./data-table.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var a=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./data-table-action-bar"),_={};for(var a in e)"default"!==a&&(_[a]=(function(_){return e[_]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var r=__webpack_require__("./data-table-advanced-toolbar"),_={};for(var a in r)"default"!==a&&(_[a]=(function(e){return r[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./data-table-column-header"),_={};for(var a in t)"default"!==a&&(_[a]=(function(e){return t[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("@/components/data-table/data-table-date-filter"),_={};for(var a in i)"default"!==a&&(_[a]=(function(e){return i[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("@/components/data-table/data-table-faceted-filter"),_={};for(var a in n)"default"!==a&&(_[a]=(function(e){return n[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./data-table-filter-list"),_={};for(var a in o)"default"!==a&&(_[a]=(function(e){return o[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./data-table-filter-menu"),_={};for(var a in c)"default"!==a&&(_[a]=(function(e){return c[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("@/components/data-table/data-table-pagination"),_={};for(var a in b)"default"!==a&&(_[a]=(function(e){return b[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./data-table-range-filter"),_={};for(var a in u)"default"!==a&&(_[a]=(function(e){return u[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./data-table-skeleton"),_={};for(var a in d)"default"!==a&&(_[a]=(function(e){return d[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("@/components/data-table/data-table-slider-filter"),_={};for(var a in p)"default"!==a&&(_[a]=(function(e){return p[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./data-table-sort-list"),_={};for(var a in l)"default"!==a&&(_[a]=(function(e){return l[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./data-table-toolbar"),_={};for(var a in f)"default"!==a&&(_[a]=(function(e){return f[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("@/components/data-table/data-table-view-options"),_={};for(var a in s)"default"!==a&&(_[a]=(function(e){return s[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./data-table"),_={};for(var a in w)"default"!==a&&(_[a]=(function(e){return w[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./data-table-action-bar":function(e){e.exports=require("./data-table-action-bar.cjs")},"./data-table-advanced-toolbar":function(e){e.exports=require("./data-table-advanced-toolbar.cjs")},"./data-table-column-header":function(e){e.exports=require("./data-table-column-header.cjs")},"@/components/data-table/data-table-date-filter":function(e){e.exports=require("./data-table-date-filter.cjs")},"@/components/data-table/data-table-faceted-filter":function(e){e.exports=require("./data-table-faceted-filter.cjs")},"./data-table-filter-list":function(e){e.exports=require("./data-table-filter-list.cjs")},"./data-table-filter-menu":function(e){e.exports=require("./data-table-filter-menu.cjs")},"./data-table-pagination":function(e){e.exports=require("./data-table-pagination.cjs")},"./data-table-range-filter":function(e){e.exports=require("./data-table-range-filter.cjs")},"./data-table-skeleton":function(e){e.exports=require("./data-table-skeleton.cjs")},"@/components/data-table/data-table-slider-filter":function(e){e.exports=require("./data-table-slider-filter.cjs")},"./data-table-sort-list":function(e){e.exports=require("./data-table-sort-list.cjs")},"./data-table-toolbar":function(e){e.exports=require("./data-table-toolbar.cjs")},"@/components/data-table/data-table-view-options":function(e){e.exports=require("./data-table-view-options.cjs")},"./data-table":function(e){e.exports=require("./data-table.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var a=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](a,a.exports,__webpack_require__),a.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./data-table-action-bar"),_={};for(var a in e)"default"!==a&&(_[a]=(function(_){return e[_]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var r=__webpack_require__("./data-table-advanced-toolbar"),_={};for(var a in r)"default"!==a&&(_[a]=(function(e){return r[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./data-table-column-header"),_={};for(var a in t)"default"!==a&&(_[a]=(function(e){return t[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("@/components/data-table/data-table-date-filter"),_={};for(var a in i)"default"!==a&&(_[a]=(function(e){return i[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("@/components/data-table/data-table-faceted-filter"),_={};for(var a in n)"default"!==a&&(_[a]=(function(e){return n[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./data-table-filter-list"),_={};for(var a in o)"default"!==a&&(_[a]=(function(e){return o[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./data-table-filter-menu"),_={};for(var a in c)"default"!==a&&(_[a]=(function(e){return c[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("./data-table-pagination"),_={};for(var a in b)"default"!==a&&(_[a]=(function(e){return b[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./data-table-range-filter"),_={};for(var a in u)"default"!==a&&(_[a]=(function(e){return u[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./data-table-skeleton"),_={};for(var a in d)"default"!==a&&(_[a]=(function(e){return d[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("@/components/data-table/data-table-slider-filter"),_={};for(var a in p)"default"!==a&&(_[a]=(function(e){return p[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./data-table-sort-list"),_={};for(var a in l)"default"!==a&&(_[a]=(function(e){return l[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./data-table-toolbar"),_={};for(var a in f)"default"!==a&&(_[a]=(function(e){return f[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("@/components/data-table/data-table-view-options"),_={};for(var a in s)"default"!==a&&(_[a]=(function(e){return s[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./data-table"),_={};for(var a in w)"default"!==a&&(_[a]=(function(e){return w[e]}).bind(0,a));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/esm/components/badge.js

@@ -1,2 +1,2 @@
-import*as r from"react/jsx-runtime";import*as e from"../lib/utils.js";import*as t from"@radix-ui/react-slot";let o=(0,e.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-error-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function a({className:e,asChild:a,variant:n,...s}){let i=a?t.Slot:"span";return(0,r.jsx)(i,{className:o({className:e,variant:n}),...s})}export{a as Badge,o as badgeVariants};
+import*as r from"react/jsx-runtime";import*as t from"../lib/utils.js";import*as e from"@radix-ui/react-slot";let a=(0,t.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-gbm-sky text-white hover:bg-gbm-sky/80",secondary:"border-transparent bg-gray-100 text-gray-900 hover:bg-gray-100/80",destructive:"border-transparent bg-error text-white hover:bg-error/80",outline:"text-gbm-dark"}},defaultVariants:{variant:"default"}});function o({className:t,asChild:o,variant:n,...s}){let i=o?e.Slot:"span";return(0,r.jsx)(i,{className:a({className:t,variant:n}),...s})}export{o as Badge,a as badgeVariants};
 //# sourceMappingURL=badge.js.map

package/dist/esm/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\badge.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst badgeVariants = tv({\r\n  base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n  variants: {\r\n    variant: {\r\n      default:\r\n        'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\r\n      secondary:\r\n        'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\r\n      destructive:\r\n        'border-transparent bg-destructive text-error-foreground hover:bg-destructive/80',\r\n      outline: 'text-foreground',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Badge({\r\n  className,\r\n  asChild,\r\n  variant,\r\n  ...props\r\n}: ComponentProps<'span'> &\r\n  VariantProps<typeof badgeVariants> & {\r\n    asChild?: boolean\r\n  }): JSX.Element {\r\n  const Component = asChild ? Slot : 'span'\r\n\r\n  return (\r\n    <Component className={badgeVariants({ className, variant })} {...props} />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Badge, badgeVariants }\r\n"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","Component","Slot"],"mappings":"6GASA,IAAMA,EAAgBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACvB,KAAM,yKACN,SAAU,CACR,QAAS,CACP,QACE,4EACF,UACE,kFACF,YACE,kFACF,QAAS,iBACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAMA,SAASC,EAAM,CACbC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAIF,EACD,IAAMC,EAAYH,EAAUI,EAAAA,IAAIA,CAAG,OAEnC,MACE,UAACD,EAAAA,CAAU,UAAWP,EAAc,CAAEG,UAAAA,EAAWE,QAAAA,CAAQ,GAAK,GAAGC,CAAK,A,EAE1E,Q"}
+{"version":3,"file":"components\\badge.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst badgeVariants = tv({\r\n  base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n  variants: {\r\n    variant: {\r\n      default: 'border-transparent bg-gbm-sky text-white hover:bg-gbm-sky/80',\r\n      secondary:\r\n        'border-transparent bg-gray-100 text-gray-900 hover:bg-gray-100/80',\r\n      destructive: 'border-transparent bg-error text-white hover:bg-error/80',\r\n      outline: 'text-gbm-dark',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'default',\r\n  },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Badge({\r\n  className,\r\n  asChild,\r\n  variant,\r\n  ...props\r\n}: ComponentProps<'span'> &\r\n  VariantProps<typeof badgeVariants> & {\r\n    asChild?: boolean\r\n  }): JSX.Element {\r\n  const Component = asChild ? Slot : 'span'\r\n\r\n  return (\r\n    <Component className={badgeVariants({ className, variant })} {...props} />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Badge, badgeVariants }\r\n"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","Component","Slot"],"mappings":"6GASA,IAAMA,EAAgBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACvB,KAAM,yKACN,SAAU,CACR,QAAS,CACP,QAAS,+DACT,UACE,oEACF,YAAa,2DACb,QAAS,eACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAMA,SAASC,EAAM,CACbC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAIF,EACD,IAAMC,EAAYH,EAAUI,EAAAA,IAAIA,CAAG,OAEnC,MACE,UAACD,EAAAA,CAAU,UAAWP,EAAc,CAAEG,UAAAA,EAAWE,QAAAA,CAAQ,GAAK,GAAGC,CAAK,A,EAE1E,Q"}

package/dist/esm/components/button.js

@@ -1,2 +1,2 @@
-import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-slot";import*as r from"../lib/utils.js";import*as o from"./spinner.js";let i=(0,r.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{sm:"h-10 gap-1.5 px-4",md:"h-12 gap-4 px-6 py-2",lg:"h-14 gap-6 px-8",icon:"h-9 w-9"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function s({children:s,className:n,disabled:a,loaderPosition:b,loading:d,prefix:g,size:l,spinner:u,suffix:m,variant:p,asChild:f,rounded:x,...h}){let c=f?t.Slot:"button";return(0,e.jsxs)(c,{className:(0,r.cn)(i({variant:p,size:l,rounded:x,loading:d,className:n})),"data-slot":"button","data-variant":p,disabled:d||a,type:"button",...h,children:[d&&"prefix"===b?u||(0,e.jsx)(o.Spinner,{}):g,(0,e.jsx)(t.Slottable,{children:d&&!b?(0,e.jsx)(o.Spinner,{}):s}),d&&"suffix"===b?u||(0,e.jsx)(o.Spinner,{}):m]})}s.displayName="Button";export{s as Button,i as buttonVariants};
+import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-slot";import*as r from"../lib/utils.js";import*as o from"./spinner.js";let i=(0,r.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{xs:"h-8 gap-1.5 px-2.5",sm:"h-10 gap-1.5 px-4",md:"h-12 gap-4 px-6 py-2",lg:"h-14 gap-6 px-8",icon:"h-9 w-9"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function s({children:s,className:n,disabled:a,loaderPosition:b,loading:d,prefix:g,size:l,spinner:u,suffix:m,variant:p,asChild:x,rounded:f,...h}){let c=x?t.Slot:"button";return(0,e.jsxs)(c,{className:(0,r.cn)(i({variant:p,size:l,rounded:f,loading:d,className:n})),"data-slot":"button","data-variant":p,disabled:d||a,type:"button",...h,children:[d&&"prefix"===b?u||(0,e.jsx)(o.Spinner,{}):g,(0,e.jsx)(t.Slottable,{children:d&&!b?(0,e.jsx)(o.Spinner,{}):s}),d&&"suffix"===b?u||(0,e.jsx)(o.Spinner,{}):m]})}s.displayName="Button";export{s as Button,i as buttonVariants};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst buttonVariants = tv({\r\n  base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm',\r\n  variants: {\r\n    variant: {\r\n      primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n      secondary:\r\n        'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n      tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n      outline:\r\n        'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n      ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n      destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n      link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n    },\r\n    size: {\r\n      sm: 'h-10 gap-1.5 px-4',\r\n      md: 'h-12 gap-4 px-6 py-2',\r\n      lg: 'h-14 gap-6 px-8',\r\n      icon: 'h-9 w-9',\r\n    },\r\n    rounded: {\r\n      true: 'rounded-full',\r\n      false: 'rounded-md',\r\n    },\r\n    loading: {\r\n      true: 'pointer-events-none',\r\n      false: '',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'primary',\r\n    size: 'sm',\r\n    rounded: false,\r\n    loading: false,\r\n  },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n  VariantProps<typeof buttonVariants> & {\r\n    asChild?: boolean\r\n  }\r\n\r\nfunction Button({\r\n  children,\r\n  className,\r\n  disabled,\r\n  loaderPosition,\r\n  loading,\r\n  prefix,\r\n  size,\r\n  spinner,\r\n  suffix,\r\n  variant,\r\n  asChild,\r\n  rounded,\r\n  ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n  VariantProps<typeof buttonVariants> & {\r\n    loaderPosition?: 'prefix' | 'suffix'\r\n    loading?: boolean\r\n    prefix?: ReactNode\r\n    spinner?: ReactNode\r\n    suffix?: ReactNode\r\n    asChild?: boolean\r\n    rounded?: boolean\r\n  }): JSX.Element {\r\n  const Comp = asChild ? Slot : 'button'\r\n\r\n  return (\r\n    <Comp\r\n      className={cn(\r\n        buttonVariants({ variant, size, rounded, loading, className })\r\n      )}\r\n      data-slot=\"button\"\r\n      data-variant={variant}\r\n      disabled={loading || disabled}\r\n      type=\"button\"\r\n      {...props}\r\n    >\r\n      {loading && loaderPosition === 'prefix' ? spinner || <Spinner /> : prefix}\r\n      <Slottable>\r\n        {loading && !loaderPosition ? <Spinner /> : children}\r\n      </Slottable>\r\n      {loading && loaderPosition === 'suffix' ? spinner || <Spinner /> : suffix}\r\n    </Comp>\r\n  )\r\n}\r\nButton.displayName = 'Button'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"4IAYA,IAAMA,EAAiBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,gSACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,oBACJ,GAAI,uBACJ,GAAI,kBACJ,KAAM,SACR,EACA,QAAS,CACP,KAAM,eACN,MAAO,YACT,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EACD,IAAMC,EAAOH,EAAUI,EAAAA,IAAIA,CAAG,SAE9B,MACE,WAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACTlB,EAAe,CAAEY,QAAAA,EAASH,KAAAA,EAAMK,QAAAA,EAASP,QAAAA,EAASH,UAAAA,CAAU,IAE9D,YAAU,SACV,eAAcQ,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAAMX,EACnE,UAACY,EAAAA,SAASA,CAAAA,C,SACPb,GAAW,CAACD,EAAiB,UAACa,EAAAA,OAAOA,CAAAA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAAMR,E,EAGzE,CACAT,EAAO,WAAW,CAAG,gB"}
+{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst buttonVariants = tv({\r\n  base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm',\r\n  variants: {\r\n    variant: {\r\n      primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n      secondary:\r\n        'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n      tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n      outline:\r\n        'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n      ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n      destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n      link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n    },\r\n    size: {\r\n      xs: 'h-8 gap-1.5 px-2.5',\r\n      sm: 'h-10 gap-1.5 px-4',\r\n      md: 'h-12 gap-4 px-6 py-2',\r\n      lg: 'h-14 gap-6 px-8',\r\n      icon: 'h-9 w-9',\r\n    },\r\n    rounded: {\r\n      true: 'rounded-full',\r\n      false: 'rounded-md',\r\n    },\r\n    loading: {\r\n      true: 'pointer-events-none',\r\n      false: '',\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: 'primary',\r\n    size: 'sm',\r\n    rounded: false,\r\n    loading: false,\r\n  },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n  VariantProps<typeof buttonVariants> & {\r\n    asChild?: boolean\r\n  }\r\n\r\nfunction Button({\r\n  children,\r\n  className,\r\n  disabled,\r\n  loaderPosition,\r\n  loading,\r\n  prefix,\r\n  size,\r\n  spinner,\r\n  suffix,\r\n  variant,\r\n  asChild,\r\n  rounded,\r\n  ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n  VariantProps<typeof buttonVariants> & {\r\n    loaderPosition?: 'prefix' | 'suffix'\r\n    loading?: boolean\r\n    prefix?: ReactNode\r\n    spinner?: ReactNode\r\n    suffix?: ReactNode\r\n    asChild?: boolean\r\n    rounded?: boolean\r\n  }): JSX.Element {\r\n  const Comp = asChild ? Slot : 'button'\r\n\r\n  return (\r\n    <Comp\r\n      className={cn(\r\n        buttonVariants({ variant, size, rounded, loading, className })\r\n      )}\r\n      data-slot=\"button\"\r\n      data-variant={variant}\r\n      disabled={loading || disabled}\r\n      type=\"button\"\r\n      {...props}\r\n    >\r\n      {loading && loaderPosition === 'prefix' ? spinner || <Spinner /> : prefix}\r\n      <Slottable>\r\n        {loading && !loaderPosition ? <Spinner /> : children}\r\n      </Slottable>\r\n      {loading && loaderPosition === 'suffix' ? spinner || <Spinner /> : suffix}\r\n    </Comp>\r\n  )\r\n}\r\nButton.displayName = 'Button'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"4IAYA,IAAMA,EAAiBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,gSACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,qBACJ,GAAI,oBACJ,GAAI,uBACJ,GAAI,kBACJ,KAAM,SACR,EACA,QAAS,CACP,KAAM,eACN,MAAO,YACT,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EACD,IAAMC,EAAOH,EAAUI,EAAAA,IAAIA,CAAG,SAE9B,MACE,WAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACTlB,EAAe,CAAEY,QAAAA,EAASH,KAAAA,EAAMK,QAAAA,EAASP,QAAAA,EAASH,UAAAA,CAAU,IAE9D,YAAU,SACV,eAAcQ,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAAMX,EACnE,UAACY,EAAAA,SAASA,CAAAA,C,SACPb,GAAW,CAACD,EAAiB,UAACa,EAAAA,OAAOA,CAAAA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAAMR,E,EAGzE,CACAT,EAAO,WAAW,CAAG,gB"}

package/dist/esm/components/command.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react/dist/ssr";import*as o from"cmdk";import*as a from"@radix-ui/react-visually-hidden";import*as n from"../lib/utils.js";import*as d from"./dialog.js";function m({className:t,...a}){return(0,e.jsx)(o.Command,{className:(0,n.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",t),"data-slot":"command",...a})}function r({children:t,...o}){return(0,e.jsx)(d.Dialog,{"data-slot":"command-dialog",...o,children:(0,e.jsxs)(d.DialogContent,{className:"overflow-hidden p-0 shadow-lg","data-slot":"command-dialog-content",children:[(0,e.jsxs)(a.VisuallyHidden,{children:[(0,e.jsx)(d.DialogTitle,{children:"Search command"}),(0,e.jsx)(d.DialogDescription,{children:"Use the search bar to find and select the desired command."})]}),(0,e.jsx)(m,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})]})})}function s({className:a,...d}){return(0,e.jsxs)("div",{className:"flex items-center border-b px-3",children:[(0,e.jsx)(t.MagnifyingGlass,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,e.jsx)(o.Command.Input,{className:(0,n.cn)("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",a),"data-slot":"command-input",...d})]})}function c({className:t,...a}){return(0,e.jsx)(o.Command.List,{className:(0,n.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",t),"data-slot":"command-list",...a})}function i({className:t,...a}){return(0,e.jsx)(o.Command.Empty,{className:(0,n.cn)("py-6 text-center text-sm",t),"data-slot":"command-empty",...a})}function l({className:t,...a}){return(0,e.jsx)(o.Command.Group,{className:(0,n.cn)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",t),"data-slot":"command-group",...a})}function u({className:t,...a}){return(0,e.jsx)(o.Command.Separator,{className:(0,n.cn)("-mx-1 h-px bg-stroke",t),"data-slot":"command-separator",...a})}function p({className:t,...a}){return(0,e.jsx)(o.Command.Item,{className:(0,n.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",t),"data-slot":"command-item",...a})}function x({className:t,...o}){return(0,e.jsx)("span",{className:(0,n.cn)("ml-auto text-muted-foreground text-xs tracking-widest",t),"data-slot":"command-shortcut",...o})}export{m as Command,r as CommandDialog,i as CommandEmpty,l as CommandGroup,s as CommandInput,p as CommandItem,c as CommandList,u as CommandSeparator,x as CommandShortcut};
+import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react/dist/ssr";import*as o from"cmdk";import*as a from"@radix-ui/react-visually-hidden";import*as d from"../lib/utils.js";import*as n from"./dialog.js";function m({className:t,...a}){return(0,e.jsx)(o.Command,{className:(0,d.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",t),"data-slot":"command",...a})}function r({children:t,...o}){return(0,e.jsx)(n.Dialog,{"data-slot":"command-dialog",...o,children:(0,e.jsxs)(n.DialogContent,{className:"overflow-hidden p-0 shadow-lg","data-slot":"command-dialog-content",children:[(0,e.jsxs)(a.VisuallyHidden,{children:[(0,e.jsx)(n.DialogTitle,{children:"Search command"}),(0,e.jsx)(n.DialogDescription,{children:"Use the search bar to find and select the desired command."})]}),(0,e.jsx)(m,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})]})})}function s({className:a,...n}){return(0,e.jsxs)("div",{className:"flex items-center border-b px-3",children:[(0,e.jsx)(t.MagnifyingGlass,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,e.jsx)(o.Command.Input,{className:(0,d.cn)("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",a),"data-slot":"command-input",...n})]})}function i({className:t,...a}){return(0,e.jsx)(o.Command.List,{className:(0,d.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",t),"data-slot":"command-list",...a})}function c({className:t,...a}){return(0,e.jsx)(o.Command.Empty,{className:(0,d.cn)("py-6 text-center text-sm",t),"data-slot":"command-empty",...a})}function l({className:t,...a}){return(0,e.jsx)(o.Command.Group,{className:(0,d.cn)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",t),"data-slot":"command-group",...a})}function u({className:t,...a}){return(0,e.jsx)(o.Command.Separator,{className:(0,d.cn)("-mx-1 h-px bg-stroke",t),"data-slot":"command-separator",...a})}function p({className:t,...a}){return(0,e.jsx)(o.Command.Item,{className:(0,d.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-gray-100 aria-[selected='true']:text-gbm-dark data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",t),"data-slot":"command-item",...a})}function x({className:t,...o}){return(0,e.jsx)("span",{className:(0,d.cn)("ml-auto text-muted-foreground text-xs tracking-widest",t),"data-slot":"command-shortcut",...o})}export{m as Command,r as CommandDialog,c as CommandEmpty,l as CommandGroup,s as CommandInput,p as CommandItem,i as CommandList,u as CommandSeparator,x as CommandShortcut};
 //# sourceMappingURL=command.js.map

package/dist/esm/components/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive\r\n      className={cn(\r\n        'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n        className\r\n      )}\r\n      data-slot=\"command\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n  children,\r\n  ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n  return (\r\n    <Dialog data-slot=\"command-dialog\" {...props}>\r\n      <DialogContent\r\n        className=\"overflow-hidden p-0 shadow-lg\"\r\n        data-slot=\"command-dialog-content\"\r\n      >\r\n        <VisuallyHidden>\r\n          <DialogTitle>Search command</DialogTitle>\r\n          <DialogDescription>\r\n            Use the search bar to find and select the desired command.\r\n          </DialogDescription>\r\n        </VisuallyHidden>\r\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n  return (\r\n    <div className=\"flex items-center border-b px-3\">\r\n      <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n      <CommandPrimitive.Input\r\n        className={cn(\r\n          'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n          className\r\n        )}\r\n        data-slot=\"command-input\"\r\n        {...props}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.List\r\n      className={cn(\r\n        'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n        className\r\n      )}\r\n      data-slot=\"command-list\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Empty\r\n      className={cn('py-6 text-center text-sm', className)}\r\n      data-slot=\"command-empty\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Group\r\n      className={cn(\r\n        'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n        className\r\n      )}\r\n      data-slot=\"command-group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Separator\r\n      className={cn('-mx-1 h-px bg-stroke', className)}\r\n      data-slot=\"command-separator\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Item\r\n      className={cn(\r\n        \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n        className\r\n      )}\r\n      data-slot=\"command-item\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n  className,\r\n  ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n  return (\r\n    <span\r\n      className={cn(\r\n        'ml-auto text-muted-foreground text-xs tracking-widest',\r\n        className\r\n      )}\r\n      data-slot=\"command-shortcut\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n  Command,\r\n  CommandDialog,\r\n  CommandInput,\r\n  CommandList,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandItem,\r\n  CommandShortcut,\r\n  CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";8NAcA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,UAACC,EAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,UAACK,EAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,WAACM,EAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,UAACC,EAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,UAACX,EAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,WAAC,OAAI,UAAU,kC,UACb,UAACW,EAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,UAACV,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,UAACC,EAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,gQACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,UAAC,QACC,UAAWE,GAAAA,EAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}
+{"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive\r\n      className={cn(\r\n        'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n        className\r\n      )}\r\n      data-slot=\"command\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n  children,\r\n  ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n  return (\r\n    <Dialog data-slot=\"command-dialog\" {...props}>\r\n      <DialogContent\r\n        className=\"overflow-hidden p-0 shadow-lg\"\r\n        data-slot=\"command-dialog-content\"\r\n      >\r\n        <VisuallyHidden>\r\n          <DialogTitle>Search command</DialogTitle>\r\n          <DialogDescription>\r\n            Use the search bar to find and select the desired command.\r\n          </DialogDescription>\r\n        </VisuallyHidden>\r\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n  return (\r\n    <div className=\"flex items-center border-b px-3\">\r\n      <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n      <CommandPrimitive.Input\r\n        className={cn(\r\n          'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n          className\r\n        )}\r\n        data-slot=\"command-input\"\r\n        {...props}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.List\r\n      className={cn(\r\n        'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n        className\r\n      )}\r\n      data-slot=\"command-list\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Empty\r\n      className={cn('py-6 text-center text-sm', className)}\r\n      data-slot=\"command-empty\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Group\r\n      className={cn(\r\n        'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n        className\r\n      )}\r\n      data-slot=\"command-group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Separator\r\n      className={cn('-mx-1 h-px bg-stroke', className)}\r\n      data-slot=\"command-separator\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n  return (\r\n    <CommandPrimitive.Item\r\n      className={cn(\r\n        \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-gray-100 aria-[selected='true']:text-gbm-dark data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n        className\r\n      )}\r\n      data-slot=\"command-item\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n  className,\r\n  ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n  return (\r\n    <span\r\n      className={cn(\r\n        'ml-auto text-muted-foreground text-xs tracking-widest',\r\n        className\r\n      )}\r\n      data-slot=\"command-shortcut\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n  Command,\r\n  CommandDialog,\r\n  CommandInput,\r\n  CommandList,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandItem,\r\n  CommandShortcut,\r\n  CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";8NAcA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,UAACC,EAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,UAACK,EAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,WAACM,EAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,UAACC,EAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,UAACX,EAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,WAAC,OAAI,UAAU,kC,UACb,UAACW,EAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,UAACV,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,UAACC,EAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yPACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,UAAC,QACC,UAAWE,GAAAA,EAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}

package/dist/esm/components/data-table/data-table-column-header.js

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react";import*as s from"../dropdown-menu.js";import*as r from"../../lib/utils.js";function o({column:o,title:n,className:i,...a}){return o.getCanSort()||o.getCanHide()?(0,e.jsxs)(s.DropdownMenu,{children:[(0,e.jsxs)(s.DropdownMenuTrigger,{className:(0,r.cn)("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",i),...a,children:[n,o.getCanSort()&&("desc"===o.getIsSorted()?(0,e.jsx)(t.CaretDown,{}):"asc"===o.getIsSorted()?(0,e.jsx)(t.CaretUp,{}):(0,e.jsx)(t.CaretUpDown,{}))]}),(0,e.jsxs)(s.DropdownMenuContent,{align:"start",className:"w-28",children:[o.getCanSort()&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s.DropdownMenuCheckboxItem,{className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"asc"===o.getIsSorted(),onClick:()=>o.toggleSorting(!1),children:[(0,e.jsx)(t.CaretUp,{}),"Asc"]}),(0,e.jsxs)(s.DropdownMenuCheckboxItem,{className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"desc"===o.getIsSorted(),onClick:()=>o.toggleSorting(!0),children:[(0,e.jsx)(t.CaretDown,{}),"Desc"]}),o.getIsSorted()&&(0,e.jsxs)(s.DropdownMenuItem,{className:"pl-2 [&_svg]:text-muted-foreground",onClick:()=>o.clearSorting(),children:[(0,e.jsx)(t.X,{}),"Reset"]})]}),o.getCanHide()&&(0,e.jsxs)(s.DropdownMenuCheckboxItem,{className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:!o.getIsVisible(),onClick:()=>o.toggleVisibility(!1),children:[(0,e.jsx)(t.EyeSlash,{}),"Hide"]})]})]}):(0,e.jsx)("div",{className:(0,r.cn)(i),children:n})}export{o as DataTableColumnHeader};
+import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react";import*as t from"../dropdown-menu.js";import*as r from"../../lib/utils.js";function n({column:n,title:o,className:a,...i}){return n.getCanSort()||n.getCanHide()?(0,e.jsxs)(t.DropdownMenu,{children:[(0,e.jsxs)(t.DropdownMenuTrigger,{className:(0,r.cn)("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground",a),...i,children:[o,n.getCanSort()&&("desc"===n.getIsSorted()?(0,e.jsx)(s.CaretDown,{}):"asc"===n.getIsSorted()?(0,e.jsx)(s.CaretUp,{}):(0,e.jsx)(s.CaretUpDown,{}))]}),(0,e.jsxs)(t.DropdownMenuContent,{align:"start",className:"w-28",children:[n.getCanSort()&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(t.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500",checked:"asc"===n.getIsSorted(),onClick:()=>n.toggleSorting(!1),children:[(0,e.jsx)(s.CaretUp,{}),"Asc"]}),(0,e.jsxs)(t.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500",checked:"desc"===n.getIsSorted(),onClick:()=>n.toggleSorting(!0),children:[(0,e.jsx)(s.CaretDown,{}),"Desc"]}),n.getIsSorted()&&(0,e.jsxs)(t.DropdownMenuItem,{className:"gap-2 pl-2 [&_svg]:text-gray-500",onClick:()=>n.clearSorting(),children:[(0,e.jsx)(s.X,{}),"Reset"]})]}),n.getCanHide()&&(0,e.jsxs)(t.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:!n.getIsVisible(),onClick:()=>n.toggleVisibility(!1),children:[(0,e.jsx)(s.EyeSlash,{}),"Esconder"]})]})]}):(0,e.jsx)("div",{className:(0,r.cn)(a),children:o})}export{n as DataTableColumnHeader};
 //# sourceMappingURL=data-table-column-header.js.map

package/dist/esm/components/data-table/data-table-column-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\data-table\\data-table-column-header.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-column-header.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n  CaretDown,\r\n  CaretUp,\r\n  CaretUpDown,\r\n  EyeSlash,\r\n  X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from '@/components/dropdown-menu'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue>\r\n  extends React.ComponentProps<typeof DropdownMenuTrigger> {\r\n  column: Column<TData, TValue>\r\n  title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n  column,\r\n  title,\r\n  className,\r\n  ...props\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n  if (!column.getCanSort() && !column.getCanHide()) {\r\n    return <div className={cn(className)}>{title}</div>\r\n  }\r\n\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger\r\n        className={cn(\r\n          '-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {title}\r\n        {column.getCanSort() &&\r\n          (column.getIsSorted() === 'desc' ? (\r\n            <CaretDown />\r\n          ) : column.getIsSorted() === 'asc' ? (\r\n            <CaretUp />\r\n          ) : (\r\n            <CaretUpDown />\r\n          ))}\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"start\" className=\"w-28\">\r\n        {column.getCanSort() && (\r\n          <>\r\n            <DropdownMenuCheckboxItem\r\n              className=\"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n              checked={column.getIsSorted() === 'asc'}\r\n              onClick={() => column.toggleSorting(false)}\r\n            >\r\n              <CaretUp />\r\n              Asc\r\n            </DropdownMenuCheckboxItem>\r\n            <DropdownMenuCheckboxItem\r\n              className=\"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n              checked={column.getIsSorted() === 'desc'}\r\n              onClick={() => column.toggleSorting(true)}\r\n            >\r\n              <CaretDown />\r\n              Desc\r\n            </DropdownMenuCheckboxItem>\r\n            {column.getIsSorted() && (\r\n              <DropdownMenuItem\r\n                className=\"pl-2 [&_svg]:text-muted-foreground\"\r\n                onClick={() => column.clearSorting()}\r\n              >\r\n                <X />\r\n                Reset\r\n              </DropdownMenuItem>\r\n            )}\r\n          </>\r\n        )}\r\n        {column.getCanHide() && (\r\n          <DropdownMenuCheckboxItem\r\n            className=\"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n            checked={!column.getIsVisible()}\r\n            onClick={() => column.toggleVisibility(false)}\r\n          >\r\n            <EyeSlash />\r\n            Hide\r\n          </DropdownMenuCheckboxItem>\r\n        )}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\r\n}\r\n"],"names":["DataTableColumnHeader","column","title","className","props","DropdownMenu","DropdownMenuTrigger","cn","CaretDown","CaretUp","CaretUpDown","DropdownMenuContent","DropdownMenuCheckboxItem","DropdownMenuItem","X","EyeSlash"],"mappings":";uJA0BO,SAASA,EAAqC,CACnDC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACT,GAAGC,EACuC,SAC1C,EAAY,UAAU,IAAOH,EAAO,UAAU,GAK5C,WAACI,EAAAA,YAAYA,CAAAA,C,UACX,WAACC,EAAAA,mBAAmBA,CAAAA,CAClB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yNACAJ,GAED,GAAGC,CAAK,C,UAERF,EACAD,EAAO,UAAU,IACfA,CAAAA,SAAAA,EAAO,WAAW,GACjB,UAACO,EAAAA,SAASA,CAAAA,CAAAA,GACRP,QAAAA,EAAO,WAAW,GACpB,UAACQ,EAAAA,OAAOA,CAAAA,CAAAA,GAER,UAACC,EAAAA,WAAWA,CAAAA,CAAAA,EAAAA,E,GAGlB,WAACC,EAAAA,mBAAmBA,CAAAA,CAAC,MAAM,QAAQ,UAAU,O,UAC1CV,EAAO,UAAU,IAChB,uB,UACE,WAACW,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,+GACV,QAASX,QAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,UAACQ,EAAAA,OAAOA,CAAAA,CAAAA,GAAG,M,GAGb,WAACG,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,+GACV,QAASX,SAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,UAACO,EAAAA,SAASA,CAAAA,CAAAA,GAAG,O,GAGdP,EAAO,WAAW,IACjB,WAACY,EAAAA,gBAAgBA,CAAAA,CACf,UAAU,qCACV,QAAS,IAAMZ,EAAO,YAAY,G,UAElC,UAACa,EAAAA,CAACA,CAAAA,CAAAA,GAAG,Q,MAMZb,EAAO,UAAU,IAChB,WAACW,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,+GACV,QAAS,CAACX,EAAO,YAAY,GAC7B,QAAS,IAAMA,EAAO,gBAAgB,CAAC,I,UAEvC,UAACc,EAAAA,QAAQA,CAAAA,CAAAA,GAAG,O,SA1Db,UAAC,OAAI,UAAWR,GAAAA,EAAAA,EAAAA,EAAGJ,G,SAAaD,C,EAiE3C,Q"}
+{"version":3,"file":"components\\data-table\\data-table-column-header.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-column-header.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n  CaretDown,\r\n  CaretUp,\r\n  CaretUpDown,\r\n  EyeSlash,\r\n  X,\r\n} from '@phosphor-icons/react'\r\nimport type { Column } from '@tanstack/react-table'\r\n\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from '@/components/dropdown-menu'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableColumnHeaderProps<TData, TValue>\r\n  extends React.ComponentProps<typeof DropdownMenuTrigger> {\r\n  column: Column<TData, TValue>\r\n  title: string\r\n}\r\n\r\nexport function DataTableColumnHeader<TData, TValue>({\r\n  column,\r\n  title,\r\n  className,\r\n  ...props\r\n}: DataTableColumnHeaderProps<TData, TValue>) {\r\n  if (!column.getCanSort() && !column.getCanHide()) {\r\n    return <div className={cn(className)}>{title}</div>\r\n  }\r\n\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger\r\n        className={cn(\r\n          '-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-accent focus:outline-none focus:ring-1 focus:ring-ring data-[state=open]:bg-accent [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground',\r\n          className\r\n        )}\r\n        {...props}\r\n      >\r\n        {title}\r\n        {column.getCanSort() &&\r\n          (column.getIsSorted() === 'desc' ? (\r\n            <CaretDown />\r\n          ) : column.getIsSorted() === 'asc' ? (\r\n            <CaretUp />\r\n          ) : (\r\n            <CaretUpDown />\r\n          ))}\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"start\" className=\"w-28\">\r\n        {column.getCanSort() && (\r\n          <>\r\n            <DropdownMenuCheckboxItem\r\n              className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500\"\r\n              checked={column.getIsSorted() === 'asc'}\r\n              onClick={() => column.toggleSorting(false)}\r\n            >\r\n              <CaretUp />\r\n              Asc\r\n            </DropdownMenuCheckboxItem>\r\n            <DropdownMenuCheckboxItem\r\n              className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-gray-500\"\r\n              checked={column.getIsSorted() === 'desc'}\r\n              onClick={() => column.toggleSorting(true)}\r\n            >\r\n              <CaretDown />\r\n              Desc\r\n            </DropdownMenuCheckboxItem>\r\n            {column.getIsSorted() && (\r\n              <DropdownMenuItem\r\n                className=\"gap-2 pl-2 [&_svg]:text-gray-500\"\r\n                onClick={() => column.clearSorting()}\r\n              >\r\n                <X />\r\n                Reset\r\n              </DropdownMenuItem>\r\n            )}\r\n          </>\r\n        )}\r\n        {column.getCanHide() && (\r\n          <DropdownMenuCheckboxItem\r\n            className=\"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\"\r\n            checked={!column.getIsVisible()}\r\n            onClick={() => column.toggleVisibility(false)}\r\n          >\r\n            <EyeSlash />\r\n            Esconder\r\n          </DropdownMenuCheckboxItem>\r\n        )}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  )\r\n}\r\n"],"names":["DataTableColumnHeader","column","title","className","props","DropdownMenu","DropdownMenuTrigger","cn","CaretDown","CaretUp","CaretUpDown","DropdownMenuContent","DropdownMenuCheckboxItem","DropdownMenuItem","X","EyeSlash"],"mappings":";uJA0BO,SAASA,EAAqC,CACnDC,OAAAA,CAAM,CACNC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACT,GAAGC,EACuC,SAC1C,EAAY,UAAU,IAAOH,EAAO,UAAU,GAK5C,WAACI,EAAAA,YAAYA,CAAAA,C,UACX,WAACC,EAAAA,mBAAmBA,CAAAA,CAClB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yNACAJ,GAED,GAAGC,CAAK,C,UAERF,EACAD,EAAO,UAAU,IACfA,CAAAA,SAAAA,EAAO,WAAW,GACjB,UAACO,EAAAA,SAASA,CAAAA,CAAAA,GACRP,QAAAA,EAAO,WAAW,GACpB,UAACQ,EAAAA,OAAOA,CAAAA,CAAAA,GAER,UAACC,EAAAA,WAAWA,CAAAA,CAAAA,EAAAA,E,GAGlB,WAACC,EAAAA,mBAAmBA,CAAAA,CAAC,MAAM,QAAQ,UAAU,O,UAC1CV,EAAO,UAAU,IAChB,uB,UACE,WAACW,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,6GACV,QAASX,QAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,UAACQ,EAAAA,OAAOA,CAAAA,CAAAA,GAAG,M,GAGb,WAACG,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,6GACV,QAASX,SAAAA,EAAO,WAAW,GAC3B,QAAS,IAAMA,EAAO,aAAa,CAAC,I,UAEpC,UAACO,EAAAA,SAASA,CAAAA,CAAAA,GAAG,O,GAGdP,EAAO,WAAW,IACjB,WAACY,EAAAA,gBAAgBA,CAAAA,CACf,UAAU,mCACV,QAAS,IAAMZ,EAAO,YAAY,G,UAElC,UAACa,EAAAA,CAACA,CAAAA,CAAAA,GAAG,Q,MAMZb,EAAO,UAAU,IAChB,WAACW,EAAAA,wBAAwBA,CAAAA,CACvB,UAAU,qHACV,QAAS,CAACX,EAAO,YAAY,GAC7B,QAAS,IAAMA,EAAO,gBAAgB,CAAC,I,UAEvC,UAACc,EAAAA,QAAQA,CAAAA,CAAAA,GAAG,W,SA1Db,UAAC,OAAI,UAAWR,GAAAA,EAAAA,EAAAA,EAAGJ,G,SAAaD,C,EAiE3C,Q"}