@deepnoid/ui 0.1.0 → 0.1.1

package/dist/chunk-YGOEKSNZ.mjs

@@ -1,345 +0,0 @@
-"use client";
-import {
-  table_body_default
-} from "./chunk-5IQKKLZY.mjs";
-import {
-  table_head_default
-} from "./chunk-PFYYYUJW.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-
-// src/components/table/table.tsx
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from "react";
-import { tv } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Table = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
-  const { classNames, rows, columns, className, emptyContent, loadingContent, onRowAction, ...tableComponentsProps } = props;
-  const [checkedRows, setCheckedRows] = useState(/* @__PURE__ */ new Set());
-  useImperativeHandle(ref, () => ({
-    checkedRows,
-    setCheckedRows
-  }));
-  useEffect(() => {
-    setCheckedRows(/* @__PURE__ */ new Set());
-  }, [rows]);
-  const slots = useMemo(() => table({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = useCallback(
-    (props2) => ({
-      ...props2,
-      className: slots.base({ class: clsx(classNames == null ? void 0 : classNames.base) })
-    }),
-    [classNames == null ? void 0 : classNames.base, slots]
-  );
-  const getTableProps = useCallback(
-    (props2) => ({
-      ...props2,
-      className: slots.table({ class: clsx(classNames == null ? void 0 : classNames.table) })
-    }),
-    [classNames == null ? void 0 : classNames.table, slots]
-  );
-  const getLoadingWrapperProps = useCallback(
-    (props2) => ({
-      ...props2,
-      className: slots.loadingWrapper({ class: clsx(classNames == null ? void 0 : classNames.loadingWrapper) })
-    }),
-    [classNames == null ? void 0 : classNames.loadingWrapper, slots]
-  );
-  const handleCheckAll = (isChecked) => {
-    const newCheckedRows = isChecked ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
-    setCheckedRows(newCheckedRows);
-  };
-  const handleCheckRow = (index) => {
-    const newCheckedRows = new Set(checkedRows);
-    if (newCheckedRows.has(index)) {
-      newCheckedRows.delete(index);
-    } else {
-      newCheckedRows.add(index);
-    }
-    setCheckedRows(newCheckedRows);
-  };
-  return /* @__PURE__ */ jsxs("div", { ref, "data-table": "base", ...getBaseProps(), children: [
-    /* @__PURE__ */ jsxs("table", { ...getTableProps(tableComponentsProps), children: [
-      /* @__PURE__ */ jsx(
-        table_head_default,
-        {
-          classNames,
-          slots,
-          columns,
-          size: originalProps.size,
-          color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-          isChecked: originalProps.isChecked,
-          isExpanded: originalProps.isExpanded,
-          onCheckAll: handleCheckAll,
-          isCheckedAll: checkedRows.size === rows.length
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        table_body_default,
-        {
-          rows,
-          columns,
-          slots,
-          size: originalProps.size,
-          color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-          isSelected: originalProps.isSelected,
-          isChecked: originalProps.isChecked,
-          isCheckedRow: originalProps.isCheckedRow,
-          isExpanded: originalProps.isExpanded,
-          classNames,
-          emptyContent,
-          checkedRows,
-          onCheckedRow: handleCheckRow,
-          onRowAction
-        }
-      )
-    ] }),
-    rows.length > 0 && /* @__PURE__ */ jsx("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
-  ] });
-});
-Table.displayName = "Table";
-var table_default = Table;
-var table = tv({
-  slots: {
-    base: "flex flex-col relative gap-4 select-none",
-    table: "w-full h-auto",
-    thead: "[&>tr]:first:rounded-lg",
-    tbody: "",
-    tr: ["group", "outline-none", "w-full"],
-    th: [
-      "text-foreground",
-      "!text-center",
-      "align-middle",
-      "whitespace-nowrap",
-      "font-normal",
-      "outline-none",
-      "pointer-events-none",
-      "data-[sortable=true]:transition-colors",
-      "data-[sortable=true]:cursor-pointer"
-    ],
-    td: [
-      "relative",
-      "text-foreground",
-      "align-middle",
-      "whitespace-normal",
-      "outline-none",
-      "text-center",
-      "[&>*]:z-1",
-      "[&>*]:relative",
-      "transition duration-200",
-      "group-data-[disabled=true]:text-default-300"
-    ],
-    tfoot: "",
-    expandedTr: "border-b",
-    sortIcon: [
-      "ml-2",
-      "mb-px",
-      "opacity-0",
-      "text-inherit",
-      "inline-block",
-      "transition-transform-opacity",
-      "data-[visible=true]:opacity-100",
-      "group-data-[hover=true]:opacity-100",
-      "data-[direction=ascending]:rotate-180"
-    ],
-    emptyWrapper: "text-neutral-light align-middle text-center h-40",
-    loadingWrapper: [
-      "absolute",
-      "inset-0",
-      "flex",
-      "items-center",
-      "justify-center",
-      "bg-black/40",
-      "text-white",
-      "transition-opacity",
-      "duration-200",
-      "ease-in-out",
-      "cursor-default"
-    ]
-  },
-  variants: {
-    variant: {
-      solid: {
-        tbody: "[&>tr]:border-b"
-      },
-      stripe: {
-        thead: "border-t border-b"
-      },
-      line: {
-        tr: "border-b",
-        thead: "border-t-2"
-      }
-    },
-    size: {
-      sm: {
-        tr: "h-[30px] text-sm"
-      },
-      md: {
-        tr: "h-[40px] text-md"
-      },
-      lg: {
-        tr: "h-[50px] text-lg"
-      },
-      xl: {
-        tr: "h-[50px] text-xl"
-      }
-    },
-    color: {
-      primary: {
-        thead: "border-primary-dark",
-        tr: "border-primary-light",
-        td: "group-hover:bg-primary-soft",
-        expandedTr: "border-primary-light"
-      },
-      secondary: {
-        thead: "border-secondary-dark",
-        tr: "border-secondary-light",
-        td: "group-hover:bg-secondary-soft",
-        expandedTr: "border-secondary-light"
-      },
-      neutral: {
-        thead: "border-neutral-dark",
-        tr: "border-trans-light",
-        td: "group-hover:bg-trans-soft",
-        expandedTr: "border-trans-light"
-      }
-    },
-    isLoading: {
-      true: {
-        loadingWrapper: "visible opacity-100"
-      },
-      false: {
-        loadingWrapper: "invisible opacity-0"
-      }
-    },
-    isSelected: {
-      true: {}
-    },
-    isMultiSelect: {
-      true: {}
-    },
-    isChecked: {
-      true: {}
-    },
-    isCheckedRow: {
-      true: {
-        tr: "cursor-pointer"
-      }
-    },
-    hideHeader: {
-      true: {
-        thead: "hidden"
-      }
-    },
-    isCompact: {
-      true: {
-        td: "py-1"
-      },
-      false: {}
-    },
-    isHeaderSticky: {
-      true: {
-        thead: "sticky top-0 z-20 [&>tr]:first:shadow-small"
-      }
-    },
-    isExpanded: {
-      true: {
-        tr: "cursor-pointer"
-      }
-    }
-  },
-  defaultVariants: {
-    layout: "auto",
-    color: "primary",
-    variant: "solid",
-    size: "md",
-    isChecked: false,
-    isExpanded: false,
-    isCompact: false,
-    hideHeader: false,
-    isStriped: false,
-    fullWidth: false
-  },
-  compoundVariants: [
-    {
-      variant: "solid",
-      color: "primary",
-      class: {
-        thead: "[&>tr]:bg-primary-light",
-        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: {
-        thead: "[&>tr]:bg-secondary-light",
-        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "neutral",
-      class: {
-        thead: "[&>tr]:bg-trans-light",
-        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "line",
-      color: "primary",
-      class: {
-        thead: "border-primary-light",
-        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "line",
-      color: "secondary",
-      class: {
-        thead: "border-secondary-light",
-        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "line",
-      color: "neutral",
-      class: {
-        thead: "border-trans-light",
-        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "stripe",
-      color: "primary",
-      class: {
-        tr: "data-[odd=true]:bg-primary-soft",
-        td: "group-hover:bg-primary-light"
-      }
-    },
-    {
-      variant: "stripe",
-      color: "secondary",
-      class: {
-        tr: "data-[odd=true]:bg-secondary-soft",
-        td: "group-hover:bg-secondary-light"
-      }
-    },
-    {
-      variant: "stripe",
-      color: "neutral",
-      class: {
-        tr: "data-[odd=true]:bg-trans-soft",
-        td: "group-hover:bg-neutral-light"
-      }
-    }
-  ]
-});
-
-export {
-  table_default
-};