@sth87/shadcn-design-system 0.0.35 → 0.1.0

package/dist/cjs/components/Switch/Switch.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),v=require("../../packages/ui/src/components/switch.cjs"),w=require("../../packages/ui/src/lib/utils.cjs"),E=require("../../utils/animations.cjs"),M=require("../Glass/Glass.cjs"),y=s.forwardRef((S,q)=>{const{animation:n,label:p,labelPosition:d="right",offLabel:r,onLabel:i,showLabels:j="none",checked:x=!1,onCheckedChange:z,className:b,variant:c="default",size:u="normal",color:h,...N}=S,g=s.useId(),[_,C]=s.useState(x);s.useEffect(()=>{C(x)},[x]);const k=t=>{C(t),z?.(t)},a=s.useMemo(()=>n?n==="glass"?{className:"!bg-transparent !shadow-none !border-none",isGlass:!0,variant:"default"}:E.animationEffect({animation:n,children:null,className:b,rootClassName:v.switchVariants({variant:c,size:u,color:h}),variantType:c}):null,[n,b,c,u,h]),m=t=>{const l=e.jsx(v.Switch,{ref:q,id:g,checked:_,onCheckedChange:k,className:w.cn(b,t,a?.className),variant:c,size:u,color:h,style:{...N.style||{},...a?.style||{}},...N});if(n==="glass"&&a?.isGlass){const o=v.switchVariants({variant:c,size:u,color:h})?.match(/((?:!)?rounded-\S+)/g),f=o?o[o.length-1]:"rounded-full";return e.jsx(M.default,{className:w.cn("hover:scale-110 [&_span]:opacity-80",f),children:l})}return a?.children&&s.isValidElement(a.children)?s.cloneElement(a.children,l):l};if(j==="inside"&&(r||i))return e.jsxs("div",{className:"relative inline-grid h-7 w-fit grid-cols-[1fr_1fr] items-center text-sm font-medium",children:[m("peer data-[state=unchecked]:bg-input/50 absolute inset-0 h-[inherit] w-14 [&_span]:z-10 [&_span]:size-6.5 [&_span]:transition-transform [&_span]:duration-300 [&_span]:ease-[cubic-bezier(0.16,1,0.3,1)] [&_span]:data-[state=checked]:translate-x-7 [&_span]:data-[state=checked]:rtl:-translate-x-7"),e.jsx("span",{className:"pointer-events-none relative ml-0.5 flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible peer-data-[state=unchecked]:translate-x-6 peer-data-[state=unchecked]:rtl:-translate-x-6",children:r}),e.jsx("span",{className:"peer-data-[state=checked]:text-background pointer-events-none relative flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=unchecked]:invisible peer-data-[state=checked]:rtl:translate-x-full",children:i})]});if(j==="outside"&&(r||i))return e.jsxs("div",{className:"group inline-flex items-center gap-2","data-state":_?"checked":"unchecked",children:[r&&e.jsx("span",{className:"flex-1 cursor-pointer text-sm font-medium group-data-[state=checked]:text-muted-foreground/70",onClick:()=>k(!1),children:r}),m(),i&&e.jsx("span",{className:"flex-1 cursor-pointer text-sm font-medium group-data-[state=unchecked]:text-muted-foreground/70",onClick:()=>k(!0),children:i})]});if(p){const t=d==="top"||d==="bottom",l=t?"flex-col":"flex-row",o=t?"items-start":"items-center",f=d==="left"||d==="top";return e.jsxs("div",{className:w.cn("flex gap-2",l,o),children:[f&&e.jsx("label",{htmlFor:g,children:p}),m(),!f&&e.jsx("label",{htmlFor:g,children:p})]})}return m()});y.displayName="Switch";exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react"),v=require("../../packages/ui/src/components/switch.cjs"),w=require("../../packages/ui/src/lib/utils.cjs"),E=require("../../utils/animations.cjs"),M=require("../Glass/Glass.cjs"),y=t.forwardRef((S,q)=>{const{animation:n,label:p,labelPosition:o="right",offLabel:r,onLabel:d,showLabels:j="none",checked:x=!1,onCheckedChange:z,className:b,variant:i="default",size:u="normal",color:h,...N}=S,g=t.useId(),[_,C]=t.useState(x);t.useEffect(()=>{C(x)},[x]);const k=s=>{C(s),z?.(s)},a=t.useMemo(()=>n?n==="glass"?{className:"!bg-transparent !shadow-none !border-none",isGlass:!0,variant:"default"}:E.animationEffect({animation:n,children:null,className:b,rootClassName:v.switchVariants({variant:i,size:u,color:h}),variantType:i}):null,[n,b,i,u,h]),m=s=>{const c=e.jsx(v.Switch,{ref:q,id:g,checked:_,onCheckedChange:k,className:w.cn(b,s,a?.className),variant:i,size:u,color:h,style:{...N.style||{},...a?.style||{}},...N});if(n==="glass"&&a?.isGlass){const l=v.switchVariants({variant:i,size:u,color:h})?.match(/((?:!)?rounded-\S+)/g),f=l?l[l.length-1]:"rounded-full";return e.jsx(M.default,{className:w.cn("ds:hover:scale-110 ds:[&_span]:opacity-80",f),children:c})}return a?.children&&t.isValidElement(a.children)?t.cloneElement(a.children,c):c};if(j==="inside"&&(r||d))return e.jsxs("div",{className:"ds:relative ds:inline-grid ds:h-7 ds:w-fit ds:grid-cols-[1fr_1fr] ds:items-center ds:text-sm ds:font-medium",children:[m("peer data-[state=unchecked]:bg-input/50 absolute inset-0 h-[inherit] w-14 [&_span]:z-10 [&_span]:size-6.5 [&_span]:transition-transform [&_span]:duration-300 [&_span]:ease-[cubic-bezier(0.16,1,0.3,1)] [&_span]:data-[state=checked]:translate-x-7 [&_span]:data-[state=checked]:rtl:-translate-x-7"),e.jsx("span",{className:"ds:pointer-events-none ds:relative ds:ml-0.5 ds:flex ds:min-w-8 ds:items-center ds:justify-center ds:text-center ds:transition-transform ds:duration-300 ds:ease-[cubic-bezier(0.16,1,0.3,1)] ds:peer-data-[state=checked]:invisible ds:peer-data-[state=unchecked]:translate-x-6 ds:peer-data-[state=unchecked]:rtl:-translate-x-6",children:r}),e.jsx("span",{className:"ds:peer-data-[state=checked]:text-background ds:pointer-events-none ds:relative ds:flex ds:min-w-8 ds:items-center ds:justify-center ds:text-center ds:transition-transform ds:duration-300 ds:ease-[cubic-bezier(0.16,1,0.3,1)] ds:peer-data-[state=checked]:-translate-x-full ds:peer-data-[state=unchecked]:invisible ds:peer-data-[state=checked]:rtl:translate-x-full",children:d})]});if(j==="outside"&&(r||d))return e.jsxs("div",{className:"ds:group ds:inline-flex ds:items-center ds:gap-2","data-state":_?"checked":"unchecked",children:[r&&e.jsx("span",{className:"ds:flex-1 ds:cursor-pointer ds:text-sm ds:font-medium ds:group-data-[state=checked]:text-muted-foreground/70",onClick:()=>k(!1),children:r}),m(),d&&e.jsx("span",{className:"ds:flex-1 ds:cursor-pointer ds:text-sm ds:font-medium ds:group-data-[state=unchecked]:text-muted-foreground/70",onClick:()=>k(!0),children:d})]});if(p){const s=o==="top"||o==="bottom",c=s?"flex-col":"flex-row",l=s?"items-start":"items-center",f=o==="left"||o==="top";return e.jsxs("div",{className:w.cn("ds:flex ds:gap-2",c,l),children:[f&&e.jsx("label",{htmlFor:g,children:p}),m(),!f&&e.jsx("label",{htmlFor:g,children:p})]})}return m()});y.displayName="Switch";exports.default=y;
 //# sourceMappingURL=Switch.cjs.map

package/dist/cjs/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Switch as SSwitch,\n  switchVariants,\n  type SwitchVariant,\n} from \"@dsui/ui/components/switch\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { SwitchAnimation } from \"@/types/variables\";\nimport { animationEffect } from \"@/utils/animations\";\nimport { Glass } from \"../Glass\";\n\nexport type SwitchProps = Omit<\n  React.ComponentPropsWithoutRef<typeof SSwitch>,\n  \"onCheckedChange\" | \"variant\" | \"size\" | \"color\"\n> & {\n  onCheckedChange?: (checked: boolean) => void;\n  variant?: \"default\" | \"square1\" | \"square2\" | \"mini\";\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"accent\"\n    | \"destructive\"\n    | \"muted\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  animation?: SwitchAnimation;\n  label?: React.ReactNode;\n  labelPosition?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  offLabel?: React.ReactNode;\n  onLabel?: React.ReactNode;\n  showLabels?: \"outside\" | \"inside\" | \"none\";\n};\n\ntype AnimResult = {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  variant?: SwitchVariant[\"variant\"];\n  isGlass?: boolean; // Flag for glass effect\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (props, ref) => {\n    const {\n      animation,\n      label,\n      labelPosition = \"right\",\n      offLabel,\n      onLabel,\n      showLabels = \"none\",\n      checked = false,\n      onCheckedChange,\n      className,\n      variant = \"default\",\n      size = \"normal\",\n      color,\n      ...rest\n    } = props;\n    const id = React.useId();\n\n    const [isChecked, setIsChecked] = React.useState(checked);\n\n    React.useEffect(() => {\n      setIsChecked(checked as boolean);\n    }, [checked]);\n\n    const handleCheckedChange = (newChecked: boolean) => {\n      setIsChecked(newChecked);\n      onCheckedChange?.(newChecked);\n    };\n\n    const switchAnimation = useMemo<AnimResult | null>(() => {\n      if (!animation) return null;\n\n      // Handle glass animation separately for Switch (don't affect other components)\n      if (animation === \"glass\") {\n        return {\n          className: \"!bg-transparent !shadow-none !border-none\",\n          isGlass: true, // Custom flag for glass effect\n          variant: \"default\",\n        };\n      }\n\n      return animationEffect<SwitchAnimation, SwitchVariant[\"variant\"]>({\n        animation,\n        children: null,\n        className,\n        rootClassName: switchVariants({\n          variant: variant,\n          size: size,\n          color: color,\n        }),\n        variantType: variant,\n      });\n    }, [animation, className, variant, size, color]);\n\n    const switchElement = (switchClassName?: string) => {\n      const baseSwitchElement = (\n        <SSwitch\n          ref={ref}\n          id={id}\n          checked={isChecked}\n          onCheckedChange={handleCheckedChange}\n          className={cn(className, switchClassName, switchAnimation?.className)}\n          variant={variant}\n          size={size}\n          color={color}\n          style={{ ...(rest.style || {}), ...(switchAnimation?.style || {}) }}\n          {...rest}\n        />\n      );\n\n      // If animation is glass effect, wrap the switch in Glass component\n      if (animation === \"glass\" && switchAnimation?.isGlass) {\n        const roundedMatches = switchVariants({\n          variant: variant,\n          size: size,\n          color: color,\n        })?.match(/((?:!)?rounded-\\S+)/g);\n        const roundedClass = roundedMatches\n          ? roundedMatches[roundedMatches.length - 1]\n          : \"rounded-full\";\n\n        return (\n          <Glass\n            className={cn(\"hover:scale-110 [&_span]:opacity-80\", roundedClass)}\n          >\n            {baseSwitchElement}\n          </Glass>\n        );\n      }\n\n      // If animation returns children wrapper, use it\n      if (\n        switchAnimation?.children &&\n        React.isValidElement(switchAnimation.children)\n      ) {\n        return React.cloneElement(switchAnimation.children, baseSwitchElement);\n      }\n\n      return baseSwitchElement;\n    };\n\n    // Render with inside labels (icons inside thumb position)\n    if (showLabels === \"inside\" && (offLabel || onLabel)) {\n      return (\n        <div className=\"relative inline-grid h-7 w-fit grid-cols-[1fr_1fr] items-center text-sm font-medium\">\n          {switchElement(\n            \"peer data-[state=unchecked]:bg-input/50 absolute inset-0 h-[inherit] w-14 [&_span]:z-10 [&_span]:size-6.5 [&_span]:transition-transform [&_span]:duration-300 [&_span]:ease-[cubic-bezier(0.16,1,0.3,1)] [&_span]:data-[state=checked]:translate-x-7 [&_span]:data-[state=checked]:rtl:-translate-x-7\"\n          )}\n          <span className=\"pointer-events-none relative ml-0.5 flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:invisible peer-data-[state=unchecked]:translate-x-6 peer-data-[state=unchecked]:rtl:-translate-x-6\">\n            {offLabel}\n          </span>\n          <span className=\"peer-data-[state=checked]:text-background pointer-events-none relative flex min-w-8 items-center justify-center text-center transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] peer-data-[state=checked]:-translate-x-full peer-data-[state=unchecked]:invisible peer-data-[state=checked]:rtl:translate-x-full\">\n            {onLabel}\n          </span>\n        </div>\n      );\n    }\n\n    // Render with outside labels\n    if (showLabels === \"outside\" && (offLabel || onLabel)) {\n      return (\n        <div\n          className=\"group inline-flex items-center gap-2\"\n          data-state={isChecked ? \"checked\" : \"unchecked\"}\n        >\n          {offLabel && (\n            <span\n              className=\"flex-1 cursor-pointer text-sm font-medium group-data-[state=checked]:text-muted-foreground/70\"\n              onClick={() => handleCheckedChange(false)}\n            >\n              {offLabel}\n            </span>\n          )}\n          {switchElement()}\n          {onLabel && (\n            <span\n              className=\"flex-1 cursor-pointer text-sm font-medium group-data-[state=unchecked]:text-muted-foreground/70\"\n              onClick={() => handleCheckedChange(true)}\n            >\n              {onLabel}\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    // Render with label (outside wrap)\n    if (label) {\n      const isVertical = labelPosition === \"top\" || labelPosition === \"bottom\";\n      const flexDirection = isVertical ? \"flex-col\" : \"flex-row\";\n      const alignItems = isVertical ? \"items-start\" : \"items-center\";\n      const labelFirst = labelPosition === \"left\" || labelPosition === \"top\";\n\n      return (\n        <div className={cn(\"flex gap-2\", flexDirection, alignItems)}>\n          {labelFirst && <label htmlFor={id}>{label}</label>}\n          {switchElement()}\n          {!labelFirst && <label htmlFor={id}>{label}</label>}\n        </div>\n      );\n    }\n\n    // Default render\n    return switchElement();\n  }\n);\n\nSwitch.displayName = \"Switch\";\nexport default Switch;\n"],"names":["Switch","React","props","ref","animation","label","labelPosition","offLabel","onLabel","showLabels","checked","onCheckedChange","className","variant","size","color","rest","id","isChecked","setIsChecked","handleCheckedChange","newChecked","switchAnimation","useMemo","animationEffect","switchVariants","switchElement","switchClassName","baseSwitchElement","jsx","SSwitch","cn","roundedMatches","roundedClass","Glass","jsxs","isVertical","flexDirection","alignItems","labelFirst"],"mappings":"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"}
+{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Switch as SSwitch,\n  switchVariants,\n  type SwitchVariant,\n} from \"@dsui/ui/components/switch\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { SwitchAnimation } from \"@/types/variables\";\nimport { animationEffect } from \"@/utils/animations\";\nimport { Glass } from \"../Glass\";\n\nexport type SwitchProps = Omit<\n  React.ComponentPropsWithoutRef<typeof SSwitch>,\n  \"onCheckedChange\" | \"variant\" | \"size\" | \"color\"\n> & {\n  onCheckedChange?: (checked: boolean) => void;\n  variant?: \"default\" | \"square1\" | \"square2\" | \"mini\";\n  size?: \"xs\" | \"sm\" | \"normal\" | \"lg\" | \"xl\";\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"accent\"\n    | \"destructive\"\n    | \"muted\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  animation?: SwitchAnimation;\n  label?: React.ReactNode;\n  labelPosition?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  offLabel?: React.ReactNode;\n  onLabel?: React.ReactNode;\n  showLabels?: \"outside\" | \"inside\" | \"none\";\n};\n\ntype AnimResult = {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  variant?: SwitchVariant[\"variant\"];\n  isGlass?: boolean; // Flag for glass effect\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (props, ref) => {\n    const {\n      animation,\n      label,\n      labelPosition = \"right\",\n      offLabel,\n      onLabel,\n      showLabels = \"none\",\n      checked = false,\n      onCheckedChange,\n      className,\n      variant = \"default\",\n      size = \"normal\",\n      color,\n      ...rest\n    } = props;\n    const id = React.useId();\n\n    const [isChecked, setIsChecked] = React.useState(checked);\n\n    React.useEffect(() => {\n      setIsChecked(checked as boolean);\n    }, [checked]);\n\n    const handleCheckedChange = (newChecked: boolean) => {\n      setIsChecked(newChecked);\n      onCheckedChange?.(newChecked);\n    };\n\n    const switchAnimation = useMemo<AnimResult | null>(() => {\n      if (!animation) return null;\n\n      // Handle glass animation separately for Switch (don't affect other components)\n      if (animation === \"glass\") {\n        return {\n          className: \"!bg-transparent !shadow-none !border-none\",\n          isGlass: true, // Custom flag for glass effect\n          variant: \"default\",\n        };\n      }\n\n      return animationEffect<SwitchAnimation, SwitchVariant[\"variant\"]>({\n        animation,\n        children: null,\n        className,\n        rootClassName: switchVariants({\n          variant: variant,\n          size: size,\n          color: color,\n        }),\n        variantType: variant,\n      });\n    }, [animation, className, variant, size, color]);\n\n    const switchElement = (switchClassName?: string) => {\n      const baseSwitchElement = (\n        <SSwitch\n          ref={ref}\n          id={id}\n          checked={isChecked}\n          onCheckedChange={handleCheckedChange}\n          className={cn(className, switchClassName, switchAnimation?.className)}\n          variant={variant}\n          size={size}\n          color={color}\n          style={{ ...(rest.style || {}), ...(switchAnimation?.style || {}) }}\n          {...rest}\n        />\n      );\n\n      // If animation is glass effect, wrap the switch in Glass component\n      if (animation === \"glass\" && switchAnimation?.isGlass) {\n        const roundedMatches = switchVariants({\n          variant: variant,\n          size: size,\n          color: color,\n        })?.match(/((?:!)?rounded-\\S+)/g);\n        const roundedClass = roundedMatches\n          ? roundedMatches[roundedMatches.length - 1]\n          : \"rounded-full\";\n\n        return (\n          <Glass\n            className={cn(\"ds:hover:scale-110 ds:[&_span]:opacity-80\", roundedClass)}\n          >\n            {baseSwitchElement}\n          </Glass>\n        );\n      }\n\n      // If animation returns children wrapper, use it\n      if (\n        switchAnimation?.children &&\n        React.isValidElement(switchAnimation.children)\n      ) {\n        return React.cloneElement(switchAnimation.children, baseSwitchElement);\n      }\n\n      return baseSwitchElement;\n    };\n\n    // Render with inside labels (icons inside thumb position)\n    if (showLabels === \"inside\" && (offLabel || onLabel)) {\n      return (\n        <div className=\"ds:relative ds:inline-grid ds:h-7 ds:w-fit ds:grid-cols-[1fr_1fr] ds:items-center ds:text-sm ds:font-medium\">\n          {switchElement(\n            \"peer data-[state=unchecked]:bg-input/50 absolute inset-0 h-[inherit] w-14 [&_span]:z-10 [&_span]:size-6.5 [&_span]:transition-transform [&_span]:duration-300 [&_span]:ease-[cubic-bezier(0.16,1,0.3,1)] [&_span]:data-[state=checked]:translate-x-7 [&_span]:data-[state=checked]:rtl:-translate-x-7\"\n          )}\n          <span className=\"ds:pointer-events-none ds:relative ds:ml-0.5 ds:flex ds:min-w-8 ds:items-center ds:justify-center ds:text-center ds:transition-transform ds:duration-300 ds:ease-[cubic-bezier(0.16,1,0.3,1)] ds:peer-data-[state=checked]:invisible ds:peer-data-[state=unchecked]:translate-x-6 ds:peer-data-[state=unchecked]:rtl:-translate-x-6\">\n            {offLabel}\n          </span>\n          <span className=\"ds:peer-data-[state=checked]:text-background ds:pointer-events-none ds:relative ds:flex ds:min-w-8 ds:items-center ds:justify-center ds:text-center ds:transition-transform ds:duration-300 ds:ease-[cubic-bezier(0.16,1,0.3,1)] ds:peer-data-[state=checked]:-translate-x-full ds:peer-data-[state=unchecked]:invisible ds:peer-data-[state=checked]:rtl:translate-x-full\">\n            {onLabel}\n          </span>\n        </div>\n      );\n    }\n\n    // Render with outside labels\n    if (showLabels === \"outside\" && (offLabel || onLabel)) {\n      return (\n        <div\n          className=\"ds:group ds:inline-flex ds:items-center ds:gap-2\"\n          data-state={isChecked ? \"checked\" : \"unchecked\"}\n        >\n          {offLabel && (\n            <span\n              className=\"ds:flex-1 ds:cursor-pointer ds:text-sm ds:font-medium ds:group-data-[state=checked]:text-muted-foreground/70\"\n              onClick={() => handleCheckedChange(false)}\n            >\n              {offLabel}\n            </span>\n          )}\n          {switchElement()}\n          {onLabel && (\n            <span\n              className=\"ds:flex-1 ds:cursor-pointer ds:text-sm ds:font-medium ds:group-data-[state=unchecked]:text-muted-foreground/70\"\n              onClick={() => handleCheckedChange(true)}\n            >\n              {onLabel}\n            </span>\n          )}\n        </div>\n      );\n    }\n\n    // Render with label (outside wrap)\n    if (label) {\n      const isVertical = labelPosition === \"top\" || labelPosition === \"bottom\";\n      const flexDirection = isVertical ? \"flex-col\" : \"flex-row\";\n      const alignItems = isVertical ? \"items-start\" : \"items-center\";\n      const labelFirst = labelPosition === \"left\" || labelPosition === \"top\";\n\n      return (\n        <div className={cn(\"ds:flex ds:gap-2\", flexDirection, alignItems)}>\n          {labelFirst && <label htmlFor={id}>{label}</label>}\n          {switchElement()}\n          {!labelFirst && <label htmlFor={id}>{label}</label>}\n        </div>\n      );\n    }\n\n    // Default render\n    return switchElement();\n  }\n);\n\nSwitch.displayName = \"Switch\";\nexport default Switch;\n"],"names":["Switch","React","props","ref","animation","label","labelPosition","offLabel","onLabel","showLabels","checked","onCheckedChange","className","variant","size","color","rest","id","isChecked","setIsChecked","handleCheckedChange","newChecked","switchAnimation","useMemo","animationEffect","switchVariants","switchElement","switchClassName","baseSwitchElement","jsx","SSwitch","cn","roundedMatches","roundedClass","Glass","jsxs","isVertical","flexDirection","alignItems","labelFirst"],"mappings":"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"}

