npm - @bioturing/components - Versions diffs - 0.33.1 → 0.35.2 - Mend

@bioturing/components 0.33.1 → 0.35.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/dist/components/select-trigger/component.js CHANGED Viewed

@@ -1,150 +1,191 @@
 "use client";
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
-import { XCircleIcon as P, CaretDownIcon as T } from "@bioturing/assets";
-import $ from "merge-refs";
-import { forwardRef as A, useCallback as y, useRef as K, useEffect as V } from "react";
-import { WithRenderProp as W } from "../utils/WithRenderProp.js";
+import { jsx as n, jsxs as L } from "react/jsx-runtime";
+import { CaretDownIcon as $, XCircleIcon as y } from "@bioturing/assets";
+import K from "merge-refs";
+import { forwardRef as p, useRef as V, useEffect as W, createContext as X, useCallback as q, useContext as B } from "react";
+import { WithRenderProp as h } from "../utils/WithRenderProp.js";
 import './style.css';/* empty css          */
-import { useCls as X } from "../utils/antdUtils.js";
-import { clsx as o } from "../utils/cn.js";
-const q = A(
-  ({
-    size: d = "middle",
-    disabled: c = !1,
-    open: i = !1,
-    status: m,
-    placeholder: f = "Select...",
+import { useCls as C } from "../utils/antdUtils.js";
+import { clsx as w } from "../utils/cn.js";
+const b = X(
+  null
+), T = () => {
+  const r = B(b);
+  if (!r)
+    throw new Error(
+      "SelectTrigger compound components must be used within SelectTrigger.Root"
+    );
+  return r;
+}, F = ({
+  size: r = "middle",
+  disabled: o = !1,
+  open: e = !1,
+  status: t,
+  placeholder: i = "Select...",
+  displayValue: s,
+  allowClear: m = !1,
+  suffixIcon: l,
+  clearIcon: c,
+  onClear: u,
+  onOpenChange: g,
+  classNames: a,
+  as: f,
+  children: E,
+  role: k = "combobox",
+  className: A,
+  ...D
+}, j) => {
+  const d = C(), v = s != null && s !== "", P = {
+    disabled: o,
+    open: e,
+    hasValue: v,
+    size: r,
+    status: t,
     value: s,
-    prefix: p,
-    allowClear: a = !1,
-    suffixIcon: u,
-    clearIcon: h,
-    onClear: w,
-    onOpenChange: b,
-    classNames: n,
-    render: v,
-    role: D = "combobox",
-    className: E,
-    ...S
-  }, C) => {
-    const e = X(), l = s != null && s !== "", j = {
-      disabled: c,
-      open: i,
-      hasValue: l,
-      size: d
-    }, x = y(
-      (t) => {
-        t.stopPropagation(), w?.();
+    placeholder: i,
+    allowClear: m,
+    suffixIcon: l,
+    clearIcon: c,
+    onClear: u,
+    onOpenChange: g,
+    classNames: a
+  }, x = V(null);
+  return W(() => {
+    const S = x.current;
+    if (!S) return;
+    const N = (R) => {
+      R.key === "ArrowDown" && !o && !e && (R.preventDefault(), g?.(!0));
+    };
+    return S.addEventListener("keydown", N), () => {
+      S.removeEventListener("keydown", N);
+    };
+  }, [o, e, g]), /* @__PURE__ */ n(b.Provider, { value: P, children: /* @__PURE__ */ n(
+    h,
+    {
+      as: f || "button",
+      ref: K(j, x),
+      className: w(
+        d("select-trigger"),
+        d(`select-trigger-${r}`),
+        o && d("select-trigger-disabled"),
+        e && d("select-trigger-open"),
+        t && d(`select-trigger-${t}`),
+        m && d("select-trigger-allow-clear"),
+        v && d("select-trigger-has-value"),
+        a?.trigger,
+        A
+      ),
+      role: k,
+      "aria-expanded": e,
+      ...D,
+      children: E
+    }
+  ) });
+}, I = p(F), G = ({
+  className: r,
+  as: o,
+  contentRender: e,
+  prefix: t,
+  suffix: i,
+  ...s
+}, m) => {
+  const { hasValue: l, value: c, placeholder: u, classNames: g } = T(), a = C(), f = l ? c : u;
+  return /* @__PURE__ */ L(
+    h,
+    {
+      as: o || "div",
+      ref: m,
+      state: {
+        prefix: t,
+        suffix: i
       },
-      [w]
-    ), k = K(null);
-    V(() => {
-      const t = k.current;
-      if (!t) return;
-      const N = (R) => {
-        R.key === "ArrowDown" && !c && !i && (R.preventDefault(), b?.(!0));
-      };
-      return t.addEventListener("keydown", N), () => {
-        t.removeEventListener("keydown", N);
-      };
-    }, [c, i, b]);
-    const L = y(
-      (t) => /* @__PURE__ */ g("button", { ...t, children: [
-        /* @__PURE__ */ r(
-          "span",
+      className: w(
+        a("select-trigger-content"),
+        g?.content,
+        r
+      ),
+      ...s,
+      children: [
+        t && /* @__PURE__ */ n("span", { className: a("select-trigger-prefix"), children: t }),
+        /* @__PURE__ */ n(
+          h,
           {
-            className: o(e("select-trigger-content"), n?.content),
-            children: l ? /* @__PURE__ */ g("span", { className: e("select-trigger-value-with-prefix"), children: [
-              p,
-              /* @__PURE__ */ r(
-                "span",
-                {
-                  className: o(
-                    e("select-trigger-value"),
-                    n?.value
-                  ),
-                  children: s
-                }
-              )
-            ] }) : /* @__PURE__ */ r(
-              "span",
-              {
-                className: o(
-                  e("select-trigger-placeholder"),
-                  n?.placeholder
-                ),
-                children: f
-              }
-            )
+            render: e,
+            as: "span",
+            className: w(
+              a("select-trigger-text"),
+              !l && a("select-trigger-placeholder"),
+              !l && g?.placeholder,
+              l && g?.value
+            ),
+            children: f
           }
         ),
-        /* @__PURE__ */ g(
-          "span",
-          {
-            className: o(e("select-trigger-suffix"), n?.suffix),
-            children: [
-              a && l && /* @__PURE__ */ r(
-                "span",
-                {
-                  className: e("select-trigger-clear"),
-                  unselectable: "on",
-                  "aria-hidden": "true",
-                  onClick: x,
-                  children: h || /* @__PURE__ */ r("span", { className: e("select-trigger-clear-icon"), children: /* @__PURE__ */ r(P, { weight: "fill" }) })
-                }
-              ),
-              (!a || !l) && /* @__PURE__ */ r(
-                "span",
-                {
-                  className: e("select-trigger-arrow"),
-                  unselectable: "on",
-                  "aria-hidden": "true",
-                  children: u || /* @__PURE__ */ r("span", { className: e("select-trigger-arrow-icon"), children: /* @__PURE__ */ r(T, { weight: "bold" }) })
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      [
-        l,
-        s,
-        p,
-        f,
-        a,
-        u,
-        h,
-        e,
-        n,
-        x
+        i && /* @__PURE__ */ n("span", { className: a("select-trigger-suffix"), children: i })
       ]
-    );
-    return /* @__PURE__ */ r(
-      W,
-      {
-        as: "button",
-        ref: $(C, k),
-        state: j,
-        className: o(
-          e("select-trigger"),
-          e(`select-trigger-${d}`),
-          c && e("select-trigger-disabled"),
-          i && e("select-trigger-open"),
-          m && e(`select-trigger-${m}`),
-          n?.trigger,
-          E
-        ),
-        disabled: c,
-        role: D,
-        "aria-expanded": i,
-        render: v || L,
-        ...S
-      }
-    );
-  }
-);
-q.displayName = "SelectTrigger";
+    }
+  );
+}, H = p(G), J = ({ className: r, as: o, onClick: e, ...t }, i) => {
+  const { hasValue: s, allowClear: m, clearIcon: l, onClear: c } = T(), u = C(), g = q(
+    (f) => {
+      f.stopPropagation(), c?.(), e?.(f);
+    },
+    [c, e]
+  );
+  if (!m || !s)
+    return null;
+  const a = l || /* @__PURE__ */ n(y, { weight: "fill" });
+  return /* @__PURE__ */ n(
+    h,
+    {
+      as: o || "button",
+      ref: i,
+      className: w(u("select-trigger-clear"), r),
+      onClick: g,
+      ...t,
+      children: a
+    }
+  );
+}, M = p(J), Q = ({ className: r, as: o, render: e, ...t }, i) => {
+  const { open: s, suffixIcon: m, classNames: l } = T(), c = C(), u = m || /* @__PURE__ */ n("span", { className: c("select-trigger-arrow-icon"), children: /* @__PURE__ */ n($, { weight: "bold" }) });
+  return /* @__PURE__ */ n(
+    h,
+    {
+      as: o || "span",
+      ref: i,
+      className: w(
+        c("select-trigger-arrow"),
+        l?.arrow,
+        r
+      ),
+      state: {
+        icon: u
+      },
+      render: e,
+      ...t,
+      children: /* @__PURE__ */ n(
+        "span",
+        {
+          className: w(
+            c("select-trigger-arrow"),
+            s && c("select-trigger-arrow-open")
+          ),
+          children: u
+        }
+      )
+    }
+  );
+}, U = p(Q), ce = Object.assign(I, {
+  Root: I,
+  Content: H,
+  Clear: M,
+  Arrow: U
+});
 export {
-  q as SelectTrigger
+  ce as SelectTrigger,
+  U as SelectTriggerArrow,
+  M as SelectTriggerClear,
+  H as SelectTriggerContent,
+  I as SelectTriggerRoot
 };
 //# sourceMappingURL=component.js.map

package/dist/components/select-trigger/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../src/components/select-trigger/component.tsx"],"sourcesContent":["\"use client\";\nimport { CaretDownIcon, XCircleIcon } from \"@bioturing/assets\";\nimport mergeRefs from \"merge-refs\";\nimport React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { WithRenderProp, WithRenderPropProps } from \"../utils/WithRenderProp\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport \"./style.css\";\n\nexport type SelectTriggerState = {\n disabled: boolean;\n open: boolean;\n hasValue: boolean;\n size: \"small\" \| \"middle\" \| \"large\";\n};\n\nexport interface SelectTriggerProps\n extends Omit<\n WithRenderPropProps<\"button\", SelectTriggerState>,\n \"value\" \| \"prefix\"\n > {\n /** Size variant /\n size?: \"small\" \| \"middle\" \| \"large\";\n /* Whether the component is disabled /\n disabled?: boolean;\n /* Whether the dropdown/popup is open /\n open?: boolean;\n /* Validation status /\n status?: ValidateStatus;\n /* Placeholder text /\n placeholder?: string;\n /* Current value/content to display /\n value?: React.ReactNode;\n /* Prefix content to display before the value (e.g., icon) /\n prefix?: React.ReactNode;\n /* Whether to show clear button when there's a value /\n allowClear?: boolean;\n /* Custom suffix icon (arrow icon) /\n suffixIcon?: React.ReactNode;\n /* Custom clear icon /\n clearIcon?: React.ReactNode;\n /* Clear handler /\n onClear?: () => void;\n /* Open state change handler /\n onOpenChange?: (open: boolean) => void;\n /* Custom class names */\n classNames?: {\n trigger?: string;\n content?: string;\n suffix?: string;\n placeholder?: string;\n value?: string;\n };\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n (\n {\n size = \"middle\",\n disabled = false,\n open = false,\n status,\n placeholder = \"Select...\",\n value,\n prefix,\n allowClear = false,\n suffixIcon,\n clearIcon,\n onClear,\n onOpenChange,\n classNames,\n render,\n role = \"combobox\",\n className,\n ...rest\n },\n ref\n ) => {\n const cls = useCls();\n const hasValue = value !== undefined && value !== null && value !== \"\";\n\n const triggerState: SelectTriggerState = {\n disabled,\n open,\n hasValue,\n size,\n };\n\n const handleClearClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n onClear?.();\n },\n [onClear]\n );\n\n // Internal ref for the button element\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n // Handle keyboard shortcuts with addEventListener\n useEffect(() => {\n const buttonElement = buttonRef.current;\n if (!buttonElement) return;\n\n const handleKeyDown = (e: KeyboardEvent) => {\n // Alt + Down Arrow to open dropdown\n if (e.key === \"ArrowDown\" && !disabled && !open) {\n e.preventDefault();\n onOpenChange?.(true);\n }\n // Escape to close dropdown\n // Comment because Popover would handle it\n // if (e.key === \"Escape\" && open) {\n // e.preventDefault();\n // onOpenChange?.(false);\n // }\n };\n\n buttonElement.addEventListener(\"keydown\", handleKeyDown);\n return () => {\n buttonElement.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [disabled, open, onOpenChange]);\n\n const defaultRender = useCallback(\n (props: React.ComponentPropsWithoutRef<\"button\">) => (\n <button {...props}>\n <span\n className={clsx(cls(\"select-trigger-content\"), classNames?.content)}\n >\n {hasValue ? (\n <span className={cls(\"select-trigger-value-with-prefix\")}>\n {prefix}\n <span\n className={clsx(\n cls(\"select-trigger-value\"),\n classNames?.value\n )}\n >\n {value}\n </span>\n </span>\n ) : (\n <span\n className={clsx(\n cls(\"select-trigger-placeholder\"),\n classNames?.placeholder\n )}\n >\n {placeholder}\n </span>\n )}\n </span>\n <span\n className={clsx(cls(\"select-trigger-suffix\"), classNames?.suffix)}\n >\n {allowClear && hasValue && (\n <span\n className={cls(\"select-trigger-clear\")}\n unselectable=\"on\"\n aria-hidden=\"true\"\n onClick={handleClearClick}\n >\n {clearIcon \|\| (\n <span className={cls(\"select-trigger-clear-icon\")}>\n <XCircleIcon weight=\"fill\" />\n </span>\n )}\n </span>\n )}\n {(!allowClear \|\| !hasValue) && (\n <span\n className={cls(\"select-trigger-arrow\")}\n unselectable=\"on\"\n aria-hidden=\"true\"\n >\n {suffixIcon \|\| (\n <span className={cls(\"select-trigger-arrow-icon\")}>\n <CaretDownIcon weight=\"bold\" />\n </span>\n )}\n </span>\n )}\n </span>\n </button>\n ),\n [\n hasValue,\n value,\n prefix,\n placeholder,\n allowClear,\n suffixIcon,\n clearIcon,\n cls,\n classNames,\n handleClearClick,\n ]\n );\n\n return (\n <WithRenderProp\n as=\"button\"\n ref={mergeRefs(ref, buttonRef)}\n state={triggerState}\n className={clsx(\n cls(\"select-trigger\"),\n cls(`select-trigger-${size}`),\n disabled && cls(\"select-trigger-disabled\"),\n open && cls(\"select-trigger-open\"),\n status && cls(`select-trigger-${status}`),\n classNames?.trigger,\n className\n )}\n disabled={disabled}\n role={role}\n aria-expanded={open}\n render={render \|\| defaultRender}\n {...rest}\n />\n );\n }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"names":["SelectTrigger","forwardRef","size","disabled","open","status","placeholder","value","prefix","allowClear","suffixIcon","clearIcon","onClear","onOpenChange","classNames","render","role","className","rest","ref","cls","useCls","hasValue","triggerState","handleClearClick","useCallback","e","buttonRef","useRef","useEffect","buttonElement","handleKeyDown","defaultRender","props","jsxs","jsx","clsx","XCircleIcon","CaretDownIcon","WithRenderProp","mergeRefs"],"mappings":"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"}
1	+ {"version":3,"file":"component.js","sources":["../../../src/components/select-trigger/component.tsx"],"sourcesContent":["\"use client\";\nimport { ComponentPropsWithRef, JSX } from \"react\";\nimport { CaretDownIcon, XCircleIcon } from \"@bioturing/assets\";\nimport mergeRefs from \"merge-refs\";\nimport React, {\n createContext,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef,\n} from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { WithRenderProp, WithRenderPropProps } from \"../utils/WithRenderProp\";\nimport { ElementTypeToDOMType } from \"../utils/types\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport \"./style.css\";\n\n// Context for sharing state between compound components\nexport type SelectTriggerContextType = {\n disabled: boolean;\n open: boolean;\n hasValue: boolean;\n size: \"small\" \| \"middle\" \| \"large\";\n status?: ValidateStatus;\n value?: React.ReactNode;\n placeholder?: string;\n allowClear: boolean;\n suffixIcon?: React.ReactNode;\n clearIcon?: React.ReactNode;\n onClear?: () => void;\n onOpenChange?: (open: boolean) => void;\n classNames?: {\n trigger?: string;\n content?: string;\n prefix?: string;\n suffix?: string;\n arrow?: string;\n placeholder?: string;\n value?: string;\n };\n};\n\nconst SelectTriggerContext = createContext<SelectTriggerContextType \| null>(\n null\n);\n\nconst useSelectTriggerContext = () => {\n const context = useContext(SelectTriggerContext);\n if (!context) {\n throw new Error(\n \"SelectTrigger compound components must be used within SelectTrigger.Root\"\n );\n }\n return context;\n};\n\n// Root component props\nexport type SelectTriggerRootProps<T extends React.ElementType = \"button\"> =\n WithRenderPropProps<T> & {\n /** Size variant /\n size?: \"small\" \| \"middle\" \| \"large\";\n /* Whether the component is disabled /\n disabled?: boolean;\n /* Whether the dropdown/popup is open /\n open?: boolean;\n /* Validation status /\n status?: ValidateStatus;\n /* Placeholder text /\n placeholder?: string;\n /* Current display value/content /\n displayValue?: React.ReactNode;\n /* Whether to show clear button when there's a value /\n allowClear?: boolean;\n /* Custom suffix icon (arrow icon) /\n suffixIcon?: React.ReactNode;\n /* Custom clear icon /\n clearIcon?: React.ReactNode;\n /* Clear handler /\n onClear?: () => void;\n /* Open state change handler /\n onOpenChange?: (open: boolean) => void;\n /* Custom class names */\n classNames?: {\n trigger?: string;\n content?: string;\n prefix?: string;\n suffix?: string;\n arrow?: string;\n placeholder?: string;\n value?: string;\n };\n };\n\n// Root component - provides context and container\nconst SelectTriggerRootInner = <T extends React.ElementType = \"button\">(\n {\n size = \"middle\",\n disabled = false,\n open = false,\n status,\n placeholder = \"Select...\",\n displayValue,\n allowClear = false,\n suffixIcon,\n clearIcon,\n onClear,\n onOpenChange,\n classNames,\n as,\n children,\n role = \"combobox\",\n className,\n ...rest\n }: SelectTriggerRootProps<T>,\n ref: React.Ref<ElementTypeToDOMType<T>>\n) => {\n const cls = useCls();\n const hasValue =\n displayValue !== undefined && displayValue !== null && displayValue !== \"\";\n\n const contextValue: SelectTriggerContextType = {\n disabled,\n open,\n hasValue,\n size,\n status,\n value: displayValue,\n placeholder,\n allowClear,\n suffixIcon,\n clearIcon,\n onClear,\n onOpenChange,\n classNames,\n };\n\n // Internal ref for the element\n const elementRef = useRef<ElementTypeToDOMType<T>>(null);\n\n // Handle keyboard shortcuts with addEventListener\n useEffect(() => {\n const element = elementRef.current;\n if (!element) return;\n\n const handleKeyDown = (e: KeyboardEvent) => {\n // Alt + Down Arrow to open dropdown\n if (e.key === \"ArrowDown\" && !disabled && !open) {\n e.preventDefault();\n onOpenChange?.(true);\n }\n };\n\n element.addEventListener(\"keydown\", handleKeyDown);\n return () => {\n element.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [disabled, open, onOpenChange]);\n\n return (\n <SelectTriggerContext.Provider value={contextValue}>\n <WithRenderProp\n as={as \|\| \"button\"}\n ref={mergeRefs(ref, elementRef)}\n className={clsx(\n cls(\"select-trigger\"),\n cls(`select-trigger-${size}`),\n disabled && cls(\"select-trigger-disabled\"),\n open && cls(\"select-trigger-open\"),\n status && cls(`select-trigger-${status}`),\n allowClear && cls(\"select-trigger-allow-clear\"),\n hasValue && cls(\"select-trigger-has-value\"),\n classNames?.trigger,\n className\n )}\n role={role}\n aria-expanded={open}\n {...rest}\n >\n {children}\n </WithRenderProp>\n </SelectTriggerContext.Provider>\n );\n};\n\nexport const SelectTriggerRoot = forwardRef(SelectTriggerRootInner) as <\n T extends React.ElementType = \"button\"\n>(\n props: SelectTriggerRootProps<T> & {\n ref?: ComponentPropsWithRef<T>[\"ref\"];\n }\n) => ReturnType<typeof SelectTriggerRootInner>;\n\n// Content component - displays the main content area\nexport type SelectTriggerContentProps<T extends React.ElementType = \"div\"> =\n WithRenderPropProps<T> & {\n contentRender?: WithRenderPropProps<\n \"span\",\n { prefix: React.ReactNode; suffix: React.ReactNode }\n >[\"render\"];\n prefix?: React.ReactNode;\n suffix?: React.ReactNode;\n };\n\nconst SelectTriggerContentInner = <T extends React.ElementType = \"div\">(\n {\n className,\n as,\n contentRender,\n prefix,\n suffix,\n ...rest\n }: SelectTriggerContentProps<T>,\n ref: React.ForwardedRef<ElementTypeToDOMType<T>>\n) => {\n const { hasValue, value, placeholder, classNames } =\n useSelectTriggerContext();\n const cls = useCls();\n\n const content = hasValue ? value : placeholder;\n\n return (\n <WithRenderProp\n as={as \|\| \"div\"}\n ref={ref}\n state={{\n prefix,\n suffix,\n }}\n className={clsx(\n cls(\"select-trigger-content\"),\n classNames?.content,\n className\n )}\n {...rest}\n >\n {prefix && <span className={cls(\"select-trigger-prefix\")}>{prefix}</span>}\n <WithRenderProp\n render={contentRender}\n as={\"span\"}\n className={clsx(\n cls(\"select-trigger-text\"),\n !hasValue && cls(\"select-trigger-placeholder\"),\n !hasValue && classNames?.placeholder,\n hasValue && classNames?.value\n )}\n >\n {content}\n </WithRenderProp>\n {suffix && <span className={cls(\"select-trigger-suffix\")}>{suffix}</span>}\n </WithRenderProp>\n );\n};\n\nexport const SelectTriggerContent = forwardRef(SelectTriggerContentInner) as <\n T extends React.ElementType = \"div\"\n>(\n props: SelectTriggerContentProps<T> & {\n ref?: ComponentPropsWithRef<T>[\"ref\"];\n }\n) => ReturnType<typeof SelectTriggerContentInner>;\n\n// Clear component - displays clear button when allowClear is true and hasValue\nexport type SelectTriggerClearProps<T extends React.ElementType = \"button\"> =\n WithRenderPropProps<T>;\n\nconst SelectTriggerClearInner = <T extends React.ElementType = \"button\">(\n { className, as, onClick, ...rest }: SelectTriggerClearProps<T>,\n ref: React.Ref<ElementTypeToDOMType<T>>\n) => {\n const { disabled, hasValue, allowClear, clearIcon, onClear } =\n useSelectTriggerContext();\n const cls = useCls();\n\n const handleClick: React.MouseEventHandler<HTMLButtonElement> = useCallback(\n (e) => {\n e.stopPropagation();\n onClear?.();\n onClick?.(e);\n },\n [onClear, onClick]\n );\n\n // Don't render if allowClear is false or there's no value\n if (!allowClear \|\| !hasValue) {\n return null;\n }\n\n const clearElement = clearIcon \|\| <XCircleIcon weight=\"fill\" />;\n\n return (\n <WithRenderProp\n as={as \|\| \"button\"}\n ref={ref}\n className={clsx(cls(\"select-trigger-clear\"), className)}\n onClick={handleClick}\n {...rest}\n >\n {clearElement}\n </WithRenderProp>\n );\n};\n\nexport const SelectTriggerClear = forwardRef(SelectTriggerClearInner) as <\n T extends React.ElementType = \"button\"\n>(\n props: SelectTriggerClearProps<T> & {\n ref?: ComponentPropsWithRef<T>;\n }\n) => ReturnType<typeof SelectTriggerClearInner>;\n\n// Arrow component - displays suffix icon (dropdown arrow)\nexport type SelectTriggerArrowProps<T extends React.ElementType = \"span\"> =\n WithRenderPropProps<T, { icon: React.ReactNode }>;\n\nconst SelectTriggerArrowInner = <T extends React.ElementType = \"span\">(\n { className, as, render, ...rest }: SelectTriggerArrowProps<T>,\n ref: React.ForwardedRef<ElementTypeToDOMType<T>>\n) => {\n const { open, suffixIcon, classNames } = useSelectTriggerContext();\n const cls = useCls();\n\n const arrowElement = suffixIcon \|\| (\n <span className={cls(\"select-trigger-arrow-icon\")}>\n <CaretDownIcon weight=\"bold\" />\n </span>\n );\n\n return (\n <WithRenderProp\n as={as \|\| \"span\"}\n ref={ref}\n className={clsx(\n cls(\"select-trigger-arrow\"),\n classNames?.arrow,\n className\n )}\n state={{\n icon: arrowElement,\n }}\n render={render}\n {...rest}\n >\n <span\n className={clsx(\n cls(\"select-trigger-arrow\"),\n open && cls(\"select-trigger-arrow-open\")\n )}\n >\n {arrowElement}\n </span>\n </WithRenderProp>\n );\n};\n\nexport const SelectTriggerArrow = forwardRef(SelectTriggerArrowInner) as <\n T extends React.ElementType = \"span\"\n>(\n props: SelectTriggerArrowProps<T> & {\n ref?: ComponentPropsWithRef<T>;\n }\n) => ReturnType<typeof SelectTriggerArrowInner>;\n\n// Compound component export\nexport const SelectTrigger = Object.assign(SelectTriggerRoot, {\n Root: SelectTriggerRoot,\n Content: SelectTriggerContent,\n Clear: SelectTriggerClear,\n Arrow: SelectTriggerArrow,\n});\n"],"names":["SelectTriggerContext","createContext","useSelectTriggerContext","context","useContext","SelectTriggerRootInner","size","disabled","open","status","placeholder","displayValue","allowClear","suffixIcon","clearIcon","onClear","onOpenChange","classNames","as","children","role","className","rest","ref","cls","useCls","hasValue","contextValue","elementRef","useRef","useEffect","element","handleKeyDown","e","jsx","WithRenderProp","mergeRefs","clsx","SelectTriggerRoot","forwardRef","SelectTriggerContentInner","contentRender","prefix","suffix","value","content","jsxs","SelectTriggerContent","SelectTriggerClearInner","onClick","handleClick","useCallback","clearElement","XCircleIcon","SelectTriggerClear","SelectTriggerArrowInner","render","arrowElement","CaretDownIcon","SelectTriggerArrow","SelectTrigger"],"mappings":"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"}

package/dist/components/select-trigger/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
-export { SelectTrigger } from './component';
-export type { SelectTriggerProps, SelectTriggerState } from './component';
+export * from './component';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select-trigger/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/index.ts"],"names":[],"mappings":"AAAA,~~OAAO~~,~~EAAE,~~aAAa,~~EAAE,MAAM,aAAa,~~CAAC~~;AAC5C,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select-trigger/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/select-trigger/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer components{.ds-select-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:100%;background-color:var(--ds-control-color-bg);border:1px solid var(--ds-control-color-border);border-radius:var(--ds-control-border-radius);transition:var(--ds-control-transition);text-align:left}.ds-select-trigger:focus,.ds-select-trigger:focus-visible{outline:none}.ds-select-trigger:hover:not(.ds-select-trigger-disabled){border-color:var(--ds-control-color-border-hover)}.ds-select-trigger:focus,.ds-select-trigger:focus-visible,.ds-select-trigger-focused{border:var(--ds-control-border-active);box-shadow:var(--ds-control-shadow-active)}.ds-select-trigger-open{border:var(--ds-control-border-active)}.ds-select-trigger-disabled{background-color:var(--ds-control-color-bg-disabled);border:var(--ds-control-color-border);cursor:not-allowed;color:var(--ds-control-color-text-disabled)}.ds-select-trigger-error{border:var(--ds-control-border-error-active)}.ds-select-trigger-error:focus,.ds-select-trigger-error:focus-visible,.ds-select-trigger-error.ds-select-trigger-focused{border:var(--ds-control-border-error-active);box-shadow:var(--ds-control-shadow-error-active)}.ds-select-trigger-warning{border:var(--ds-control-border-warning-active)}.ds-select-trigger-warning:focus,.ds-select-trigger-warning:focus-visible,.ds-select-trigger-warning.ds-select-trigger-focused{border:var(--ds-control-border-warning-active);box-shadow:var(--ds-control-shadow-warning-active)}.ds-select-trigger-~~content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.ds-select-trigger-~~value{flex:1;color:var(--ds-control-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-value-with-prefix{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-select-trigger-placeholder{flex:1;color:var(--ds-control-color-text-placeholder);~~pointer-events:none;~~overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-suffix{display:flex;align-items:center;justify-content:center;width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);position:relative;font-size:var(--ds-control-icon-size);flex-shrink:0}.ds-select-trigger-arrow{position:absolute;top:0;~~left~~:0;display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size)~~;pointer-events:none~~}.ds-select-trigger-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ds-select-trigger-open .ds-select-trigger-arrow-icon{transform:rotate(180deg)}.ds-select-trigger-clear{~~position~~:~~absolute~~;~~top~~:0;~~left:0;display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);cursor:pointer;~~transition:~~color~~ .2s ease}.ds-select-trigger-clear:hover{color:var(--ds-control-color-icon-hover)}.ds-select-trigger-clear-icon{display:flex;align-items:center;justify-content:center}.ds-select-trigger-small{padding:var(--ds-control-padding-small);min-height:var(--ds-control-min-height-small);line-height:var(--ds-control-line-height)}.ds-select-trigger-middle{padding:var(--ds-control-padding-middle);min-height:var(--ds-control-min-height-middle);line-height:var(--ds-control-line-height)}.ds-select-trigger-large{padding:var(--ds-control-padding-large);min-height:var(--ds-control-min-height-large);line-height:var(--ds-control-line-height)}}
1	+ @layer components{.ds-select-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:100%;background-color:var(--ds-control-color-bg);border:1px solid var(--ds-control-color-border);border-radius:var(--ds-control-border-radius);transition:var(--ds-control-transition);text-align:left}.ds-select-trigger:focus,.ds-select-trigger:focus-visible{outline:none}.ds-select-trigger:hover:not(.ds-select-trigger-disabled){border-color:var(--ds-control-color-border-hover)}.ds-select-trigger:focus,.ds-select-trigger:focus-visible,.ds-select-trigger-focused{border:var(--ds-control-border-active);box-shadow:var(--ds-control-shadow-active)}.ds-select-trigger-open{border:var(--ds-control-border-active)}.ds-select-trigger-disabled{background-color:var(--ds-control-color-bg-disabled);border:var(--ds-control-color-border);cursor:not-allowed;color:var(--ds-control-color-text-disabled)}.ds-select-trigger-error{border:var(--ds-control-border-error-active)}.ds-select-trigger-error:focus,.ds-select-trigger-error:focus-visible,.ds-select-trigger-error.ds-select-trigger-focused{border:var(--ds-control-border-error-active);box-shadow:var(--ds-control-shadow-error-active)}.ds-select-trigger-warning{border:var(--ds-control-border-warning-active)}.ds-select-trigger-warning:focus,.ds-select-trigger-warning:focus-visible,.ds-select-trigger-warning.ds-select-trigger-focused{border:var(--ds-control-border-warning-active);box-shadow:var(--ds-control-shadow-warning-active)}.ds-select-trigger-value{flex:1;color:var(--ds-control-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-value-with-prefix{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-select-trigger-placeholder{flex:1;color:var(--ds-control-color-text-placeholder);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-suffix{display:flex;align-items:center;justify-content:center;width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);position:relative;font-size:var(--ds-control-icon-size);flex-shrink:0}.ds-select-trigger-arrow,.ds-select-trigger-clear{position:absolute;top:50%;right:var(--ds-trigger-padding-inline);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size)}.ds-select-trigger-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ds-select-trigger-open .ds-select-trigger-arrow-icon{transform:rotate(180deg)}.ds-select-trigger-clear{pointer-events:none;opacity:0;transition:opacity .2s ease}.ds-select-trigger-clear:hover{color:var(--ds-control-color-icon-hover)}.ds-select-trigger-clear-icon{display:flex;align-items:center;justify-content:center}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-arrow{opacity:0;pointer-events:none}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-clear{pointer-events:auto;opacity:1}.ds-select-trigger-small{--ds-trigger-padding: var(--ds-control-padding-small);--ds-trigger-padding-inline: var(--ds-control-padding-inline-small);--ds-trigger-padding-block: var(--ds-control-padding-block-small);min-height:var(--ds-control-min-height-small);line-height:var(--ds-control-line-height)}.ds-select-trigger-middle{--ds-trigger-padding: var(--ds-control-padding-middle);--ds-trigger-padding-inline: var(--ds-control-padding-inline-middle);--ds-trigger-padding-block: var(--ds-control-padding-block-middle);min-height:var(--ds-control-min-height-middle);line-height:var(--ds-control-line-height)}.ds-select-trigger-large{--ds-trigger-padding: var(--ds-control-padding-large);--ds-trigger-padding-inline: var(--ds-control-padding-inline-large);--ds-trigger-padding-block: var(--ds-control-padding-block-large);min-height:var(--ds-control-min-height-large);line-height:var(--ds-control-line-height)}.ds-select-trigger-content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;padding:var(--ds-trigger-padding-block) calc(var(--ds-trigger-padding-inline) + 1rem) var(--ds-trigger-padding-block) var(--ds-trigger-padding-inline)}}

package/dist/components/table/component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/table/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,QAAQ,EAEnB,KAAK,UAAU,IAAI,aAAa,EAChC,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AAKvB,OAAO,EAIL,GAAG,EACH,YAAY,EAGb,MAAM,OAAO,CAAC;AAGf,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,UAAU,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,CAC5D,SAAQ,aAAa,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAGD,QAAA,MAAM,kBAAkB,GAAI,UAAU,SAAS,MAAM,GAAG,MAAM,EAC5D,0GAUG,UAAU,CAAC,UAAU,CAAC,EACzB,KAAK,GAAG,CAAC,QAAQ,CAAC,~~4CAuInB~~,CAAC;AAEF,QAAA,MAAM,aAAa,EAAqC,CACtD,UAAU,SAAS,MAAM,GAAG,MAAM,EAElC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAAE,KAC7D,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAG3C,eAAO,MAAM,KAAK,EASZ,OAAO,aAAa,GAAG;IAC3B,MAAM,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE,OAAO,QAAQ,CAAC,WAAW,CAAC;IACzC,gBAAgB,EAAE,OAAO,QAAQ,CAAC,gBAAgB,CAAC;IACnD,aAAa,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC;IAC7C,aAAa,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC;IAC7C,gBAAgB,EAAE,OAAO,QAAQ,CAAC,gBAAgB,CAAC;IACnD,cAAc,EAAE,OAAO,QAAQ,CAAC,cAAc,CAAC;IAC/C,OAAO,EAAE,OAAO,QAAQ,CAAC,OAAO,CAAC;CAClC,CAAC"}
1	+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/table/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,QAAQ,EAEnB,KAAK,UAAU,IAAI,aAAa,EAChC,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AAKvB,OAAO,EAIL,GAAG,EACH,YAAY,EAGb,MAAM,OAAO,CAAC;AAGf,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,UAAU,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,CAC5D,SAAQ,aAAa,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAGD,QAAA,MAAM,kBAAkB,GAAI,UAAU,SAAS,MAAM,GAAG,MAAM,EAC5D,0GAUG,UAAU,CAAC,UAAU,CAAC,EACzB,KAAK,GAAG,CAAC,QAAQ,CAAC,4CAgJnB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAqC,CACtD,UAAU,SAAS,MAAM,GAAG,MAAM,EAElC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAAE,KAC7D,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAG3C,eAAO,MAAM,KAAK,EASZ,OAAO,aAAa,GAAG;IAC3B,MAAM,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE,OAAO,QAAQ,CAAC,WAAW,CAAC;IACzC,gBAAgB,EAAE,OAAO,QAAQ,CAAC,gBAAgB,CAAC;IACnD,aAAa,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC;IAC7C,aAAa,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC;IAC7C,gBAAgB,EAAE,OAAO,QAAQ,CAAC,gBAAgB,CAAC;IACnD,cAAc,EAAE,OAAO,QAAQ,CAAC,cAAc,CAAC;IAC/C,OAAO,EAAE,OAAO,QAAQ,CAAC,OAAO,CAAC;CAClC,CAAC"}

package/dist/components/table/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as t, jsxs as A, Fragment as U } from "react/jsx-runtime";
-import o from "antd/es/table";
-import { FunnelIcon as z, CaretUpIcon as b, CaretDownIcon as I } from "@bioturing/assets";
+import { jsx as n, jsxs as A, Fragment as U } from "react/jsx-runtime";
+import r from "antd/es/table";
+import { FunnelIcon as z, CaretUpIcon as C, CaretDownIcon as I } from "@bioturing/assets";
 import { Empty as H } from "../empty/component.js";
 import { forwardRef as M, useState as P, useRef as g, useEffect as R, useCallback as D } from "react";
 import './style.css';/* empty css          */
@@ -9,101 +9,102 @@ import { useCls as $ } from "../utils/antdUtils.js";
 import { clsx as k } from "../utils/cn.js";
 const q = ({
   columns: u,
-  locale: L,
-  emptyDescription: d,
+  locale: d,
+  emptyDescription: L,
   loading: s,
-  virtual: i,
+  virtual: l,
   scroll: S = {},
   className: T,
   variant: h,
   ...y
-}, c) => {
-  const r = $(), [O, _] = P(
-    i ? {} : {
+}, i) => {
+  const o = $(), [O, _] = P(
+    l ? {} : {
       x: "fit-content"
     }
   ), a = g(null), E = g(0);
   R(() => {
-    if (!a.current || !i) return;
-    const n = a.current?.nativeElement, e = n?.parentElement;
-    if (!e) return;
-    const N = n?.querySelector(
-      `.${r("table-thead")}`
-    ), l = n?.querySelector(
-      `.${r("table-pagination")}`
+    if (!a.current || !l) return;
+    const e = a.current?.nativeElement, t = e?.parentElement;
+    if (!t) return;
+    const N = e?.querySelector(
+      `.${o("table-thead")}`
+    ), c = e?.querySelector(
+      `.${o("table-pagination")}`
     );
-    if (l) {
-      const f = getComputedStyle(l).marginTop, p = getComputedStyle(l).marginBottom;
-      E.current = l.offsetHeight + parseInt(f) + parseInt(p);
+    if (c) {
+      const f = getComputedStyle(c).marginTop, p = getComputedStyle(c).marginBottom;
+      E.current = c.offsetHeight + parseInt(f) + parseInt(p);
     }
-    const C = new ResizeObserver((f) => {
+    const b = new ResizeObserver((f) => {
       for (const p of f)
         p.target && _({
-          y: e.offsetHeight - (N ? N?.offsetHeight : 0) - E.current
+          y: t.offsetHeight - (N ? N?.offsetHeight : 0) - E.current
         });
     });
-    return e && i && C.observe(e), () => {
-      e && i && C.disconnect();
+    return t && l && b.observe(t), () => {
+      t && l && b.disconnect();
     };
-  }, [i, r]);
-  const w = u ? u.map((n) => ({
-    sortIcon: ({ sortOrder: e }) => /* @__PURE__ */ t(
+  }, [l, o]);
+  const w = u ? u.map((e) => ({
+    sortIcon: ({ sortOrder: t }) => /* @__PURE__ */ n(
       "span",
       {
-        className: r(
+        className: o(
           "table-column-sort-icon",
-          e ? `table-column-sort-icon-${e}` : "table-column-sort-icon-none"
+          t ? `table-column-sort-icon-${t}` : "table-column-sort-icon-none"
         ),
-        children: e ? e === "ascend" ? /* @__PURE__ */ t(b, { weight: "fill" }) : /* @__PURE__ */ t(I, { weight: "fill" }) : /* @__PURE__ */ A(U, { children: [
-          /* @__PURE__ */ t(b, { weight: "fill" }),
+        children: t ? t === "ascend" ? /* @__PURE__ */ n(C, { weight: "fill" }) : /* @__PURE__ */ n(I, { weight: "fill" }) : /* @__PURE__ */ A(U, { children: [
+          /* @__PURE__ */ n(C, { weight: "fill" }),
           " ",
-          /* @__PURE__ */ t(I, { weight: "fill" })
+          /* @__PURE__ */ n(I, { weight: "fill" })
         ] })
       }
     ),
-    filterIcon: (e) => /* @__PURE__ */ t("span", { className: r("table-column-filter-icon"), children: /* @__PURE__ */ t(z, { weight: "fill" }) }),
-    ...n
+    filterIcon: (t) => /* @__PURE__ */ n("span", { className: o("table-column-filter-icon"), children: /* @__PURE__ */ n(z, { weight: "fill" }) }),
+    title: (t) => /* @__PURE__ */ n("span", { className: o("table-column-custom-title"), children: typeof e.title == "function" ? e.title(t) : e.title }),
+    ...e
   })) : void 0, x = {
-    emptyText: /* @__PURE__ */ t(H, { description: d }),
-    ...L
+    emptyText: /* @__PURE__ */ n(H, { description: L }),
+    ...d
   };
   let m;
   typeof s == "boolean" ? m = {
     spinning: s,
-    indicator: /* @__PURE__ */ t("span", { className: r("spin-loader") })
+    indicator: /* @__PURE__ */ n("span", { className: o("spin-loader") })
   } : typeof s == "object" && (m = {
     spinning: !0,
-    indicator: /* @__PURE__ */ t("span", { className: r("spin-loader") }),
+    indicator: /* @__PURE__ */ n("span", { className: o("spin-loader") }),
     ...s
   });
   const j = D(
-    (n) => {
-      n && (typeof c == "function" && c(n), c && typeof c == "object" && "current" in c && (c.current = n), a.current = n);
+    (e) => {
+      e && (typeof i == "function" && i(e), i && typeof i == "object" && "current" in i && (i.current = e), a.current = e);
     },
-    [c]
+    [i]
   );
-  return /* @__PURE__ */ t(
-    o,
+  return /* @__PURE__ */ n(
+    r,
     {
       ref: j,
       columns: w,
       loading: m,
       locale: x,
-      virtual: i,
+      virtual: l,
       scroll: { ...O, ...S },
-      className: k(h === "zebra" ? r("table-zebra") : "", T),
+      className: k(h === "zebra" ? o("table-zebra") : "", T),
       ...y
     }
   );
 }, F = M(q), W = Object.assign(F, {
-  Column: o.Column,
-  ColumnGroup: o.ColumnGroup,
-  SELECTION_COLUMN: o.SELECTION_COLUMN,
-  EXPAND_COLUMN: o.EXPAND_COLUMN,
-  SELECTION_ALL: o.SELECTION_ALL,
-  SELECTION_INVERT: o.SELECTION_INVERT,
-  SELECTION_NONE: o.SELECTION_NONE,
-  Summary: o.Summary
+  Column: r.Column,
+  ColumnGroup: r.ColumnGroup,
+  SELECTION_COLUMN: r.SELECTION_COLUMN,
+  EXPAND_COLUMN: r.EXPAND_COLUMN,
+  SELECTION_ALL: r.SELECTION_ALL,
+  SELECTION_INVERT: r.SELECTION_INVERT,
+  SELECTION_NONE: r.SELECTION_NONE,
+  Summary: r.Summary
 });
 export {
   W as Table