@deepnoid/ui 0.0.112 → 0.1.1

package/dist/chunk-QGZEHOKA.mjs

@@ -1,342 +0,0 @@
-"use client";
-import {
-  table_body_default
-} from "./chunk-VWD26TIQ.mjs";
-import {
-  table_head_default
-} from "./chunk-PO3ADNA5.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"
-      }
-    },
-    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
-};

package/dist/chunk-QWFOYO3D.mjs

@@ -1,173 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/radio/radio.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Radio = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, radio.variantKeys);
-  const { children, classNames, ...inputProps } = props;
-  const slots = useMemo(() => radio({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = useCallback(
-    () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    }),
-    [slots, classNames]
-  );
-  const getInputProps = useCallback(() => {
-    return {
-      ...inputProps,
-      type: "radio",
-      ref,
-      size: 0
-    };
-  }, [slots, classNames, inputProps]);
-  const getIconProps = useCallback(() => {
-    return {
-      className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
-    };
-  }, [slots, classNames]);
-  const getLabelProps = useCallback(() => {
-    return {
-      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
-    };
-  }, [slots, classNames]);
-  const getLabelWrapperProps = useCallback(() => {
-    return {
-      className: slots.labelWrapper({ class: classNames == null ? void 0 : classNames.labelWrapper })
-    };
-  }, [slots, classNames]);
-  return /* @__PURE__ */ jsxs("label", { ...getBaseProps(), children: [
-    /* @__PURE__ */ jsx("div", { className: "hidden", children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
-    /* @__PURE__ */ jsx("span", { ...getIconProps() }),
-    /* @__PURE__ */ jsx("div", { ...getLabelWrapperProps(), children: children && /* @__PURE__ */ jsx("span", { ...getLabelProps(), children }) })
-  ] });
-});
-Radio.displayName = "Radio";
-var radio_default = Radio;
-var radio = tv({
-  slots: {
-    base: [
-      "group/radio",
-      "relative",
-      "max-w-fit",
-      "inline-flex",
-      "items-center",
-      "justify-start",
-      "cursor-pointer",
-      "tap-highlight-transparent"
-    ],
-    icon: [
-      "relative",
-      "inline-flex",
-      "items-center",
-      "justify-center",
-      "flex-shrink-0",
-      "overflow-hidden",
-      // 테두리
-      "before:content-['']",
-      "before:absolute",
-      "before:inset-0",
-      "before:border-solid",
-      "before:border-[1px]",
-      "before:box-border",
-      "before:rounded-full",
-      "before:border-neutral-main",
-      // control
-      "after:content-['']",
-      "after:absolute",
-      "after:inset-0",
-      "after:rounded-full",
-      "after:border-box",
-      "after:scale-50",
-      "after:opacity-0",
-      "after:top-1/2",
-      "after:left-1/2",
-      "after:-translate-x-1/2",
-      "after:-translate-y-1/2",
-      "group-has-[:checked]/radio:after:opacity-100",
-      "group-has-[:checked]/radio:after:scale-100",
-      // hover
-      "group-hover/radio:before:bg-neutral-soft",
-      "before:transition duration-200",
-      // focus ring
-      "outline-none",
-      "group-focus/radio:z-10",
-      "group-focus/radio:ring-2",
-      "group-focus/radio:ring-focus",
-      "group-focus/radio:ring-offset-2",
-      "group-focus/radio:ring-offset-background"
-    ],
-    labelWrapper: "flex flex-col",
-    label: "text-foreground select-none"
-  },
-  variants: {
-    color: {
-      primary: {
-        icon: ["group-has-[:checked]/radio:before:border-primary-main", "after:bg-primary-main"]
-      },
-      secondary: {
-        icon: ["group-has-[:checked]/radio:before:border-secondary-main", "after:bg-secondary-main"]
-      }
-    },
-    size: {
-      sm: {
-        icon: ["w-[15px]", "h-[15px]", "mr-[6px]", "after:w-[9px]", "after:h-[9px]"],
-        label: "text-sm"
-      },
-      md: {
-        icon: ["w-[17px]", "h-[17px]", "mr-[8px]", "after:w-[11px]", "after:h-[11px]"],
-        label: "text-md"
-      },
-      lg: {
-        icon: ["w-[20px]", "h-[20px]", "mr-[10px]", "after:w-[14px]", "after:h-[14px]"],
-        label: "text-lg"
-      }
-    },
-    isInvalid: {
-      true: {
-        icon: [
-          "after:bg-danger-main",
-          "before:border-danger-main",
-          "group-has-[:checked]/radio:before:border-danger-main"
-        ],
-        label: "text-danger-main"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: ["opacity-disabled", "pointer-events-none"],
-        icon: [
-          "before:border-neutral-light",
-          "before:bg-neutral-soft",
-          "after:bg-neutral-light",
-          "group-has-[:checked]/radio:before:border-neutral-light"
-        ],
-        label: "text-neutral-light"
-      }
-    },
-    disableAnimation: {
-      true: {},
-      false: {
-        icon: ["group-active/radio:scale-95", "transition-transform-colors", "motion-reduce:transition-none"],
-        label: ["transition-colors", "motion-reduce:transition-none"]
-      }
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    size: "md",
-    isDisabled: false,
-    isInvalid: false,
-    disableAnimation: false
-  }
-});
-
-export {
-  radio_default
-};

package/dist/chunk-S3O52LLG.mjs

@@ -1,151 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-
-// src/components/switch/switch.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { tv } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Switch = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, toggle.variantKeys);
-  const { children, classNames, ...switchProps } = props;
-  const slots = useMemo(
-    () => toggle({
-      ...variantProps
-    }),
-    [...Object.values(variantProps)]
-  );
-  const getBaseProps = () => ({
-    className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-  });
-  const getOuterWrapperProps = useCallback(
-    () => ({
-      className: slots.outerWrapper({ class: classNames == null ? void 0 : classNames.outerWrapper })
-    }),
-    [slots, classNames == null ? void 0 : classNames.outerWrapper]
-  );
-  const getWrapperProps = useCallback(
-    () => ({
-      className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper })
-    }),
-    [slots, classNames]
-  );
-  const getInputProps = () => ({
-    ...switchProps,
-    type: "checkbox",
-    disabled: originalProps.isDisabled,
-    ref,
-    id: switchProps.id,
-    size: 0
-  });
-  const getThumbProps = useCallback(
-    (props2 = {}) => ({
-      ...props2,
-      className: slots.thumb({ class: classNames == null ? void 0 : classNames.thumb })
-    }),
-    [slots, classNames == null ? void 0 : classNames.thumb]
-  );
-  const getLabelProps = useCallback(
-    (props2 = {}) => ({
-      ...props2,
-      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
-    }),
-    [slots, classNames == null ? void 0 : classNames.label]
-  );
-  return /* @__PURE__ */ jsxs("label", { ...getBaseProps(), children: [
-    /* @__PURE__ */ jsx("div", { className: "hidden", children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
-    /* @__PURE__ */ jsx("span", { ...getOuterWrapperProps(), children: /* @__PURE__ */ jsx("span", { ...getWrapperProps(), children: /* @__PURE__ */ jsx("span", { ...getThumbProps() }) }) }),
-    children && /* @__PURE__ */ jsx("span", { ...getLabelProps(), children })
-  ] });
-});
-Switch.displayName = "Switch";
-var switch_default = Switch;
-var toggle = tv({
-  slots: {
-    base: ["group/switch", "relative", "max-w-fit", "inline-flex", "items-center", "justify-start", "cursor-pointer"],
-    outerWrapper: [
-      "relative",
-      "inline-flex",
-      "items-center",
-      "justify-start",
-      "flex-shrink-0",
-      "bg-neutral-soft",
-      "overflow-hidden",
-      "rounded-full",
-      "px-[2px]"
-    ],
-    wrapper: [
-      "relative",
-      "inline-flex",
-      "items-center",
-      "justify-start",
-      "flex-shrink-0",
-      "overflow-hidden",
-      "bg-neutral-light",
-      "rounded-full",
-      "group-has-[:checked]/switch:bg-primary-main"
-    ],
-    thumb: [
-      "z-10",
-      "flex",
-      "items-center",
-      "justify-center",
-      "bg-white",
-      "shadow-small",
-      "rounded-full",
-      "origin-right"
-    ],
-    label: ["relative", "text-foreground", "select-none"]
-  },
-  variants: {
-    size: {
-      sm: {
-        outerWrapper: ["w-[48px]", "h-[24px]", "px-[3px]"],
-        wrapper: ["w-[42px]", "h-[18px]", "px-[3px]"],
-        thumb: ["w-[12px]", "h-[12px]", "group-has-[:checked]/switch:ml-[24px]"],
-        label: "text-sm"
-      },
-      md: {
-        outerWrapper: ["w-[60px]", "h-[30px]", "px-[3px]"],
-        wrapper: ["w-[54px]", "h-[24px]", "px-[3px]"],
-        thumb: ["w-[18px]", "h-[18px]", "group-has-[:checked]/switch:ml-[30px]"],
-        label: "text-md"
-      },
-      lg: {
-        outerWrapper: ["w-[72px]", "h-[36px]", "px-[3px]"],
-        wrapper: ["w-[66px]", "h-[30px]", "px-[3px]"],
-        thumb: ["w-[24px]", "h-[24px]", "group-has-[:checked]/switch:ml-[36px]"],
-        label: "text-lg"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: "pointer-events-none",
-        wrapper: "bg-neutral-light group-has-[:checked]/switch:bg-neutral-light",
-        thumb: "bg-trans-soft"
-      }
-    },
-    disableAnimation: {
-      true: {
-        wrapper: "transition-none",
-        thumb: "transition-none"
-      },
-      false: {
-        wrapper: "transition-background",
-        thumb: "transition-all"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    isDisabled: false,
-    disableAnimation: false
-  },
-  compoundVariants: []
-});
-
-export {
-  switch_default,
-  toggle
-};