@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/components/ui/carousel.d.ts

@@ -0,0 +1,28 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from './button';
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & CarouselProps;
+declare function useCarousel(): CarouselContextProps;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, };

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/components/ui/code-block.d.ts

@@ -0,0 +1,45 @@
+import { ComponentProps, HTMLAttributes } from 'react';
+import { BundledLanguage, ThemedToken } from 'shiki';
+import { Button } from './button';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+interface TokenizedCode {
+    tokens: ThemedToken[][];
+    fg: string;
+    bg: string;
+}
+export declare const highlightCode: (code: string, language: BundledLanguage, callback?: (result: TokenizedCode) => void) => TokenizedCode | null;
+export declare const CodeBlockContainer: ({ className, language, style, ...props }: HTMLAttributes<HTMLDivElement> & {
+    language: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
+export declare const CodeBlockLanguageSelector: (props: CodeBlockLanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorTriggerProps = ComponentProps<typeof SelectTrigger>;
+export declare const CodeBlockLanguageSelectorTrigger: ({ className, ...props }: CodeBlockLanguageSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorValueProps = ComponentProps<typeof SelectValue>;
+export declare const CodeBlockLanguageSelectorValue: (props: CodeBlockLanguageSelectorValueProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorContentProps = ComponentProps<typeof SelectContent>;
+export declare const CodeBlockLanguageSelectorContent: ({ align, ...props }: CodeBlockLanguageSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorItemProps = ComponentProps<typeof SelectItem>;
+export declare const CodeBlockLanguageSelectorItem: (props: CodeBlockLanguageSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/code-editor.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { OnChange } from '@monaco-editor/react';
+export interface CodeEditorProps {
+    value: string;
+    onChange: OnChange;
+    language?: string;
+    theme?: "light" | "dark";
+    height?: string | number;
+    width?: string | number;
+    options?: Record<string, unknown>;
+    label?: string;
+    onCopy?: (code: string) => void;
+    onLaunch?: (code: string) => void;
+    disabled?: boolean;
+}
+declare const CodeEditor: React.FC<CodeEditorProps>;
+export { CodeEditor };
+export default CodeEditor;

package/dist/components/ui/collapsible.d.ts

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/combobox.d.ts

@@ -0,0 +1,24 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+import * as React from "react";
+declare const Combobox: typeof ComboboxPrimitive.Root;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
+    showRemove?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };

package/dist/components/ui/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * as React from "react";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element | null;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/context-menu.d.ts

@@ -0,0 +1,31 @@
+import { ContextMenu as ContextMenuPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuTrigger({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/components/ui/data-table/data-table-column-toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("@dnd-kit/core"),D=require("@dnd-kit/modifiers"),b=require("@dnd-kit/sortable"),O=require("@dnd-kit/utilities"),j=require("lucide-react"),k=require("react"),T=require("./data-table.cjs"),q=require("../button.cjs"),y=require("../../../lib/utils.cjs");function w(s){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>s[a]})}}return i.default=s,Object.freeze(i)}const C=w(k);function N({id:s,label:i,visible:a,onToggle:o}){const{attributes:p,listeners:g,setNodeRef:h,transform:l,transition:f,isDragging:c}=b.useSortable({id:s}),v={transform:O.CSS.Transform.toString(l),transition:f};return n.jsxs("div",{ref:h,style:v,role:"checkbox","aria-checked":a,tabIndex:0,onClick:o,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&o()},className:y.cn("group/col-item flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground",c&&"z-50 bg-accent text-accent-foreground shadow-sm"),children:[n.jsx("button",{type:"button",className:y.cn("cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing",!c&&"opacity-0 group-hover/col-item:opacity-100 transition-opacity"),onClick:d=>d.stopPropagation(),...p,...g,children:n.jsx(j.GripVerticalIcon,{className:"size-3.5"})}),n.jsx("span",{className:"flex-1 truncate",children:i}),n.jsx(j.CheckIcon,{className:y.cn("size-4 shrink-0",a?"text-muted-foreground group-hover/col-item:text-accent-foreground":"text-transparent")})]})}function z({className:s}){const{table:i,columnLabels:a}=T.useDataTable(),[o,p]=C.useState(!1),g=C.useRef(null),h=u.useSensors(u.useSensor(u.PointerSensor),u.useSensor(u.KeyboardSensor,{coordinateGetter:b.sortableKeyboardCoordinates})),l=i.getAllColumns().filter(t=>t.getCanHide()),f=i.getState().columnOrder,c=f&&f.length>0?f.filter(t=>l.some(e=>e.id===t)):l.map(t=>t.id);if(C.useEffect(()=>{if(!o)return;function t(e){g.current&&!g.current.contains(e.target)&&p(!1)}return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[o]),l.length===0)return null;function v(t){const e=l.find(r=>r.id===t);return e?a[e.id]??e.columnDef.meta?.label??(typeof e.columnDef.header=="string"?e.columnDef.header:e.id):t}const d=t=>{const{active:e,over:r}=t;if(!r||e.id===r.id)return;const m=c.indexOf(String(e.id)),x=c.indexOf(String(r.id));if(m===-1||x===-1)return;const S=b.arrayMove(c,m,x);i.setColumnOrder(S)};return n.jsxs("div",{className:"relative",ref:g,children:[n.jsxs(q.Button,{variant:"ghost",size:"sm",className:s,"data-slot":"data-table-column-toggle",onClick:()=>p(t=>!t),"aria-expanded":o,children:[n.jsx(j.SlidersHorizontalIcon,{"data-icon":"inline-start"}),"Columns"]}),o&&n.jsx("div",{className:"absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-md",role:"group","aria-label":"Toggle and reorder columns",children:n.jsx(u.DndContext,{sensors:h,collisionDetection:u.closestCenter,modifiers:[D.restrictToVerticalAxis],onDragEnd:d,children:n.jsx(b.SortableContext,{items:c,strategy:b.verticalListSortingStrategy,children:(()=>{const t=c.filter(e=>l.find(r=>r.id===e)?.getIsVisible()).length;return c.map(e=>{const r=l.find(S=>S.id===e);if(!r)return null;const m=r.getIsVisible(),x=m&&t<=1;return n.jsx(N,{id:e,label:v(e),visible:m,onToggle:x?()=>{}:()=>r.toggleVisibility()},e)})})()})})})]})}exports.DataTableColumnToggle=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("@dnd-kit/core"),D=require("@dnd-kit/modifiers"),b=require("@dnd-kit/sortable"),O=require("@dnd-kit/utilities"),C=require("lucide-react"),T=require("react"),k=require("./data-table.cjs"),q=require("../../../ui/button.cjs"),y=require("../../../lib/utils.cjs");function N(i){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>i[a]})}}return o.default=i,Object.freeze(o)}const j=N(T);function w({id:i,label:o,visible:a,onToggle:s}){const{attributes:x,listeners:d,setNodeRef:h,transform:l,transition:g,isDragging:c}=b.useSortable({id:i}),v={transform:O.CSS.Transform.toString(l),transition:g};return n.jsxs("div",{ref:h,style:v,className:y.cn("group/col-item flex items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground",c&&"z-50 bg-accent text-accent-foreground shadow-elevation-3"),children:[n.jsx("button",{type:"button","aria-label":`Drag to reorder ${o}`,className:y.cn("cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing",!c&&"opacity-0 group-hover/col-item:opacity-100 transition-opacity"),...x,...d,children:n.jsx(C.GripVerticalIcon,{className:"size-3.5"})}),n.jsxs("div",{role:"checkbox","aria-checked":a,tabIndex:0,onClick:s,onKeyDown:f=>{(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),s())},className:"flex flex-1 cursor-pointer items-center gap-2 select-none",children:[n.jsx("span",{className:"flex-1 truncate",children:o}),n.jsx(C.CheckIcon,{className:y.cn("size-4 shrink-0",a?"text-muted-foreground group-hover/col-item:text-accent-foreground":"text-transparent")})]})]})}function z({className:i}){const{table:o,columnLabels:a}=k.useDataTable(),[s,x]=j.useState(!1),d=j.useRef(null),h=u.useSensors(u.useSensor(u.PointerSensor),u.useSensor(u.KeyboardSensor,{coordinateGetter:b.sortableKeyboardCoordinates})),l=o.getAllColumns().filter(t=>t.getCanHide()),g=o.getState().columnOrder,c=g&&g.length>0?g.filter(t=>l.some(e=>e.id===t)):l.map(t=>t.id);if(j.useEffect(()=>{if(!s)return;function t(e){d.current&&!d.current.contains(e.target)&&x(!1)}return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[s]),l.length===0)return null;function v(t){const e=l.find(r=>r.id===t);return e?a[e.id]??e.columnDef.meta?.label??(typeof e.columnDef.header=="string"?e.columnDef.header:e.id):t}const f=t=>{const{active:e,over:r}=t;if(!r||e.id===r.id)return;const m=c.indexOf(String(e.id)),p=c.indexOf(String(r.id));if(m===-1||p===-1)return;const S=b.arrayMove(c,m,p);o.setColumnOrder(S)};return n.jsxs("div",{className:"relative",ref:d,children:[n.jsxs(q.Button,{variant:"ghost",size:"sm",className:i,"data-slot":"data-table-column-toggle",onClick:()=>x(t=>!t),"aria-expanded":s,children:[n.jsx(C.SlidersHorizontalIcon,{"data-icon":"inline-start"}),"Columns"]}),s&&n.jsx("div",{className:"absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-elevation-4",role:"group","aria-label":"Toggle and reorder columns",children:n.jsx(u.DndContext,{sensors:h,collisionDetection:u.closestCenter,modifiers:[D.restrictToVerticalAxis],onDragEnd:f,children:n.jsx(b.SortableContext,{items:c,strategy:b.verticalListSortingStrategy,children:(()=>{const t=c.filter(e=>l.find(r=>r.id===e)?.getIsVisible()).length;return c.map(e=>{const r=l.find(S=>S.id===e);if(!r)return null;const m=r.getIsVisible(),p=m&&t<=1;return n.jsx(w,{id:e,label:v(e),visible:m,onToggle:p?()=>{}:()=>r.toggleVisibility()},e)})})()})})})]})}exports.DataTableColumnToggle=z;
 //# sourceMappingURL=data-table-column-toggle.cjs.map

package/dist/components/ui/data-table/data-table-column-toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-toggle.cjs","sources":["../../../../src/components/ui/data-table/data-table-column-toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToVerticalAxis } from \"@dnd-kit/modifiers\"\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport { CheckIcon, GripVerticalIcon, SlidersHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { useDataTable } from \"./data-table\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ninterface DataTableColumnToggleProps {\n  className?: string\n}\n\ninterface SortableColumnItemProps {\n  id: string\n  label: string\n  visible: boolean\n  onToggle: () => void\n}\n\nfunction SortableColumnItem({ id, label, visible, onToggle }: SortableColumnItemProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id })\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      role=\"checkbox\"\n      aria-checked={visible}\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          onToggle();\n        }\n      }}\n      className={cn(\n        \"group/col-item flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground\",\n        isDragging && \"z-50 bg-accent text-accent-foreground shadow-sm\",\n      )}\n    >\n      <button\n        type=\"button\"\n        className={cn(\n          \"cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing\",\n          !isDragging && \"opacity-0 group-hover/col-item:opacity-100 transition-opacity\",\n        )}\n        onClick={(e) => e.stopPropagation()}\n        {...attributes}\n        {...listeners}\n      >\n        <GripVerticalIcon className=\"size-3.5\" />\n      </button>\n      <span className=\"flex-1 truncate\">{label}</span>\n      <CheckIcon className={cn(\"size-4 shrink-0\", visible ? \"text-muted-foreground group-hover/col-item:text-accent-foreground\" : \"text-transparent\")} />\n    </div>\n  )\n}\n\nfunction DataTableColumnToggle({ className }: DataTableColumnToggleProps) {\n  const { table, columnLabels } = useDataTable()\n  const [open, setOpen] = React.useState(false)\n  const panelRef = React.useRef<HTMLDivElement>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const allColumns = table.getAllColumns().filter((col) => col.getCanHide())\n  const stateOrder = table.getState().columnOrder\n  const orderedIds =\n    stateOrder && stateOrder.length > 0\n      ? stateOrder.filter((id) => allColumns.some((c) => c.id === id))\n      : allColumns.map((c) => c.id)\n\n  // Close on outside click\n  React.useEffect(() => {\n    if (!open) return\n    function handleClick(e: MouseEvent) {\n      if (panelRef.current && !panelRef.current.contains(e.target as Node)) {\n        setOpen(false)\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClick)\n    return () => document.removeEventListener(\"mousedown\", handleClick)\n  }, [open])\n\n  if (allColumns.length === 0) return null\n\n  function getLabel(colId: string) {\n    const col = allColumns.find((c) => c.id === colId)\n    if (!col) return colId\n    return (\n      columnLabels[col.id] ??\n      (col.columnDef.meta as { label?: string } | undefined)?.label ??\n      (typeof col.columnDef.header === \"string\" ? col.columnDef.header : col.id)\n    )\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n    if (!over || active.id === over.id) return\n\n    const oldIndex = orderedIds.indexOf(String(active.id))\n    const newIndex = orderedIds.indexOf(String(over.id))\n    if (oldIndex === -1 || newIndex === -1) return\n\n    const newOrder = arrayMove(orderedIds, oldIndex, newIndex)\n    table.setColumnOrder(newOrder)\n  }\n\n  return (\n    <div className=\"relative\" ref={panelRef}>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        data-slot=\"data-table-column-toggle\"\n        onClick={() => setOpen((prev) => !prev)}\n        aria-expanded={open}\n      >\n        <SlidersHorizontalIcon data-icon=\"inline-start\" />\n        Columns\n      </Button>\n\n      {open && (\n        <div\n          className=\"absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-md\"\n          role=\"group\"\n          aria-label=\"Toggle and reorder columns\"\n        >\n          <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            modifiers={[restrictToVerticalAxis]}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext items={orderedIds} strategy={verticalListSortingStrategy}>\n              {(() => {\n                const visibleCount = orderedIds.filter((colId) => allColumns.find((c) => c.id === colId)?.getIsVisible()).length\n                return orderedIds.map((colId) => {\n                  const col = allColumns.find((c) => c.id === colId)\n                  if (!col) return null\n                  const isVisible = col.getIsVisible()\n                  const isLastVisible = isVisible && visibleCount <= 1\n                  return (\n                    <SortableColumnItem\n                      key={colId}\n                      id={colId}\n                      label={getLabel(colId)}\n                      visible={isVisible}\n                      onToggle={isLastVisible ? () => { } : () => col.toggleVisibility()}\n                    />\n                  )\n                })\n              })()}\n            </SortableContext>\n          </DndContext>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { DataTableColumnToggle }\nexport type { DataTableColumnToggleProps }\n"],"names":["SortableColumnItem","id","label","visible","onToggle","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsxs","e","cn","jsx","GripVerticalIcon","CheckIcon","DataTableColumnToggle","className","table","columnLabels","useDataTable","open","setOpen","React","panelRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","allColumns","col","stateOrder","orderedIds","c","handleClick","getLabel","colId","handleDragEnd","event","active","over","oldIndex","newIndex","newOrder","arrayMove","Button","prev","SlidersHorizontalIcon","DndContext","closestCenter","restrictToVerticalAxis","SortableContext","verticalListSortingStrategy","visibleCount","isVisible","isLastVisible"],"mappings":"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"}
+{"version":3,"file":"data-table-column-toggle.cjs","sources":["../../../../src/components/ui/data-table/data-table-column-toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToVerticalAxis } from \"@dnd-kit/modifiers\"\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport { CheckIcon, GripVerticalIcon, SlidersHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { useDataTable } from \"./data-table\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ninterface DataTableColumnToggleProps {\n  className?: string\n}\n\ninterface SortableColumnItemProps {\n  id: string\n  label: string\n  visible: boolean\n  onToggle: () => void\n}\n\nfunction SortableColumnItem({ id, label, visible, onToggle }: SortableColumnItemProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id })\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={cn(\n        \"group/col-item flex items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground\",\n        isDragging && \"z-50 bg-accent text-accent-foreground shadow-elevation-3\",\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Drag to reorder ${label}`}\n        className={cn(\n          \"cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing\",\n          !isDragging && \"opacity-0 group-hover/col-item:opacity-100 transition-opacity\",\n        )}\n        {...attributes}\n        {...listeners}\n      >\n        <GripVerticalIcon className=\"size-3.5\" />\n      </button>\n      <div\n        role=\"checkbox\"\n        aria-checked={visible}\n        tabIndex={0}\n        onClick={onToggle}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            onToggle();\n          }\n        }}\n        className=\"flex flex-1 cursor-pointer items-center gap-2 select-none\"\n      >\n        <span className=\"flex-1 truncate\">{label}</span>\n        <CheckIcon className={cn(\"size-4 shrink-0\", visible ? \"text-muted-foreground group-hover/col-item:text-accent-foreground\" : \"text-transparent\")} />\n      </div>\n    </div>\n  )\n}\n\nfunction DataTableColumnToggle({ className }: DataTableColumnToggleProps) {\n  const { table, columnLabels } = useDataTable()\n  const [open, setOpen] = React.useState(false)\n  const panelRef = React.useRef<HTMLDivElement>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const allColumns = table.getAllColumns().filter((col) => col.getCanHide())\n  const stateOrder = table.getState().columnOrder\n  const orderedIds =\n    stateOrder && stateOrder.length > 0\n      ? stateOrder.filter((id) => allColumns.some((c) => c.id === id))\n      : allColumns.map((c) => c.id)\n\n  // Close on outside click\n  React.useEffect(() => {\n    if (!open) return\n    function handleClick(e: MouseEvent) {\n      if (panelRef.current && !panelRef.current.contains(e.target as Node)) {\n        setOpen(false)\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClick)\n    return () => document.removeEventListener(\"mousedown\", handleClick)\n  }, [open])\n\n  if (allColumns.length === 0) return null\n\n  function getLabel(colId: string) {\n    const col = allColumns.find((c) => c.id === colId)\n    if (!col) return colId\n    return (\n      columnLabels[col.id] ??\n      (col.columnDef.meta as { label?: string } | undefined)?.label ??\n      (typeof col.columnDef.header === \"string\" ? col.columnDef.header : col.id)\n    )\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n    if (!over || active.id === over.id) return\n\n    const oldIndex = orderedIds.indexOf(String(active.id))\n    const newIndex = orderedIds.indexOf(String(over.id))\n    if (oldIndex === -1 || newIndex === -1) return\n\n    const newOrder = arrayMove(orderedIds, oldIndex, newIndex)\n    table.setColumnOrder(newOrder)\n  }\n\n  return (\n    <div className=\"relative\" ref={panelRef}>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        data-slot=\"data-table-column-toggle\"\n        onClick={() => setOpen((prev) => !prev)}\n        aria-expanded={open}\n      >\n        <SlidersHorizontalIcon data-icon=\"inline-start\" />\n        Columns\n      </Button>\n\n      {open && (\n        <div\n          className=\"absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-elevation-4\"\n          role=\"group\"\n          aria-label=\"Toggle and reorder columns\"\n        >\n          <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            modifiers={[restrictToVerticalAxis]}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext items={orderedIds} strategy={verticalListSortingStrategy}>\n              {(() => {\n                const visibleCount = orderedIds.filter((colId) => allColumns.find((c) => c.id === colId)?.getIsVisible()).length\n                return orderedIds.map((colId) => {\n                  const col = allColumns.find((c) => c.id === colId)\n                  if (!col) return null\n                  const isVisible = col.getIsVisible()\n                  const isLastVisible = isVisible && visibleCount <= 1\n                  return (\n                    <SortableColumnItem\n                      key={colId}\n                      id={colId}\n                      label={getLabel(colId)}\n                      visible={isVisible}\n                      onToggle={isLastVisible ? () => { } : () => col.toggleVisibility()}\n                    />\n                  )\n                })\n              })()}\n            </SortableContext>\n          </DndContext>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { DataTableColumnToggle }\nexport type { DataTableColumnToggleProps }\n"],"names":["SortableColumnItem","id","label","visible","onToggle","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsxs","cn","jsx","GripVerticalIcon","e","CheckIcon","DataTableColumnToggle","className","table","columnLabels","useDataTable","open","setOpen","React","panelRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","allColumns","col","stateOrder","orderedIds","c","handleClick","getLabel","colId","handleDragEnd","event","active","over","oldIndex","newIndex","newOrder","arrayMove","Button","prev","SlidersHorizontalIcon","DndContext","closestCenter","restrictToVerticalAxis","SortableContext","verticalListSortingStrategy","visibleCount","isVisible","isLastVisible"],"mappings":"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"}

