@deepnoid/ui 0.0.84 → 0.0.87

package/dist/index.mjs

@@ -1,30 +1,27 @@
 "use client";
+import "./chunk-LUWGOKLG.mjs";
+import {
+  ToastProvider,
+  useToast
+} from "./chunk-QX6VJLEM.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import {
+  toast_default
+} from "./chunk-2COCX2VX.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
 } from "./chunk-P6AZMYVR.mjs";
 import "./chunk-DSBSLSJW.mjs";
 import "./chunk-ODMRJXLJ.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-WOX3SLJB.mjs";
-import "./chunk-W7ABNK3K.mjs";
-import {
-  toast_default
-} from "./chunk-XTJL67KM.mjs";
-import "./chunk-5T5F5WVS.mjs";
-import "./chunk-SDNTEP5C.mjs";
-import "./chunk-2UUH2MBF.mjs";
-import {
-  table_default
-} from "./chunk-RTH3FPAS.mjs";
-import "./chunk-LGELMZCN.mjs";
-import "./chunk-PUFNT5LS.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-KRI5IALM.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-WOX3SLJB.mjs";
 import "./chunk-MV2WCFK7.mjs";
 import {
   slider_default
@@ -33,10 +30,12 @@ import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-IZOMH2SL.mjs";
-import "./chunk-7VOQKIIK.mjs";
+import "./chunk-2UUH2MBF.mjs";
 import {
-  progress_default
-} from "./chunk-QVGXHUYW.mjs";
+  table_default
+} from "./chunk-4SWFYTMR.mjs";
+import "./chunk-PUFNT5LS.mjs";
+import "./chunk-QIZOXBOY.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
@@ -44,38 +43,38 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-463XE4SI.mjs";
+} from "./chunk-4VIEZ5FT.mjs";
+import "./chunk-LY6LJRUX.mjs";
 import "./chunk-S3QS5B7F.mjs";
-import "./chunk-SQLRQTFC.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-EWKYBS7I.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
 } from "./chunk-5HSZ5AYM.mjs";
 import "./chunk-F3HENRVM.mjs";
-import "./chunk-2GCSFWHD.mjs";
+import "./chunk-7VOQKIIK.mjs";
 import {
-  input_default
-} from "./chunk-KA4L5SCT.mjs";
+  progress_default
+} from "./chunk-QVGXHUYW.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
+import {
+  list_default
+} from "./chunk-EYY4CRRR.mjs";
 import {
   listItem_default
 } from "./chunk-FPCP4OOL.mjs";
+import "./chunk-DJOG6Z35.mjs";
 import {
-  list_default
-} from "./chunk-EYY4CRRR.mjs";
+  modal_default
+} from "./chunk-PHQY5T3E.mjs";
 import "./chunk-HAOK24MK.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
 } from "./chunk-BE2OG6M4.mjs";
-import "./chunk-RDEWIZV3.mjs";
+import "./chunk-2GCSFWHD.mjs";
 import {
-  dropdown_default
-} from "./chunk-LXPWTJ3F.mjs";
+  input_default
+} from "./chunk-4DLTBZUQ.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import "./chunk-VUYUQGLF.mjs";
 import {
@@ -93,13 +92,13 @@ import {
 } from "./chunk-SWR7E3NU.mjs";
 import {
   accordionItem_default
-} from "./chunk-QCOPD2HG.mjs";
+} from "./chunk-SFNR4F3J.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
-} from "./chunk-AHORH5PH.mjs";
-import "./chunk-QURXBWKK.mjs";
+} from "./chunk-PRUAIZTU.mjs";
+import "./chunk-IOV7MEPG.mjs";
 import "./chunk-E3G5QXSH.mjs";
 import {
   tv
@@ -520,6 +519,104 @@ var fontSize = {
   ]
 };
 
