@tribepad/themis 1.0.1 → 1.0.2

package/dist/elements/Table/index.mjs

@@ -1,580 +1,3 @@
 "use client";
-import { forwardRef, createContext, useContext, isValidElement, cloneElement } from 'react';
-import { Checkbox as Checkbox$1, Table as Table$1, Column as Column$1, Cell as Cell$1, useTableOptions, TableHeader as TableHeader$1, Collection, TableBody as TableBody$1, Row as Row$1 } from 'react-aria-components';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronUp, ChevronDown } from 'lucide-react';
-
-// src/elements/Table/Table.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/styles/interaction-states.ts
-var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
-var HIGH_CONTRAST_FOCUS = "hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";
-var checkboxContainerVariants = cva(
-  [
-    "group inline-flex items-center gap-2 cursor-pointer",
-    "transition-colors duration-200",
-    "rtl:flex-row-reverse",
-    FOCUS_STYLES,
-    HIGH_CONTRAST_FOCUS
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "min-h-[44px] text-sm",
-        default: "min-h-[44px] text-sm",
-        lg: "min-h-[48px] text-base"
-      },
-      isDisabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      isDisabled: false
-    }
-  }
-);
-var checkboxIndicatorVariants = cva(
-  "flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",
-  {
-    variants: {
-      variant: {
-        default: [
-          "border-[var(--border)]",
-          "data-[selected]:border-[var(--primary)]",
-          "data-[selected]:bg-[var(--primary)]",
-          "data-[indeterminate]:border-[var(--primary)]",
-          "data-[indeterminate]:bg-[var(--primary)]"
-        ].join(" "),
-        destructive: [
-          "border-[var(--border)]",
-          "data-[selected]:border-[var(--destructive)]",
-          "data-[selected]:bg-[var(--destructive)]",
-          "data-[indeterminate]:border-[var(--destructive)]",
-          "data-[indeterminate]:bg-[var(--destructive)]"
-        ].join(" ")
-      },
-      size: {
-        sm: "h-4 w-4",
-        default: "h-5 w-5",
-        lg: "h-6 w-6"
-      },
-      isInvalid: {
-        true: "border-[var(--destructive)]",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      isInvalid: false
-    }
-  }
-);
-var checkmarkVariants = cva(
-  [
-    "transition-transform duration-200",
-    "[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]",
-    "motion-reduce:transition-none",
-    "scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        default: "text-[var(--primary-foreground)]",
-        destructive: "text-[var(--destructive-foreground)]"
-      },
-      size: {
-        sm: "h-3 w-3",
-        default: "h-3.5 w-3.5",
-        lg: "h-4 w-4"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function CheckmarkIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      ...props,
-      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
-    }
-  );
-}
-function MinusIcon({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 3,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      ...props,
-      children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
-    }
-  );
-}
-var Checkbox = forwardRef(
-  ({
-    isSelected,
-    defaultSelected,
-    isDisabled,
-    isReadOnly,
-    isIndeterminate,
-    isInvalid = false,
-    isRequired = false,
-    onChange,
-    onFocusChange,
-    value,
-    name,
-    size = "default",
-    variant = "default",
-    label,
-    description,
-    selectedIcon,
-    className,
-    id,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    "aria-describedby": ariaDescribedby,
-    "data-testid": dataTestId,
-    slot
-  }, ref) => {
-    const computedIsDisabled = isDisabled || void 0;
-    const computedIsReadOnly = isReadOnly || void 0;
-    const computedIsIndeterminate = isIndeterminate || void 0;
-    const renderIcon = (isChecked, isIndet) => {
-      const iconClassName = cn(checkmarkVariants({ variant, size }));
-      const dataSelected = isChecked || void 0;
-      const dataIndeterminate = isIndet || void 0;
-      if (isIndet) {
-        return /* @__PURE__ */ jsx(
-          MinusIcon,
-          {
-            className: iconClassName,
-            "data-selected": dataSelected,
-            "data-indeterminate": dataIndeterminate
-          }
-        );
-      }
-      if (selectedIcon && isChecked) {
-        if (isValidElement(selectedIcon)) {
-          const iconElement = selectedIcon;
-          return cloneElement(iconElement, {
-            className: cn(iconClassName, iconElement.props.className),
-            "data-selected": dataSelected
-          });
-        }
-        return /* @__PURE__ */ jsx("span", { className: iconClassName, "data-selected": dataSelected, children: selectedIcon });
-      }
-      return /* @__PURE__ */ jsx(
-        CheckmarkIcon,
-        {
-          className: iconClassName,
-          "data-selected": dataSelected,
-          "data-indeterminate": dataIndeterminate
-        }
-      );
-    };
-    return /* @__PURE__ */ jsx(
-      Checkbox$1,
-      {
-        ref,
-        id,
-        isSelected,
-        defaultSelected,
-        isDisabled: computedIsDisabled,
-        isReadOnly: computedIsReadOnly,
-        isIndeterminate: computedIsIndeterminate,
-        isInvalid,
-        isRequired,
-        onChange,
-        onFocusChange,
-        value,
-        name,
-        slot,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledby,
-        "aria-describedby": ariaDescribedby,
-        "data-testid": dataTestId,
-        className: (renderProps) => cn(
-          checkboxContainerVariants({
-            size,
-            isDisabled: renderProps.isDisabled
-          }),
-          className
-        ),
-        children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: checkboxIndicatorVariants({
-                variant,
-                size,
-                isInvalid: renderProps.isInvalid
-              }),
-              "data-selected": renderProps.isSelected || void 0,
-              "data-indeterminate": renderProps.isIndeterminate || void 0,
-              children: renderIcon(renderProps.isSelected, renderProps.isIndeterminate)
-            }
-          ),
-          (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-            label && /* @__PURE__ */ jsx("span", { className: "font-medium text-[var(--content-foreground)]", children: label }),
-            description && /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--menu-muted)]", children: description })
-          ] })
-        ] })
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-var TableContext = createContext({
-  variant: "default",
-  size: "default",
-  selectionMode: "none",
-  stickyHeader: false
-});
-var tableContainerVariants = cva(["relative w-full overflow-auto"]);
-var tableVariants = cva(
-  ["w-full caption-bottom text-sm", "border-collapse"],
-  {
-    variants: {
-      variant: {
-        default: "",
-        bordered: "border border-[var(--border)] rounded-md",
-        striped: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var tableHeaderVariants = cva(["[&_tr]:border-b"], {
-  variants: {
-    sticky: {
-      true: "sticky top-0 z-10 bg-[var(--content-background)]",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    sticky: false
-  }
-});
-var tableFooterVariants = cva([
-  "border-t border-[var(--border)]",
-  "bg-[var(--accent-background)]/50",
-  "font-medium",
-  "[&>tr]:last:border-b-0"
-]);
-var tableCaptionVariants = cva([
-  "mt-4 text-sm text-[var(--menu-muted)]"
-]);
-var columnVariants = cva(
-  [
-    "h-12 px-4 text-left align-middle font-medium",
-    "text-[var(--menu-muted)]",
-    "[&:has([role=checkbox])]:pr-0",
-    "select-none",
-    "focus-visible:outline-none focus-visible:ring-2",
-    "focus-visible:ring-[var(--ring)] focus-visible:ring-inset"
-  ],
-  {
-    variants: {
-      allowsSorting: {
-        true: "cursor-pointer hover:bg-[var(--accent)]/50",
-        false: ""
-      },
-      align: {
-        start: "text-start",
-        center: "text-center",
-        end: "text-end"
-      },
-      size: {
-        sm: "h-10 px-3 text-xs",
-        default: "h-12 px-4 text-sm",
-        lg: "h-14 px-5 text-base"
-      }
-    },
-    defaultVariants: {
-      allowsSorting: false,
-      align: "start",
-      size: "default"
-    }
-  }
-);
-var rowVariants = cva(
-  [
-    "border-b border-[var(--border)]",
-    "transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2",
-    "focus-visible:ring-[var(--ring)] focus-visible:ring-inset",
-    "hover:bg-[var(--accent-background)]/50",
-    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
-  ],
-  {
-    variants: {
-      isSelected: {
-        true: "bg-[var(--accent)] data-[selected]:bg-[var(--accent)]",
-        false: ""
-      },
-      variant: {
-        default: "",
-        striped: "even:bg-[var(--accent-background)]/30"
-      }
-    },
-    defaultVariants: {
-      isSelected: false,
-      variant: "default"
-    }
-  }
-);
-var cellVariants = cva(
-  ["p-4 align-middle", "[&:has([role=checkbox])]:pr-0"],
-  {
-    variants: {
-      align: {
-        start: "text-start",
-        center: "text-center",
-        end: "text-end"
-      },
-      size: {
-        sm: "p-3 text-xs",
-        default: "p-4 text-sm",
-        lg: "p-5 text-base"
-      },
-      isRowHeader: {
-        true: "font-medium",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      align: "start",
-      size: "default",
-      isRowHeader: false
-    }
-  }
-);
-var Table = forwardRef(
-  ({
-    className,
-    variant = "default",
-    size = "default",
-    stickyHeader = false,
-    selectionMode = "none",
-    selectionBehavior = "toggle",
-    disallowEmptySelection = false,
-    disabledBehavior = "selection",
-    selectedKeys,
-    defaultSelectedKeys,
-    onSelectionChange,
-    disabledKeys,
-    sortDescriptor,
-    onSortChange,
-    onRowAction,
-    children,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(TableContext.Provider, { value: { variant, size, selectionMode, stickyHeader }, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(tableContainerVariants(), className),
-        "data-testid": "table-container",
-        children: /* @__PURE__ */ jsx(
-          Table$1,
-          {
-            ref,
-            className: cn(tableVariants({ variant })),
-            selectionMode,
-            selectionBehavior,
-            disallowEmptySelection,
-            disabledBehavior,
-            selectedKeys,
-            defaultSelectedKeys,
-            onSelectionChange,
-            disabledKeys,
-            sortDescriptor,
-            onSortChange,
-            onRowAction,
-            "data-testid": "table",
-            "data-variant": variant,
-            "data-size": size,
-            ...props,
-            children
-          }
-        )
-      }
-    ) });
-  }
-);
-Table.displayName = "Table";
-function TableHeaderInner({ className, children, columns, ...props }, ref) {
-  const { size, selectionMode, stickyHeader } = useContext(TableContext);
-  const { allowsDragging } = useTableOptions();
-  return /* @__PURE__ */ jsxs(
-    TableHeader$1,
-    {
-      ref,
-      className: cn(tableHeaderVariants({ sticky: stickyHeader }), className),
-      "data-testid": "table-header",
-      ...props,
-      children: [
-        selectionMode === "multiple" && /* @__PURE__ */ jsx(Column$1, { className: cn(columnVariants({ size }), "w-12"), children: /* @__PURE__ */ jsx(Checkbox, { slot: "selection", "aria-label": "Select all", size }) }),
-        allowsDragging && /* @__PURE__ */ jsx(Column$1, {}),
-        columns ? /* @__PURE__ */ jsx(Collection, { items: columns, children }) : children
-      ]
-    }
-  );
-}
-var TableHeader = forwardRef(TableHeaderInner);
-TableHeader.displayName = "TableHeader";
-function TableBodyInner({ className, children, items, renderEmptyState, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    TableBody$1,
-    {
-      ref,
-      className: cn(className),
-      items,
-      renderEmptyState: renderEmptyState ? () => /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 99, className: "text-center p-8", children: renderEmptyState() }) }) : void 0,
-      "data-testid": "table-body",
-      ...props,
-      children
-    }
-  );
-}
-var TableBody = forwardRef(TableBodyInner);
-TableBody.displayName = "TableBody";
-var TableFooter = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "tfoot",
-      {
-        ref,
-        className: cn(tableFooterVariants(), className),
-        "data-testid": "table-footer",
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableFooter.displayName = "TableFooter";
-var TableCaption = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "caption",
-      {
-        ref,
-        className: cn(tableCaptionVariants(), className),
-        "data-testid": "table-caption",
-        ...props,
-        children
-      }
-    );
-  }
-);
-TableCaption.displayName = "TableCaption";
-var Column = forwardRef(
-  ({
-    className,
-    children,
-    isRowHeader = false,
-    allowsSorting = false,
-    align = "start",
-    width,
-    minWidth,
-    maxWidth,
-    ...props
-  }, ref) => {
-    const { size } = useContext(TableContext);
-    return /* @__PURE__ */ jsx(
-      Column$1,
-      {
-        ref,
-        isRowHeader,
-        allowsSorting,
-        width,
-        minWidth,
-        maxWidth,
-        className: cn(columnVariants({ allowsSorting, align, size }), className),
-        ...props,
-        children: ({ allowsSorting: canSort, sortDirection }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("span", { children }),
-          canSort && sortDirection && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-sort-direction": sortDirection, children: sortDirection === "ascending" ? /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) })
-        ] })
-      }
-    );
-  }
-);
-Column.displayName = "Column";
-function RowInner({ className, children, columns, href, isDisabled, ...props }, ref) {
-  const { variant, size, selectionMode } = useContext(TableContext);
-  const { allowsDragging } = useTableOptions();
-  return /* @__PURE__ */ jsxs(
-    Row$1,
-    {
-      ref,
-      href,
-      isDisabled,
-      className: ({ isSelected, isDisabled: disabled }) => cn(
-        rowVariants({
-          isSelected,
-          variant: variant === "striped" ? "striped" : "default"
-        }),
-        disabled && "opacity-50",
-        className
-      ),
-      "data-testid": "table-row",
-      ...props,
-      children: [
-        selectionMode === "multiple" && /* @__PURE__ */ jsx(Cell$1, { className: cn(cellVariants({ size }), "w-12"), children: /* @__PURE__ */ jsx(Checkbox, { slot: "selection", "aria-label": "Select row", size }) }),
-        allowsDragging && /* @__PURE__ */ jsx(Cell$1, {}),
-        columns ? /* @__PURE__ */ jsx(Collection, { items: columns, children }) : children
-      ]
-    }
-  );
-}
-var Row = forwardRef(RowInner);
-Row.displayName = "Row";
-var Cell = forwardRef(
-  ({ className, children, align = "start", colSpan: _colSpan, ...props }, ref) => {
-    const { size } = useContext(TableContext);
-    return /* @__PURE__ */ jsx(
-      Cell$1,
-      {
-        ref,
-        className: cn(cellVariants({ align, size }), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Cell.displayName = "Cell";
-
-export { Cell, Column, Row, Table, TableBody, TableCaption, TableFooter, TableHeader, cellVariants, columnVariants, rowVariants, tableCaptionVariants, tableContainerVariants, tableFooterVariants, tableHeaderVariants, tableVariants };
-//# sourceMappingURL=index.mjs.map
+import {forwardRef,createContext,useMemo,useContext,memo,isValidElement,cloneElement}from'react';import {Checkbox,Table,Column,Cell,useTableOptions,TableHeader,Collection,TableBody,Row}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ChevronUp,ChevronDown}from'lucide-react';function n(...a){return twMerge(clsx(a))}var V="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var S="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var J=cva(["group inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",V,S].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),Q=cva("flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]","data-[indeterminate]:border-[var(--destructive)]","data-[indeterminate]:bg-[var(--destructive)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),X=cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function Z({className:a,...e}){return jsx("svg",{className:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function ee({className:a,...e}){return jsx("svg",{className:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var w=forwardRef(({isSelected:a,defaultSelected:e,isDisabled:t,isReadOnly:o,isIndeterminate:s,isInvalid:i=false,isRequired:l=false,onChange:u,onFocusChange:c,value:x,name:C,size:b="default",variant:p="default",label:h,description:g,selectedIcon:f,className:y,id:I,"aria-label":L,"aria-labelledby":be,"aria-describedby":pe,"data-testid":me,slot:ue},fe)=>{let Te=t||void 0,ve=o||void 0,xe=s||void 0,Ce=(m,U)=>{let R=n(X({variant:p,size:b})),E=m||void 0,Y=U||void 0;if(U)return jsx(ee,{className:R,"data-selected":E,"data-indeterminate":Y});if(f&&m){if(isValidElement(f)){let G=f;return cloneElement(G,{className:n(R,G.props.className),"data-selected":E})}return jsx("span",{className:R,"data-selected":E,children:f})}return jsx(Z,{className:R,"data-selected":E,"data-indeterminate":Y})};return jsx(Checkbox,{ref:fe,id:I,isSelected:a,defaultSelected:e,isDisabled:Te,isReadOnly:ve,isIndeterminate:xe,isInvalid:i,isRequired:l,onChange:u,onFocusChange:c,value:x,name:C,slot:ue,"aria-label":L,"aria-labelledby":be,"aria-describedby":pe,"data-testid":me,className:m=>n(J({size:b,isDisabled:m.isDisabled}),y),children:m=>jsxs(Fragment,{children:[jsx("div",{className:Q({variant:p,size:b,isInvalid:m.isInvalid}),"data-selected":m.isSelected||void 0,"data-indeterminate":m.isIndeterminate||void 0,children:Ce(m.isSelected,m.isIndeterminate)}),(h||g)&&jsxs("div",{className:"flex flex-col",children:[h&&jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:h}),g&&jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:g})]})]})})});w.displayName="Checkbox";var z=cva(["relative w-full overflow-auto"]),B=cva(["w-full caption-bottom text-sm","border-collapse"],{variants:{variant:{default:"",bordered:"border border-[var(--border)] rounded-md",striped:""}},defaultVariants:{variant:"default"}}),D=cva(["[&_tr]:border-b"],{variants:{sticky:{true:"sticky top-0 z-10 bg-[var(--content-background)]",false:""}},defaultVariants:{sticky:false}}),F=cva(["border-t border-[var(--border)]","bg-[var(--accent-background)]/50","font-medium","[&>tr]:last:border-b-0"]),O=cva(["mt-4 text-sm text-[var(--menu-muted)]"]),k=cva(["h-12 px-4 text-left align-middle font-medium","text-[var(--menu-muted)]","[&:has([role=checkbox])]:pr-0","select-none","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-inset"],{variants:{allowsSorting:{true:"cursor-pointer hover:bg-[var(--accent)]/50",false:""},align:{start:"text-start",center:"text-center",end:"text-end"},size:{sm:"h-10 px-3 text-xs",default:"h-12 px-4 text-sm",lg:"h-14 px-5 text-base"}},defaultVariants:{allowsSorting:false,align:"start",size:"default"}}),H=cva(["border-b border-[var(--border)]","transition-colors","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-inset","hover:bg-[var(--accent-background)]/50","data-[disabled]:pointer-events-none data-[disabled]:opacity-50"],{variants:{isSelected:{true:"bg-[var(--accent)] data-[selected]:bg-[var(--accent)]",false:""},variant:{default:"",striped:"even:bg-[var(--accent-background)]/30"}},defaultVariants:{isSelected:false,variant:"default"}}),A=cva(["p-4 align-middle","[&:has([role=checkbox])]:pr-0"],{variants:{align:{start:"text-start",center:"text-center",end:"text-end"},size:{sm:"p-3 text-xs",default:"p-4 text-sm",lg:"p-5 text-base"},isRowHeader:{true:"font-medium",false:""}},defaultVariants:{align:"start",size:"default",isRowHeader:false}});var N=createContext({variant:"default",size:"default",selectionMode:"none",stickyHeader:false}),re=forwardRef(({className:a,variant:e="default",size:t="default",stickyHeader:o=false,selectionMode:s="none",selectionBehavior:i="toggle",disallowEmptySelection:l=false,disabledBehavior:u="selection",selectedKeys:c,defaultSelectedKeys:x,onSelectionChange:C,disabledKeys:b,sortDescriptor:p,onSortChange:h,onRowAction:g,children:f,...y},I)=>{process.env.NODE_ENV!=="production"&&t==="sm"&&s!=="none"&&console.warn('[Table] size="sm" with selectionMode produces rows shorter than the 44px WCAG 2.2 AAA minimum touch target. Use size="default" or size="lg" for accessible interactive tables.');let L=useMemo(()=>({variant:e,size:t,selectionMode:s,stickyHeader:o}),[e,t,s,o]);return jsx(N.Provider,{value:L,children:jsx("div",{className:n(z(),a),"data-testid":"table-container",children:jsx(Table,{ref:I,className:n(B({variant:e})),selectionMode:s,selectionBehavior:i,disallowEmptySelection:l,disabledBehavior:u,selectedKeys:c,defaultSelectedKeys:x,onSelectionChange:C,disabledKeys:b,sortDescriptor:p,onSortChange:h,onRowAction:g,"data-testid":"table","data-variant":e,"data-size":t,...y,children:f})})})});re.displayName="Table";function De({className:a,children:e,columns:t,...o},s){let{size:i,selectionMode:l,stickyHeader:u}=useContext(N),{allowsDragging:c}=useTableOptions();return jsxs(TableHeader,{ref:s,className:n(D({sticky:u}),a),"data-testid":"table-header",...o,children:[l==="multiple"&&jsx(Column,{className:n(k({size:i}),"w-12"),children:jsx(w,{slot:"selection","aria-label":"Select all",size:i})}),c&&jsx(Column,{}),t?jsx(Collection,{items:t,children:e}):e]})}var oe=forwardRef(De);oe.displayName="TableHeader";function Fe({className:a,children:e,items:t,renderEmptyState:o,...s},i){return jsx(TableBody,{ref:i,className:n(a),items:t,renderEmptyState:o?()=>jsx("tr",{children:jsx("td",{colSpan:99,className:"text-center p-8",children:o()})}):void 0,"data-testid":"table-body",...s,children:e})}var se=forwardRef(Fe);se.displayName="TableBody";var ne=forwardRef(({className:a,children:e,...t},o)=>jsx("tfoot",{ref:o,className:n(F(),a),"data-testid":"table-footer",...t,children:e}));ne.displayName="TableFooter";var ie=forwardRef(({className:a,children:e,...t},o)=>jsx("caption",{ref:o,className:n(O(),a),"data-testid":"table-caption",...t,children:e}));ie.displayName="TableCaption";var le=forwardRef(({className:a,children:e,isRowHeader:t=false,allowsSorting:o=false,align:s="start",width:i,minWidth:l,maxWidth:u,...c},x)=>{let{size:C}=useContext(N);return jsx(Column,{ref:x,isRowHeader:t,allowsSorting:o,width:i,minWidth:l,maxWidth:u,className:n(k({allowsSorting:o,align:s,size:C}),a),...c,children:({allowsSorting:b,sortDirection:p})=>jsxs("div",{className:"flex items-center gap-1",children:[jsx("span",{children:e}),b&&p&&jsx("span",{"aria-hidden":"true","data-sort-direction":p,children:p==="ascending"?jsx(ChevronUp,{className:"h-4 w-4"}):jsx(ChevronDown,{className:"h-4 w-4"})})]})})});le.displayName="Column";function Oe({className:a,children:e,columns:t,href:o,isDisabled:s,...i},l){let{variant:u,size:c,selectionMode:x}=useContext(N),{allowsDragging:C}=useTableOptions(),b=u==="striped"?"striped":"default",p=H({isSelected:true,variant:b}),h=H({isSelected:false,variant:b}),g=n(A({size:c}),"w-12");return jsxs(Row,{ref:l,href:o,isDisabled:s,className:({isSelected:f,isDisabled:y})=>n(f?p:h,y&&"opacity-50",a),"data-testid":"table-row",...i,children:[x==="multiple"&&jsx(Cell,{className:g,children:jsx(w,{slot:"selection","aria-label":"Select row",size:c})}),C&&jsx(Cell,{}),t?jsx(Collection,{items:t,children:e}):e]})}var de=forwardRef(Oe);de.displayName="Row";var ce=memo(forwardRef(({className:a,children:e,align:t="start",colSpan:o,...s},i)=>{let{size:l}=useContext(N);return jsx(Cell,{ref:i,className:n(A({align:t,size:l}),a),...s,children:e})}));ce.displayName="Cell";export{ce as Cell,le as Column,de as Row,re as Table,se as TableBody,ie as TableCaption,ne as TableFooter,oe as TableHeader,A as cellVariants,k as columnVariants,H as rowVariants,O as tableCaptionVariants,z as tableContainerVariants,F as tableFooterVariants,D as tableHeaderVariants,B as tableVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map