package/dist/components/ui/data-table/data-table-column-toggle.d.ts

@@ -0,0 +1,6 @@
+interface DataTableColumnToggleProps {
+    className?: string;
+}
+declare function DataTableColumnToggle({ className }: DataTableColumnToggleProps): import("react/jsx-runtime").JSX.Element | null;
+export { DataTableColumnToggle };
+export type { DataTableColumnToggleProps };

package/dist/components/ui/data-table/data-table-column-toggle.js

@@ -1,128 +1,136 @@
-import { jsxs as S, jsx as n } from "react/jsx-runtime";
-import { useSensors as D, useSensor as y, PointerSensor as k, KeyboardSensor as w, DndContext as N, closestCenter as E } from "@dnd-kit/core";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useSensors as D, useSensor as y, PointerSensor as k, KeyboardSensor as N, DndContext as w, closestCenter as E } from "@dnd-kit/core";
 import { restrictToVerticalAxis as O } from "@dnd-kit/modifiers";
 import { sortableKeyboardCoordinates as V, SortableContext as z, verticalListSortingStrategy as I, arrayMove as L, useSortable as T } from "@dnd-kit/sortable";
 import { CSS as R } from "@dnd-kit/utilities";
 import { SlidersHorizontalIcon as K, GripVerticalIcon as j, CheckIcon as A } from "lucide-react";
