@deepnoid/ui 0.0.112 → 0.1.1

package/dist/chunk-SWR7E3NU.mjs

@@ -1,78 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/accordion/accordion.tsx
-import React, { forwardRef, useCallback, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var Accordion = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, accordion.variantKeys);
-  const { children, classNames, selectionMode = "single", selectionIndex } = props;
-  const slots = useMemo(() => accordion({ ...variantProps }), [...Object.values(variantProps)]);
-  const [selections, setSelections] = useState(typeof selectionIndex === "number" ? [selectionIndex] : []);
-  const getBaseProps = useCallback(() => {
-    return {
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    };
-  }, [slots, classNames == null ? void 0 : classNames.base]);
-  const toggleItem = (index) => {
-    setSelections((prevIndices) => {
-      if (selectionMode === "single") {
-        return prevIndices.includes(index) ? [] : [index];
-      } else {
-        return prevIndices.includes(index) ? prevIndices.filter((i) => i !== index) : [...prevIndices, index];
-      }
-    });
-  };
-  return /* @__PURE__ */ jsx("div", { ref, ...getBaseProps(), children: React.Children.map(children, (child, index) => {
-    return React.cloneElement(child, {
-      ...variantProps,
-      ...child.props,
-      isInGroup: true,
-      isOpen: selections.includes(index),
-      onToggle: () => toggleItem(index)
-    });
-  }) });
-});
-Accordion.displayName = "Accordion";
-var accordion_default = Accordion;
-var accordion = tv({
-  slots: {
-    base: ["flex", "flex-col"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        base: "gap-[10px]"
-      },
-      line: {}
-    },
-    size: {
-      sm: {},
-      md: {},
-      lg: {}
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    },
-    disableAnimation: {
-      true: {},
-      false: {}
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    disableAnimation: false
-  }
-});
-
-export {
-  accordion_default
-};

package/dist/chunk-U74WK5VI.mjs

@@ -1,123 +0,0 @@
-"use client";
-import {
-  useTooltip
-} from "./chunk-KCBBBRSF.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/tooltip/tooltip.tsx
-import { forwardRef, useCallback, useMemo, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Tooltip = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, delay = 100, classNames, ...tooltipProps } = props;
-  const slots = useMemo(() => tooltip({ ...variantProps }), [variantProps]);
-  const [targetRect, setTargetRect] = useState(null);
-  const { tooltipPosition, tooltipRef } = useTooltip({ placement, offset, delay, targetRect });
-  const childrenRef = useRef(null);
-  const delayTimeout = useRef(null);
-  const getBaseProps = useCallback(
-    () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    }),
-    [slots, classNames == null ? void 0 : classNames.base]
-  );
-  const getContentProps = useCallback(
-    () => ({
-      className: slots.content({ class: classNames == null ? void 0 : classNames.content })
-    }),
-    [slots, classNames == null ? void 0 : classNames.content]
-  );
-  const handleMouseEnter = useCallback(() => {
-    if (delayTimeout.current) clearTimeout(delayTimeout.current);
-    if (childrenRef.current) {
-      const rect = childrenRef.current.getBoundingClientRect();
-      setTargetRect({
-        width: rect.width,
-        height: rect.height,
-        left: rect.left,
-        top: rect.top,
-        right: rect.right,
-        bottom: rect.bottom
-      });
-    }
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    delayTimeout.current = window.setTimeout(() => setTargetRect(null), delay);
-  }, [delay]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: ref || childrenRef,
-        ...getBaseProps(),
-        onPointerLeave: handleMouseLeave,
-        onPointerEnter: handleMouseEnter,
-        children: props.children
-      }
-    ),
-    targetRect && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: tooltipRef,
-          ...getContentProps(),
-          onPointerEnter: () => {
-            if (delayTimeout.current) clearTimeout(delayTimeout.current);
-          },
-          onPointerLeave: handleMouseLeave,
-          style: {
-            visibility: tooltipPosition.x !== 0 ? "visible" : "hidden",
-            transform: `translate3d(${tooltipPosition.x}px, ${tooltipPosition.y}px, 0)`
-          },
-          children: props.content
-        }
-      ),
-      document.body
-    )
-  ] });
-});
-Tooltip.displayName = "Tooltip";
-var tooltip_default = Tooltip;
-var tooltip = tv({
-  slots: {
-    base: ["z-0", "relative", "bg-transparent"],
-    content: [
-      "absolute",
-      "top-0",
-      "left-0",
-      "inline-flex",
-      "items-center",
-      "justify-center",
-      "font-[500]",
-      "text-white",
-      "bg-trans-strong"
-    ]
-  },
-  variants: {
-    size: {
-      sm: { content: "text-sm rounded-sm px-[6px] py-[4.5px]" },
-      md: { content: "text-md rounded-md px-[8px] py-[6.5px]" },
-      lg: { content: "text-lg rounded-lg px-[10px] py-[8px]" }
-    },
-    disableAnimation: {
-      true: {
-        base: "animate-none"
-      }
-    }
-  },
-  defaultVariants: {
-    color: "default",
-    size: "md",
-    disableAnimation: false
-  }
-});
-
-export {
-  tooltip_default
-};