@deepnoid/ui 0.1.20 → 0.1.21

package/dist/index.mjs

@@ -1,44 +1,40 @@
 "use client";
-import "./chunk-HIE2YRGA.mjs";
-import {
-  tooltip_default
-} from "./chunk-Z2537DF6.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
-import "./chunk-MBLZYQCN.mjs";
-import {
-  tree_default
-} from "./chunk-BPVRXFIC.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-BKE6QF6W.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-2YMAKIZ6.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-YBDA3WQP.mjs";
+} from "./chunk-7KUFDVGL.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-OUAKGMDW.mjs";
-import "./chunk-LVFI2NOH.mjs";
+} from "./chunk-2DLKV6TT.mjs";
+import "./chunk-RRAZM5D3.mjs";
 import {
-  switch_default
-} from "./chunk-Z74QNVPG.mjs";
+  textarea_default
+} from "./chunk-BKE6QF6W.mjs";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-IL5ENWCR.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
+import "./chunk-MBLZYQCN.mjs";
+import {
+  tree_default
+} from "./chunk-XGYQ6D3S.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   form_table_default
 } from "./chunk-3BKCODIL.mjs";
 import {
   table_default
-} from "./chunk-LNYMVBV5.mjs";
-import "./chunk-63WXGSTV.mjs";
-import "./chunk-3DPVPTHL.mjs";
+} from "./chunk-7CFOD7G4.mjs";
+import "./chunk-QHWFHOW2.mjs";
+import "./chunk-MV7RSV4D.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-SSMMWMQC.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
@@ -46,60 +42,62 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-BXXAMH3R.mjs";
-import "./chunk-S3QS5B7F.mjs";
-import "./chunk-OF3X4BXG.mjs";
+} from "./chunk-MW7CSRIE.mjs";
+import "./chunk-LVFI2NOH.mjs";
+import {
+  switch_default
+} from "./chunk-Z74QNVPG.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-ZUSUVPYV.mjs";
+} from "./chunk-OV7CZNXU.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-EGHTZLZJ.mjs";
+} from "./chunk-UTC2D6GV.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "./chunk-QIRL6HY6.mjs";
+} from "./chunk-YIIFWADW.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-JOCMCOEK.mjs";
+} from "./chunk-2Y7IBUAZ.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
   chip_default
-} from "./chunk-6HX3PPL6.mjs";
+} from "./chunk-FBAR75U4.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-EYVRTVRM.mjs";
-import "./chunk-Q72LZAPG.mjs";
-import "./chunk-OWG4RL2T.mjs";
+} from "./chunk-JHDYQCEE.mjs";
+import "./chunk-DUPQBPI2.mjs";
+import "./chunk-Q6BZ76DI.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   listItem_default
-} from "./chunk-PZIVMTKX.mjs";
+} from "./chunk-SDHQUYFI.mjs";
 import {
   list_default
-} from "./chunk-HIVPDIEP.mjs";
+} from "./chunk-UFVQPPPW.mjs";
 import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-6KXBXGYR.mjs";
+} from "./chunk-HQLSHEK6.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
-} from "./chunk-PNRS23HE.mjs";
+} from "./chunk-MQI5SZWO.mjs";
 import {
   icon_button_default
-} from "./chunk-VQROXH43.mjs";
+} from "./chunk-EWZAHXN7.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-6PNKRBUT.mjs";
@@ -110,27 +108,27 @@ import {
 } from "./chunk-HWL7TPUN.mjs";
 import {
   text_button_default
-} from "./chunk-WFMFC7R6.mjs";
+} from "./chunk-KCOHU7X7.mjs";
 import {
   checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
-import "./chunk-7USF56CT.mjs";
-import "./chunk-IZM66FHP.mjs";
-import "./chunk-SE5TU755.mjs";
-import {
-  backdrop_default
-} from "./chunk-LL6F3WDX.mjs";
+} from "./chunk-7H5XPHY6.mjs";
+import "./chunk-E3G5QXSH.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
 } from "./chunk-XQGD4ZIX.mjs";
 import "./chunk-3IU2RPSM.mjs";
+import "./chunk-SE5TU755.mjs";
+import {
+  backdrop_default
+} from "./chunk-P5QCU457.mjs";
+import "./chunk-27Y6K5NK.mjs";
 import {
   deepnoidUi,
   tv
 } from "./chunk-4ZJFD3L3.mjs";