package/dist/cjs/components/Table/TableFilter/data-table-date-filter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("../../../utils/datetime.cjs"),x=require("lucide-react"),C=require("react"),F=require("../../Popover/index.cjs"),b=require("../../Separator/Separator.cjs"),g=require("../../Calendar/Calendar.cjs"),N=require("../../Button/Button.cjs");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return a.default=e,Object.freeze(a)}const l=S(C);function u(e){return e&&typeof e=="object"&&!Array.isArray(e)}function d(e){if(!e)return;const a=typeof e=="string"?Number(e):e,n=new Date(a);return Number.isNaN(n.getTime())?void 0:n}function j(e){return e==null?[]:Array.isArray(e)?e.map(a=>{if(typeof a=="number"||typeof a=="string")return a}):typeof e=="string"||typeof e=="number"?[e]:[]}function q({column:e,title:a,multiple:n}){const i=e.getFilterValue(),o=l.useMemo(()=>{if(!i)return n?{from:void 0,to:void 0}:[];if(n){const s=j(i);return{from:d(s[0]),to:d(s[1])}}const t=j(i),c=d(t[0]);return c?[c]:[]},[i,n]),m=l.useCallback(t=>{if(!t){e.setFilterValue(void 0);return}if(n&&!("getTime"in t)){const c=t.from?.getTime(),s=t.to?.getTime();e.setFilterValue(c||s?[c,s]:void 0)}else!n&&"getTime"in t&&e.setFilterValue(t.getTime())},[e,n]),y=l.useCallback(t=>{t.stopPropagation(),e.setFilterValue(void 0)},[e]),h=l.useMemo(()=>n?u(o)?o.from||o.to:!1:Array.isArray(o)?o.length>0:!1,[n,o]),p=l.useCallback(t=>!t.from&&!t.to?"":t.from&&t.to?`${f.formatDate(t.from)} - ${f.formatDate(t.to)}`:f.formatDate(t.from??t.to),[]),v=l.useMemo(()=>{if(n){if(!u(o))return null;const s=o.from||o.to,T=s?p(o):"Select date range";return r.jsxs("span",{className:"flex items-center gap-2",children:[r.jsx("span",{children:a}),s&&r.jsxs(r.Fragment,{children:[r.jsx(b.default,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),r.jsx("span",{children:T})]})]})}if(u(o))return null;const t=o.length>0,c=t?f.formatDate(o[0]):"Select date";return r.jsxs("span",{className:"flex items-center gap-2",children:[r.jsx("span",{children:a}),t&&r.jsxs(r.Fragment,{children:[r.jsx(b.default,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),r.jsx("span",{children:c})]})]})},[o,n,p,a]),D=r.jsx("div",{className:"w-auto p-0",children:n?r.jsx(g.Calendar,{autoFocus:!0,captionLayout:"dropdown",mode:"range",selected:u(o)?o:{from:void 0,to:void 0},onSelect:m}):r.jsx(g.Calendar,{captionLayout:"dropdown",mode:"single",selected:u(o)?void 0:o[0],onSelect:m})});return r.jsx(F.Popover,{content:D,children:r.jsxs(N.default,{variant:"outline",size:"sm",className:"border-dashed font-normal",children:[h?r.jsx("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,onClick:y,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:r.jsx(x.XCircle,{})}):r.jsx(x.CalendarIcon,{}),v]})})}exports.DataTableDateFilter=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("../../../utils/datetime.cjs"),x=require("lucide-react"),C=require("react"),F=require("../../Popover/index.cjs"),b=require("../../Separator/Separator.cjs"),g=require("../../Calendar/Calendar.cjs"),N=require("../../Button/Button.cjs");function S(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return o.default=e,Object.freeze(o)}const d=S(C);function l(e){return e&&typeof e=="object"&&!Array.isArray(e)}function f(e){if(!e)return;const o=typeof e=="string"?Number(e):e,s=new Date(o);return Number.isNaN(s.getTime())?void 0:s}function j(e){return e==null?[]:Array.isArray(e)?e.map(o=>{if(typeof o=="number"||typeof o=="string")return o}):typeof e=="string"||typeof e=="number"?[e]:[]}function q({column:e,title:o,multiple:s}){const i=e.getFilterValue(),n=d.useMemo(()=>{if(!i)return s?{from:void 0,to:void 0}:[];if(s){const a=j(i);return{from:f(a[0]),to:f(a[1])}}const t=j(i),c=f(t[0]);return c?[c]:[]},[i,s]),m=d.useCallback(t=>{if(!t){e.setFilterValue(void 0);return}if(s&&!("getTime"in t)){const c=t.from?.getTime(),a=t.to?.getTime();e.setFilterValue(c||a?[c,a]:void 0)}else!s&&"getTime"in t&&e.setFilterValue(t.getTime())},[e,s]),y=d.useCallback(t=>{t.stopPropagation(),e.setFilterValue(void 0)},[e]),h=d.useMemo(()=>s?l(n)?n.from||n.to:!1:Array.isArray(n)?n.length>0:!1,[s,n]),p=d.useCallback(t=>!t.from&&!t.to?"":t.from&&t.to?`${u.formatDate(t.from)} - ${u.formatDate(t.to)}`:u.formatDate(t.from??t.to),[]),v=d.useMemo(()=>{if(s){if(!l(n))return null;const a=n.from||n.to,T=a?p(n):"Select date range";return r.jsxs("span",{className:"ds:flex ds:items-center ds:gap-2",children:[r.jsx("span",{children:o}),a&&r.jsxs(r.Fragment,{children:[r.jsx(b.default,{orientation:"vertical",className:"ds:mx-0.5 ds:data-[orientation=vertical]:h-4"}),r.jsx("span",{children:T})]})]})}if(l(n))return null;const t=n.length>0,c=t?u.formatDate(n[0]):"Select date";return r.jsxs("span",{className:"ds:flex ds:items-center ds:gap-2",children:[r.jsx("span",{children:o}),t&&r.jsxs(r.Fragment,{children:[r.jsx(b.default,{orientation:"vertical",className:"ds:mx-0.5 ds:data-[orientation=vertical]:h-4"}),r.jsx("span",{children:c})]})]})},[n,s,p,o]),D=r.jsx("div",{className:"ds:w-auto ds:p-0",children:s?r.jsx(g.Calendar,{autoFocus:!0,captionLayout:"dropdown",mode:"range",selected:l(n)?n:{from:void 0,to:void 0},onSelect:m}):r.jsx(g.Calendar,{captionLayout:"dropdown",mode:"single",selected:l(n)?void 0:n[0],onSelect:m})});return r.jsx(F.Popover,{content:D,children:r.jsxs(N.default,{variant:"outline",size:"sm",className:"ds:border-dashed ds:font-normal",children:[h?r.jsx("div",{role:"button","aria-label":`Clear ${o} filter`,tabIndex:0,onClick:y,className:"ds:rounded-sm ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus-visible:outline-none ds:focus-visible:ring-1 ds:focus-visible:ring-ring",children:r.jsx(x.XCircle,{})}):r.jsx(x.CalendarIcon,{}),v]})})}exports.DataTableDateFilter=q;
 //# sourceMappingURL=data-table-date-filter.cjs.map

package/dist/cjs/components/Table/TableFilter/data-table-date-filter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-date-filter.cjs","sources":["../../../../../src/components/Table/TableFilter/data-table-date-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport { formatDate } from \"@/utils/datetime\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { CalendarIcon, XCircle } from \"lucide-react\";\nimport * as React from \"react\";\nimport type { DateRange } from \"react-day-picker\";\nimport { Separator } from \"../../Separator\";\nimport { Popover } from \"../../Popover\";\nimport { Button } from \"../../Button\";\nimport { Calendar } from \"../../Calendar\";\n\ntype DateSelection = Date[] | DateRange;\n\nfunction getIsDateRange(value: DateSelection): value is DateRange {\n  return value && typeof value === \"object\" && !Array.isArray(value);\n}\n\nfunction parseAsDate(timestamp: number | string | undefined): Date | undefined {\n  if (!timestamp) return undefined;\n  const numericTimestamp =\n    typeof timestamp === \"string\" ? Number(timestamp) : timestamp;\n  const date = new Date(numericTimestamp);\n  return !Number.isNaN(date.getTime()) ? date : undefined;\n}\n\nfunction parseColumnFilterValue(value: unknown) {\n  if (value === null || value === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => {\n      if (typeof item === \"number\" || typeof item === \"string\") {\n        return item;\n      }\n      return undefined;\n    });\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return [value];\n  }\n\n  return [];\n}\n\ninterface DataTableDateFilterProps<TData> {\n  column: Column<TData, unknown>;\n  title?: string;\n  multiple?: boolean;\n}\n\nexport function DataTableDateFilter<TData>({\n  column,\n  title,\n  multiple,\n}: DataTableDateFilterProps<TData>) {\n  const columnFilterValue = column.getFilterValue();\n\n  const selectedDates = React.useMemo<DateSelection>(() => {\n    if (!columnFilterValue) {\n      return multiple ? { from: undefined, to: undefined } : [];\n    }\n\n    if (multiple) {\n      const timestamps = parseColumnFilterValue(columnFilterValue);\n      return {\n        from: parseAsDate(timestamps[0]),\n        to: parseAsDate(timestamps[1]),\n      };\n    }\n\n    const timestamps = parseColumnFilterValue(columnFilterValue);\n    const date = parseAsDate(timestamps[0]);\n    return date ? [date] : [];\n  }, [columnFilterValue, multiple]);\n\n  const onSelect = React.useCallback(\n    (date: Date | DateRange | undefined) => {\n      if (!date) {\n        column.setFilterValue(undefined);\n        return;\n      }\n\n      if (multiple && !(\"getTime\" in date)) {\n        const from = date.from?.getTime();\n        const to = date.to?.getTime();\n        column.setFilterValue(from || to ? [from, to] : undefined);\n      } else if (!multiple && \"getTime\" in date) {\n        column.setFilterValue(date.getTime());\n      }\n    },\n    [column, multiple]\n  );\n\n  const onReset = React.useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      column.setFilterValue(undefined);\n    },\n    [column]\n  );\n\n  const hasValue = React.useMemo(() => {\n    if (multiple) {\n      if (!getIsDateRange(selectedDates)) return false;\n      return selectedDates.from || selectedDates.to;\n    }\n    if (!Array.isArray(selectedDates)) return false;\n    return selectedDates.length > 0;\n  }, [multiple, selectedDates]);\n\n  const formatDateRange = React.useCallback((range: DateRange) => {\n    if (!range.from && !range.to) return \"\";\n    if (range.from && range.to) {\n      return `${formatDate(range.from)} - ${formatDate(range.to)}`;\n    }\n    return formatDate(range.from ?? range.to);\n  }, []);\n\n  const label = React.useMemo(() => {\n    if (multiple) {\n      if (!getIsDateRange(selectedDates)) return null;\n\n      const hasSelectedDates = selectedDates.from || selectedDates.to;\n      const dateText = hasSelectedDates\n        ? formatDateRange(selectedDates)\n        : \"Select date range\";\n\n      return (\n        <span className=\"flex items-center gap-2\">\n          <span>{title}</span>\n          {hasSelectedDates && (\n            <>\n              <Separator\n                orientation=\"vertical\"\n                className=\"mx-0.5 data-[orientation=vertical]:h-4\"\n              />\n              <span>{dateText}</span>\n            </>\n          )}\n        </span>\n      );\n    }\n\n    if (getIsDateRange(selectedDates)) return null;\n\n    const hasSelectedDate = selectedDates.length > 0;\n    const dateText = hasSelectedDate\n      ? formatDate(selectedDates[0])\n      : \"Select date\";\n\n    return (\n      <span className=\"flex items-center gap-2\">\n        <span>{title}</span>\n        {hasSelectedDate && (\n          <>\n            <Separator\n              orientation=\"vertical\"\n              className=\"mx-0.5 data-[orientation=vertical]:h-4\"\n            />\n            <span>{dateText}</span>\n          </>\n        )}\n      </span>\n    );\n  }, [selectedDates, multiple, formatDateRange, title]);\n\n  const PopContent = (\n    <div className=\"w-auto p-0\">\n      {multiple ? (\n        <Calendar\n          autoFocus\n          captionLayout=\"dropdown\"\n          mode=\"range\"\n          selected={\n            getIsDateRange(selectedDates)\n              ? selectedDates\n              : { from: undefined, to: undefined }\n          }\n          onSelect={onSelect}\n        />\n      ) : (\n        <Calendar\n          captionLayout=\"dropdown\"\n          mode=\"single\"\n          selected={\n            !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\n          }\n          onSelect={onSelect}\n        />\n      )}\n    </div>\n  );\n\n  return (\n    <Popover content={PopContent}>\n      <Button variant=\"outline\" size=\"sm\" className=\"border-dashed font-normal\">\n        {hasValue ? (\n          <div\n            role=\"button\"\n            aria-label={`Clear ${title} filter`}\n            tabIndex={0}\n            onClick={onReset}\n            className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          >\n            <XCircle />\n          </div>\n        ) : (\n          <CalendarIcon />\n        )}\n        {label}\n      </Button>\n    </Popover>\n  );\n}\n"],"names":["getIsDateRange","value","parseAsDate","timestamp","numericTimestamp","date","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","jsxs","jsx","Fragment","Separator","hasSelectedDate","PopContent","Calendar","Popover","Button","XCircle","CalendarIcon"],"mappings":"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"}
+{"version":3,"file":"data-table-date-filter.cjs","sources":["../../../../../src/components/Table/TableFilter/data-table-date-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport { formatDate } from \"@/utils/datetime\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { CalendarIcon, XCircle } from \"lucide-react\";\nimport * as React from \"react\";\nimport type { DateRange } from \"react-day-picker\";\nimport { Separator } from \"../../Separator\";\nimport { Popover } from \"../../Popover\";\nimport { Button } from \"../../Button\";\nimport { Calendar } from \"../../Calendar\";\n\ntype DateSelection = Date[] | DateRange;\n\nfunction getIsDateRange(value: DateSelection): value is DateRange {\n  return value && typeof value === \"object\" && !Array.isArray(value);\n}\n\nfunction parseAsDate(timestamp: number | string | undefined): Date | undefined {\n  if (!timestamp) return undefined;\n  const numericTimestamp =\n    typeof timestamp === \"string\" ? Number(timestamp) : timestamp;\n  const date = new Date(numericTimestamp);\n  return !Number.isNaN(date.getTime()) ? date : undefined;\n}\n\nfunction parseColumnFilterValue(value: unknown) {\n  if (value === null || value === undefined) {\n    return [];\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => {\n      if (typeof item === \"number\" || typeof item === \"string\") {\n        return item;\n      }\n      return undefined;\n    });\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return [value];\n  }\n\n  return [];\n}\n\ninterface DataTableDateFilterProps<TData> {\n  column: Column<TData, unknown>;\n  title?: string;\n  multiple?: boolean;\n}\n\nexport function DataTableDateFilter<TData>({\n  column,\n  title,\n  multiple,\n}: DataTableDateFilterProps<TData>) {\n  const columnFilterValue = column.getFilterValue();\n\n  const selectedDates = React.useMemo<DateSelection>(() => {\n    if (!columnFilterValue) {\n      return multiple ? { from: undefined, to: undefined } : [];\n    }\n\n    if (multiple) {\n      const timestamps = parseColumnFilterValue(columnFilterValue);\n      return {\n        from: parseAsDate(timestamps[0]),\n        to: parseAsDate(timestamps[1]),\n      };\n    }\n\n    const timestamps = parseColumnFilterValue(columnFilterValue);\n    const date = parseAsDate(timestamps[0]);\n    return date ? [date] : [];\n  }, [columnFilterValue, multiple]);\n\n  const onSelect = React.useCallback(\n    (date: Date | DateRange | undefined) => {\n      if (!date) {\n        column.setFilterValue(undefined);\n        return;\n      }\n\n      if (multiple && !(\"getTime\" in date)) {\n        const from = date.from?.getTime();\n        const to = date.to?.getTime();\n        column.setFilterValue(from || to ? [from, to] : undefined);\n      } else if (!multiple && \"getTime\" in date) {\n        column.setFilterValue(date.getTime());\n      }\n    },\n    [column, multiple]\n  );\n\n  const onReset = React.useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      column.setFilterValue(undefined);\n    },\n    [column]\n  );\n\n  const hasValue = React.useMemo(() => {\n    if (multiple) {\n      if (!getIsDateRange(selectedDates)) return false;\n      return selectedDates.from || selectedDates.to;\n    }\n    if (!Array.isArray(selectedDates)) return false;\n    return selectedDates.length > 0;\n  }, [multiple, selectedDates]);\n\n  const formatDateRange = React.useCallback((range: DateRange) => {\n    if (!range.from && !range.to) return \"\";\n    if (range.from && range.to) {\n      return `${formatDate(range.from)} - ${formatDate(range.to)}`;\n    }\n    return formatDate(range.from ?? range.to);\n  }, []);\n\n  const label = React.useMemo(() => {\n    if (multiple) {\n      if (!getIsDateRange(selectedDates)) return null;\n\n      const hasSelectedDates = selectedDates.from || selectedDates.to;\n      const dateText = hasSelectedDates\n        ? formatDateRange(selectedDates)\n        : \"Select date range\";\n\n      return (\n        <span className=\"ds:flex ds:items-center ds:gap-2\">\n          <span>{title}</span>\n          {hasSelectedDates && (\n            <>\n              <Separator\n                orientation=\"vertical\"\n                className=\"ds:mx-0.5 ds:data-[orientation=vertical]:h-4\"\n              />\n              <span>{dateText}</span>\n            </>\n          )}\n        </span>\n      );\n    }\n\n    if (getIsDateRange(selectedDates)) return null;\n\n    const hasSelectedDate = selectedDates.length > 0;\n    const dateText = hasSelectedDate\n      ? formatDate(selectedDates[0])\n      : \"Select date\";\n\n    return (\n      <span className=\"ds:flex ds:items-center ds:gap-2\">\n        <span>{title}</span>\n        {hasSelectedDate && (\n          <>\n            <Separator\n              orientation=\"vertical\"\n              className=\"ds:mx-0.5 ds:data-[orientation=vertical]:h-4\"\n            />\n            <span>{dateText}</span>\n          </>\n        )}\n      </span>\n    );\n  }, [selectedDates, multiple, formatDateRange, title]);\n\n  const PopContent = (\n    <div className=\"ds:w-auto ds:p-0\">\n      {multiple ? (\n        <Calendar\n          autoFocus\n          captionLayout=\"dropdown\"\n          mode=\"range\"\n          selected={\n            getIsDateRange(selectedDates)\n              ? selectedDates\n              : { from: undefined, to: undefined }\n          }\n          onSelect={onSelect}\n        />\n      ) : (\n        <Calendar\n          captionLayout=\"dropdown\"\n          mode=\"single\"\n          selected={\n            !getIsDateRange(selectedDates) ? selectedDates[0] : undefined\n          }\n          onSelect={onSelect}\n        />\n      )}\n    </div>\n  );\n\n  return (\n    <Popover content={PopContent}>\n      <Button variant=\"outline\" size=\"sm\" className=\"ds:border-dashed ds:font-normal\">\n        {hasValue ? (\n          <div\n            role=\"button\"\n            aria-label={`Clear ${title} filter`}\n            tabIndex={0}\n            onClick={onReset}\n            className=\"ds:rounded-sm ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus-visible:outline-none ds:focus-visible:ring-1 ds:focus-visible:ring-ring\"\n          >\n            <XCircle />\n          </div>\n        ) : (\n          <CalendarIcon />\n        )}\n        {label}\n      </Button>\n    </Popover>\n  );\n}\n"],"names":["getIsDateRange","value","parseAsDate","timestamp","numericTimestamp","date","parseColumnFilterValue","item","DataTableDateFilter","column","title","multiple","columnFilterValue","selectedDates","React","timestamps","onSelect","from","to","onReset","event","hasValue","formatDateRange","range","formatDate","label","hasSelectedDates","dateText","jsxs","jsx","Fragment","Separator","hasSelectedDate","PopContent","Calendar","Popover","Button","XCircle","CalendarIcon"],"mappings":"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"}

package/dist/cjs/components/Table/TableFilter/data-table-filter-popover.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("lucide-react"),j=require("react"),F=require("../../Popover/index.cjs"),m=require("./data-table-slider-filter.cjs"),V=require("./data-table-date-filter.cjs"),N=require("../../Separator/Separator.cjs"),q=require("../../Button/Button.cjs"),C=require("../../Checkbox/Checkbox.cjs"),O=require("../../Radio/Radio.cjs"),c=require("../../Input/Input.cjs");function S(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const D=S(j);function y({column:e,trigger:i,open:r,onOpenChange:u}){const[o,d]=D.useState(!1),v=r!==void 0?r:o,f=u||d,a=e.columnDef.meta,p=()=>{if(!a?.variant)return t.jsx("div",{children:"No filter available"});switch(a.variant){case"text":return t.jsx(c.default,{placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:s=>e.setFilterValue(s.target.value),className:"h-8 w-full"});case"number":return t.jsx(c.default,{type:"number",placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:s=>e.setFilterValue(s.target.value),className:"h-8 w-full"});case"date":case"dateRange":return t.jsx(V.DataTableDateFilter,{column:e,title:a.label??e.id,multiple:a.variant==="dateRange"});case"range":return t.jsx(m.DataTableSliderFilter,{column:e,title:a.label??e.id});case"select":case"multiSelect":{const s=a.options||[];if(a.variant==="multiSelect"){const n=e.getFilterValue()||[];return t.jsx(t.Fragment,{children:t.jsx("div",{className:"space-y-2 max-h-48 overflow-y-auto text-sm",children:s.map(l=>t.jsx("div",{className:"flex items-center space-x-2",children:t.jsx(C.default,{checked:n.includes(l.value),onCheckedChange:h=>{h?e.setFilterValue([...n,l.value]):e.setFilterValue(n.filter(g=>g!==l.value))},label:l.label})},l.value))})})}else{const n=e.getFilterValue();return t.jsx(O.default,{value:n,onValueChange:l=>e.setFilterValue(l),options:s.map(l=>({label:l.label,value:l.value})),className:"p-1"})}}default:return t.jsx("div",{children:"No filter available"})}},b=e.getFilterValue()!=null;return t.jsx(F.Popover,{open:v,onOpenChange:f,trigger:i,content:t.jsxs("div",{className:"p-2 min-w-32",children:[p(),b&&t.jsxs(t.Fragment,{children:[t.jsx(N.default,{className:"mt-3 mb-1"}),t.jsxs(q.default,{variant:"ghost",size:"sm",onClick:()=>e.setFilterValue(void 0),children:[t.jsx(x.X,{className:"size-3"}),"Clear Filter"]})]})]}),contentClassName:"p-0"})}exports.DataTableFilterPopover=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("lucide-react"),j=require("react"),F=require("../../Popover/index.cjs"),m=require("./data-table-slider-filter.cjs"),V=require("./data-table-date-filter.cjs"),N=require("../../Separator/Separator.cjs"),q=require("../../Button/Button.cjs"),C=require("../../Checkbox/Checkbox.cjs"),O=require("../../Radio/Radio.cjs"),c=require("../../Input/Input.cjs");function S(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const D=S(j);function y({column:e,trigger:i,open:r,onOpenChange:u}){const[d,o]=D.useState(!1),v=r!==void 0?r:d,f=u||o,a=e.columnDef.meta,p=()=>{if(!a?.variant)return t.jsx("div",{children:"No filter available"});switch(a.variant){case"text":return t.jsx(c.default,{placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:s=>e.setFilterValue(s.target.value),className:"ds:h-8 ds:w-full"});case"number":return t.jsx(c.default,{type:"number",placeholder:a.placeholder??a.label,value:e.getFilterValue()??"",onChange:s=>e.setFilterValue(s.target.value),className:"ds:h-8 ds:w-full"});case"date":case"dateRange":return t.jsx(V.DataTableDateFilter,{column:e,title:a.label??e.id,multiple:a.variant==="dateRange"});case"range":return t.jsx(m.DataTableSliderFilter,{column:e,title:a.label??e.id});case"select":case"multiSelect":{const s=a.options||[];if(a.variant==="multiSelect"){const n=e.getFilterValue()||[];return t.jsx(t.Fragment,{children:t.jsx("div",{className:"ds:space-y-2 ds:max-h-48 ds:overflow-y-auto ds:text-sm",children:s.map(l=>t.jsx("div",{className:"ds:flex ds:items-center ds:space-x-2",children:t.jsx(C.default,{checked:n.includes(l.value),onCheckedChange:h=>{h?e.setFilterValue([...n,l.value]):e.setFilterValue(n.filter(g=>g!==l.value))},label:l.label})},l.value))})})}else{const n=e.getFilterValue();return t.jsx(O.default,{value:n,onValueChange:l=>e.setFilterValue(l),options:s.map(l=>({label:l.label,value:l.value})),className:"ds:p-1"})}}default:return t.jsx("div",{children:"No filter available"})}},b=e.getFilterValue()!=null;return t.jsx(F.Popover,{open:v,onOpenChange:f,trigger:i,content:t.jsxs("div",{className:"ds:p-2 ds:min-w-32",children:[p(),b&&t.jsxs(t.Fragment,{children:[t.jsx(N.default,{className:"ds:mt-3 ds:mb-1"}),t.jsxs(q.default,{variant:"ghost",size:"sm",onClick:()=>e.setFilterValue(void 0),children:[t.jsx(x.X,{className:"ds:size-3"}),"Clear Filter"]})]})]}),contentClassName:"ds:p-0"})}exports.DataTableFilterPopover=y;
 //# sourceMappingURL=data-table-filter-popover.cjs.map

package/dist/cjs/components/Table/TableFilter/data-table-filter-popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-filter-popover.cjs","sources":["../../../../../src/components/Table/TableFilter/data-table-filter-popover.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Popover } from \"../../Popover\";\nimport { Input } from \"../../Input\";\nimport { Checkbox } from \"../../Checkbox\";\nimport { Radio } from \"../../Radio\";\nimport { DataTableSliderFilter } from \"./data-table-slider-filter\";\nimport { DataTableDateFilter } from \"./data-table-date-filter\";\nimport { Separator } from \"@/components/Separator\";\nimport { Button } from \"@/components/Button\";\n\ninterface DataTableFilterPopoverProps<TData> {\n  column: Column<TData>;\n  trigger: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport function DataTableFilterPopover<TData>({\n  column,\n  trigger,\n  open,\n  onOpenChange,\n}: DataTableFilterPopoverProps<TData>) {\n  const [internalOpen, setInternalOpen] = React.useState(false);\n\n  const isOpen = open !== undefined ? open : internalOpen;\n  const setIsOpen = onOpenChange || setInternalOpen;\n\n  const columnMeta = column.columnDef.meta;\n\n  const renderFilterContent = () => {\n    if (!columnMeta?.variant) return <div>No filter available</div>;\n\n    switch (columnMeta.variant) {\n      case \"text\":\n        return (\n          <Input\n            placeholder={columnMeta.placeholder ?? columnMeta.label}\n            value={(column.getFilterValue() as string) ?? \"\"}\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n              column.setFilterValue(event.target.value)\n            }\n            className=\"h-8 w-full\"\n          />\n        );\n\n      case \"number\":\n        return (\n          <Input\n            type=\"number\"\n            placeholder={columnMeta.placeholder ?? columnMeta.label}\n            value={(column.getFilterValue() as string) ?? \"\"}\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n              column.setFilterValue(event.target.value)\n            }\n            className=\"h-8 w-full\"\n          />\n        );\n\n      case \"date\":\n      case \"dateRange\":\n        return (\n          <DataTableDateFilter\n            column={column}\n            title={columnMeta.label ?? column.id}\n            multiple={columnMeta.variant === \"dateRange\"}\n          />\n        );\n\n      case \"range\":\n        return (\n          <DataTableSliderFilter\n            column={column}\n            title={columnMeta.label ?? column.id}\n          />\n        );\n\n      case \"select\":\n      case \"multiSelect\": {\n        const options = columnMeta.options || [];\n        const multiple = columnMeta.variant === \"multiSelect\";\n\n        if (multiple) {\n          const currentValues = (column.getFilterValue() as string[]) || [];\n          return (\n            <>\n              <div className=\"space-y-2 max-h-48 overflow-y-auto text-sm\">\n                {options.map((option) => (\n                  <div\n                    key={option.value}\n                    className=\"flex items-center space-x-2\"\n                  >\n                    <Checkbox\n                      checked={currentValues.includes(option.value)}\n                      onCheckedChange={(checked) => {\n                        if (checked) {\n                          column.setFilterValue([\n                            ...currentValues,\n                            option.value,\n                          ]);\n                        } else {\n                          column.setFilterValue(\n                            currentValues.filter((v) => v !== option.value)\n                          );\n                        }\n                      }}\n                      label={option.label}\n                    />\n                  </div>\n                ))}\n              </div>\n              {/* <Separator className=\"my-2\" /> */}\n              {/* <div className=\"flex justify-center gap-0 mt-2\">\n                <Button\n                  variant=\"ghost\"\n                  onClick={() =>\n                    column.setFilterValue(options.map((o) => o.value))\n                  }\n                >\n                  Check All\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => column.setFilterValue(undefined)}\n                >\n                  <X className=\"size-3\" />\n                  Clear Filter\n                </Button>\n              </div> */}\n            </>\n          );\n        } else {\n          const currentValue = column.getFilterValue() as string;\n          return (\n            <Radio\n              value={currentValue}\n              onValueChange={(value) => column.setFilterValue(value)}\n              options={options.map((option) => ({\n                label: option.label,\n                value: option.value,\n              }))}\n              className=\"p-1\"\n            />\n          );\n        }\n      }\n\n      default:\n        return <div>No filter available</div>;\n    }\n  };\n\n  const hasFilterValue = column.getFilterValue() != null;\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      trigger={trigger}\n      content={\n        <div className=\"p-2 min-w-32\">\n          {renderFilterContent()}\n          {hasFilterValue && (\n            <>\n              <Separator className=\"mt-3 mb-1\" />\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => column.setFilterValue(undefined)}\n              >\n                <X className=\"size-3\" />\n                Clear Filter\n              </Button>\n            </>\n          )}\n        </div>\n      }\n      contentClassName=\"p-0\"\n    />\n  );\n}\n"],"names":["DataTableFilterPopover","column","trigger","open","onOpenChange","internalOpen","setInternalOpen","React","isOpen","setIsOpen","columnMeta","renderFilterContent","jsx","Input","event","DataTableDateFilter","DataTableSliderFilter","options","currentValues","Fragment","option","Checkbox","checked","v","currentValue","Radio","value","hasFilterValue","Popover","jsxs","Separator","Button","X"],"mappings":"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"}
+{"version":3,"file":"data-table-filter-popover.cjs","sources":["../../../../../src/components/Table/TableFilter/data-table-filter-popover.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Popover } from \"../../Popover\";\nimport { Input } from \"../../Input\";\nimport { Checkbox } from \"../../Checkbox\";\nimport { Radio } from \"../../Radio\";\nimport { DataTableSliderFilter } from \"./data-table-slider-filter\";\nimport { DataTableDateFilter } from \"./data-table-date-filter\";\nimport { Separator } from \"@/components/Separator\";\nimport { Button } from \"@/components/Button\";\n\ninterface DataTableFilterPopoverProps<TData> {\n  column: Column<TData>;\n  trigger: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport function DataTableFilterPopover<TData>({\n  column,\n  trigger,\n  open,\n  onOpenChange,\n}: DataTableFilterPopoverProps<TData>) {\n  const [internalOpen, setInternalOpen] = React.useState(false);\n\n  const isOpen = open !== undefined ? open : internalOpen;\n  const setIsOpen = onOpenChange || setInternalOpen;\n\n  const columnMeta = column.columnDef.meta;\n\n  const renderFilterContent = () => {\n    if (!columnMeta?.variant) return <div>No filter available</div>;\n\n    switch (columnMeta.variant) {\n      case \"text\":\n        return (\n          <Input\n            placeholder={columnMeta.placeholder ?? columnMeta.label}\n            value={(column.getFilterValue() as string) ?? \"\"}\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n              column.setFilterValue(event.target.value)\n            }\n            className=\"ds:h-8 ds:w-full\"\n          />\n        );\n\n      case \"number\":\n        return (\n          <Input\n            type=\"number\"\n            placeholder={columnMeta.placeholder ?? columnMeta.label}\n            value={(column.getFilterValue() as string) ?? \"\"}\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) =>\n              column.setFilterValue(event.target.value)\n            }\n            className=\"ds:h-8 ds:w-full\"\n          />\n        );\n\n      case \"date\":\n      case \"dateRange\":\n        return (\n          <DataTableDateFilter\n            column={column}\n            title={columnMeta.label ?? column.id}\n            multiple={columnMeta.variant === \"dateRange\"}\n          />\n        );\n\n      case \"range\":\n        return (\n          <DataTableSliderFilter\n            column={column}\n            title={columnMeta.label ?? column.id}\n          />\n        );\n\n      case \"select\":\n      case \"multiSelect\": {\n        const options = columnMeta.options || [];\n        const multiple = columnMeta.variant === \"multiSelect\";\n\n        if (multiple) {\n          const currentValues = (column.getFilterValue() as string[]) || [];\n          return (\n            <>\n              <div className=\"ds:space-y-2 ds:max-h-48 ds:overflow-y-auto ds:text-sm\">\n                {options.map((option) => (\n                  <div\n                    key={option.value}\n                    className=\"ds:flex ds:items-center ds:space-x-2\"\n                  >\n                    <Checkbox\n                      checked={currentValues.includes(option.value)}\n                      onCheckedChange={(checked) => {\n                        if (checked) {\n                          column.setFilterValue([\n                            ...currentValues,\n                            option.value,\n                          ]);\n                        } else {\n                          column.setFilterValue(\n                            currentValues.filter((v) => v !== option.value)\n                          );\n                        }\n                      }}\n                      label={option.label}\n                    />\n                  </div>\n                ))}\n              </div>\n              {/* <Separator className=\"my-2\" /> */}\n              {/* <div className=\"flex justify-center gap-0 mt-2\">\n                <Button\n                  variant=\"ghost\"\n                  onClick={() =>\n                    column.setFilterValue(options.map((o) => o.value))\n                  }\n                >\n                  Check All\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => column.setFilterValue(undefined)}\n                >\n                  <X className=\"size-3\" />\n                  Clear Filter\n                </Button>\n              </div> */}\n            </>\n          );\n        } else {\n          const currentValue = column.getFilterValue() as string;\n          return (\n            <Radio\n              value={currentValue}\n              onValueChange={(value) => column.setFilterValue(value)}\n              options={options.map((option) => ({\n                label: option.label,\n                value: option.value,\n              }))}\n              className=\"ds:p-1\"\n            />\n          );\n        }\n      }\n\n      default:\n        return <div>No filter available</div>;\n    }\n  };\n\n  const hasFilterValue = column.getFilterValue() != null;\n\n  return (\n    <Popover\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      trigger={trigger}\n      content={\n        <div className=\"ds:p-2 ds:min-w-32\">\n          {renderFilterContent()}\n          {hasFilterValue && (\n            <>\n              <Separator className=\"ds:mt-3 ds:mb-1\" />\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => column.setFilterValue(undefined)}\n              >\n                <X className=\"ds:size-3\" />\n                Clear Filter\n              </Button>\n            </>\n          )}\n        </div>\n      }\n      contentClassName=\"ds:p-0\"\n    />\n  );\n}\n"],"names":["DataTableFilterPopover","column","trigger","open","onOpenChange","internalOpen","setInternalOpen","React","isOpen","setIsOpen","columnMeta","renderFilterContent","jsx","Input","event","DataTableDateFilter","DataTableSliderFilter","options","currentValues","Fragment","option","Checkbox","checked","v","currentValue","Radio","value","hasFilterValue","Popover","jsxs","Separator","Button","X"],"mappings":"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"}

package/dist/cjs/components/Table/TableFilter/data-table-slider-filter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("lucide-react"),A=require("react"),$=require("../../Popover/index.cjs");require("@radix-ui/react-slot");require("../../../packages/ui/src/components/button.cjs");require("../../../packages/ui/src/components/button-group.cjs");require("../../../packages/ui/src/components/input.cjs");require("../../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const N=require("../../../packages/ui/src/lib/utils.cjs");require("../../../packages/ui/src/components/select.cjs");require("../../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react-day-picker");require("../../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../../packages/ui/src/components/badge.cjs");require("../../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../../packages/ui/src/components/input-otp.cjs");require("../../../packages/ui/src/components/radio-group.cjs");require("../../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../../packages/ui/src/components/tabs.cjs");require("../../../packages/ui/src/components/toggle.cjs");const j=require("../../Input/Input.cjs"),k=require("../../Slider/Slider.cjs"),y=require("../../Button/Button.cjs"),D=require("../../Separator/Separator.cjs");function P(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const d=P(A);function R(e){return Array.isArray(e)&&e.length===2&&typeof e[0]=="number"&&typeof e[1]=="number"}function I(e){if(Array.isArray(e)&&e.length===2&&e.every(i=>(typeof i=="string"||typeof i=="number")&&!Number.isNaN(i)))return[Number(e[0]),Number(e[1])]}function O({column:e,title:i}){const n=d.useId(),o=I(e.getFilterValue()),m=e.columnDef.meta?.range,c=e.columnDef.meta?.unit,{min:s,max:l,step:v}=d.useMemo(()=>{let t=0,a=100;if(m&&R(m))[t,a]=m;else{const p=e.getFacetedMinMaxValues();if(p&&Array.isArray(p)&&p.length===2){const[x,h]=p;typeof x=="number"&&typeof h=="number"&&(t=x,a=h)}}const f=a-t,M=f<=20?1:f<=100?Math.ceil(f/20):Math.ceil(f/50);return{min:t,max:a,step:M}},[e,m]),u=d.useMemo(()=>o??[s,l],[o,s,l]),g=d.useCallback(t=>t.toLocaleString(void 0,{maximumFractionDigits:0}),[]),C=d.useCallback(t=>{const a=Number(t.target.value);!Number.isNaN(a)&&a>=s&&a<=u[1]&&e.setFilterValue([a,u[1]])},[e,s,u]),V=d.useCallback(t=>{const a=Number(t.target.value);!Number.isNaN(a)&&a<=l&&a>=u[0]&&e.setFilterValue([u[0],a])},[e,l,u]),F=d.useCallback(t=>{Array.isArray(t)&&t.length===2&&e.setFilterValue(t)},[e]),b=d.useCallback(t=>{t.target instanceof HTMLDivElement&&t.stopPropagation(),e.setFilterValue(void 0)},[e]),S=r.jsxs("div",{className:"flex w-auto flex-col gap-4",children:[r.jsxs("div",{className:"flex flex-col gap-3",children:[r.jsx("p",{className:"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:i}),r.jsxs("div",{className:"flex items-center gap-4",children:[r.jsx("label",{htmlFor:`${n}-from`,className:"sr-only",children:"From"}),r.jsxs("div",{className:"relative",children:[r.jsx(j.default,{id:`${n}-from`,type:"number","aria-valuemin":s,"aria-valuemax":l,inputMode:"numeric",pattern:"[0-9]*",placeholder:s.toString(),min:s,max:l,value:u[0]?.toString(),onChange:C,className:N.cn("h-8 w-24",c&&"pr-8")}),c&&r.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:c})]}),r.jsx("label",{htmlFor:`${n}-to`,className:"sr-only",children:"to"}),r.jsxs("div",{className:"relative",children:[r.jsx(j.default,{id:`${n}-to`,type:"number","aria-valuemin":s,"aria-valuemax":l,inputMode:"numeric",pattern:"[0-9]*",placeholder:l.toString(),min:s,max:l,value:u[1]?.toString(),onChange:V,className:N.cn("h-8 w-24",c&&"pr-8")}),c&&r.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:c})]})]}),r.jsxs("label",{htmlFor:`${n}-slider`,className:"sr-only",children:[i," slider"]}),r.jsx(k.default,{id:`${n}-slider`,min:s,max:l,step:v,value:u,onValueChange:F})]}),r.jsx(y.default,{"aria-label":`Clear ${i} filter`,variant:"outline",size:"sm",onClick:b,children:"Clear"})]});return r.jsx($.Popover,{content:S,children:r.jsxs(y.default,{variant:"outline",size:"sm",className:"border-dashed font-normal",children:[o?r.jsx("div",{role:"button","aria-label":`Clear ${i} filter`,tabIndex:0,className:"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",onClick:b,children:r.jsx(q.XCircle,{})}):r.jsx(q.PlusCircle,{}),r.jsx("span",{children:i}),o?r.jsxs(r.Fragment,{children:[r.jsx(D.default,{orientation:"vertical",className:"mx-0.5 data-[orientation=vertical]:h-4"}),g(o[0])," -"," ",g(o[1]),c?` ${c}`:""]}):null]})})}exports.DataTableSliderFilter=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("lucide-react"),A=require("react"),$=require("../../Popover/index.cjs");require("@radix-ui/react-slot");require("../../../packages/ui/src/components/button.cjs");require("../../../packages/ui/src/components/button-group.cjs");require("../../../packages/ui/src/components/input.cjs");require("../../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const N=require("../../../packages/ui/src/lib/utils.cjs");require("../../../packages/ui/src/components/select.cjs");require("../../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react-day-picker");require("../../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../../packages/ui/src/components/badge.cjs");require("../../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../../packages/ui/src/components/input-otp.cjs");require("../../../packages/ui/src/components/radio-group.cjs");require("../../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../../packages/ui/src/components/tabs.cjs");require("../../../packages/ui/src/components/toggle.cjs");const j=require("../../Input/Input.cjs"),k=require("../../Slider/Slider.cjs"),y=require("../../Button/Button.cjs"),D=require("../../Separator/Separator.cjs");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(a,i,d.get?d:{enumerable:!0,get:()=>e[i]})}}return a.default=e,Object.freeze(a)}const c=P(A);function R(e){return Array.isArray(e)&&e.length===2&&typeof e[0]=="number"&&typeof e[1]=="number"}function I(e){if(Array.isArray(e)&&e.length===2&&e.every(a=>(typeof a=="string"||typeof a=="number")&&!Number.isNaN(a)))return[Number(e[0]),Number(e[1])]}function O({column:e,title:a}){const i=c.useId(),d=I(e.getFilterValue()),m=e.columnDef.meta?.range,u=e.columnDef.meta?.unit,{min:n,max:l,step:v}=c.useMemo(()=>{let s=0,t=100;if(m&&R(m))[s,t]=m;else{const p=e.getFacetedMinMaxValues();if(p&&Array.isArray(p)&&p.length===2){const[x,h]=p;typeof x=="number"&&typeof h=="number"&&(s=x,t=h)}}const f=t-s,M=f<=20?1:f<=100?Math.ceil(f/20):Math.ceil(f/50);return{min:s,max:t,step:M}},[e,m]),o=c.useMemo(()=>d??[n,l],[d,n,l]),g=c.useCallback(s=>s.toLocaleString(void 0,{maximumFractionDigits:0}),[]),C=c.useCallback(s=>{const t=Number(s.target.value);!Number.isNaN(t)&&t>=n&&t<=o[1]&&e.setFilterValue([t,o[1]])},[e,n,o]),V=c.useCallback(s=>{const t=Number(s.target.value);!Number.isNaN(t)&&t<=l&&t>=o[0]&&e.setFilterValue([o[0],t])},[e,l,o]),F=c.useCallback(s=>{Array.isArray(s)&&s.length===2&&e.setFilterValue(s)},[e]),b=c.useCallback(s=>{s.target instanceof HTMLDivElement&&s.stopPropagation(),e.setFilterValue(void 0)},[e]),S=r.jsxs("div",{className:"ds:flex ds:w-auto ds:flex-col ds:gap-4",children:[r.jsxs("div",{className:"ds:flex ds:flex-col ds:gap-3",children:[r.jsx("p",{className:"ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",children:a}),r.jsxs("div",{className:"ds:flex ds:items-center ds:gap-4",children:[r.jsx("label",{htmlFor:`${i}-from`,className:"ds:sr-only",children:"From"}),r.jsxs("div",{className:"ds:relative",children:[r.jsx(j.default,{id:`${i}-from`,type:"number","aria-valuemin":n,"aria-valuemax":l,inputMode:"numeric",pattern:"[0-9]*",placeholder:n.toString(),min:n,max:l,value:o[0]?.toString(),onChange:C,className:N.cn("ds:h-8 ds:w-24",u&&"ds:pr-8")}),u&&r.jsx("span",{className:"ds:absolute ds:top-0 ds:right-0 ds:bottom-0 ds:flex ds:items-center ds:rounded-r-md ds:bg-accent ds:px-2 ds:text-muted-foreground ds:text-sm",children:u})]}),r.jsx("label",{htmlFor:`${i}-to`,className:"ds:sr-only",children:"to"}),r.jsxs("div",{className:"ds:relative",children:[r.jsx(j.default,{id:`${i}-to`,type:"number","aria-valuemin":n,"aria-valuemax":l,inputMode:"numeric",pattern:"[0-9]*",placeholder:l.toString(),min:n,max:l,value:o[1]?.toString(),onChange:V,className:N.cn("ds:h-8 ds:w-24",u&&"ds:pr-8")}),u&&r.jsx("span",{className:"ds:absolute ds:top-0 ds:right-0 ds:bottom-0 ds:flex ds:items-center ds:rounded-r-md ds:bg-accent ds:px-2 ds:text-muted-foreground ds:text-sm",children:u})]})]}),r.jsxs("label",{htmlFor:`${i}-slider`,className:"ds:sr-only",children:[a," slider"]}),r.jsx(k.default,{id:`${i}-slider`,min:n,max:l,step:v,value:o,onValueChange:F})]}),r.jsx(y.default,{"aria-label":`Clear ${a} filter`,variant:"outline",size:"sm",onClick:b,children:"Clear"})]});return r.jsx($.Popover,{content:S,children:r.jsxs(y.default,{variant:"outline",size:"sm",className:"ds:border-dashed ds:font-normal",children:[d?r.jsx("div",{role:"button","aria-label":`Clear ${a} filter`,tabIndex:0,className:"ds:rounded-sm ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus-visible:outline-none ds:focus-visible:ring-1 ds:focus-visible:ring-ring",onClick:b,children:r.jsx(q.XCircle,{})}):r.jsx(q.PlusCircle,{}),r.jsx("span",{children:a}),d?r.jsxs(r.Fragment,{children:[r.jsx(D.default,{orientation:"vertical",className:"ds:mx-0.5 ds:data-[orientation=vertical]:h-4"}),g(d[0])," -"," ",g(d[1]),u?` ${u}`:""]}):null]})})}exports.DataTableSliderFilter=O;
 //# sourceMappingURL=data-table-slider-filter.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-slider-filter.cjs","sources":["../../../../../src/components/Table/TableFilter/data-table-slider-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport { PlusCircle, XCircle } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"../../Button\";\nimport { Input } from \"../../Input\";\nimport { Popover } from \"../../Popover\";\nimport { Separator } from \"../../Separator\";\nimport { Slider } from \"../../Slider\";\nimport { cn } from \"@dsui/ui/index\";\n\ninterface Range {\n  min: number;\n  max: number;\n}\n\ntype RangeValue = [number, number];\n\nfunction getIsValidRange(value: unknown): value is RangeValue {\n  return (\n    Array.isArray(value) &&\n    value.length === 2 &&\n    typeof value[0] === \"number\" &&\n    typeof value[1] === \"number\"\n  );\n}\n\nfunction parseValuesAsNumbers(value: unknown): RangeValue | undefined {\n  if (\n    Array.isArray(value) &&\n    value.length === 2 &&\n    value.every(\n      (v) =>\n        (typeof v === \"string\" || typeof v === \"number\") && !Number.isNaN(v)\n    )\n  ) {\n    return [Number(value[0]), Number(value[1])];\n  }\n\n  return undefined;\n}\n\ninterface DataTableSliderFilterProps<TData> {\n  column: Column<TData, unknown>;\n  title?: string;\n}\n\nexport function DataTableSliderFilter<TData>({\n  column,\n  title,\n}: DataTableSliderFilterProps<TData>) {\n  const id = React.useId();\n\n  const columnFilterValue = parseValuesAsNumbers(column.getFilterValue());\n\n  const defaultRange = column.columnDef.meta?.range;\n  const unit = column.columnDef.meta?.unit;\n\n  const { min, max, step } = React.useMemo<Range & { step: number }>(() => {\n    let minValue = 0;\n    let maxValue = 100;\n\n    if (defaultRange && getIsValidRange(defaultRange)) {\n      [minValue, maxValue] = defaultRange;\n    } else {\n      const values = column.getFacetedMinMaxValues();\n      if (values && Array.isArray(values) && values.length === 2) {\n        const [facetMinValue, facetMaxValue] = values;\n        if (\n          typeof facetMinValue === \"number\" &&\n          typeof facetMaxValue === \"number\"\n        ) {\n          minValue = facetMinValue;\n          maxValue = facetMaxValue;\n        }\n      }\n    }\n\n    const rangeSize = maxValue - minValue;\n    const step =\n      rangeSize <= 20\n        ? 1\n        : rangeSize <= 100\n          ? Math.ceil(rangeSize / 20)\n          : Math.ceil(rangeSize / 50);\n\n    return { min: minValue, max: maxValue, step };\n  }, [column, defaultRange]);\n\n  const range = React.useMemo((): RangeValue => {\n    return columnFilterValue ?? [min, max];\n  }, [columnFilterValue, min, max]);\n\n  const formatValue = React.useCallback((value: number) => {\n    return value.toLocaleString(undefined, { maximumFractionDigits: 0 });\n  }, []);\n\n  const onFromInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const numValue = Number(event.target.value);\n      if (!Number.isNaN(numValue) && numValue >= min && numValue <= range[1]) {\n        column.setFilterValue([numValue, range[1]]);\n      }\n    },\n    [column, min, range]\n  );\n\n  const onToInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const numValue = Number(event.target.value);\n      if (!Number.isNaN(numValue) && numValue <= max && numValue >= range[0]) {\n        column.setFilterValue([range[0], numValue]);\n      }\n    },\n    [column, max, range]\n  );\n\n  const onSliderValueChange = React.useCallback(\n    (value: RangeValue) => {\n      if (Array.isArray(value) && value.length === 2) {\n        column.setFilterValue(value);\n      }\n    },\n    [column]\n  );\n\n  const onReset = React.useCallback(\n    (event: React.MouseEvent) => {\n      if (event.target instanceof HTMLDivElement) {\n        event.stopPropagation();\n      }\n      column.setFilterValue(undefined);\n    },\n    [column]\n  );\n\n  const PopContent = (\n    <div className=\"flex w-auto flex-col gap-4\">\n      <div className=\"flex flex-col gap-3\">\n        <p className=\"font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {title}\n        </p>\n        <div className=\"flex items-center gap-4\">\n          <label htmlFor={`${id}-from`} className=\"sr-only\">\n            From\n          </label>\n          <div className=\"relative\">\n            <Input\n              id={`${id}-from`}\n              type=\"number\"\n              aria-valuemin={min}\n              aria-valuemax={max}\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              placeholder={min.toString()}\n              min={min}\n              max={max}\n              value={range[0]?.toString()}\n              onChange={onFromInputChange}\n              className={cn(\"h-8 w-24\", unit && \"pr-8\")}\n            />\n            {unit && (\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\">\n                {unit}\n              </span>\n            )}\n          </div>\n          <label htmlFor={`${id}-to`} className=\"sr-only\">\n            to\n          </label>\n          <div className=\"relative\">\n            <Input\n              id={`${id}-to`}\n              type=\"number\"\n              aria-valuemin={min}\n              aria-valuemax={max}\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              placeholder={max.toString()}\n              min={min}\n              max={max}\n              value={range[1]?.toString()}\n              onChange={onToInputChange}\n              className={cn(\"h-8 w-24\", unit && \"pr-8\")}\n            />\n            {unit && (\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\">\n                {unit}\n              </span>\n            )}\n          </div>\n        </div>\n        <label htmlFor={`${id}-slider`} className=\"sr-only\">\n          {title} slider\n        </label>\n        <Slider\n          id={`${id}-slider`}\n          min={min}\n          max={max}\n          step={step}\n          value={range}\n          onValueChange={onSliderValueChange}\n        />\n      </div>\n      <Button\n        aria-label={`Clear ${title} filter`}\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={onReset}\n      >\n        Clear\n      </Button>\n    </div>\n  );\n\n  return (\n    <Popover content={PopContent}>\n      <Button variant=\"outline\" size=\"sm\" className=\"border-dashed font-normal\">\n        {columnFilterValue ? (\n          <div\n            role=\"button\"\n            aria-label={`Clear ${title} filter`}\n            tabIndex={0}\n            className=\"rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            onClick={onReset}\n          >\n            <XCircle />\n          </div>\n        ) : (\n          <PlusCircle />\n        )}\n        <span>{title}</span>\n        {columnFilterValue ? (\n          <>\n            <Separator\n              orientation=\"vertical\"\n              className=\"mx-0.5 data-[orientation=vertical]:h-4\"\n            />\n            {formatValue(columnFilterValue[0])} -{\" \"}\n            {formatValue(columnFilterValue[1])}\n            {unit ? ` ${unit}` : \"\"}\n          </>\n        ) : null}\n      </Button>\n    </Popover>\n  );\n}\n"],"names":["getIsValidRange","value","parseValuesAsNumbers","v","DataTableSliderFilter","column","title","id","React","columnFilterValue","defaultRange","unit","min","max","step","minValue","maxValue","values","facetMinValue","facetMaxValue","rangeSize","range","formatValue","onFromInputChange","event","numValue","onToInputChange","onSliderValueChange","onReset","PopContent","jsxs","jsx","Input","cn","Slider","Button","Popover","XCircle","PlusCircle","Fragment","Separator"],"mappings":"wjEAmBA,SAASA,EAAgBC,EAAqC,CAC5D,OACE,MAAM,QAAQA,CAAK,GACnBA,EAAM,SAAW,GACjB,OAAOA,EAAM,CAAC,GAAM,UACpB,OAAOA,EAAM,CAAC,GAAM,QAExB,CAEA,SAASC,EAAqBD,EAAwC,CACpE,GACE,MAAM,QAAQA,CAAK,GACnBA,EAAM,SAAW,GACjBA,EAAM,MACHE,IACE,OAAOA,GAAM,UAAY,OAAOA,GAAM,WAAa,CAAC,OAAO,MAAMA,CAAC,CAAA,EAGvE,MAAO,CAAC,OAAOF,EAAM,CAAC,CAAC,EAAG,OAAOA,EAAM,CAAC,CAAC,CAAC,CAI9C,CAOO,SAASG,EAA6B,CAC3C,OAAAC,EACA,MAAAC,CACF,EAAsC,CACpC,MAAMC,EAAKC,EAAM,MAAA,EAEXC,EAAoBP,EAAqBG,EAAO,eAAA,CAAgB,EAEhEK,EAAeL,EAAO,UAAU,MAAM,MACtCM,EAAON,EAAO,UAAU,MAAM,KAE9B,CAAE,IAAAO,EAAK,IAAAC,EAAK,KAAAC,GAASN,EAAM,QAAkC,IAAM,CACvE,IAAIO,EAAW,EACXC,EAAW,IAEf,GAAIN,GAAgBV,EAAgBU,CAAY,EAC9C,CAACK,EAAUC,CAAQ,EAAIN,MAClB,CACL,MAAMO,EAASZ,EAAO,uBAAA,EACtB,GAAIY,GAAU,MAAM,QAAQA,CAAM,GAAKA,EAAO,SAAW,EAAG,CAC1D,KAAM,CAACC,EAAeC,CAAa,EAAIF,EAErC,OAAOC,GAAkB,UACzB,OAAOC,GAAkB,WAEzBJ,EAAWG,EACXF,EAAWG,EAEf,CACF,CAEA,MAAMC,EAAYJ,EAAWD,EACvBD,EACJM,GAAa,GACT,EACAA,GAAa,IACX,KAAK,KAAKA,EAAY,EAAE,EACxB,KAAK,KAAKA,EAAY,EAAE,EAEhC,MAAO,CAAE,IAAKL,EAAU,IAAKC,EAAU,KAAAF,CAAAA,CACzC,EAAG,CAACT,EAAQK,CAAY,CAAC,EAEnBW,EAAQb,EAAM,QAAQ,IACnBC,GAAqB,CAACG,EAAKC,CAAG,EACpC,CAACJ,EAAmBG,EAAKC,CAAG,CAAC,EAE1BS,EAAcd,EAAM,YAAaP,GAC9BA,EAAM,eAAe,OAAW,CAAE,sBAAuB,EAAG,EAClE,CAAA,CAAE,EAECsB,EAAoBf,EAAM,YAC7BgB,GAA+C,CAC9C,MAAMC,EAAW,OAAOD,EAAM,OAAO,KAAK,EACtC,CAAC,OAAO,MAAMC,CAAQ,GAAKA,GAAYb,GAAOa,GAAYJ,EAAM,CAAC,GACnEhB,EAAO,eAAe,CAACoB,EAAUJ,EAAM,CAAC,CAAC,CAAC,CAE9C,EACA,CAAChB,EAAQO,EAAKS,CAAK,CAAA,EAGfK,EAAkBlB,EAAM,YAC3BgB,GAA+C,CAC9C,MAAMC,EAAW,OAAOD,EAAM,OAAO,KAAK,EACtC,CAAC,OAAO,MAAMC,CAAQ,GAAKA,GAAYZ,GAAOY,GAAYJ,EAAM,CAAC,GACnEhB,EAAO,eAAe,CAACgB,EAAM,CAAC,EAAGI,CAAQ,CAAC,CAE9C,EACA,CAACpB,EAAQQ,EAAKQ,CAAK,CAAA,EAGfM,EAAsBnB,EAAM,YAC/BP,GAAsB,CACjB,MAAM,QAAQA,CAAK,GAAKA,EAAM,SAAW,GAC3CI,EAAO,eAAeJ,CAAK,CAE/B,EACA,CAACI,CAAM,CAAA,EAGHuB,EAAUpB,EAAM,YACnBgB,GAA4B,CACvBA,EAAM,kBAAkB,gBAC1BA,EAAM,gBAAA,EAERnB,EAAO,eAAe,MAAS,CACjC,EACA,CAACA,CAAM,CAAA,EAGHwB,EACJC,EAAAA,KAAC,MAAA,CAAI,UAAU,6BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAU,qFACV,SAAAzB,EACH,EACAwB,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,SAAM,QAAS,GAAGxB,CAAE,QAAS,UAAU,UAAU,SAAA,MAAA,CAElD,EACAuB,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,GAAI,GAAGzB,CAAE,QACT,KAAK,SACL,gBAAeK,EACf,gBAAeC,EACf,UAAU,UACV,QAAQ,SACR,YAAaD,EAAI,SAAA,EACjB,IAAAA,EACA,IAAAC,EACA,MAAOQ,EAAM,CAAC,GAAG,SAAA,EACjB,SAAUE,EACV,UAAWU,EAAAA,GAAG,WAAYtB,GAAQ,MAAM,CAAA,CAAA,EAEzCA,GACCoB,EAAAA,IAAC,OAAA,CAAK,UAAU,8GACb,SAAApB,CAAA,CACH,CAAA,EAEJ,EACAoB,EAAAA,IAAC,SAAM,QAAS,GAAGxB,CAAE,MAAO,UAAU,UAAU,SAAA,IAAA,CAEhD,EACAuB,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,GAAI,GAAGzB,CAAE,MACT,KAAK,SACL,gBAAeK,EACf,gBAAeC,EACf,UAAU,UACV,QAAQ,SACR,YAAaA,EAAI,SAAA,EACjB,IAAAD,EACA,IAAAC,EACA,MAAOQ,EAAM,CAAC,GAAG,SAAA,EACjB,SAAUK,EACV,UAAWO,EAAAA,GAAG,WAAYtB,GAAQ,MAAM,CAAA,CAAA,EAEzCA,GACCoB,EAAAA,IAAC,OAAA,CAAK,UAAU,8GACb,SAAApB,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EACF,SACC,QAAA,CAAM,QAAS,GAAGJ,CAAE,UAAW,UAAU,UACvC,SAAA,CAAAD,EAAM,SAAA,EACT,EACAyB,EAAAA,IAACG,EAAAA,QAAA,CACC,GAAI,GAAG3B,CAAE,UACT,IAAAK,EACA,IAAAC,EACA,KAAAC,EACA,MAAOO,EACP,cAAeM,CAAA,CAAA,CACjB,EACF,EACAI,EAAAA,IAACI,EAAAA,QAAA,CACC,aAAY,SAAS7B,CAAK,UAC1B,QAAQ,UACR,KAAK,KACL,QAASsB,EACV,SAAA,OAAA,CAAA,CAED,EACF,EAGF,OACEG,EAAAA,IAACK,EAAAA,QAAA,CAAQ,QAASP,EAChB,SAAAC,OAACK,EAAAA,QAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAU,4BAC3C,SAAA,CAAA1B,EACCsB,EAAAA,IAAC,MAAA,CACC,KAAK,SACL,aAAY,SAASzB,CAAK,UAC1B,SAAU,EACV,UAAU,qIACV,QAASsB,EAET,eAACS,EAAAA,QAAA,CAAA,CAAQ,CAAA,CAAA,QAGVC,EAAAA,WAAA,EAAW,EAEdP,EAAAA,IAAC,QAAM,SAAAzB,CAAA,CAAM,EACZG,EACCqB,EAAAA,KAAAS,WAAA,CACE,SAAA,CAAAR,EAAAA,IAACS,EAAAA,QAAA,CACC,YAAY,WACZ,UAAU,wCAAA,CAAA,EAEXlB,EAAYb,EAAkB,CAAC,CAAC,EAAE,KAAG,IACrCa,EAAYb,EAAkB,CAAC,CAAC,EAChCE,EAAO,IAAIA,CAAI,GAAK,EAAA,CAAA,CACvB,EACE,IAAA,CAAA,CACN,CAAA,CACF,CAEJ"}
+{"version":3,"file":"data-table-slider-filter.cjs","sources":["../../../../../src/components/Table/TableFilter/data-table-slider-filter.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport { PlusCircle, XCircle } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"../../Button\";\nimport { Input } from \"../../Input\";\nimport { Popover } from \"../../Popover\";\nimport { Separator } from \"../../Separator\";\nimport { Slider } from \"../../Slider\";\nimport { cn } from \"@dsui/ui/index\";\n\ninterface Range {\n  min: number;\n  max: number;\n}\n\ntype RangeValue = [number, number];\n\nfunction getIsValidRange(value: unknown): value is RangeValue {\n  return (\n    Array.isArray(value) &&\n    value.length === 2 &&\n    typeof value[0] === \"number\" &&\n    typeof value[1] === \"number\"\n  );\n}\n\nfunction parseValuesAsNumbers(value: unknown): RangeValue | undefined {\n  if (\n    Array.isArray(value) &&\n    value.length === 2 &&\n    value.every(\n      (v) =>\n        (typeof v === \"string\" || typeof v === \"number\") && !Number.isNaN(v)\n    )\n  ) {\n    return [Number(value[0]), Number(value[1])];\n  }\n\n  return undefined;\n}\n\ninterface DataTableSliderFilterProps<TData> {\n  column: Column<TData, unknown>;\n  title?: string;\n}\n\nexport function DataTableSliderFilter<TData>({\n  column,\n  title,\n}: DataTableSliderFilterProps<TData>) {\n  const id = React.useId();\n\n  const columnFilterValue = parseValuesAsNumbers(column.getFilterValue());\n\n  const defaultRange = column.columnDef.meta?.range;\n  const unit = column.columnDef.meta?.unit;\n\n  const { min, max, step } = React.useMemo<Range & { step: number }>(() => {\n    let minValue = 0;\n    let maxValue = 100;\n\n    if (defaultRange && getIsValidRange(defaultRange)) {\n      [minValue, maxValue] = defaultRange;\n    } else {\n      const values = column.getFacetedMinMaxValues();\n      if (values && Array.isArray(values) && values.length === 2) {\n        const [facetMinValue, facetMaxValue] = values;\n        if (\n          typeof facetMinValue === \"number\" &&\n          typeof facetMaxValue === \"number\"\n        ) {\n          minValue = facetMinValue;\n          maxValue = facetMaxValue;\n        }\n      }\n    }\n\n    const rangeSize = maxValue - minValue;\n    const step =\n      rangeSize <= 20\n        ? 1\n        : rangeSize <= 100\n          ? Math.ceil(rangeSize / 20)\n          : Math.ceil(rangeSize / 50);\n\n    return { min: minValue, max: maxValue, step };\n  }, [column, defaultRange]);\n\n  const range = React.useMemo((): RangeValue => {\n    return columnFilterValue ?? [min, max];\n  }, [columnFilterValue, min, max]);\n\n  const formatValue = React.useCallback((value: number) => {\n    return value.toLocaleString(undefined, { maximumFractionDigits: 0 });\n  }, []);\n\n  const onFromInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const numValue = Number(event.target.value);\n      if (!Number.isNaN(numValue) && numValue >= min && numValue <= range[1]) {\n        column.setFilterValue([numValue, range[1]]);\n      }\n    },\n    [column, min, range]\n  );\n\n  const onToInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const numValue = Number(event.target.value);\n      if (!Number.isNaN(numValue) && numValue <= max && numValue >= range[0]) {\n        column.setFilterValue([range[0], numValue]);\n      }\n    },\n    [column, max, range]\n  );\n\n  const onSliderValueChange = React.useCallback(\n    (value: RangeValue) => {\n      if (Array.isArray(value) && value.length === 2) {\n        column.setFilterValue(value);\n      }\n    },\n    [column]\n  );\n\n  const onReset = React.useCallback(\n    (event: React.MouseEvent) => {\n      if (event.target instanceof HTMLDivElement) {\n        event.stopPropagation();\n      }\n      column.setFilterValue(undefined);\n    },\n    [column]\n  );\n\n  const PopContent = (\n    <div className=\"ds:flex ds:w-auto ds:flex-col ds:gap-4\">\n      <div className=\"ds:flex ds:flex-col ds:gap-3\">\n        <p className=\"ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70\">\n          {title}\n        </p>\n        <div className=\"ds:flex ds:items-center ds:gap-4\">\n          <label htmlFor={`${id}-from`} className=\"ds:sr-only\">\n            From\n          </label>\n          <div className=\"ds:relative\">\n            <Input\n              id={`${id}-from`}\n              type=\"number\"\n              aria-valuemin={min}\n              aria-valuemax={max}\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              placeholder={min.toString()}\n              min={min}\n              max={max}\n              value={range[0]?.toString()}\n              onChange={onFromInputChange}\n              className={cn(\"ds:h-8 ds:w-24\", unit && \"ds:pr-8\")}\n            />\n            {unit && (\n              <span className=\"ds:absolute ds:top-0 ds:right-0 ds:bottom-0 ds:flex ds:items-center ds:rounded-r-md ds:bg-accent ds:px-2 ds:text-muted-foreground ds:text-sm\">\n                {unit}\n              </span>\n            )}\n          </div>\n          <label htmlFor={`${id}-to`} className=\"ds:sr-only\">\n            to\n          </label>\n          <div className=\"ds:relative\">\n            <Input\n              id={`${id}-to`}\n              type=\"number\"\n              aria-valuemin={min}\n              aria-valuemax={max}\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              placeholder={max.toString()}\n              min={min}\n              max={max}\n              value={range[1]?.toString()}\n              onChange={onToInputChange}\n              className={cn(\"ds:h-8 ds:w-24\", unit && \"ds:pr-8\")}\n            />\n            {unit && (\n              <span className=\"ds:absolute ds:top-0 ds:right-0 ds:bottom-0 ds:flex ds:items-center ds:rounded-r-md ds:bg-accent ds:px-2 ds:text-muted-foreground ds:text-sm\">\n                {unit}\n              </span>\n            )}\n          </div>\n        </div>\n        <label htmlFor={`${id}-slider`} className=\"ds:sr-only\">\n          {title} slider\n        </label>\n        <Slider\n          id={`${id}-slider`}\n          min={min}\n          max={max}\n          step={step}\n          value={range}\n          onValueChange={onSliderValueChange}\n        />\n      </div>\n      <Button\n        aria-label={`Clear ${title} filter`}\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={onReset}\n      >\n        Clear\n      </Button>\n    </div>\n  );\n\n  return (\n    <Popover content={PopContent}>\n      <Button variant=\"outline\" size=\"sm\" className=\"ds:border-dashed ds:font-normal\">\n        {columnFilterValue ? (\n          <div\n            role=\"button\"\n            aria-label={`Clear ${title} filter`}\n            tabIndex={0}\n            className=\"ds:rounded-sm ds:opacity-70 ds:transition-opacity ds:hover:opacity-100 ds:focus-visible:outline-none ds:focus-visible:ring-1 ds:focus-visible:ring-ring\"\n            onClick={onReset}\n          >\n            <XCircle />\n          </div>\n        ) : (\n          <PlusCircle />\n        )}\n        <span>{title}</span>\n        {columnFilterValue ? (\n          <>\n            <Separator\n              orientation=\"vertical\"\n              className=\"ds:mx-0.5 ds:data-[orientation=vertical]:h-4\"\n            />\n            {formatValue(columnFilterValue[0])} -{\" \"}\n            {formatValue(columnFilterValue[1])}\n            {unit ? ` ${unit}` : \"\"}\n          </>\n        ) : null}\n      </Button>\n    </Popover>\n  );\n}\n"],"names":["getIsValidRange","value","parseValuesAsNumbers","v","DataTableSliderFilter","column","title","id","React","columnFilterValue","defaultRange","unit","min","max","step","minValue","maxValue","values","facetMinValue","facetMaxValue","rangeSize","range","formatValue","onFromInputChange","event","numValue","onToInputChange","onSliderValueChange","onReset","PopContent","jsxs","jsx","Input","cn","Slider","Button","Popover","XCircle","PlusCircle","Fragment","Separator"],"mappings":"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"}

package/dist/cjs/components/Table/data-table-column-header.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("lucide-react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const s=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const c=require("../DropdownMenu/DropdownMenu.cjs"),g=require("./TableFilter/data-table-filter-popover.cjs"),d=require("../Button/Button.cjs");function h({column:e,label:o,className:a}){const n=o||(typeof e.columnDef.header=="string"?e.columnDef.header:null);if(!(e.getCanSort()||e.getCanHide()||e.getCanFilter()))return r.jsx("div",{className:s.cn(a),children:n});const l=r.jsxs("button",{className:"-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",children:[n,e.getCanSort()&&(e.getIsSorted()==="desc"?r.jsx(t.ChevronDown,{}):e.getIsSorted()==="asc"?r.jsx(t.ChevronUp,{}):r.jsx(t.ChevronsUpDown,{}))]}),u=e.getCanFilter()&&e.columnDef.meta?.variant?r.jsx(g.DataTableFilterPopover,{column:e,trigger:r.jsx(d.default,{variant:"ghost",className:s.cn("hover:bg-accent rounded p-1",e.getFilterValue()?"text-primary":""),children:r.jsx(t.Filter,{className:"size-4"})})}):null,i=[];return e.getCanSort()&&(i.push({key:"asc",type:"checkbox",label:"Asc",icon:r.jsx(t.ChevronUp,{}),checked:e.getIsSorted()==="asc",onClick:()=>e.toggleSorting(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),i.push({key:"desc",type:"checkbox",label:"Desc",icon:r.jsx(t.ChevronDown,{}),checked:e.getIsSorted()==="desc",onClick:()=>e.toggleSorting(!0),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),e.getIsSorted()&&i.push({key:"reset",type:"item",label:"Reset",icon:r.jsx(t.X,{}),onClick:()=>e.clearSorting(),className:"pl-2 [&_svg]:text-muted-foreground"})),e.getCanHide()&&i.push({key:"hide",type:"checkbox",label:"Hide",icon:r.jsx(t.EyeOff,{}),checked:!e.getIsVisible(),onClick:()=>e.toggleVisibility(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),r.jsxs("div",{className:s.cn("flex items-center gap-1.5",a),children:[r.jsx(c.default,{trigger:l,items:i,align:"start",contentClassName:"w-28"}),u]})}exports.DataTableColumnHeader=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("lucide-react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const i=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const u=require("../DropdownMenu/DropdownMenu.cjs"),c=require("./TableFilter/data-table-filter-popover.cjs"),g=require("../Button/Button.cjs");function h({column:e,label:n,className:a}){const d=n||(typeof e.columnDef.header=="string"?e.columnDef.header:null);if(!(e.getCanSort()||e.getCanHide()||e.getCanFilter()))return r.jsx("div",{className:i.cn(a),children:d});const o=r.jsxs("button",{className:"ds:-ml-1.5 ds:flex ds:h-8 ds:items-center ds:gap-1.5 ds:rounded-md ds:px-2 ds:py-1.5 ds:hover:bg-accent ds:focus:outline-none ds:focus:ring-1 ds:focus:ring-ring ds:data-[state=open]:bg-accent ds:[&_svg]:size-4 ds:[&_svg]:shrink-0 ds:[&_svg]:text-muted-foreground",children:[d,e.getCanSort()&&(e.getIsSorted()==="desc"?r.jsx(t.ChevronDown,{}):e.getIsSorted()==="asc"?r.jsx(t.ChevronUp,{}):r.jsx(t.ChevronsUpDown,{}))]}),l=e.getCanFilter()&&e.columnDef.meta?.variant?r.jsx(c.DataTableFilterPopover,{column:e,trigger:r.jsx(g.default,{variant:"ghost",className:i.cn("ds:hover:bg-accent ds:rounded ds:p-1",e.getFilterValue()?"ds:text-primary":""),children:r.jsx(t.Filter,{className:"ds:size-4"})})}):null,s=[];return e.getCanSort()&&(s.push({key:"asc",type:"checkbox",label:"Asc",icon:r.jsx(t.ChevronUp,{}),checked:e.getIsSorted()==="asc",onClick:()=>e.toggleSorting(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),s.push({key:"desc",type:"checkbox",label:"Desc",icon:r.jsx(t.ChevronDown,{}),checked:e.getIsSorted()==="desc",onClick:()=>e.toggleSorting(!0),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),e.getIsSorted()&&s.push({key:"reset",type:"item",label:"Reset",icon:r.jsx(t.X,{}),onClick:()=>e.clearSorting(),className:"pl-2 [&_svg]:text-muted-foreground"})),e.getCanHide()&&s.push({key:"hide",type:"checkbox",label:"Hide",icon:r.jsx(t.EyeOff,{}),checked:!e.getIsVisible(),onClick:()=>e.toggleVisibility(!1),className:"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground"}),r.jsxs("div",{className:i.cn("ds:flex ds:items-center ds:gap-1.5",a),children:[r.jsx(u.default,{trigger:o,items:s,align:"start",contentClassName:"ds:w-28"}),l]})}exports.DataTableColumnHeader=h;
 //# sourceMappingURL=data-table-column-header.cjs.map

package/dist/cjs/components/Table/data-table-column-header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-header.cjs","sources":["../../../../src/components/Table/data-table-column-header.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport {\n  ChevronDown,\n  ChevronsUpDown,\n  ChevronUp,\n  EyeOff,\n  Filter,\n  X,\n} from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui\";\nimport DropdownMenu, {\n  type DropdownMenuItem,\n} from \"../DropdownMenu/DropdownMenu\";\nimport { DataTableFilterPopover } from \"./TableFilter/data-table-filter-popover\";\nimport { Button } from \"../Button\";\n\ninterface DataTableColumnHeaderProps<TData, TValue> {\n  column: Column<TData, TValue>;\n  label?: string;\n  className?: string;\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  label,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  const displayLabel =\n    label ||\n    (typeof column.columnDef.header === \"string\"\n      ? column.columnDef.header\n      : null);\n\n  const hasActions =\n    column.getCanSort() || column.getCanHide() || column.getCanFilter();\n\n  if (!hasActions) {\n    return <div className={cn(className)}>{displayLabel}</div>;\n  }\n\n  const sortTrigger = (\n    <button className=\"-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\">\n      {displayLabel}\n      {column.getCanSort() &&\n        (column.getIsSorted() === \"desc\" ? (\n          <ChevronDown />\n        ) : column.getIsSorted() === \"asc\" ? (\n          <ChevronUp />\n        ) : (\n          <ChevronsUpDown />\n        ))}\n    </button>\n  );\n\n  const filterButton =\n    column.getCanFilter() && column.columnDef.meta?.variant ? (\n      <DataTableFilterPopover\n        column={column}\n        trigger={\n          <Button\n            variant=\"ghost\"\n            className={cn(\n              \"hover:bg-accent rounded p-1\",\n              column.getFilterValue() ? \"text-primary\" : \"\"\n            )}\n          >\n            <Filter className=\"size-4\" />\n          </Button>\n        }\n      />\n    ) : null;\n\n  const items: DropdownMenuItem[] = [];\n\n  if (column.getCanSort()) {\n    items.push({\n      key: \"asc\",\n      type: \"checkbox\",\n      label: \"Asc\",\n      icon: <ChevronUp />,\n      checked: column.getIsSorted() === \"asc\",\n      onClick: () => column.toggleSorting(false),\n      className:\n        \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n    });\n    items.push({\n      key: \"desc\",\n      type: \"checkbox\",\n      label: \"Desc\",\n      icon: <ChevronDown />,\n      checked: column.getIsSorted() === \"desc\",\n      onClick: () => column.toggleSorting(true),\n      className:\n        \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n    });\n    if (column.getIsSorted()) {\n      items.push({\n        key: \"reset\",\n        type: \"item\",\n        label: \"Reset\",\n        icon: <X />,\n        onClick: () => column.clearSorting(),\n        className: \"pl-2 [&_svg]:text-muted-foreground\",\n      });\n    }\n  }\n\n  if (column.getCanHide()) {\n    items.push({\n      key: \"hide\",\n      type: \"checkbox\",\n      label: \"Hide\",\n      icon: <EyeOff />,\n      checked: !column.getIsVisible(),\n      onClick: () => column.toggleVisibility(false),\n      className:\n        \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n    });\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-1.5\", className)}>\n      <DropdownMenu\n        trigger={sortTrigger}\n        items={items}\n        align=\"start\"\n        contentClassName=\"w-28\"\n      />\n      {filterButton}\n    </div>\n  );\n}\n"],"names":["DataTableColumnHeader","column","label","className","displayLabel","cn","sortTrigger","jsxs","jsx","ChevronDown","ChevronUp","ChevronsUpDown","filterButton","DataTableFilterPopover","Button","Filter","items","X","EyeOff","DropdownMenu"],"mappings":"qrDAyBO,SAASA,EAAqC,CACnD,OAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAA8C,CAC5C,MAAMC,EACJF,IACC,OAAOD,EAAO,UAAU,QAAW,SAChCA,EAAO,UAAU,OACjB,MAKN,GAAI,EAFFA,EAAO,WAAA,GAAgBA,EAAO,WAAA,GAAgBA,EAAO,aAAA,GAGrD,aAAQ,MAAA,CAAI,UAAWI,EAAAA,GAAGF,CAAS,EAAI,SAAAC,EAAa,EAGtD,MAAME,EACJC,EAAAA,KAAC,SAAA,CAAO,UAAU,yNACf,SAAA,CAAAH,EACAH,EAAO,WAAA,IACLA,EAAO,YAAA,IAAkB,OACxBO,EAAAA,IAACC,EAAAA,YAAA,EAAY,EACXR,EAAO,gBAAkB,YAC1BS,EAAAA,UAAA,CAAA,CAAU,QAEVC,EAAAA,eAAA,EAAe,EAAA,EAEtB,EAGIC,EACJX,EAAO,aAAA,GAAkBA,EAAO,UAAU,MAAM,QAC9CO,EAAAA,IAACK,EAAAA,uBAAA,CACC,OAAAZ,EACA,QACEO,EAAAA,IAACM,EAAAA,QAAA,CACC,QAAQ,QACR,UAAWT,EAAAA,GACT,8BACAJ,EAAO,eAAA,EAAmB,eAAiB,EAAA,EAG7C,SAAAO,EAAAA,IAACO,EAAAA,OAAA,CAAO,UAAU,QAAA,CAAS,CAAA,CAAA,CAC7B,CAAA,EAGF,KAEAC,EAA4B,CAAA,EAElC,OAAIf,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,MACL,KAAM,WACN,MAAO,MACP,WAAON,EAAAA,UAAA,EAAU,EACjB,QAAST,EAAO,YAAA,IAAkB,MAClC,QAAS,IAAMA,EAAO,cAAc,EAAK,EACzC,UACE,8GAAA,CACH,EACDe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOP,EAAAA,YAAA,EAAY,EACnB,QAASR,EAAO,YAAA,IAAkB,OAClC,QAAS,IAAMA,EAAO,cAAc,EAAI,EACxC,UACE,8GAAA,CACH,EACGA,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,QACL,KAAM,OACN,MAAO,QACP,WAAOC,EAAAA,EAAA,EAAE,EACT,QAAS,IAAMhB,EAAO,aAAA,EACtB,UAAW,oCAAA,CACZ,GAIDA,EAAO,cACTe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOE,EAAAA,OAAA,EAAO,EACd,QAAS,CAACjB,EAAO,aAAA,EACjB,QAAS,IAAMA,EAAO,iBAAiB,EAAK,EAC5C,UACE,8GAAA,CACH,SAIA,MAAA,CAAI,UAAWI,EAAAA,GAAG,4BAA6BF,CAAS,EACvD,SAAA,CAAAK,EAAAA,IAACW,EAAAA,QAAA,CACC,QAASb,EACT,MAAAU,EACA,MAAM,QACN,iBAAiB,MAAA,CAAA,EAElBJ,CAAA,EACH,CAEJ"}
+{"version":3,"file":"data-table-column-header.cjs","sources":["../../../../src/components/Table/data-table-column-header.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Column } from \"@tanstack/react-table\";\nimport {\n  ChevronDown,\n  ChevronsUpDown,\n  ChevronUp,\n  EyeOff,\n  Filter,\n  X,\n} from \"lucide-react\";\n\nimport { cn } from \"@dsui/ui\";\nimport DropdownMenu, {\n  type DropdownMenuItem,\n} from \"../DropdownMenu/DropdownMenu\";\nimport { DataTableFilterPopover } from \"./TableFilter/data-table-filter-popover\";\nimport { Button } from \"../Button\";\n\ninterface DataTableColumnHeaderProps<TData, TValue> {\n  column: Column<TData, TValue>;\n  label?: string;\n  className?: string;\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  label,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  const displayLabel =\n    label ||\n    (typeof column.columnDef.header === \"string\"\n      ? column.columnDef.header\n      : null);\n\n  const hasActions =\n    column.getCanSort() || column.getCanHide() || column.getCanFilter();\n\n  if (!hasActions) {\n    return <div className={cn(className)}>{displayLabel}</div>;\n  }\n\n  const sortTrigger = (\n    <button className=\"ds:-ml-1.5 ds:flex ds:h-8 ds:items-center ds:gap-1.5 ds:rounded-md ds:px-2 ds:py-1.5 ds:hover:bg-accent ds:focus:outline-none ds:focus:ring-1 ds:focus:ring-ring ds:data-[state=open]:bg-accent ds:[&_svg]:size-4 ds:[&_svg]:shrink-0 ds:[&_svg]:text-muted-foreground\">\n      {displayLabel}\n      {column.getCanSort() &&\n        (column.getIsSorted() === \"desc\" ? (\n          <ChevronDown />\n        ) : column.getIsSorted() === \"asc\" ? (\n          <ChevronUp />\n        ) : (\n          <ChevronsUpDown />\n        ))}\n    </button>\n  );\n\n  const filterButton =\n    column.getCanFilter() && column.columnDef.meta?.variant ? (\n      <DataTableFilterPopover\n        column={column}\n        trigger={\n          <Button\n            variant=\"ghost\"\n            className={cn(\n              \"ds:hover:bg-accent ds:rounded ds:p-1\",\n              column.getFilterValue() ? \"ds:text-primary\" : \"\"\n            )}\n          >\n            <Filter className=\"ds:size-4\" />\n          </Button>\n        }\n      />\n    ) : null;\n\n  const items: DropdownMenuItem[] = [];\n\n  if (column.getCanSort()) {\n    items.push({\n      key: \"asc\",\n      type: \"checkbox\",\n      label: \"Asc\",\n      icon: <ChevronUp />,\n      checked: column.getIsSorted() === \"asc\",\n      onClick: () => column.toggleSorting(false),\n      className:\n        \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n    });\n    items.push({\n      key: \"desc\",\n      type: \"checkbox\",\n      label: \"Desc\",\n      icon: <ChevronDown />,\n      checked: column.getIsSorted() === \"desc\",\n      onClick: () => column.toggleSorting(true),\n      className:\n        \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n    });\n    if (column.getIsSorted()) {\n      items.push({\n        key: \"reset\",\n        type: \"item\",\n        label: \"Reset\",\n        icon: <X />,\n        onClick: () => column.clearSorting(),\n        className: \"pl-2 [&_svg]:text-muted-foreground\",\n      });\n    }\n  }\n\n  if (column.getCanHide()) {\n    items.push({\n      key: \"hide\",\n      type: \"checkbox\",\n      label: \"Hide\",\n      icon: <EyeOff />,\n      checked: !column.getIsVisible(),\n      onClick: () => column.toggleVisibility(false),\n      className:\n        \"relative pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground\",\n    });\n  }\n\n  return (\n    <div className={cn(\"ds:flex ds:items-center ds:gap-1.5\", className)}>\n      <DropdownMenu\n        trigger={sortTrigger}\n        items={items}\n        align=\"start\"\n        contentClassName=\"ds:w-28\"\n      />\n      {filterButton}\n    </div>\n  );\n}\n"],"names":["DataTableColumnHeader","column","label","className","displayLabel","cn","sortTrigger","jsxs","jsx","ChevronDown","ChevronUp","ChevronsUpDown","filterButton","DataTableFilterPopover","Button","Filter","items","X","EyeOff","DropdownMenu"],"mappings":"qrDAyBO,SAASA,EAAqC,CACnD,OAAAC,EACA,MAAAC,EACA,UAAAC,CACF,EAA8C,CAC5C,MAAMC,EACJF,IACC,OAAOD,EAAO,UAAU,QAAW,SAChCA,EAAO,UAAU,OACjB,MAKN,GAAI,EAFFA,EAAO,WAAA,GAAgBA,EAAO,WAAA,GAAgBA,EAAO,aAAA,GAGrD,aAAQ,MAAA,CAAI,UAAWI,EAAAA,GAAGF,CAAS,EAAI,SAAAC,EAAa,EAGtD,MAAME,EACJC,EAAAA,KAAC,SAAA,CAAO,UAAU,yQACf,SAAA,CAAAH,EACAH,EAAO,WAAA,IACLA,EAAO,YAAA,IAAkB,OACxBO,EAAAA,IAACC,EAAAA,YAAA,EAAY,EACXR,EAAO,gBAAkB,YAC1BS,EAAAA,UAAA,CAAA,CAAU,QAEVC,EAAAA,eAAA,EAAe,EAAA,EAEtB,EAGIC,EACJX,EAAO,aAAA,GAAkBA,EAAO,UAAU,MAAM,QAC9CO,EAAAA,IAACK,EAAAA,uBAAA,CACC,OAAAZ,EACA,QACEO,EAAAA,IAACM,EAAAA,QAAA,CACC,QAAQ,QACR,UAAWT,EAAAA,GACT,uCACAJ,EAAO,eAAA,EAAmB,kBAAoB,EAAA,EAGhD,SAAAO,EAAAA,IAACO,EAAAA,OAAA,CAAO,UAAU,WAAA,CAAY,CAAA,CAAA,CAChC,CAAA,EAGF,KAEAC,EAA4B,CAAA,EAElC,OAAIf,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,MACL,KAAM,WACN,MAAO,MACP,WAAON,EAAAA,UAAA,EAAU,EACjB,QAAST,EAAO,YAAA,IAAkB,MAClC,QAAS,IAAMA,EAAO,cAAc,EAAK,EACzC,UACE,8GAAA,CACH,EACDe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOP,EAAAA,YAAA,EAAY,EACnB,QAASR,EAAO,YAAA,IAAkB,OAClC,QAAS,IAAMA,EAAO,cAAc,EAAI,EACxC,UACE,8GAAA,CACH,EACGA,EAAO,eACTe,EAAM,KAAK,CACT,IAAK,QACL,KAAM,OACN,MAAO,QACP,WAAOC,EAAAA,EAAA,EAAE,EACT,QAAS,IAAMhB,EAAO,aAAA,EACtB,UAAW,oCAAA,CACZ,GAIDA,EAAO,cACTe,EAAM,KAAK,CACT,IAAK,OACL,KAAM,WACN,MAAO,OACP,WAAOE,EAAAA,OAAA,EAAO,EACd,QAAS,CAACjB,EAAO,aAAA,EACjB,QAAS,IAAMA,EAAO,iBAAiB,EAAK,EAC5C,UACE,8GAAA,CACH,SAIA,MAAA,CAAI,UAAWI,EAAAA,GAAG,qCAAsCF,CAAS,EAChE,SAAA,CAAAK,EAAAA,IAACW,EAAAA,QAAA,CACC,QAASb,EACT,MAAAU,EACA,MAAM,QACN,iBAAiB,SAAA,CAAA,EAElBJ,CAAA,EACH,CAEJ"}

package/dist/cjs/components/Table/data-table-pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("../Pagination/index.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const q=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const c=require("../Select/Select.cjs");function x({table:e,pageSizeOptions:t=[5,10,20,30,40,50,100],className:u,showPageInfo:s=!1,showPageSizeOptions:a=!1,showRowSelectionCount:n=!1,showPagination:o=!0,...l}){return r.jsxs("div",{className:q.cn("flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",u),...l,children:[r.jsx("div",{className:"flex-1 whitespace-nowrap text-muted-foreground text-sm",children:n&&r.jsxs(r.Fragment,{children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]})}),r.jsxs("div",{className:"flex flex-col-reverse items-center gap-2 sm:flex-row sm:gap-2 lg:gap-4",children:[s&&r.jsxs("div",{className:"flex items-center justify-center font-medium text-sm",children:["Page ",e.getState().pagination.pageIndex+1," of"," ",e.getPageCount()]}),o&&r.jsx(g.Pagination,{total:e.getPageCount(),currentPage:e.getState().pagination.pageIndex+1,onPageChange:i=>e.setPageIndex(i-1),maxPages:3,previousText:!1,nextText:!1,jumpOnEllipsis:!0,showPreviousNext:!0}),a&&r.jsx(c.default,{value:`${e.getState().pagination.pageSize}`,onValueChange:i=>{e.setPageSize(Number(i))},options:t.map(i=>({value:`${i}`,label:`${i} / page`}))})]})]})}exports.DataTablePagination=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("../Pagination/index.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const g=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const q=require("../Select/Select.cjs");function c({table:e,pageSizeOptions:i=[5,10,20,30,40,50,100],className:t,showPageInfo:u=!1,showPageSizeOptions:a=!1,showRowSelectionCount:n=!1,showPagination:d=!0,...o}){return r.jsxs("div",{className:g.cn("ds:flex ds:w-full ds:flex-col-reverse ds:items-center ds:justify-between ds:gap-4 ds:overflow-auto ds:p-1 ds:sm:flex-row ds:sm:gap-8",t),...o,children:[r.jsx("div",{className:"ds:flex-1 ds:whitespace-nowrap ds:text-muted-foreground ds:text-sm",children:n&&r.jsxs(r.Fragment,{children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]})}),r.jsxs("div",{className:"ds:flex ds:flex-col-reverse ds:items-center ds:gap-2 ds:sm:flex-row ds:sm:gap-2 ds:lg:gap-4",children:[u&&r.jsxs("div",{className:"ds:flex ds:items-center ds:justify-center ds:font-medium ds:text-sm",children:["Page ",e.getState().pagination.pageIndex+1," of"," ",e.getPageCount()]}),d&&r.jsx(l.Pagination,{total:e.getPageCount(),currentPage:e.getState().pagination.pageIndex+1,onPageChange:s=>e.setPageIndex(s-1),maxPages:3,previousText:!1,nextText:!1,jumpOnEllipsis:!0,showPreviousNext:!0}),a&&r.jsx(q.default,{value:`${e.getState().pagination.pageSize}`,onValueChange:s=>{e.setPageSize(Number(s))},options:i.map(s=>({value:`${s}`,label:`${s} / page`}))})]})]})}exports.DataTablePagination=c;
 //# sourceMappingURL=data-table-pagination.cjs.map

package/dist/cjs/components/Table/data-table-pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.cjs","sources":["../../../../src/components/Table/data-table-pagination.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\n\nimport { Select } from \"../Select\";\nimport { Pagination } from \"../Pagination\";\nimport { cn } from \"@dsui/ui/index\";\n\nexport interface DataTablePaginationProps<TData> extends React.ComponentProps<\"div\"> {\n  table: Table<TData>;\n  pageSizeOptions?: number[];\n  showPagination?: boolean;\n  showPageSizeOptions?: boolean;\n  showRowSelectionCount?: boolean;\n  showPageInfo?: boolean;\n}\n\nexport function DataTablePagination<TData>({\n  table,\n  pageSizeOptions = [5, 10, 20, 30, 40, 50, 100],\n  className,\n  showPageInfo = false,\n  showPageSizeOptions = false,\n  showRowSelectionCount = false,\n  showPagination = true,\n  ...props\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div\n      className={cn(\n        \"flex w-full flex-col-reverse items-center justify-between gap-4 overflow-auto p-1 sm:flex-row sm:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"flex-1 whitespace-nowrap text-muted-foreground text-sm\">\n        {showRowSelectionCount && (\n          <>\n            {table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n            {table.getFilteredRowModel().rows.length} row(s) selected.\n          </>\n        )}\n      </div>\n      <div className=\"flex flex-col-reverse items-center gap-2 sm:flex-row sm:gap-2 lg:gap-4\">\n        {showPageInfo && (\n          <div className=\"flex items-center justify-center font-medium text-sm\">\n            Page {table.getState().pagination.pageIndex + 1} of{\" \"}\n            {table.getPageCount()}\n          </div>\n        )}\n\n        {showPagination && (\n          <Pagination\n            total={table.getPageCount()}\n            currentPage={table.getState().pagination.pageIndex + 1}\n            onPageChange={(page) => table.setPageIndex(page - 1)}\n            maxPages={3}\n            previousText={false}\n            nextText={false}\n            jumpOnEllipsis\n            showPreviousNext={true}\n          />\n        )}\n\n        {showPageSizeOptions && (\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n            options={pageSizeOptions.map((pageSize) => ({\n              value: `${pageSize}`,\n              label: `${pageSize} / page`,\n            }))}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["DataTablePagination","table","pageSizeOptions","className","showPageInfo","showPageSizeOptions","showRowSelectionCount","showPagination","props","jsxs","cn","jsx","Fragment","Pagination","page","Select","value","pageSize"],"mappings":"inDAeO,SAASA,EAA2B,CACzC,MAAAC,EACA,gBAAAC,EAAkB,CAAC,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,GAAG,EAC7C,UAAAC,EACA,aAAAC,EAAe,GACf,oBAAAC,EAAsB,GACtB,sBAAAC,EAAwB,GACxB,eAAAC,EAAiB,GACjB,GAAGC,CACL,EAAoC,CAClC,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,yGACAP,CAAA,EAED,GAAGK,EAEJ,SAAA,CAAAG,MAAC,MAAA,CAAI,UAAU,yDACZ,SAAAL,GACCG,EAAAA,KAAAG,WAAA,CACG,SAAA,CAAAX,EAAM,8BAA8B,KAAK,OAAO,MAAI,IACpDA,EAAM,sBAAsB,KAAK,OAAO,mBAAA,CAAA,CAC3C,CAAA,CAEJ,EACAQ,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACZ,SAAA,CAAAL,GACCK,EAAAA,KAAC,MAAA,CAAI,UAAU,uDAAuD,SAAA,CAAA,QAC9DR,EAAM,SAAA,EAAW,WAAW,UAAY,EAAE,MAAI,IACnDA,EAAM,aAAA,CAAa,EACtB,EAGDM,GACCI,EAAAA,IAACE,EAAAA,WAAA,CACC,MAAOZ,EAAM,aAAA,EACb,YAAaA,EAAM,SAAA,EAAW,WAAW,UAAY,EACrD,aAAea,GAASb,EAAM,aAAaa,EAAO,CAAC,EACnD,SAAU,EACV,aAAc,GACd,SAAU,GACV,eAAc,GACd,iBAAkB,EAAA,CAAA,EAIrBT,GACCM,EAAAA,IAACI,EAAAA,QAAA,CACC,MAAO,GAAGd,EAAM,SAAA,EAAW,WAAW,QAAQ,GAC9C,cAAgBe,GAAU,CACxBf,EAAM,YAAY,OAAOe,CAAK,CAAC,CACjC,EACA,QAASd,EAAgB,IAAKe,IAAc,CAC1C,MAAO,GAAGA,CAAQ,GAClB,MAAO,GAAGA,CAAQ,SAAA,EAClB,CAAA,CAAA,CACJ,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"data-table-pagination.cjs","sources":["../../../../src/components/Table/data-table-pagination.tsx"],"sourcesContent":["import type { Table } from \"@tanstack/react-table\";\n\nimport { Select } from \"../Select\";\nimport { Pagination } from \"../Pagination\";\nimport { cn } from \"@dsui/ui/index\";\n\nexport interface DataTablePaginationProps<TData> extends React.ComponentProps<\"div\"> {\n  table: Table<TData>;\n  pageSizeOptions?: number[];\n  showPagination?: boolean;\n  showPageSizeOptions?: boolean;\n  showRowSelectionCount?: boolean;\n  showPageInfo?: boolean;\n}\n\nexport function DataTablePagination<TData>({\n  table,\n  pageSizeOptions = [5, 10, 20, 30, 40, 50, 100],\n  className,\n  showPageInfo = false,\n  showPageSizeOptions = false,\n  showRowSelectionCount = false,\n  showPagination = true,\n  ...props\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div\n      className={cn(\n        \"ds:flex ds:w-full ds:flex-col-reverse ds:items-center ds:justify-between ds:gap-4 ds:overflow-auto ds:p-1 ds:sm:flex-row ds:sm:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"ds:flex-1 ds:whitespace-nowrap ds:text-muted-foreground ds:text-sm\">\n        {showRowSelectionCount && (\n          <>\n            {table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n            {table.getFilteredRowModel().rows.length} row(s) selected.\n          </>\n        )}\n      </div>\n      <div className=\"ds:flex ds:flex-col-reverse ds:items-center ds:gap-2 ds:sm:flex-row ds:sm:gap-2 ds:lg:gap-4\">\n        {showPageInfo && (\n          <div className=\"ds:flex ds:items-center ds:justify-center ds:font-medium ds:text-sm\">\n            Page {table.getState().pagination.pageIndex + 1} of{\" \"}\n            {table.getPageCount()}\n          </div>\n        )}\n\n        {showPagination && (\n          <Pagination\n            total={table.getPageCount()}\n            currentPage={table.getState().pagination.pageIndex + 1}\n            onPageChange={(page) => table.setPageIndex(page - 1)}\n            maxPages={3}\n            previousText={false}\n            nextText={false}\n            jumpOnEllipsis\n            showPreviousNext={true}\n          />\n        )}\n\n        {showPageSizeOptions && (\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n            options={pageSizeOptions.map((pageSize) => ({\n              value: `${pageSize}`,\n              label: `${pageSize} / page`,\n            }))}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["DataTablePagination","table","pageSizeOptions","className","showPageInfo","showPageSizeOptions","showRowSelectionCount","showPagination","props","jsxs","cn","jsx","Fragment","Pagination","page","Select","value","pageSize"],"mappings":"inDAeO,SAASA,EAA2B,CACzC,MAAAC,EACA,gBAAAC,EAAkB,CAAC,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,GAAG,EAC7C,UAAAC,EACA,aAAAC,EAAe,GACf,oBAAAC,EAAsB,GACtB,sBAAAC,EAAwB,GACxB,eAAAC,EAAiB,GACjB,GAAGC,CACL,EAAoC,CAClC,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,uIACAP,CAAA,EAED,GAAGK,EAEJ,SAAA,CAAAG,MAAC,MAAA,CAAI,UAAU,qEACZ,SAAAL,GACCG,EAAAA,KAAAG,WAAA,CACG,SAAA,CAAAX,EAAM,8BAA8B,KAAK,OAAO,MAAI,IACpDA,EAAM,sBAAsB,KAAK,OAAO,mBAAA,CAAA,CAC3C,CAAA,CAEJ,EACAQ,EAAAA,KAAC,MAAA,CAAI,UAAU,8FACZ,SAAA,CAAAL,GACCK,EAAAA,KAAC,MAAA,CAAI,UAAU,sEAAsE,SAAA,CAAA,QAC7ER,EAAM,SAAA,EAAW,WAAW,UAAY,EAAE,MAAI,IACnDA,EAAM,aAAA,CAAa,EACtB,EAGDM,GACCI,EAAAA,IAACE,EAAAA,WAAA,CACC,MAAOZ,EAAM,aAAA,EACb,YAAaA,EAAM,SAAA,EAAW,WAAW,UAAY,EACrD,aAAea,GAASb,EAAM,aAAaa,EAAO,CAAC,EACnD,SAAU,EACV,aAAc,GACd,SAAU,GACV,eAAc,GACd,iBAAkB,EAAA,CAAA,EAIrBT,GACCM,EAAAA,IAACI,EAAAA,QAAA,CACC,MAAO,GAAGd,EAAM,SAAA,EAAW,WAAW,QAAQ,GAC9C,cAAgBe,GAAU,CACxBf,EAAM,YAAY,OAAOe,CAAK,CAAC,CACjC,EACA,QAASd,EAAgB,IAAKe,IAAc,CAC1C,MAAO,GAAGA,CAAQ,GAClB,MAAO,GAAGA,CAAQ,SAAA,EAClB,CAAA,CAAA,CACJ,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@tanstack/react-table"),g=require("./data-table-pagination.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const a=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const l=require("../../packages/ui/src/components/table.cjs"),d=require("../../utils/data-table.cjs"),b=require("./data-table-column-header.cjs");function j({table:i,actionBar:t,children:q,className:m,pagination:u=!0,sticky:T,bordered:f,loading:o,footer:s,...x}){return e.jsxs("div",{className:a.cn("flex w-full flex-col gap-2.5 relative",m),...x,children:[q,o&&e.jsx("div",{className:"absolute inset-0 bg-background/50 flex items-center justify-center z-20",children:"Loading..."}),e.jsx("div",{className:a.cn("overflow-auto rounded-md border",o&&"blur-sm"),children:e.jsxs(l.Table,{children:[e.jsx(l.TableHeader,{children:i.getHeaderGroups().map(n=>e.jsx(l.TableRow,{children:n.headers.map(r=>e.jsx(l.TableHead,{colSpan:r.colSpan,style:{...d.getCommonPinningStyles({column:r.column})},children:r.isPlaceholder?null:r.column.columnDef.header?typeof r.column.columnDef.header=="function"?c.flexRender(r.column.columnDef.header,r.getContext()):e.jsx(b.DataTableColumnHeader,{column:r.column}):null},r.id))},n.id))}),e.jsx(l.TableBody,{children:i.getRowModel().rows?.length?i.getRowModel().rows.map(n=>e.jsx(l.TableRow,{"data-state":n.getIsSelected()&&"selected",children:n.getVisibleCells().map(r=>e.jsx(l.TableCell,{style:{...d.getCommonPinningStyles({column:r.column})},children:c.flexRender(r.column.columnDef.cell,r.getContext())},r.id))},n.id)):e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:i.getAllColumns().length,className:"h-24 text-center",children:"No results."})})}),s&&e.jsx("tfoot",{children:e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:i.getAllColumns().length,children:s(i.getRowModel().rows.map(n=>n.original))})})})]})}),e.jsxs("div",{className:"flex flex-col gap-2.5",children:[u&&e.jsx(g.DataTablePagination,{table:i,...u===!0?{}:u}),t&&i.getFilteredSelectedRowModel().rows.length>0&&t]})]})}exports.DataTable=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@tanstack/react-table"),g=require("./data-table-pagination.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const c=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const l=require("../../packages/ui/src/components/table.cjs"),a=require("../../utils/data-table.cjs"),b=require("./data-table-column-header.cjs");function j({table:s,actionBar:u,children:q,className:m,pagination:n=!0,sticky:T,bordered:f,loading:d,footer:t,...x}){return e.jsxs("div",{className:c.cn("ds:flex ds:w-full ds:flex-col ds:gap-2.5 ds:relative",m),...x,children:[q,d&&e.jsx("div",{className:"ds:absolute ds:inset-0 ds:bg-background/50 ds:flex ds:items-center ds:justify-center ds:z-20",children:"Loading..."}),e.jsx("div",{className:c.cn("ds:overflow-auto ds:rounded-md ds:border",d&&"ds:blur-sm"),children:e.jsxs(l.Table,{children:[e.jsx(l.TableHeader,{children:s.getHeaderGroups().map(i=>e.jsx(l.TableRow,{children:i.headers.map(r=>e.jsx(l.TableHead,{colSpan:r.colSpan,style:{...a.getCommonPinningStyles({column:r.column})},children:r.isPlaceholder?null:r.column.columnDef.header?typeof r.column.columnDef.header=="function"?o.flexRender(r.column.columnDef.header,r.getContext()):e.jsx(b.DataTableColumnHeader,{column:r.column}):null},r.id))},i.id))}),e.jsx(l.TableBody,{children:s.getRowModel().rows?.length?s.getRowModel().rows.map(i=>e.jsx(l.TableRow,{"data-state":i.getIsSelected()&&"selected",children:i.getVisibleCells().map(r=>e.jsx(l.TableCell,{style:{...a.getCommonPinningStyles({column:r.column})},children:o.flexRender(r.column.columnDef.cell,r.getContext())},r.id))},i.id)):e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:s.getAllColumns().length,className:"ds:h-24 ds:text-center",children:"No results."})})}),t&&e.jsx("tfoot",{children:e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:s.getAllColumns().length,children:t(s.getRowModel().rows.map(i=>i.original))})})})]})}),e.jsxs("div",{className:"ds:flex ds:flex-col ds:gap-2.5",children:[n&&e.jsx(g.DataTablePagination,{table:s,...n===!0?{}:n}),u&&s.getFilteredSelectedRowModel().rows.length>0&&u]})]})}exports.DataTable=j;
 //# sourceMappingURL=data-table.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.cjs","sources":["../../../../src/components/Table/data-table.tsx"],"sourcesContent":["import { flexRender, type Table as TanstackTable } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\n\nimport { DataTablePagination } from \"./data-table-pagination\";\nimport {\n  cn,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@dsui/ui\";\nimport { getCommonPinningStyles } from \"@/utils/data-table\";\nimport { DataTableColumnHeader } from \"./data-table-column-header\";\n\nexport interface DataTableProps<TData> extends React.ComponentProps<\"div\"> {\n  table: TanstackTable<TData>;\n  actionBar?: React.ReactNode;\n  pagination?:\n    | boolean\n    | Omit<React.ComponentProps<typeof DataTablePagination<TData>>, \"table\">;\n  sticky?: boolean | { offsetHeader?: number; offsetScroll?: number };\n  bordered?: boolean;\n  loading?: boolean;\n  footer?: (currentPageData: TData[]) => React.ReactNode;\n}\n\nexport function DataTable<TData>({\n  table,\n  actionBar,\n  children,\n  className,\n  pagination = true,\n  sticky,\n  bordered,\n  loading,\n  footer,\n  ...props\n}: DataTableProps<TData>) {\n  return (\n    <div\n      className={cn(\"flex w-full flex-col gap-2.5 relative\", className)}\n      {...props}\n    >\n      {children}\n      {loading && (\n        <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center z-20\">\n          Loading...\n        </div>\n      )}\n      <div\n        className={cn(\"overflow-auto rounded-md border\", loading && \"blur-sm\")}\n      >\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead\n                    key={header.id}\n                    colSpan={header.colSpan}\n                    style={{\n                      ...getCommonPinningStyles({ column: header.column }),\n                    }}\n                  >\n                    {header.isPlaceholder ? null : header.column.columnDef\n                        .header ? (\n                      typeof header.column.columnDef.header === \"function\" ? (\n                        flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )\n                      ) : (\n                        <DataTableColumnHeader column={header.column} />\n                      )\n                    ) : null}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell\n                      key={cell.id}\n                      style={{\n                        ...getCommonPinningStyles({ column: cell.column }),\n                      }}\n                    >\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={table.getAllColumns().length}\n                  className=\"h-24 text-center\"\n                >\n                  No results.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n          {footer && (\n            <tfoot>\n              <TableRow>\n                <TableCell colSpan={table.getAllColumns().length}>\n                  {footer(table.getRowModel().rows.map((row) => row.original))}\n                </TableCell>\n              </TableRow>\n            </tfoot>\n          )}\n        </Table>\n      </div>\n      <div className=\"flex flex-col gap-2.5\">\n        {pagination && (\n          <DataTablePagination\n            table={table}\n            {...(pagination === true ? {} : pagination)}\n          />\n        )}\n        {actionBar &&\n          table.getFilteredSelectedRowModel().rows.length > 0 &&\n          actionBar}\n      </div>\n    </div>\n  );\n}\n"],"names":["DataTable","table","actionBar","children","className","pagination","sticky","bordered","loading","footer","props","jsxs","cn","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","DataTableColumnHeader","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"kwDA4BO,SAASA,EAAiB,CAAA,MAC/BC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,wCAAyCR,CAAS,EAC/D,GAAGM,EAEH,SAAA,CAAAP,EACAK,GACCK,EAAAA,IAAC,MAAA,CAAI,UAAU,0EAA0E,SAAA,aAEzF,EAEFA,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GAAG,kCAAmCJ,GAAW,SAAS,EAErE,gBAACM,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACE,EAAAA,YAAA,CACE,SAAAd,EAAM,gBAAA,EAAkB,IAAKe,GAC5BH,EAAAA,IAACI,EAAAA,SAAA,CACE,SAAAD,EAAY,QAAQ,IAAKE,GACxBL,EAAAA,IAACM,EAAAA,UAAA,CAEC,QAASD,EAAO,QAChB,MAAO,CACL,GAAGE,yBAAuB,CAAE,OAAQF,EAAO,OAAQ,CAAA,EAGpD,SAAAA,EAAO,cAAgB,KAAOA,EAAO,OAAO,UACxC,OACH,OAAOA,EAAO,OAAO,UAAU,QAAW,WACxCG,EAAAA,WACEH,EAAO,OAAO,UAAU,OACxBA,EAAO,WAAA,CAAW,EAGpBL,EAAAA,IAACS,EAAAA,sBAAA,CAAsB,OAAQJ,EAAO,OAAQ,EAE9C,IAAA,EAhBCA,EAAO,EAAA,CAkBf,GArBYF,EAAY,EAsB3B,CACD,CAAA,CACH,EACAH,EAAAA,IAACU,EAAAA,UAAA,CACE,SAAAtB,EAAM,YAAA,EAAc,MAAM,OACzBA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAC5BX,EAAAA,IAACI,EAAAA,SAAA,CAEC,aAAYO,EAAI,cAAA,GAAmB,WAElC,SAAAA,EAAI,gBAAA,EAAkB,IAAKC,GAC1BZ,EAAAA,IAACa,EAAAA,UAAA,CAEC,MAAO,CACL,GAAGN,yBAAuB,CAAE,OAAQK,EAAK,OAAQ,CAAA,EAGlD,SAAAJ,EAAAA,WACCI,EAAK,OAAO,UAAU,KACtBA,EAAK,WAAA,CAAW,CAClB,EARKA,EAAK,EAAA,CAUb,CAAA,EAfID,EAAI,EAAA,CAiBZ,EAEDX,EAAAA,IAACI,WAAA,CACC,SAAAJ,EAAAA,IAACa,EAAAA,UAAA,CACC,QAASzB,EAAM,cAAA,EAAgB,OAC/B,UAAU,mBACX,SAAA,aAAA,CAAA,EAGH,CAAA,CAEJ,EACCQ,GACCI,EAAAA,IAAC,QAAA,CACC,SAAAA,EAAAA,IAACI,EAAAA,SAAA,CACC,eAACS,EAAAA,UAAA,CAAU,QAASzB,EAAM,cAAA,EAAgB,OACvC,WAAOA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAAQA,EAAI,QAAQ,CAAC,CAAA,CAC7D,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,EAEFb,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAN,GACCQ,EAAAA,IAACc,EAAAA,oBAAA,CAAA,MACC1B,EACC,GAAII,IAAe,GAAO,GAAKA,CAAA,CAAA,EAGnCH,GACCD,EAAM,4BAAA,EAA8B,KAAK,OAAS,GAClDC,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"data-table.cjs","sources":["../../../../src/components/Table/data-table.tsx"],"sourcesContent":["import { flexRender, type Table as TanstackTable } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\n\nimport { DataTablePagination } from \"./data-table-pagination\";\nimport {\n  cn,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@dsui/ui\";\nimport { getCommonPinningStyles } from \"@/utils/data-table\";\nimport { DataTableColumnHeader } from \"./data-table-column-header\";\n\nexport interface DataTableProps<TData> extends React.ComponentProps<\"div\"> {\n  table: TanstackTable<TData>;\n  actionBar?: React.ReactNode;\n  pagination?:\n    | boolean\n    | Omit<React.ComponentProps<typeof DataTablePagination<TData>>, \"table\">;\n  sticky?: boolean | { offsetHeader?: number; offsetScroll?: number };\n  bordered?: boolean;\n  loading?: boolean;\n  footer?: (currentPageData: TData[]) => React.ReactNode;\n}\n\nexport function DataTable<TData>({\n  table,\n  actionBar,\n  children,\n  className,\n  pagination = true,\n  sticky,\n  bordered,\n  loading,\n  footer,\n  ...props\n}: DataTableProps<TData>) {\n  return (\n    <div\n      className={cn(\"ds:flex ds:w-full ds:flex-col ds:gap-2.5 ds:relative\", className)}\n      {...props}\n    >\n      {children}\n      {loading && (\n        <div className=\"ds:absolute ds:inset-0 ds:bg-background/50 ds:flex ds:items-center ds:justify-center ds:z-20\">\n          Loading...\n        </div>\n      )}\n      <div\n        className={cn(\"ds:overflow-auto ds:rounded-md ds:border\", loading && \"ds:blur-sm\")}\n      >\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead\n                    key={header.id}\n                    colSpan={header.colSpan}\n                    style={{\n                      ...getCommonPinningStyles({ column: header.column }),\n                    }}\n                  >\n                    {header.isPlaceholder ? null : header.column.columnDef\n                        .header ? (\n                      typeof header.column.columnDef.header === \"function\" ? (\n                        flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )\n                      ) : (\n                        <DataTableColumnHeader column={header.column} />\n                      )\n                    ) : null}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {table.getRowModel().rows?.length ? (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell\n                      key={cell.id}\n                      style={{\n                        ...getCommonPinningStyles({ column: cell.column }),\n                      }}\n                    >\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={table.getAllColumns().length}\n                  className=\"ds:h-24 ds:text-center\"\n                >\n                  No results.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n          {footer && (\n            <tfoot>\n              <TableRow>\n                <TableCell colSpan={table.getAllColumns().length}>\n                  {footer(table.getRowModel().rows.map((row) => row.original))}\n                </TableCell>\n              </TableRow>\n            </tfoot>\n          )}\n        </Table>\n      </div>\n      <div className=\"ds:flex ds:flex-col ds:gap-2.5\">\n        {pagination && (\n          <DataTablePagination\n            table={table}\n            {...(pagination === true ? {} : pagination)}\n          />\n        )}\n        {actionBar &&\n          table.getFilteredSelectedRowModel().rows.length > 0 &&\n          actionBar}\n      </div>\n    </div>\n  );\n}\n"],"names":["DataTable","table","actionBar","children","className","pagination","sticky","bordered","loading","footer","props","jsxs","cn","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","getCommonPinningStyles","flexRender","DataTableColumnHeader","TableBody","row","cell","TableCell","DataTablePagination"],"mappings":"kwDA4BO,SAASA,EAAiB,CAAA,MAC/BC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,GACb,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,OACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,uDAAwDR,CAAS,EAC9E,GAAGM,EAEH,SAAA,CAAAP,EACAK,GACCK,EAAAA,IAAC,MAAA,CAAI,UAAU,+FAA+F,SAAA,aAE9G,EAEFA,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GAAG,2CAA4CJ,GAAW,YAAY,EAEjF,gBAACM,QAAA,CACC,SAAA,CAAAD,EAAAA,IAACE,EAAAA,YAAA,CACE,SAAAd,EAAM,gBAAA,EAAkB,IAAKe,GAC5BH,EAAAA,IAACI,EAAAA,SAAA,CACE,SAAAD,EAAY,QAAQ,IAAKE,GACxBL,EAAAA,IAACM,EAAAA,UAAA,CAEC,QAASD,EAAO,QAChB,MAAO,CACL,GAAGE,yBAAuB,CAAE,OAAQF,EAAO,OAAQ,CAAA,EAGpD,SAAAA,EAAO,cAAgB,KAAOA,EAAO,OAAO,UACxC,OACH,OAAOA,EAAO,OAAO,UAAU,QAAW,WACxCG,EAAAA,WACEH,EAAO,OAAO,UAAU,OACxBA,EAAO,WAAA,CAAW,EAGpBL,EAAAA,IAACS,EAAAA,sBAAA,CAAsB,OAAQJ,EAAO,OAAQ,EAE9C,IAAA,EAhBCA,EAAO,EAAA,CAkBf,GArBYF,EAAY,EAsB3B,CACD,CAAA,CACH,EACAH,EAAAA,IAACU,EAAAA,UAAA,CACE,SAAAtB,EAAM,YAAA,EAAc,MAAM,OACzBA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAC5BX,EAAAA,IAACI,EAAAA,SAAA,CAEC,aAAYO,EAAI,cAAA,GAAmB,WAElC,SAAAA,EAAI,gBAAA,EAAkB,IAAKC,GAC1BZ,EAAAA,IAACa,EAAAA,UAAA,CAEC,MAAO,CACL,GAAGN,yBAAuB,CAAE,OAAQK,EAAK,OAAQ,CAAA,EAGlD,SAAAJ,EAAAA,WACCI,EAAK,OAAO,UAAU,KACtBA,EAAK,WAAA,CAAW,CAClB,EARKA,EAAK,EAAA,CAUb,CAAA,EAfID,EAAI,EAAA,CAiBZ,EAEDX,EAAAA,IAACI,WAAA,CACC,SAAAJ,EAAAA,IAACa,EAAAA,UAAA,CACC,QAASzB,EAAM,cAAA,EAAgB,OAC/B,UAAU,yBACX,SAAA,aAAA,CAAA,EAGH,CAAA,CAEJ,EACCQ,GACCI,EAAAA,IAAC,QAAA,CACC,SAAAA,EAAAA,IAACI,EAAAA,SAAA,CACC,eAACS,EAAAA,UAAA,CAAU,QAASzB,EAAM,cAAA,EAAgB,OACvC,WAAOA,EAAM,YAAA,EAAc,KAAK,IAAKuB,GAAQA,EAAI,QAAQ,CAAC,CAAA,CAC7D,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,EAEFb,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACZ,SAAA,CAAAN,GACCQ,EAAAA,IAACc,EAAAA,oBAAA,CAAA,MACC1B,EACC,GAAII,IAAe,GAAO,GAAKA,CAAA,CAAA,EAGnCH,GACCD,EAAM,4BAAA,EAA8B,KAAK,OAAS,GAClDC,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAGN"}