-import * as v from "react";
+import * as C from "react";
 import { useDataTable as G } from "./data-table.js";
-import { Button as H } from "../button.js";
-import { cn as C } from "../../../lib/utils.js";
-function P({ id: p, label: a, visible: m, onToggle: s }) {
+import { Button as H } from "../../../ui/button.js";
+import { cn as S } from "../../../lib/utils.js";
+function B({ id: b, label: a, visible: u, onToggle: s }) {
   const {
-    attributes: f,
+    attributes: m,
     listeners: l,
-    setNodeRef: b,
+    setNodeRef: h,
     transform: i,
     transition: c,
-    isDragging: o
-  } = T({ id: p }), h = {
+    isDragging: n
+  } = T({ id: b }), x = {
     transform: R.Transform.toString(i),
     transition: c
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ p(
     "div",
     {
-      ref: b,
-      style: h,
-      role: "checkbox",
-      "aria-checked": m,
-      tabIndex: 0,
-      onClick: s,
-      onKeyDown: (d) => {
-        (d.key === "Enter" || d.key === " ") && s();
-      },
-      className: C(
-        "group/col-item flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground",
-        o && "z-50 bg-accent text-accent-foreground shadow-sm"
+      ref: h,
+      style: x,
+      className: S(
+        "group/col-item flex items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground",
+        n && "z-50 bg-accent text-accent-foreground shadow-elevation-3"
       ),
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            className: C(
+            "aria-label": `Drag to reorder ${a}`,
+            className: S(
               "cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing",
-              !o && "opacity-0 group-hover/col-item:opacity-100 transition-opacity"
+              !n && "opacity-0 group-hover/col-item:opacity-100 transition-opacity"
             ),
-            onClick: (d) => d.stopPropagation(),
-            ...f,
+            ...m,
             ...l,
-            children: /* @__PURE__ */ n(j, { className: "size-3.5" })
+            children: /* @__PURE__ */ o(j, { className: "size-3.5" })
           }
         ),
-        /* @__PURE__ */ n("span", { className: "flex-1 truncate", children: a }),
-        /* @__PURE__ */ n(A, { className: C("size-4 shrink-0", m ? "text-muted-foreground group-hover/col-item:text-accent-foreground" : "text-transparent") })
+        /* @__PURE__ */ p(
+          "div",
+          {
+            role: "checkbox",
+            "aria-checked": u,
+            tabIndex: 0,
+            onClick: s,
+            onKeyDown: (f) => {
+              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), s());
+            },
+            className: "flex flex-1 cursor-pointer items-center gap-2 select-none",
+            children: [
+              /* @__PURE__ */ o("span", { className: "flex-1 truncate", children: a }),
+              /* @__PURE__ */ o(A, { className: S("size-4 shrink-0", u ? "text-muted-foreground group-hover/col-item:text-accent-foreground" : "text-transparent") })
+            ]
+          }
+        )
       ]
     }
   );
 }