-import "./chunk-27Y6K5NK.mjs";
-import "./chunk-E3G5QXSH.mjs";
+import "./chunk-7USF56CT.mjs";
+import "./chunk-IZM66FHP.mjs";
 import "./chunk-AC6TWLRT.mjs";
 export {
   avatar_default as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/chunk-BXXAMH3R.mjs

@@ -1,255 +0,0 @@
-"use client";
-import {
-  useSelect
-} from "./chunk-S3QS5B7F.mjs";
-import {
-  option_default
-} from "./chunk-OF3X4BXG.mjs";
-import {
-  Icon_default
-} from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-
-// src/components/select/select.tsx
-import { forwardRef, useMemo, useCallback } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Select = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, select.variantKeys);
-  const { classNames, options, defaultOption, onChange, ...inputProps } = props;
-  const slots = useMemo(() => select({ ...variantProps }), [variantProps]);
-  const {
-    targetRect,
-    selectedOption,
-    optionWrapperHeight,
-    selectWrapperRef,
-    optionWrapperRef,
-    handleToggleSelect,
-    handleChangeOption,
-    calculatePositionWithScroll
-  } = useSelect({
-    options,
-    defaultOption,
-    onChange
-  });
-  const position = targetRect ? calculatePositionWithScroll(targetRect, optionWrapperHeight) : null;
-  const getBaseProps = useCallback(
-    () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    }),
-    [slots, classNames]
-  );
-  const getLabelProps = useCallback(
-    () => ({
-      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
-    }),
-    [slots, classNames]
-  );
-  const getSelectWrapperProps = useCallback(
-    () => ({
-      className: slots.selectWrapper({ class: classNames == null ? void 0 : classNames.selectWrapper }),
-      ref: selectWrapperRef,
-      onClick: handleToggleSelect
-    }),
-    [slots, classNames]
-  );
-  const getSelectProps = useCallback(
-    () => ({
-      ...inputProps,
-      ref,
-      className: slots.select({ class: classNames == null ? void 0 : classNames.select }),
-      value: (selectedOption == null ? void 0 : selectedOption.value) || "",
-      readOnly: true,
-      size: 0
-    }),
-    [slots, classNames, inputProps, selectedOption, ref]
-  );
-  const getOptionsWrapperProps = useCallback(
-    () => ({
-      className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
-      ref: optionWrapperRef
-    }),
-    [slots, classNames]
-  );
-  const getErrorMessageProps = useCallback(
-    () => ({
-      className: slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })
-    }),
-    [slots, classNames]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ...getBaseProps(), children: [
-      props.label && /* @__PURE__ */ jsx("label", { ...getLabelProps(), children: props.label }),
-      /* @__PURE__ */ jsxs("div", { "data-expanded": !!targetRect, ...getSelectWrapperProps(), children: [
-        /* @__PURE__ */ jsx("input", { ...getSelectProps() }),
-        /* @__PURE__ */ jsx(Icon_default, { name: !!targetRect ? "arrow-triangle-up" : "arrow-triangle-down", size: originalProps.size, fill: true })
-      ] }),
-      props.errorMessage && /* @__PURE__ */ jsx("p", { ...getErrorMessageProps(), children: props.errorMessage })
-    ] }),
-    targetRect && /* @__PURE__ */ jsx(Fragment, { children: createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ...getOptionsWrapperProps(),
-          style: {
-            position: "absolute",
-            top: position == null ? void 0 : position.top,
-            left: position == null ? void 0 : position.left,
-            width: targetRect.width
-          },
-          children: options.map((option) => /* @__PURE__ */ jsx(
-            option_default,
-            {
-              variant: originalProps.variant,
-              size: originalProps.size,
-              color: originalProps.color,
-              option,
-              isSelected: (selectedOption == null ? void 0 : selectedOption.key) === option.key,
-              onClick: () => handleChangeOption(option),
-              children: option.value
-            },
-            option.key
-          ))
-        }
-      ),
-      document.body
-    ) })
-  ] });
-});
-Select.displayName = "Select";
-var select_default = Select;
-var select = tv({
-  slots: {
-    base: ["group/select", "flex flex-col"],
-    label: ["flex", "items-center"],
-    selectWrapper: [
-      "flex",
-      "items-center",
-      "bg-transparent",
-      "border-neutral-main",
-      "transition duration-200",
-      "group-has-[p]/select:border-danger-main",
-      "group-has-[p]/select:text-danger-main",
-      "group-has-[p]/select:bg-danger-soft"
-    ],
-    select: [
-      "w-full",
-      "bg-transparent",
-      "text-foreground",
-      "cursor-inherit",
-      "cursor-pointer",
-      "placeholder:text-neutral-main",
-      "group-has-[p]/select:text-danger-main",
-      "focus-visible:outline-none"
-    ],
-    optionsWrapper: ["w-[240px]", "border", "bg-background", "cursor-pointer", "overflow-y-auto"],
-    errorMessage: ["text-danger-main"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        selectWrapper: "bg-trans-soft hover:bg-trans-light data-[expanded=true]:bg-trans-light group-has-[p]/select:bg-danger-soft"
-      },
-      normal: {
-        selectWrapper: "border hover:bg-trans-soft data-[expanded=true]:bg-trans-soft"
-      },
-      line: {
-        selectWrapper: "border-b !rounded-none hover:bg-trans-soft data-[expanded=true]:bg-trans-soft",
-        optionsWrapper: "!rounded-none"
-      }
-    },
-    color: {
-      primary: {
-        selectWrapper: "data-[expanded=true]:border-primary-main text-primary-main",
-        optionsWrapper: "border-primary-main",
-        select: "data-[expanded=true]:text-primary-main"
-      },
-      secondary: {
-        selectWrapper: "data-[expanded=true]:border-secondary-main text-secondary-main",
-        optionsWrapper: "border-secondary-main",
-        select: "data-[expanded=true]:text-secondary-main"
-      }
-    },
-    size: {
-      sm: {
-        base: "text-sm gap-[6px]",
-        selectWrapper: "w-[240px] h-[24px] px-[6px] py-[4.5px] gap-[6px] rounded-sm",
-        optionsWrapper: "max-h-[96px] rounded-sm",
-        errorMessage: "text-sm"
-      },
-      md: {
-        base: "text-md gap-[8px]",
-        selectWrapper: "w-[240px] h-[30px] px-[8px] py-[6.5px] gap-[8px] rounded-md",
-        optionsWrapper: "max-h-[120px] rounded-md",
-        errorMessage: "text-md"
-      },
-      lg: {
-        base: "text-lg gap-[10px]",
-        selectWrapper: "w-[240px] h-[36px] px-[10px] py-[8px] gap-[10px] rounded-lg",
-        optionsWrapper: "max-h-[144px] rounded-lg",
-        errorMessage: "text-lg"
-      },
-      xl: {
-        base: "text-lg gap-[10px]",
-        selectWrapper: "w-[240px] h-[36px] px-[10px] py-[8px] gap-[10px] rounded-xl",
-        optionsWrapper: "max-h-[144px] rounded-xl",
-        errorMessage: "text-xl"
-      }
-    },
-    radius: {
-      default: "",
-      none: {
-        selectWrapper: "rounded-none",
-        optionsWrapper: "rounded-none"
-      },
-      full: {
-        selectWrapper: "rounded-full"
-      }
-    },
-    fullWidth: {
-      true: {
-        selectWrapper: "w-full",
-        optionsWrapper: "w-full"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: "cursor-default",
-        selectWrapper: "bg-neutral-soft border-neutral-light text-neutral-light pointer-events-none",
-        select: "text-neutral-light focus:text-neutral-light",
-        label: "text-neutral-light"
-      }
-    },
-    isRequired: {
-      true: {
-        label: "after:content-['*'] after:text-danger-main after:ml-0.5"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    fullWidth: false,
-    isDisabled: false,
-    isRequired: false
-  },
-  compoundVariants: [
-    {
-      isDisabled: true,
-      isRequired: true,
-      class: {
-        label: "after:text-danger-light"
-      }
-    }
-  ]
-});
-
-export {
-  select_default
-};

package/dist/chunk-OF3X4BXG.mjs

@@ -1,76 +0,0 @@
-"use client";
-import {
-  Icon_default
-} from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
-
-// src/components/select/option.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Option = (props) => {
-  const { base, option, icon } = optionStyle(props);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      title: props.option.value,
-      className: base(),
-      onClick: () => props.onClick(props.option),
-      ref: (node) => {
-        props.isSelected && (node == null ? void 0 : node.scrollIntoView());
-      },
-      children: [
-        /* @__PURE__ */ jsx("div", { className: option(), children: props.children }),
-        props.isSelected && /* @__PURE__ */ jsx("div", { className: icon(), children: /* @__PURE__ */ jsx(Icon_default, { name: "check", size: props.size }) })
-      ]
-    }
-  );
-};
-var option_default = Option;
-var optionStyle = tv({
-  slots: {
-    base: ["w-full", "flex", "items-center", "justify-between", , "overflow-hidden"],
-    option: ["text-ellipsis overflow-hidden "],
-    icon: ""
-  },
-  variants: {
-    variant: {
-      solid: {},
-      normal: {},
-      line: {}
-    },
-    color: {
-      primary: {
-        base: ["border-primary-main", "hover:bg-primary-soft", "hover:text-primary-main"],
-        icon: "text-primary-main"
-      },
-      secondary: {
-        base: ["border-secondary-main", "hover:bg-secondary-soft", "hover:text-secondary-main"],
-        icon: "text-secondary-main"
-      }
-    },
-    size: {
-      sm: {
-        base: "text-sm px-[6px] py-[4.5px]"
-      },
-      md: {
-        base: "text-md px-[8px] py-[6.5px]"
-      },
-      lg: {
-        base: "text-lg px-[10px] py-[8px]"
-      },
-      xl: {
-        base: "text-xl px-[10px] py-[8px]"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "normal",
-    color: "primary",
-    size: "md"
-  }
-});
-
-export {
-  option_default
-};

package/dist/chunk-S3QS5B7F.mjs

@@ -1,61 +0,0 @@
-"use client";
-
-// src/components/select/useSelect.tsx
-import { useState, useEffect, useRef } from "react";
-var useSelect = ({ options, defaultOption, onChange }) => {
-  const [selectedOption, setSelectedOption] = useState(defaultOption);
-  const [targetRect, setTargetRect] = useState(null);
-  const [optionWrapperHeight, setOptionWrapperHeight] = useState(0);
-  const selectWrapperRef = useRef(null);
-  const optionWrapperRef = useRef(null);
-  const calculatePositionWithScroll = (targetRect2, optionWrapperHeight2) => {
-    const scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
-    const scrollLeft = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft;
-    const spaceBelow = window.innerHeight - (targetRect2.y + targetRect2.height + 4);
-    const spaceAbove = targetRect2.y - 4;
-    const top = spaceBelow < optionWrapperHeight2 && spaceAbove > optionWrapperHeight2 ? targetRect2.y - optionWrapperHeight2 - 4 : targetRect2.y + targetRect2.height + 4;
-    return {
-      top: top + scrollTop,
-      left: targetRect2.x + scrollLeft
-    };
-  };
-  const handleToggleSelect = () => {
-    if (selectWrapperRef.current) {
-      const rect = selectWrapperRef.current.getBoundingClientRect();
-      setTargetRect((prevRect) => prevRect ? null : { x: rect.x, y: rect.y, width: rect.width, height: rect.height });
-    }
-  };
-  const handleChangeOption = (option) => {
-    onChange == null ? void 0 : onChange(option);
-    setSelectedOption(option);
-    handleToggleSelect();
-  };
-  useEffect(() => {
-    const onClickOutside = (e) => {
-      if (optionWrapperRef.current && !optionWrapperRef.current.contains(e.target)) {
-        setTargetRect(null);
-      }
-    };
-    window.addEventListener("mousedown", onClickOutside);
-    return () => window.removeEventListener("mousedown", onClickOutside);
-  }, []);
-  useEffect(() => {
-    if (optionWrapperRef.current) {
-      setOptionWrapperHeight(optionWrapperRef.current.getBoundingClientRect().height);
-    }
-  }, [targetRect]);
-  return {
-    selectedOption,
-    targetRect,
-    optionWrapperHeight,
-    selectWrapperRef,
-    optionWrapperRef,
-    handleToggleSelect,
-    handleChangeOption,
-    calculatePositionWithScroll
-  };
-};
-
-export {
-  useSelect
-};

package/dist/components/select/option.d.mts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { SelectOption } from './select.mjs';
-import { Size } from '../../utils/types.mjs';
-import 'tailwind-variants';
-
-interface OptionProps extends Omit<ComponentProps<"div">, "onClick"> {
-    variant?: "solid" | "normal" | "line";
-    color?: "primary" | "secondary";
-    size?: Size;
-    option: SelectOption;
-    isSelected?: boolean;
-    onClick: (option: SelectOption) => void;
-}
-declare const Option: (props: OptionProps) => react_jsx_runtime.JSX.Element;
-
-export { type OptionProps, Option as default };

package/dist/components/select/option.d.ts

@@ -1,17 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { SelectOption } from './select.js';
-import { Size } from '../../utils/types.js';
-import 'tailwind-variants';
-
-interface OptionProps extends Omit<ComponentProps<"div">, "onClick"> {
-    variant?: "solid" | "normal" | "line";
-    color?: "primary" | "secondary";
-    size?: Size;
-    option: SelectOption;
-    isSelected?: boolean;
-    onClick: (option: SelectOption) => void;
-}
-declare const Option: (props: OptionProps) => react_jsx_runtime.JSX.Element;
-
-export { type OptionProps, Option as default };