@deepnoid/ui 0.1.81 → 0.1.83

package/dist/chunk-FKHKYVZH.mjs

@@ -0,0 +1,212 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
+
+// src/components/accordion/accordionItem.tsx
+import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AccordionItem = forwardRef((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, accordionItem.variantKeys);
+  const { title, children, startIconName, endIconName, classNames, isOpen, onToggle, size, disableAnimation } = {
+    ...props,
+    ...variantProps
+  };
+  const slots = useMemo(
+    () => accordionItem({ ...variantProps }),
+    [...Object.values(variantProps)]
+  );
+  const contentRef = useRef(null);
+  const [contentHeight, setContentHeight] = useState("0px");
+  useEffect(() => {
+    if (contentRef.current) {
+      setContentHeight(isOpen ? `${contentRef.current.scrollHeight}px` : "0px");
+    }
+  }, [isOpen]);
+  const renderIcon = (name) => name ? /* @__PURE__ */ jsx(Icon_default, { name, fill: true, size, className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }) }) : null;
+  const getContentProps = useCallback(() => {
+    if (disableAnimation) {
+      return {
+        className: slots.content({ class: classNames == null ? void 0 : classNames.content }),
+        style: {
+          maxHeight: isOpen ? "none" : "0px",
+          opacity: isOpen ? 1 : 0,
+          overflow: isOpen ? "visible" : "hidden"
+        }
+      };
+    }
+    return {
+      className: slots.content({ class: classNames == null ? void 0 : classNames.content }),
+      style: {
+        maxHeight: contentHeight,
+        opacity: isOpen ? 1 : 0
+      }
+    };
+  }, [slots, classNames == null ? void 0 : classNames.content, contentHeight, isOpen, disableAnimation]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ jsxs("div", { "data-isOpen": isOpen, className: slots.header({ class: classNames == null ? void 0 : classNames.header }), onClick: onToggle, children: [
+      renderIcon(startIconName),
+      /* @__PURE__ */ jsx("span", { className: slots.headerTitle({ class: classNames == null ? void 0 : classNames.headerTitle }), children: title }),
+      renderIcon(endIconName)
+    ] }),
+    isOpen && /* @__PURE__ */ jsx("div", { ref: contentRef, ...getContentProps(), children })
+  ] });
+});
+AccordionItem.displayName = "AccordionItem";
+var accordionItem_default = AccordionItem;
+var accordionItem = tv({
+  slots: {
+    base: ["group/accordion", "w-full", "flex", "flex-col", "gap-[12px]", "p-[12px]"],
+    header: [
+      "flex",
+      "justify-between",
+      "items-center",
+      "text-foreground",
+      "cursor-pointer",
+      "select-none",
+      "gap-[8px]"
+    ],
+    headerTitle: ["truncate", "w-full", "font-bold", "text-body-foreground"],
+    content: [
+      "overflow-hidden",
+      "transition-all",
+      "duration-300",
+      "ease-in-out",
+      "max-h-0",
+      "opacity-0",
+      "font-bold",
+      "text-body-foreground"
+    ],
+    icon: []
+  },
+  variants: {
+    variant: {
+      outline: {
+        header: []
+      },
+      underline: {
+        base: ["border-b", "last:border-b-0"]
+      }
+    },
+    size: {
+      sm: {
+        base: ["gap-[12px]", "p-[12px]"],
+        header: "text-sm",
+        content: "p-[12px] text-sm rounded-sm"
+      },
+      md: {
+        base: ["gap-[12px]", "p-[12px]"],
+        header: "text-md",
+        content: "p-[12px] text-md rounded-md"
+      },
+      lg: {
+        base: ["gap-[20px]", "p-[20px]"],
+        header: "text-lg",
+        content: "p-[20px] text-lg rounded-lg"
+      },
+      xl: {
+        base: ["gap-[20px]", "p-[20px]"],
+        header: "text-xl",
+        content: "p-[20px] text-xl rounded-xl"
+      }
+    },
+    color: {
+      primary: {
+        content: ["bg-primary-soft"],
+        icon: ["text-primary-main"]
+      },
+      secondary: {
+        content: ["bg-secondary-soft"],
+        icon: ["text-secondary-main"]
+      },
+      neutral: {
+        content: ["bg-neutral-soft"],
+        icon: ["text-neutral-main"]
+      }
+    },
+    isInGroup: {
+      true: ""
+    },
+    disableAnimation: {
+      true: {
+        content: ["transition-none"]
+      },
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      size: "sm",
+      class: {
+        base: ["rounded-sm", "border-sm"]
+      }
+    },
+    {
+      variant: "outline",
+      size: "md",
+      class: {
+        base: ["rounded-md", "border-md"]
+      }
+    },
+    {
+      variant: "outline",
+      size: "lg",
+      class: {
+        base: ["rounded-lg", "border-lg"]
+      }
+    },
+    {
+      variant: "outline",
+      size: "xl",
+      class: {
+        base: ["rounded-xl", "border-xl"]
+      }
+    },
+    {
+      variant: "underline",
+      size: "sm",
+      class: {
+        base: ["border-b-sm"]
+      }
+    },
+    {
+      variant: "underline",
+      size: "md",
+      class: {
+        base: ["border-b-md"]
+      }
+    },
+    {
+      variant: "underline",
+      size: "lg",
+      class: {
+        base: ["border-b-lg"]
+      }
+    },
+    {
+      variant: "underline",
+      size: "xl",
+      class: {
+        base: ["border-b-xl"]
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "outline",
+    color: "primary",
+    size: "md",
+    isInGroup: false,
+    disableAnimation: false
+  }
+});
+
+export {
+  accordionItem_default
+};

package/dist/{chunk-I6MFQAQE.mjs → chunk-GAZ472ZU.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/charts/barChart.tsx
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-5IESFXPF.mjs → chunk-GH4EPD35.mjs}

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

package/dist/{chunk-QFIS6N5R.mjs → chunk-I3ORSDFO.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import {
-  avatar_default
-} from "./chunk-FUPY7MXT.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  avatar_default
+} from "./chunk-NTNIGQGI.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-EKWUOA5B.mjs → chunk-ITWKPTSD.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/button/button-group.tsx
 import React, { forwardRef } from "react";

package/dist/{chunk-TVTIX7MO.mjs → chunk-JBSV7GCL.mjs}

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

package/dist/{chunk-CC2F5HQX.mjs → chunk-LMHSWLH2.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-5M7UDEMG.mjs";
+} from "./chunk-MVL7HJSH.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/{chunk-5M7UDEMG.mjs → chunk-MVL7HJSH.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/input/input.tsx
 import {

package/dist/chunk-NMSDSEBD.mjs

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

package/dist/{chunk-FUPY7MXT.mjs → chunk-NTNIGQGI.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-RRONV7YA.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/avatar/avatar.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-7JVTWM4U.mjs → chunk-RE2WH26E.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  text_button_default
+} from "./chunk-JBSV7GCL.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  text_button_default
-} from "./chunk-TVTIX7MO.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/breadcrumb/breadcrumb.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-3WBUF37A.mjs → chunk-S7Y7XUBL.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/drawer/drawer.tsx
 import { forwardRef, useMemo, useEffect, useState } from "react";

package/dist/{chunk-PWWPGVPS.mjs → chunk-TZHEZEJ5.mjs}

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

package/dist/{chunk-STAE4IPE.mjs → chunk-WIZDHK4O.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/charts/areaChart.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect, useId } from "react";

package/dist/{chunk-SKOCUCE5.mjs → chunk-XZ5DXOJQ.mjs}

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

package/dist/{chunk-R7VCFJGU.mjs → chunk-Y5QV7T6D.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-JP4TEWP7.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-PDY7UYKZ.mjs → chunk-Z6IOS3S6.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  ripple_default
-} from "./chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "./chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "./chunk-LXHUO6VM.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/components/accordion/accordion.d.mts

@@ -0,0 +1,98 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import react__default, { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props {
+    children?: ReactNode;
+    classNames?: SlotsToClasses<AccordionSlots>;
+    selectionMode?: "single" | "multiple";
+    selectionIndex?: number;
+}
+type AccordionProps = Props & AccordionVariantProps;
+declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const accordion: tailwind_variants.TVReturnType<{
+    variant: {
+        outline: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        outline: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>;
+type AccordionVariantProps = VariantProps<typeof accordion>;
+type AccordionSlots = keyof ReturnType<typeof accordion>;
+type AccordionReturnType = ReturnType<typeof accordion>;
+
+export { type AccordionProps, type AccordionReturnType, type AccordionSlots, type AccordionVariantProps, type Props, Accordion as default };

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,98 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import react__default, { ReactNode } from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+interface Props {
+    children?: ReactNode;
+    classNames?: SlotsToClasses<AccordionSlots>;
+    selectionMode?: "single" | "multiple";
+    selectionIndex?: number;
+}
+type AccordionProps = Props & AccordionVariantProps;
+declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+
+declare const accordion: tailwind_variants.TVReturnType<{
+    variant: {
+        outline: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+}, undefined, {
+    variant: {
+        outline: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        outline: {
+            base: string;
+        };
+        underline: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+    color: {
+        primary: {};
+        secondary: {};
+        neutral: {};
+    };
+    disableAnimation: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+}, undefined, unknown, unknown, undefined>>;
+type AccordionVariantProps = VariantProps<typeof accordion>;
+type AccordionSlots = keyof ReturnType<typeof accordion>;
+type AccordionReturnType = ReturnType<typeof accordion>;
+
+export { type AccordionProps, type AccordionReturnType, type AccordionSlots, type AccordionVariantProps, type Props, Accordion as default };