-function Y({ className: p }) {
-  const { table: a, columnLabels: m } = G(), [s, f] = v.useState(!1), l = v.useRef(null), b = D(
+function X({ className: b }) {
+  const { table: a, columnLabels: u } = G(), [s, m] = C.useState(!1), l = C.useRef(null), h = D(
     y(k),
-    y(w, {
+    y(N, {
       coordinateGetter: V
     })
-  ), i = a.getAllColumns().filter((t) => t.getCanHide()), c = a.getState().columnOrder, o = c && c.length > 0 ? c.filter((t) => i.some((e) => e.id === t)) : i.map((t) => t.id);
-  if (v.useEffect(() => {
+  ), i = a.getAllColumns().filter((t) => t.getCanHide()), c = a.getState().columnOrder, n = c && c.length > 0 ? c.filter((t) => i.some((e) => e.id === t)) : i.map((t) => t.id);
+  if (C.useEffect(() => {
     if (!s) return;
     function t(e) {
-      l.current && !l.current.contains(e.target) && f(!1);
+      l.current && !l.current.contains(e.target) && m(!1);
     }
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
   }, [s]), i.length === 0) return null;
-  function h(t) {
+  function x(t) {
     const e = i.find((r) => r.id === t);
-    return e ? m[e.id] ?? e.columnDef.meta?.label ?? (typeof e.columnDef.header == "string" ? e.columnDef.header : e.id) : t;
+    return e ? u[e.id] ?? e.columnDef.meta?.label ?? (typeof e.columnDef.header == "string" ? e.columnDef.header : e.id) : t;
   }
-  return /* @__PURE__ */ S("div", { className: "relative", ref: l, children: [
-    /* @__PURE__ */ S(
+  return /* @__PURE__ */ p("div", { className: "relative", ref: l, children: [
+    /* @__PURE__ */ p(
       H,
       {
         variant: "ghost",
         size: "sm",
-        className: p,
+        className: b,
         "data-slot": "data-table-column-toggle",
-        onClick: () => f((t) => !t),
+        onClick: () => m((t) => !t),
         "aria-expanded": s,
         children: [
-          /* @__PURE__ */ n(K, { "data-icon": "inline-start" }),
+          /* @__PURE__ */ o(K, { "data-icon": "inline-start" }),
           "Columns"
         ]
       }
     ),
-    s && /* @__PURE__ */ n(
+    s && /* @__PURE__ */ o(
       "div",
       {
-        className: "absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-md",
+        className: "absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-elevation-4",
         role: "group",
         "aria-label": "Toggle and reorder columns",
-        children: /* @__PURE__ */ n(
-          N,
+        children: /* @__PURE__ */ o(
+          w,
           {
-            sensors: b,
+            sensors: h,
             collisionDetection: E,
             modifiers: [O],
             onDragEnd: (t) => {
               const { active: e, over: r } = t;
               if (!r || e.id === r.id) return;
-              const u = o.indexOf(String(e.id)), g = o.indexOf(String(r.id));
-              if (u === -1 || g === -1) return;
-              const x = L(o, u, g);
-              a.setColumnOrder(x);
+              const d = n.indexOf(String(e.id)), g = n.indexOf(String(r.id));
+              if (d === -1 || g === -1) return;
+              const v = L(n, d, g);
+              a.setColumnOrder(v);
             },
-            children: /* @__PURE__ */ n(z, { items: o, strategy: I, children: (() => {
-              const t = o.filter((e) => i.find((r) => r.id === e)?.getIsVisible()).length;
-              return o.map((e) => {
-                const r = i.find((x) => x.id === e);
+            children: /* @__PURE__ */ o(z, { items: n, strategy: I, children: (() => {
+              const t = n.filter((e) => i.find((r) => r.id === e)?.getIsVisible()).length;
+              return n.map((e) => {
+                const r = i.find((v) => v.id === e);
                 if (!r) return null;
-                const u = r.getIsVisible(), g = u && t <= 1;
-                return /* @__PURE__ */ n(
-                  P,
+                const d = r.getIsVisible(), g = d && t <= 1;
+                return /* @__PURE__ */ o(
+                  B,
                   {
                     id: e,
-                    label: h(e),
-                    visible: u,
+                    label: x(e),
+                    visible: d,
                     onToggle: g ? () => {
                     } : () => r.toggleVisibility()
                   },
@@ -137,6 +145,6 @@ function Y({ className: p }) {
   ] });
 }
 export {
-  Y as DataTableColumnToggle
+  X as DataTableColumnToggle
 };
 //# sourceMappingURL=data-table-column-toggle.js.map

package/dist/components/ui/data-table/data-table-column-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-column-toggle.js","sources":["../../../../src/components/ui/data-table/data-table-column-toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToVerticalAxis } from \"@dnd-kit/modifiers\"\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport { CheckIcon, GripVerticalIcon, SlidersHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { useDataTable } from \"./data-table\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ninterface DataTableColumnToggleProps {\n  className?: string\n}\n\ninterface SortableColumnItemProps {\n  id: string\n  label: string\n  visible: boolean\n  onToggle: () => void\n}\n\nfunction SortableColumnItem({ id, label, visible, onToggle }: SortableColumnItemProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id })\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      role=\"checkbox\"\n      aria-checked={visible}\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          onToggle();\n        }\n      }}\n      className={cn(\n        \"group/col-item flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground\",\n        isDragging && \"z-50 bg-accent text-accent-foreground shadow-sm\",\n      )}\n    >\n      <button\n        type=\"button\"\n        className={cn(\n          \"cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing\",\n          !isDragging && \"opacity-0 group-hover/col-item:opacity-100 transition-opacity\",\n        )}\n        onClick={(e) => e.stopPropagation()}\n        {...attributes}\n        {...listeners}\n      >\n        <GripVerticalIcon className=\"size-3.5\" />\n      </button>\n      <span className=\"flex-1 truncate\">{label}</span>\n      <CheckIcon className={cn(\"size-4 shrink-0\", visible ? \"text-muted-foreground group-hover/col-item:text-accent-foreground\" : \"text-transparent\")} />\n    </div>\n  )\n}\n\nfunction DataTableColumnToggle({ className }: DataTableColumnToggleProps) {\n  const { table, columnLabels } = useDataTable()\n  const [open, setOpen] = React.useState(false)\n  const panelRef = React.useRef<HTMLDivElement>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const allColumns = table.getAllColumns().filter((col) => col.getCanHide())\n  const stateOrder = table.getState().columnOrder\n  const orderedIds =\n    stateOrder && stateOrder.length > 0\n      ? stateOrder.filter((id) => allColumns.some((c) => c.id === id))\n      : allColumns.map((c) => c.id)\n\n  // Close on outside click\n  React.useEffect(() => {\n    if (!open) return\n    function handleClick(e: MouseEvent) {\n      if (panelRef.current && !panelRef.current.contains(e.target as Node)) {\n        setOpen(false)\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClick)\n    return () => document.removeEventListener(\"mousedown\", handleClick)\n  }, [open])\n\n  if (allColumns.length === 0) return null\n\n  function getLabel(colId: string) {\n    const col = allColumns.find((c) => c.id === colId)\n    if (!col) return colId\n    return (\n      columnLabels[col.id] ??\n      (col.columnDef.meta as { label?: string } | undefined)?.label ??\n      (typeof col.columnDef.header === \"string\" ? col.columnDef.header : col.id)\n    )\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n    if (!over || active.id === over.id) return\n\n    const oldIndex = orderedIds.indexOf(String(active.id))\n    const newIndex = orderedIds.indexOf(String(over.id))\n    if (oldIndex === -1 || newIndex === -1) return\n\n    const newOrder = arrayMove(orderedIds, oldIndex, newIndex)\n    table.setColumnOrder(newOrder)\n  }\n\n  return (\n    <div className=\"relative\" ref={panelRef}>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        data-slot=\"data-table-column-toggle\"\n        onClick={() => setOpen((prev) => !prev)}\n        aria-expanded={open}\n      >\n        <SlidersHorizontalIcon data-icon=\"inline-start\" />\n        Columns\n      </Button>\n\n      {open && (\n        <div\n          className=\"absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-md\"\n          role=\"group\"\n          aria-label=\"Toggle and reorder columns\"\n        >\n          <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            modifiers={[restrictToVerticalAxis]}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext items={orderedIds} strategy={verticalListSortingStrategy}>\n              {(() => {\n                const visibleCount = orderedIds.filter((colId) => allColumns.find((c) => c.id === colId)?.getIsVisible()).length\n                return orderedIds.map((colId) => {\n                  const col = allColumns.find((c) => c.id === colId)\n                  if (!col) return null\n                  const isVisible = col.getIsVisible()\n                  const isLastVisible = isVisible && visibleCount <= 1\n                  return (\n                    <SortableColumnItem\n                      key={colId}\n                      id={colId}\n                      label={getLabel(colId)}\n                      visible={isVisible}\n                      onToggle={isLastVisible ? () => { } : () => col.toggleVisibility()}\n                    />\n                  )\n                })\n              })()}\n            </SortableContext>\n          </DndContext>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { DataTableColumnToggle }\nexport type { DataTableColumnToggleProps }\n"],"names":["SortableColumnItem","id","label","visible","onToggle","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsxs","e","cn","jsx","GripVerticalIcon","CheckIcon","DataTableColumnToggle","className","table","columnLabels","useDataTable","open","setOpen","React","panelRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","allColumns","col","stateOrder","orderedIds","c","handleClick","getLabel","colId","Button","prev","SlidersHorizontalIcon","DndContext","closestCenter","restrictToVerticalAxis","event","active","over","oldIndex","newIndex","newOrder","arrayMove","SortableContext","verticalListSortingStrategy","visibleCount","isVisible","isLastVisible"],"mappings":"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"}
+{"version":3,"file":"data-table-column-toggle.js","sources":["../../../../src/components/ui/data-table/data-table-column-toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToVerticalAxis } from \"@dnd-kit/modifiers\"\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport { CheckIcon, GripVerticalIcon, SlidersHorizontalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { useDataTable } from \"./data-table\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ninterface DataTableColumnToggleProps {\n  className?: string\n}\n\ninterface SortableColumnItemProps {\n  id: string\n  label: string\n  visible: boolean\n  onToggle: () => void\n}\n\nfunction SortableColumnItem({ id, label, visible, onToggle }: SortableColumnItemProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id })\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={cn(\n        \"group/col-item flex items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none hover:bg-accent hover:text-accent-foreground\",\n        isDragging && \"z-50 bg-accent text-accent-foreground shadow-elevation-3\",\n      )}\n    >\n      <button\n        type=\"button\"\n        aria-label={`Drag to reorder ${label}`}\n        className={cn(\n          \"cursor-grab touch-none text-muted-foreground group-hover/col-item:text-accent-foreground active:cursor-grabbing\",\n          !isDragging && \"opacity-0 group-hover/col-item:opacity-100 transition-opacity\",\n        )}\n        {...attributes}\n        {...listeners}\n      >\n        <GripVerticalIcon className=\"size-3.5\" />\n      </button>\n      <div\n        role=\"checkbox\"\n        aria-checked={visible}\n        tabIndex={0}\n        onClick={onToggle}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            onToggle();\n          }\n        }}\n        className=\"flex flex-1 cursor-pointer items-center gap-2 select-none\"\n      >\n        <span className=\"flex-1 truncate\">{label}</span>\n        <CheckIcon className={cn(\"size-4 shrink-0\", visible ? \"text-muted-foreground group-hover/col-item:text-accent-foreground\" : \"text-transparent\")} />\n      </div>\n    </div>\n  )\n}\n\nfunction DataTableColumnToggle({ className }: DataTableColumnToggleProps) {\n  const { table, columnLabels } = useDataTable()\n  const [open, setOpen] = React.useState(false)\n  const panelRef = React.useRef<HTMLDivElement>(null)\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const allColumns = table.getAllColumns().filter((col) => col.getCanHide())\n  const stateOrder = table.getState().columnOrder\n  const orderedIds =\n    stateOrder && stateOrder.length > 0\n      ? stateOrder.filter((id) => allColumns.some((c) => c.id === id))\n      : allColumns.map((c) => c.id)\n\n  // Close on outside click\n  React.useEffect(() => {\n    if (!open) return\n    function handleClick(e: MouseEvent) {\n      if (panelRef.current && !panelRef.current.contains(e.target as Node)) {\n        setOpen(false)\n      }\n    }\n    document.addEventListener(\"mousedown\", handleClick)\n    return () => document.removeEventListener(\"mousedown\", handleClick)\n  }, [open])\n\n  if (allColumns.length === 0) return null\n\n  function getLabel(colId: string) {\n    const col = allColumns.find((c) => c.id === colId)\n    if (!col) return colId\n    return (\n      columnLabels[col.id] ??\n      (col.columnDef.meta as { label?: string } | undefined)?.label ??\n      (typeof col.columnDef.header === \"string\" ? col.columnDef.header : col.id)\n    )\n  }\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n    if (!over || active.id === over.id) return\n\n    const oldIndex = orderedIds.indexOf(String(active.id))\n    const newIndex = orderedIds.indexOf(String(over.id))\n    if (oldIndex === -1 || newIndex === -1) return\n\n    const newOrder = arrayMove(orderedIds, oldIndex, newIndex)\n    table.setColumnOrder(newOrder)\n  }\n\n  return (\n    <div className=\"relative\" ref={panelRef}>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        data-slot=\"data-table-column-toggle\"\n        onClick={() => setOpen((prev) => !prev)}\n        aria-expanded={open}\n      >\n        <SlidersHorizontalIcon data-icon=\"inline-start\" />\n        Columns\n      </Button>\n\n      {open && (\n        <div\n          className=\"absolute right-0 top-full z-50 mt-1 w-56 rounded-lg border bg-popover p-1 shadow-elevation-4\"\n          role=\"group\"\n          aria-label=\"Toggle and reorder columns\"\n        >\n          <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            modifiers={[restrictToVerticalAxis]}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext items={orderedIds} strategy={verticalListSortingStrategy}>\n              {(() => {\n                const visibleCount = orderedIds.filter((colId) => allColumns.find((c) => c.id === colId)?.getIsVisible()).length\n                return orderedIds.map((colId) => {\n                  const col = allColumns.find((c) => c.id === colId)\n                  if (!col) return null\n                  const isVisible = col.getIsVisible()\n                  const isLastVisible = isVisible && visibleCount <= 1\n                  return (\n                    <SortableColumnItem\n                      key={colId}\n                      id={colId}\n                      label={getLabel(colId)}\n                      visible={isVisible}\n                      onToggle={isLastVisible ? () => { } : () => col.toggleVisibility()}\n                    />\n                  )\n                })\n              })()}\n            </SortableContext>\n          </DndContext>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { DataTableColumnToggle }\nexport type { DataTableColumnToggleProps }\n"],"names":["SortableColumnItem","id","label","visible","onToggle","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsxs","cn","jsx","GripVerticalIcon","e","CheckIcon","DataTableColumnToggle","className","table","columnLabels","useDataTable","open","setOpen","React","panelRef","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","allColumns","col","stateOrder","orderedIds","c","handleClick","getLabel","colId","Button","prev","SlidersHorizontalIcon","DndContext","closestCenter","restrictToVerticalAxis","event","active","over","oldIndex","newIndex","newOrder","arrayMove","SortableContext","verticalListSortingStrategy","visibleCount","isVisible","isLastVisible"],"mappings":"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"}

package/dist/components/ui/data-table/data-table-filter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("lucide-react"),f=require("radix-ui"),R=require("./data-table.cjs"),x=require("../button.cjs"),O=require("../input.cjs"),s=require("../select.cjs"),y=require("../../../lib/utils.cjs"),P={contains:"contains",equals:"equals",not_equals:"not equals",starts_with:"starts with",ends_with:"ends with",is_empty:"is empty",is_not_empty:"is not empty"},A=["is_empty","is_not_empty"],_=["contains","equals","not_equals","starts_with","ends_with","is_empty","is_not_empty"];function L(l,r,n){return r[l]??n?.columnDef?.meta?.label??(typeof n?.columnDef?.header=="string"?n.columnDef.header:void 0)??l}function E(l,r){const n=r?.[0]??"contains";return{id:crypto.randomUUID(),columnId:l,operator:n,value:""}}function I({className:l}){const{table:r,columnLabels:n,filters:o,setFilters:u,filterConfig:v,enableFiltering:F}=R.useDataTable();if(!F)return null;const j=r.getAllLeafColumns(),i=v.length>0?v:j.filter(t=>"accessorKey"in t.columnDef||"accessorFn"in t.columnDef).map(t=>({columnId:t.id})),b=i[0],N=b?.columnId??"";function S(){u([...o,E(N,b?.operators)])}function q(t){u(o.filter(m=>m.id!==t))}function h(t,m){u(o.map(c=>c.id===t?{...c,...m}:c))}function z(){u([])}const d=o.length;return e.jsxs(f.Popover.Root,{children:[e.jsx(f.Popover.Trigger,{asChild:!0,children:e.jsxs(x.Button,{type:"button",variant:"outline",size:"sm","data-slot":"data-table-filter",className:y.cn(l),"aria-label":d>0?`Filter (${d} active)`:"Filter",children:[e.jsx(g.ListFilterIcon,{className:"size-3.5"}),"Filter",d>0&&e.jsx("span",{className:"flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-medium text-primary-foreground",children:d})]})}),e.jsx(f.Popover.Portal,{children:e.jsx(f.Popover.Content,{"data-slot":"data-table-filter-panel",align:"end",sideOffset:4,className:y.cn("z-50 min-w-80 rounded-lg border bg-popover p-3 text-popover-foreground shadow-md outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"),children:e.jsxs("div",{className:"flex flex-col gap-2",children:[o.map(t=>{const c=i.find(a=>a.columnId===t.columnId)?.operators??_,T=A.includes(t.operator);return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(s.Select,{value:t.columnId,onValueChange:a=>{const p=i.find(D=>D.columnId===a)?.operators??_,w=p.includes(t.operator)?t.operator:p[0]??"contains";h(t.id,{columnId:a,operator:w,value:""})},children:[e.jsx(s.SelectTrigger,{size:"sm",className:"w-36",children:e.jsx(s.SelectValue,{})}),e.jsx(s.SelectContent,{children:i.map(a=>{const C=j.find(p=>p.id===a.columnId);return e.jsx(s.SelectItem,{value:a.columnId,children:a.label??L(a.columnId,n,C)},a.columnId)})})]}),e.jsxs(s.Select,{value:t.operator,onValueChange:a=>h(t.id,{operator:a,value:""}),children:[e.jsx(s.SelectTrigger,{size:"sm",className:"w-32",children:e.jsx(s.SelectValue,{})}),e.jsx(s.SelectContent,{children:c.map(a=>e.jsx(s.SelectItem,{value:a,children:P[a]},a))})]}),T?e.jsx("div",{className:"h-8 w-40","aria-hidden":!0}):e.jsx(O.Input,{className:"w-40",placeholder:"Value…",value:t.value,onChange:a=>h(t.id,{value:a.target.value})}),e.jsx(x.Button,{type:"button",variant:"ghost",size:"icon",className:"size-8 shrink-0 text-muted-foreground hover:text-foreground",onClick:()=>q(t.id),"aria-label":"Remove filter",children:e.jsx(g.XIcon,{className:"size-3.5"})})]},t.id)}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(x.Button,{type:"button",variant:"outline",size:"sm",onClick:S,disabled:i.length===0,children:[e.jsx(g.PlusIcon,{className:"size-3.5"}),"Add filter"]}),o.length>0&&e.jsx(x.Button,{type:"button",variant:"ghost",size:"sm",className:"text-muted-foreground",onClick:z,children:"Clear all"})]})]})})})]})}I.displayName="DataTableFilter";exports.DataTableFilter=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("lucide-react"),f=require("radix-ui"),R=require("./data-table.cjs"),x=require("../../../ui/button.cjs"),O=require("../../../ui/input.cjs"),l=require("../../../ui/select.cjs"),_=require("../../../lib/utils.cjs"),P={contains:"contains",equals:"equals",not_equals:"not equals",starts_with:"starts with",ends_with:"ends with",is_empty:"is empty",is_not_empty:"is not empty"},A=["is_empty","is_not_empty"],y=["contains","equals","not_equals","starts_with","ends_with","is_empty","is_not_empty"];function L(n,r,s){return r[n]??s?.columnDef?.meta?.label??(typeof s?.columnDef?.header=="string"?s.columnDef.header:void 0)??n}function E(n,r){const s=r?.[0]??"contains";return{id:crypto.randomUUID(),columnId:n,operator:s,value:""}}function F({className:n}){const{table:r,columnLabels:s,filters:o,setFilters:u,filterConfig:v,enableFiltering:I}=R.useDataTable();if(!I)return null;const b=r.getAllLeafColumns(),i=v.length>0?v:b.filter(t=>"accessorKey"in t.columnDef||"accessorFn"in t.columnDef).map(t=>({columnId:t.id})),j=i[0],N=j?.columnId??"";function S(){u([...o,E(N,j?.operators)])}function q(t){u(o.filter(m=>m.id!==t))}function h(t,m){u(o.map(c=>c.id===t?{...c,...m}:c))}function z(){u([])}const d=o.length;return e.jsxs(f.Popover.Root,{children:[e.jsx(f.Popover.Trigger,{asChild:!0,children:e.jsxs(x.Button,{type:"button",variant:"outline",size:"sm","data-slot":"data-table-filter",className:_.cn(n),"aria-label":d>0?`Filter (${d} active)`:"Filter",children:[e.jsx(g.ListFilterIcon,{className:"size-3.5"}),"Filter",d>0&&e.jsx("span",{className:"flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-medium text-primary-foreground",children:d})]})}),e.jsx(f.Popover.Portal,{children:e.jsx(f.Popover.Content,{"data-slot":"data-table-filter-panel","aria-label":"Filter conditions",align:"end",sideOffset:4,className:_.cn("z-50 min-w-80 rounded-lg border bg-popover p-3 text-popover-foreground shadow-elevation-4 outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"),children:e.jsxs("div",{className:"flex flex-col gap-2",children:[o.map(t=>{const c=i.find(a=>a.columnId===t.columnId)?.operators??y,T=A.includes(t.operator);return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(l.Select,{value:t.columnId,onValueChange:a=>{const p=i.find(D=>D.columnId===a)?.operators??y,w=p.includes(t.operator)?t.operator:p[0]??"contains";h(t.id,{columnId:a,operator:w,value:""})},children:[e.jsx(l.SelectTrigger,{"aria-label":"Filter column",size:"sm",className:"w-36",children:e.jsx(l.SelectValue,{})}),e.jsx(l.SelectContent,{children:i.map(a=>{const C=b.find(p=>p.id===a.columnId);return e.jsx(l.SelectItem,{value:a.columnId,children:a.label??L(a.columnId,s,C)},a.columnId)})})]}),e.jsxs(l.Select,{value:t.operator,onValueChange:a=>h(t.id,{operator:a,value:""}),children:[e.jsx(l.SelectTrigger,{"aria-label":"Filter operator",size:"sm",className:"w-32",children:e.jsx(l.SelectValue,{})}),e.jsx(l.SelectContent,{children:c.map(a=>e.jsx(l.SelectItem,{value:a,children:P[a]},a))})]}),T?e.jsx("div",{className:"h-8 w-40","aria-hidden":!0}):e.jsx(O.Input,{className:"w-40",placeholder:"Value…",value:t.value,onChange:a=>h(t.id,{value:a.target.value})}),e.jsx(x.Button,{type:"button",variant:"ghost",size:"icon",className:"size-8 shrink-0 text-muted-foreground hover:text-foreground",onClick:()=>q(t.id),"aria-label":"Remove filter",children:e.jsx(g.XIcon,{className:"size-3.5"})})]},t.id)}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(x.Button,{type:"button",variant:"outline",size:"sm",onClick:S,disabled:i.length===0,children:[e.jsx(g.PlusIcon,{className:"size-3.5"}),"Add filter"]}),o.length>0&&e.jsx(x.Button,{type:"button",variant:"ghost",size:"sm",className:"text-muted-foreground",onClick:z,children:"Clear all"})]})]})})})]})}F.displayName="DataTableFilter";exports.DataTableFilter=F;
 //# sourceMappingURL=data-table-filter.cjs.map