+// ../tailwind-config/src/animation/slide.ts
+var sliceAnimation = {
+  slideInFromTop: "slideInFromTop 0.5s ease-out",
+  slideInFromBottom: "slideInFromBottom 0.5s ease-out",
+  slideInFromLeft: "slideInFromLeft 0.5s ease-out",
+  slideInFromRight: "slideInFromRight 0.5s ease-out",
+  slideOutToTop: "slideOutToTop 0.5s ease-in",
+  slideOutToBottom: "slideOutToBottom 0.5s ease-in",
+  slideOutToLeft: "slideOutToLeft 0.5s ease-in",
+  slideOutToRight: "slideOutToRight 0.5s ease-in"
+};
+var sliceKeyframe = {
+  slideInFromTop: {
+    "0%": {
+      transform: "translateY(-10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromBottom: {
+    "0%": {
+      transform: "translateY(10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromLeft: {
+    "0%": {
+      transform: "translateX(-10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    }
+  },
+  slideInFromRight: {
+    "0%": {
+      transform: "translateX(10px)",
+      opacity: "0"
+    },
+    "100%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    }
+  },
+  slideOutToTop: {
+    "0%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateY(-10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToBottom: {
+    "0%": {
+      transform: "translateY(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateY(10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToLeft: {
+    "0%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateX(-10px)",
+      opacity: "0"
+    }
+  },
+  slideOutToRight: {
+    "0%": {
+      transform: "translateX(0)",
+      opacity: "1"
+    },
+    "100%": {
+      transform: "translateX(10px)",
+      opacity: "0"
+    }
+  }
+};
+
+// ../tailwind-config/src/animation/index.ts
+var animation = { ...sliceAnimation };
+var keyframes = { ...sliceKeyframe };
+
 // ../../node_modules/flat/index.js
 function isBuffer(obj) {
   return obj && obj.constructor && typeof obj.constructor.isBuffer === "function" && obj.constructor.isBuffer(obj);
@@ -700,7 +797,9 @@ var deepnoidUi = (colorChip = {}, defaultTheme = "light") => {
           borderRadius,
           fontSize,
           boxShadow,
-          gap
+          gap,
+          keyframes,
+          animation
         }
       }
     }
@@ -713,7 +812,6 @@ export {
   button_group_default as ButtonGroup,
   card_default as Card,
   checkbox_default as CheckBox,
-  dropdown_default as Dropdown,
   Icon_default as Icon,
   input_default as Input,
   list_default as List,
@@ -729,8 +827,10 @@ export {
   tabs_default as Tabs,
   textarea_default as Textarea,
   toast_default as Toast,
+  ToastProvider,
   tooltip_default as Tooltip,
   deepnoidUi,
   iconTemplate,
-  tv
+  tv,
+  useToast
 };

package/dist/tooltip-utils-DCKA5gnI.d.mts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+
+type TargetRect = {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+interface UseTooltipProps {
+    placement: TooltipPlacement;
+    offset: number;
+    targetRect: TargetRect | null;
+}
+declare const useTooltip: ({ placement, offset, targetRect }: UseTooltipProps) => {
+    tooltipPosition: {
+        x: number;
+        y: number;
+    };
+    tooltipRef: react.RefObject<HTMLDivElement>;
+};
+
+type TooltipPlacement = "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+declare const getTooltipPosition: (placement: TooltipPlacement, targetRect: TargetRect, width: number, height: number, offset: number) => {
+    tooltipX: number;
+    tooltipY: number;
+};
+
+export { type TooltipPlacement as T, type TargetRect as a, getTooltipPosition as g, useTooltip as u };

package/dist/tooltip-utils-DCKA5gnI.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+
+type TargetRect = {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+interface UseTooltipProps {
+    placement: TooltipPlacement;
+    offset: number;
+    targetRect: TargetRect | null;
+}
+declare const useTooltip: ({ placement, offset, targetRect }: UseTooltipProps) => {
+    tooltipPosition: {
+        x: number;
+        y: number;
+    };
+    tooltipRef: react.RefObject<HTMLDivElement>;
+};
+
+type TooltipPlacement = "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+declare const getTooltipPosition: (placement: TooltipPlacement, targetRect: TargetRect, width: number, height: number, offset: number) => {
+    tooltipX: number;
+    tooltipY: number;
+};
+
+export { type TooltipPlacement as T, type TargetRect as a, getTooltipPosition as g, useTooltip as u };

package/dist/utils/clsx.d.mts

@@ -0,0 +1,3 @@
+declare function clsx(...args: any[]): string;
+
+export { clsx };

package/dist/utils/props.d.mts

@@ -0,0 +1,3 @@
+declare const mapPropsVariants: <T extends Record<string, any>, K extends keyof T>(props: T, variantKeys?: K[], removeVariantProps?: boolean) => readonly [Omit<T, K> | T, Pick<T, K> | {}];
+
+export { mapPropsVariants };

package/dist/utils/tailwind-variants.d.mts

@@ -0,0 +1,26 @@
+import * as tailwind_variants from 'tailwind-variants';
+export { VariantProps } from 'tailwind-variants';
+
+declare const tv: tailwind_variants.CreateTV<{
+    twMergeConfig: {
+        classGroups: {
+            fontSize: {
+                text: string[];
+            }[];
+            borderRadius: {
+                rounded: string[];
+            }[];
+            boxShadow: {
+                shadow: string[];
+            }[];
+            padding: {
+                p: string[];
+            }[];
+            gap: {
+                gap: string[];
+            }[];
+        };
+    };
+}>;
+
+export { tv };

package/dist/utils/types.d.mts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'tailwind-variants';
+
+/**
+ * This Typescript utility transform a list of slots into a list of {slot: classes}
+ */
+type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};
+
+export type { SlotsToClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.0.84",
+  "version": "0.0.87",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",
@@ -12,8 +12,9 @@
     "build": "tsup src --dts",
     "build:fast": "tsup src",
     "clean": "rm -rf .turbo",
+    "deploy:npm": "npm publish --access=public",
     "lint": "TIMING=1 eslint \"**/*.{ts,tsx,js,jsx}\" --fix",
-    "publish:npm": "npm publish --access=public",
+    "publish:npm": "npm version patch --no-git-tag-version && npm publish --access=public",
     "test": "jest"
   },
   "jest": {

package/dist/chunk-5T5F5WVS.mjs

@@ -1,32 +0,0 @@
-"use client";
-import {
-  getToastPosition
-} from "./chunk-SDNTEP5C.mjs";
-
-// src/components/toast/useToast.ts
-import { useState, useEffect, useRef } from "react";
-var useToast = ({ placement, offset, targetRect }) => {
-  const [toastPosition, setToastPosition] = useState({ x: 0, y: 0 });
-  const toastRef = useRef(null);
-  useEffect(() => {
-    if (targetRect && toastRef.current) {
-      const { width, height } = toastRef.current.getBoundingClientRect();
-      const scrollX = window.scrollX;
-      const scrollY = window.scrollY;
-      const adjustedTargetRect = {
-        ...targetRect,
-        left: targetRect.left + scrollX,
-        top: targetRect.top + scrollY,
-        right: targetRect.right + scrollX,
-        bottom: targetRect.bottom + scrollY
-      };
-      const { toastX, toastY } = getToastPosition(placement, adjustedTargetRect, width, height, offset);
-      setToastPosition({ x: toastX, y: toastY });
-    }
-  }, [placement, offset, targetRect]);
-  return { toastPosition, toastRef };
-};
-
-export {
-  useToast
-};

package/dist/chunk-LXPWTJ3F.mjs

@@ -1,58 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/dropdown/dropdown.tsx
-import React, { forwardRef, useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var Dropdown = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, dropdown.variantKeys);
-  const { children, classNames } = props;
-  const slots = useMemo(() => dropdown({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = useCallback(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base]);
-  return /* @__PURE__ */ jsx("div", { ref, ...getBaseProps(), children: React.Children.map(children, (child, index) => {
-    return React.cloneElement(child, {
-      ...variantProps,
-      ...child.props
-    });
-  }) });
-});
-Dropdown.displayName = "Dropdown";
-var dropdown_default = Dropdown;
-var dropdown = tv({
-  slots: {
-    base: ["flex", "flex-col"]
-  },
-  variants: {
-    variant: {
-      solid: {},
-      line: {}
-    },
-    size: {
-      sm: {},
-      md: {},
-      lg: {}
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md"
-  }
-});
-
-export {
-  dropdown_default
-};

package/dist/chunk-SDNTEP5C.mjs

@@ -1,61 +0,0 @@
-"use client";
-
-// src/components/toast/toast-utils.ts
-var getToastPosition = (placement, targetRect, width, height, offset) => {
-  let x = 0, y = 0;
-  switch (placement) {
-    case "top":
-      x = targetRect.left + targetRect.width / 2 - width / 2;
-      y = targetRect.top - height - offset;
-      break;
-    case "left":
-      x = targetRect.left - width - offset;
-      y = targetRect.top + targetRect.height / 2 - height / 2;
-      break;
-    case "right":
-      x = targetRect.right + offset;
-      y = targetRect.top + targetRect.height / 2 - height / 2;
-      break;
-    case "bottom":
-      x = targetRect.left + targetRect.width / 2 - width / 2;
-      y = targetRect.bottom + offset;
-      break;
-    case "top-start":
-      x = targetRect.left;
-      y = targetRect.top - height - offset;
-      break;
-    case "top-end":
-      x = targetRect.right - width;
-      y = targetRect.top - height - offset;
-      break;
-    case "bottom-start":
-      x = targetRect.left;
-      y = targetRect.bottom + offset;
-      break;
-    case "bottom-end":
-      x = targetRect.right - width;
-      y = targetRect.bottom + offset;
-      break;
-    case "left-start":
-      x = targetRect.left - width - offset;
-      y = targetRect.top;
-      break;
-    case "left-end":
-      x = targetRect.left - width - offset;
-      y = targetRect.bottom - height;
-      break;
-    case "right-start":
-      x = targetRect.right + offset;
-      y = targetRect.top;
-      break;
-    case "right-end":
-      x = targetRect.right + offset;
-      y = targetRect.bottom - height;
-      break;
-  }
-  return { toastX: x, toastY: y };
-};
-
-export {
-  getToastPosition
-};

package/dist/chunk-W7ABNK3K.mjs

@@ -1 +0,0 @@
-"use client";

package/dist/components/dropdown/dropdown.js

@@ -1,122 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/dropdown/dropdown.tsx
-var dropdown_exports = {};
-__export(dropdown_exports, {
-  default: () => dropdown_default
-});
-module.exports = __toCommonJS(dropdown_exports);
-var import_react = __toESM(require("react"));
-
-// src/utils/tailwind-variants.ts
-var import_tailwind_variants = require("tailwind-variants");
-var COMMON_SIZE = ["sm", "md", "lg"];
-var COMMON_RADIUS = ["xlg", "xxlg", "none", "full"];
-var COMMON_FONTSIZE = ["h1", "h2", "h3", "h4", "h5"];
-var COMMON_SHADOW = ["inner", "drop"];
-var tv = (0, import_tailwind_variants.createTV)({
-  // twMerge: false,
-  twMergeConfig: {
-    classGroups: {
-      fontSize: [{ text: [...COMMON_SIZE, ...COMMON_FONTSIZE] }],
-      borderRadius: [{ rounded: [...COMMON_RADIUS, ...COMMON_SIZE] }],
-      boxShadow: [{ shadow: [...COMMON_SHADOW] }],
-      padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...COMMON_SIZE] }]
-    }
-  }
-});
-
-// src/utils/props.ts
-var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
-  if (!variantKeys) {
-    return [props, {}];
-  }
-  const picked = variantKeys.reduce((acc, key) => {
-    if (key in props) {
-      return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
-    }
-  }, {});
-  if (removeVariantProps) {
-    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
-    return [omitted, picked];
-  } else {
-    return [props, picked];
-  }
-};
-
-// src/components/dropdown/dropdown.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Dropdown = (0, import_react.forwardRef)((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, dropdown.variantKeys);
-  const { children, classNames } = props;
-  const slots = (0, import_react.useMemo)(() => dropdown({ ...variantProps }), [...Object.values(variantProps)]);
-  const getBaseProps = (0, import_react.useCallback)(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, ...getBaseProps(), children: import_react.default.Children.map(children, (child, index) => {
-    return import_react.default.cloneElement(child, {
-      ...variantProps,
-      ...child.props
-    });
-  }) });
-});
-Dropdown.displayName = "Dropdown";
-var dropdown_default = Dropdown;
-var dropdown = tv({
-  slots: {
-    base: ["flex", "flex-col"]
-  },
-  variants: {
-    variant: {
-      solid: {},
-      line: {}
-    },
-    size: {
-      sm: {},
-      md: {},
-      lg: {}
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md"
-  }
-});

package/dist/components/dropdown/dropdown.mjs

@@ -1,10 +0,0 @@
-"use client";
-import {
-  dropdown_default
-} from "../../chunk-LXPWTJ3F.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-J725QONZ.mjs";
-import "../../chunk-IZ6II3QA.mjs";
-export {
-  dropdown_default as default
-};