@deepnoid/ui 0.1.20 → 0.1.21

package/dist/components/select/option.mjs

@@ -1,12 +0,0 @@
-"use client";
-import {
-  option_default
-} from "../../chunk-OF3X4BXG.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  option_default as default
-};

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

@@ -1,31 +0,0 @@
-import * as react from 'react';
-import { SelectOption } from './select.mjs';
-import 'tailwind-variants';
-import '../../utils/types.mjs';
-
-interface SelectHookProps {
-    options: SelectOption[];
-    defaultOption?: SelectOption;
-    onChange?: (option: SelectOption) => void;
-}
-type TargetRect = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-declare const useSelect: ({ options, defaultOption, onChange }: SelectHookProps) => {
-    selectedOption: SelectOption | undefined;
-    targetRect: TargetRect | null;
-    optionWrapperHeight: number;
-    selectWrapperRef: react.RefObject<HTMLDivElement | null>;
-    optionWrapperRef: react.RefObject<HTMLDivElement | null>;
-    handleToggleSelect: () => void;
-    handleChangeOption: (option: SelectOption) => void;
-    calculatePositionWithScroll: (targetRect: TargetRect, optionWrapperHeight: number) => {
-        top: number;
-        left: number;
-    };
-};
-
-export { useSelect };

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

@@ -1,31 +0,0 @@
-import * as react from 'react';
-import { SelectOption } from './select.js';
-import 'tailwind-variants';
-import '../../utils/types.js';
-
-interface SelectHookProps {
-    options: SelectOption[];
-    defaultOption?: SelectOption;
-    onChange?: (option: SelectOption) => void;
-}
-type TargetRect = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-declare const useSelect: ({ options, defaultOption, onChange }: SelectHookProps) => {
-    selectedOption: SelectOption | undefined;
-    targetRect: TargetRect | null;
-    optionWrapperHeight: number;
-    selectWrapperRef: react.RefObject<HTMLDivElement | null>;
-    optionWrapperRef: react.RefObject<HTMLDivElement | null>;
-    handleToggleSelect: () => void;
-    handleChangeOption: (option: SelectOption) => void;
-    calculatePositionWithScroll: (targetRect: TargetRect, optionWrapperHeight: number) => {
-        top: number;
-        left: number;
-    };
-};
-
-export { useSelect };

package/dist/components/select/useSelect.js

@@ -1,84 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/select/useSelect.tsx
-var useSelect_exports = {};
-__export(useSelect_exports, {
-  useSelect: () => useSelect
-});
-module.exports = __toCommonJS(useSelect_exports);
-var import_react = require("react");
-var useSelect = ({ options, defaultOption, onChange }) => {
-  const [selectedOption, setSelectedOption] = (0, import_react.useState)(defaultOption);
-  const [targetRect, setTargetRect] = (0, import_react.useState)(null);
-  const [optionWrapperHeight, setOptionWrapperHeight] = (0, import_react.useState)(0);
-  const selectWrapperRef = (0, import_react.useRef)(null);
-  const optionWrapperRef = (0, import_react.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();
-  };
-  (0, import_react.useEffect)(() => {
-    const onClickOutside = (e) => {
-      if (optionWrapperRef.current && !optionWrapperRef.current.contains(e.target)) {
-        setTargetRect(null);
-      }
-    };
-    window.addEventListener("mousedown", onClickOutside);
-    return () => window.removeEventListener("mousedown", onClickOutside);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (optionWrapperRef.current) {
-      setOptionWrapperHeight(optionWrapperRef.current.getBoundingClientRect().height);
-    }
-  }, [targetRect]);
-  return {
-    selectedOption,
-    targetRect,
-    optionWrapperHeight,
-    selectWrapperRef,
-    optionWrapperRef,
-    handleToggleSelect,
-    handleChangeOption,
-    calculatePositionWithScroll
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useSelect
-});

package/dist/components/select/useSelect.mjs

@@ -1,8 +0,0 @@
-"use client";
-import {
-  useSelect
-} from "../../chunk-S3QS5B7F.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  useSelect
-};

package/dist/{chunk-OUAKGMDW.mjs → chunk-2DLKV6TT.mjs}

@@ -3,14 +3,14 @@ import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/toast/toast.tsx
 import { forwardRef, useImperativeHandle, useMemo, useRef } from "react";

package/dist/{chunk-D6QI3DJG.mjs → chunk-7H5XPHY6.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/checkbox/checkbox.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-Q72LZAPG.mjs → chunk-DUPQBPI2.mjs}

@@ -6,12 +6,12 @@ import {
 import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/dateTimePicker/calendar.tsx
 import React, {

package/dist/{chunk-VQROXH43.mjs → chunk-EWZAHXN7.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-6HX3PPL6.mjs → chunk-FBAR75U4.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/chip/chip.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-Z2537DF6.mjs → chunk-IL5ENWCR.mjs}

@@ -6,12 +6,12 @@ import {
   getTailClassName,
   getTailStyles
 } from "./chunk-WSIADHVC.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";

package/dist/{chunk-WFMFC7R6.mjs → chunk-KCOHU7X7.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/text-button.tsx
 import {

package/dist/{chunk-PNRS23HE.mjs → chunk-MQI5SZWO.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-LL6F3WDX.mjs → chunk-P5QCU457.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/backdrop/backdrop.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-PZIVMTKX.mjs → chunk-SDHQUYFI.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
 } from "./chunk-XQGD4ZIX.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-2YMAKIZ6.mjs → chunk-SSMMWMQC.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/tabs/tabs.tsx
 import { forwardRef, useCallback, useMemo, useState } from "react";

package/dist/{chunk-HIVPDIEP.mjs → chunk-UFVQPPPW.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/list/list.tsx
 import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";

package/dist/{chunk-BPVRXFIC.mjs → chunk-XGYQ6D3S.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-HWL7TPUN.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   cogwheel_default
 } from "./chunk-7USF56CT.mjs";
 import {
   folder_default
 } from "./chunk-IZM66FHP.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/tree/tree.tsx
 import { forwardRef, useMemo, useState, useCallback } from "react";

package/dist/{chunk-QIRL6HY6.mjs → chunk-YIIFWADW.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/radio/radio.tsx
 import { forwardRef, useMemo } from "react";