@sth87/shadcn-design-system 0.0.1

package/dist/esm/components/Dialog/Dialog.js

@@ -0,0 +1,223 @@
+import { jsxs as l, jsx as e, Fragment as W } from "react/jsx-runtime";
+import X, { useMemo as C } from "react";
+import { Dialog as Y, DialogTrigger as Z, DialogContent as ee, DialogHeader as H, DialogTitle as R, DialogDescription as K, DialogFooter as _ } from "@dsui/ui/components/dialog";
+import { AlertDialogHeader as te, AlertDialogTitle as le, AlertDialogDescription as ae, AlertDialogFooter as re, AlertDialog as oe, AlertDialogTrigger as se, AlertDialogContent as ne } from "@dsui/ui/components/alert-dialog";
+import { ScrollArea as M } from "@dsui/ui/components/scroll-area";
+import { cn as t } from "@dsui/ui/lib/utils";
+import { animationClass as ie } from "../../utils/animations.js";
+import { AlertTriangle as ce, Info as me, AlertCircle as de, CheckCircle2 as fe } from "lucide-react";
+import S from "../Button/Button.js";
+const ue = {
+  dialog: null,
+  confirm: /* @__PURE__ */ e("div", { className: "size-12 flex items-center justify-center rounded-full bg-success/10 mx-auto mb-4", children: /* @__PURE__ */ e(fe, { className: "size-6 text-success" }) }),
+  alert: /* @__PURE__ */ e("div", { className: "size-12 flex items-center justify-center rounded-full bg-error/10 mx-auto mb-4", children: /* @__PURE__ */ e(de, { className: "size-5 text-error" }) }),
+  info: /* @__PURE__ */ e("div", { className: "size-12 flex items-center justify-center rounded-full bg-blue-500/10 mx-auto mb-4", children: /* @__PURE__ */ e(me, { className: "size-5 text-blue-500" }) }),
+  warning: /* @__PURE__ */ e("div", { className: "size-12 flex items-center justify-center rounded-full bg-warning/10 mx-auto mb-4", children: /* @__PURE__ */ e(ce, { className: "size-5 text-warning" }) })
+}, xe = {
+  dialog: "",
+  confirm: "border-blue-500/20",
+  alert: "border-red-500/20",
+  info: "border-blue-500/20",
+  warning: "border-yellow-500/20"
+}, pe = {
+  sm: "sm:max-w-sm",
+  md: "sm:max-w-md",
+  lg: "sm:max-w-lg",
+  xl: "sm:max-w-xl",
+  "2xl": "sm:max-w-2xl",
+  "3xl": "sm:max-w-3xl",
+  "4xl": "sm:max-w-4xl",
+  full: "sm:max-w-[95vw] h-[95vh]"
+}, he = {
+  center: "!top-[50%] !left-[50%] !translate-x-[-50%] !translate-y-[-50%]",
+  top: "!top-4 !left-[50%] !translate-x-[-50%] !translate-y-0",
+  bottom: "!top-auto !bottom-4 !left-[50%] !translate-x-[-50%] !translate-y-0",
+  left: "!left-4 !top-[50%] !translate-x-0 !translate-y-[-50%]",
+  right: "!left-auto !right-4 !top-[50%] !translate-x-0 !translate-y-[-50%]",
+  "top-left": "!top-4 !left-4 !translate-x-0 !translate-y-0",
+  "top-right": "!top-4 !left-auto !right-4 !translate-x-0 !translate-y-0",
+  "bottom-left": "!top-auto !bottom-4 !left-4 !translate-x-0 !translate-y-0",
+  "bottom-right": "!top-auto !bottom-4 !left-auto !right-4 !translate-x-0 !translate-y-0"
+}, ge = X.forwardRef(($, D) => {
+  const {
+    variant: b = "dialog",
+    open: v,
+    onOpenChange: w,
+    title: a,
+    description: r,
+    children: f,
+    trigger: u,
+    footer: s,
+    closeOnEsc: A = !0,
+    closeOnOutside: q = !0,
+    showCloseButton: G = !0,
+    position: J = "center",
+    size: L = "md",
+    fullscreen: z = !1,
+    scrollable: k = !0,
+    stickyHeader: n = !1,
+    stickyFooter: i = !1,
+    animation: c,
+    className: j,
+    contentClassName: B,
+    headerClassName: P,
+    titleClassName: x,
+    descriptionClassName: p,
+    footerClassName: Q,
+    // overlayClassName, // Not used in current implementation
+    confirmButton: m,
+    cancelButton: d,
+    showIcon: U = !0,
+    backdropFilter: F = 0,
+    overlay: O = "dark"
+  } = $, V = C(() => c ? ie(c) : { className: "" }, [c]), T = t(
+    // Remove default padding and gap to allow custom header/footer
+    "!p-0 !gap-0 flex flex-col",
+    pe[z ? "full" : L],
+    he[J],
+    xe[b],
+    V.className,
+    z ? "h-[95vh]" : "max-h-[min(600px,80vh)]"
+  ), h = t(
+    "px-6 pt-6 text-left",
+    !k && "contents space-y-0",
+    P
+  ), g = t(
+    "px-6 pb-6 sm:justify-end",
+    !k && "border-t py-4",
+    Q
+  ), N = U ? ue[b] : null, I = C(() => a || N || r ? /* @__PURE__ */ l(
+    te,
+    {
+      className: t(
+        "flex items-center gap-2 py-4",
+        { "border-b": n },
+        h
+      ),
+      children: [
+        (a || N) && /* @__PURE__ */ l(le, { className: t(x), children: [
+          N,
+          a
+        ] }),
+        r && /* @__PURE__ */ e(ae, { className: p, children: r })
+      ]
+    }
+  ) : null, [
+    a,
+    N,
+    r,
+    h,
+    x,
+    p,
+    n
+  ]), E = C(() => {
+    const o = {
+      variant: "solid",
+      color: "primary",
+      ...m,
+      text: m?.text ?? "Confirm"
+    }, y = {
+      variant: "outline",
+      ...d,
+      text: d?.text ?? "Cancel"
+    };
+    return s || m || d ? /* @__PURE__ */ e(
+      re,
+      {
+        className: t("py-4", { "border-t": i }, g),
+        children: s || /* @__PURE__ */ l(W, { children: [
+          d && /* @__PURE__ */ e(
+            S,
+            {
+              ...y,
+              onClick: () => {
+                y.onClick?.();
+              },
+              children: y.text
+            }
+          ),
+          m && /* @__PURE__ */ e(
+            S,
+            {
+              ...o,
+              onClick: () => {
+                o.onClick?.();
+              },
+              children: o.text
+            }
+          )
+        ] })
+      }
+    ) : null;
+  }, [s, g, m, d, i]);
+  return b !== "dialog" ? /* @__PURE__ */ l(oe, { open: v, onOpenChange: w, children: [
+    u && /* @__PURE__ */ e(se, { asChild: !0, children: u }),
+    /* @__PURE__ */ l(
+      ne,
+      {
+        ref: D,
+        className: t(j, T),
+        onEscapeKeyDown: (o) => !A && o.preventDefault(),
+        noDefaultAnimation: !!c,
+        backdropFilter: F,
+        overlay: O,
+        children: [
+          n && I,
+          /* @__PURE__ */ l(M, { className: "flex max-h-full flex-col overflow-hidden", children: [
+            !n && I,
+            f && /* @__PURE__ */ e("div", { className: t("px-6 py-4", B), children: f }),
+            !i && E
+          ] }),
+          i && E
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ l(Y, { open: v, onOpenChange: w, children: [
+    u && /* @__PURE__ */ e(Z, { asChild: !0, children: u }),
+    /* @__PURE__ */ l(
+      ee,
+      {
+        ref: D,
+        className: t(j, T),
+        showCloseButton: G,
+        onEscapeKeyDown: (o) => !A && o.preventDefault(),
+        onInteractOutside: (o) => !q && o.preventDefault(),
+        noDefaultAnimation: !!c,
+        backdropFilter: F,
+        overlay: O,
+        children: [
+          n && (a || r) && /* @__PURE__ */ l(
+            H,
+            {
+              className: t({ "py-4 border-b": n }, h),
+              children: [
+                a && /* @__PURE__ */ e(R, { className: x, children: a }),
+                r && /* @__PURE__ */ e(K, { className: p, children: r })
+              ]
+            }
+          ),
+          /* @__PURE__ */ l(M, { className: "flex max-h-full flex-col overflow-hidden", children: [
+            !n && (a || r) && /* @__PURE__ */ l(H, { className: t("py-4", h), children: [
+              a && /* @__PURE__ */ e(R, { className: x, children: a }),
+              r && /* @__PURE__ */ e(K, { className: p, children: r })
+            ] }),
+            f && /* @__PURE__ */ e("div", { className: t("px-6 py-4", B), children: f }),
+            !i && s && /* @__PURE__ */ e(_, { className: t("py-4", g), children: s })
+          ] }),
+          i && s && /* @__PURE__ */ e(
+            _,
+            {
+              className: t({ "py-4 border-t": i }, g),
+              children: s
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+ge.displayName = "Dialog";
+export {
+  ge as default
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/esm/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Dialog as SDialog,\n  DialogContent as SDialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@dsui/ui/components/dialog\";\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@dsui/ui/components/alert-dialog\";\nimport { ScrollArea } from \"@dsui/ui/components/scroll-area\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { BasicAnimation } from \"@/types/variables\";\nimport { animationClass } from \"@/utils/animations\";\nimport { AlertTriangle, Info, CheckCircle2, AlertCircle } from \"lucide-react\";\nimport Button, { type ButtonProps } from \"../Button/Button\";\n\nexport type DialogVariant = \"dialog\" | \"confirm\" | \"alert\" | \"info\" | \"warning\";\nexport type DialogSize =\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"full\";\nexport type DialogPosition =\n  | \"center\"\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\"\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\";\n\nexport interface DialogButtonConfig extends Omit<ButtonProps, \"children\"> {\n  text?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface DialogProps {\n  // Core props\n  variant?: DialogVariant;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  // Content\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n  footer?: React.ReactNode;\n\n  // Behavior\n  closeOnEsc?: boolean;\n  closeOnOutside?: boolean;\n  showCloseButton?: boolean;\n\n  // Layout\n  position?: DialogPosition;\n  size?: DialogSize;\n  fullscreen?: boolean;\n  scrollable?: boolean;\n  stickyHeader?: boolean;\n  stickyFooter?: boolean;\n\n  // Animation\n  animation?: BasicAnimation;\n\n  // Styling\n  className?: string;\n  contentClassName?: string;\n  headerClassName?: string;\n  titleClassName?: string;\n  descriptionClassName?: string;\n  footerClassName?: string;\n  overlayClassName?: string;\n\n  // Overlay\n  backdropFilter?: number;\n  overlay?: \"dark\" | \"light\";\n\n  // Alert/Confirm buttons\n  confirmButton?: DialogButtonConfig;\n  cancelButton?: DialogButtonConfig;\n\n  // Alert/Confirm specific\n  showIcon?: boolean;\n}\n\nconst variantIcons = {\n  dialog: null,\n  confirm: (\n    <div className=\"size-12 flex items-center justify-center rounded-full bg-success/10 mx-auto mb-4\">\n      <CheckCircle2 className=\"size-6 text-success\" />\n    </div>\n  ),\n  alert: (\n    <div className=\"size-12 flex items-center justify-center rounded-full bg-error/10 mx-auto mb-4\">\n      <AlertCircle className=\"size-5 text-error\" />\n    </div>\n  ),\n  info: (\n    <div className=\"size-12 flex items-center justify-center rounded-full bg-blue-500/10 mx-auto mb-4\">\n      <Info className=\"size-5 text-blue-500\" />\n    </div>\n  ),\n  warning: (\n    <div className=\"size-12 flex items-center justify-center rounded-full bg-warning/10 mx-auto mb-4\">\n      <AlertTriangle className=\"size-5 text-warning\" />\n    </div>\n  ),\n};\n\nconst variantColors = {\n  dialog: \"\",\n  confirm: \"border-blue-500/20\",\n  alert: \"border-red-500/20\",\n  info: \"border-blue-500/20\",\n  warning: \"border-yellow-500/20\",\n};\n\nconst sizeClasses: Record<DialogSize, string> = {\n  sm: \"sm:max-w-sm\",\n  md: \"sm:max-w-md\",\n  lg: \"sm:max-w-lg\",\n  xl: \"sm:max-w-xl\",\n  \"2xl\": \"sm:max-w-2xl\",\n  \"3xl\": \"sm:max-w-3xl\",\n  \"4xl\": \"sm:max-w-4xl\",\n  full: \"sm:max-w-[95vw] h-[95vh]\",\n};\n\nconst positionClasses: Record<DialogPosition, string> = {\n  center: \"!top-[50%] !left-[50%] !translate-x-[-50%] !translate-y-[-50%]\",\n  top: \"!top-4 !left-[50%] !translate-x-[-50%] !translate-y-0\",\n  bottom: \"!top-auto !bottom-4 !left-[50%] !translate-x-[-50%] !translate-y-0\",\n  left: \"!left-4 !top-[50%] !translate-x-0 !translate-y-[-50%]\",\n  right: \"!left-auto !right-4 !top-[50%] !translate-x-0 !translate-y-[-50%]\",\n  \"top-left\": \"!top-4 !left-4 !translate-x-0 !translate-y-0\",\n  \"top-right\": \"!top-4 !left-auto !right-4 !translate-x-0 !translate-y-0\",\n  \"bottom-left\": \"!top-auto !bottom-4 !left-4 !translate-x-0 !translate-y-0\",\n  \"bottom-right\":\n    \"!top-auto !bottom-4 !left-auto !right-4 !translate-x-0 !translate-y-0\",\n};\n\nconst Dialog = React.forwardRef<HTMLDivElement, DialogProps>((props, ref) => {\n  const {\n    variant = \"dialog\",\n    open,\n    onOpenChange,\n    title,\n    description,\n    children,\n    trigger,\n    footer,\n    closeOnEsc = true,\n    closeOnOutside = true,\n    showCloseButton = true,\n    position = \"center\",\n    size = \"md\",\n    fullscreen = false,\n    scrollable = true,\n    stickyHeader = false,\n    stickyFooter = false,\n    animation,\n    className,\n    contentClassName,\n    headerClassName,\n    titleClassName,\n    descriptionClassName,\n    footerClassName,\n    // overlayClassName, // Not used in current implementation\n    confirmButton,\n    cancelButton,\n    showIcon = true,\n    backdropFilter = 0,\n    overlay = \"dark\",\n  } = props;\n\n  const animationResult = useMemo(() => {\n    return animation ? animationClass(animation) : { className: \"\" };\n  }, [animation]);\n\n  const contentClasses = cn(\n    // Remove default padding and gap to allow custom header/footer\n    \"!p-0 !gap-0 flex flex-col\",\n    sizeClasses[fullscreen ? \"full\" : size],\n    positionClasses[position],\n    variantColors[variant],\n    animationResult.className,\n    fullscreen ? \"h-[95vh]\" : \"max-h-[min(600px,80vh)]\"\n  );\n\n  const headerClasses = cn(\n    \"px-6 pt-6 text-left\",\n    !scrollable && \"contents space-y-0\",\n    headerClassName\n  );\n\n  const footerClasses = cn(\n    \"px-6 pb-6 sm:justify-end\",\n    !scrollable && \"border-t py-4\",\n    footerClassName\n  );\n\n  const icon = showIcon ? variantIcons[variant] : null;\n\n  const headerComponents = useMemo(() => {\n    return title || icon || description ? (\n      <AlertDialogHeader\n        className={cn(\n          \"flex items-center gap-2 py-4\",\n          { \"border-b\": stickyHeader },\n          headerClasses\n        )}\n      >\n        {(title || icon) && (\n          <AlertDialogTitle className={cn(titleClassName)}>\n            {icon}\n            {title}\n          </AlertDialogTitle>\n        )}\n        {description && (\n          <AlertDialogDescription className={descriptionClassName}>\n            {description}\n          </AlertDialogDescription>\n        )}\n      </AlertDialogHeader>\n    ) : null;\n  }, [\n    title,\n    icon,\n    description,\n    headerClasses,\n    titleClassName,\n    descriptionClassName,\n    stickyHeader,\n  ]);\n\n  const footerComponents = useMemo(() => {\n    // Merge configs with defaults\n    const mergedConfirmButton: DialogButtonConfig = {\n      variant: \"solid\",\n      color: \"primary\",\n      ...confirmButton,\n      text: confirmButton?.text ?? \"Confirm\",\n    };\n\n    const mergedCancelButton: DialogButtonConfig = {\n      variant: \"outline\",\n      ...cancelButton,\n      text: cancelButton?.text ?? \"Cancel\",\n    };\n\n    return footer || confirmButton || cancelButton ? (\n      <AlertDialogFooter\n        className={cn(\"py-4\", { \"border-t\": stickyFooter }, footerClasses)}\n      >\n        {footer || (\n          <>\n            {cancelButton && (\n              <Button\n                {...mergedCancelButton}\n                onClick={() => {\n                  mergedCancelButton.onClick?.();\n                }}\n              >\n                {mergedCancelButton.text}\n              </Button>\n            )}\n            {confirmButton && (\n              <Button\n                {...mergedConfirmButton}\n                onClick={() => {\n                  mergedConfirmButton.onClick?.();\n                }}\n              >\n                {mergedConfirmButton.text}\n              </Button>\n            )}\n          </>\n        )}\n      </AlertDialogFooter>\n    ) : null;\n  }, [footer, footerClasses, confirmButton, cancelButton, stickyFooter]);\n\n  // For alert-style dialogs (confirm, alert, info, warning)\n  if (variant !== \"dialog\") {\n    return (\n      <AlertDialog open={open} onOpenChange={onOpenChange}>\n        {trigger && <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>}\n        <AlertDialogContent\n          ref={ref}\n          className={cn(className, contentClasses)}\n          onEscapeKeyDown={(e) => !closeOnEsc && e.preventDefault()}\n          noDefaultAnimation={!!animation}\n          backdropFilter={backdropFilter}\n          overlay={overlay}\n        >\n          {stickyHeader && headerComponents}\n\n          <ScrollArea className=\"flex max-h-full flex-col overflow-hidden\">\n            {!stickyHeader && headerComponents}\n            {children && (\n              <div className={cn(\"px-6 py-4\", contentClassName)}>\n                {children}\n              </div>\n            )}\n            {!stickyFooter && footerComponents}\n          </ScrollArea>\n\n          {stickyFooter && footerComponents}\n        </AlertDialogContent>\n      </AlertDialog>\n    );\n  }\n\n  // Regular dialog\n  return (\n    <SDialog open={open} onOpenChange={onOpenChange}>\n      {trigger && <DialogTrigger asChild>{trigger}</DialogTrigger>}\n      <SDialogContent\n        ref={ref}\n        className={cn(className, contentClasses)}\n        showCloseButton={showCloseButton}\n        onEscapeKeyDown={(e) => !closeOnEsc && e.preventDefault()}\n        onInteractOutside={(e) => !closeOnOutside && e.preventDefault()}\n        noDefaultAnimation={!!animation}\n        backdropFilter={backdropFilter}\n        overlay={overlay}\n      >\n        {stickyHeader && (title || description) && (\n          <DialogHeader\n            className={cn({ \"py-4 border-b\": stickyHeader }, headerClasses)}\n          >\n            {title && (\n              <DialogTitle className={titleClassName}>{title}</DialogTitle>\n            )}\n            {description && (\n              <DialogDescription className={descriptionClassName}>\n                {description}\n              </DialogDescription>\n            )}\n          </DialogHeader>\n        )}\n        <ScrollArea className=\"flex max-h-full flex-col overflow-hidden\">\n          {!stickyHeader && (title || description) && (\n            <DialogHeader className={cn(\"py-4\", headerClasses)}>\n              {title && (\n                <DialogTitle className={titleClassName}>{title}</DialogTitle>\n              )}\n              {description && (\n                <DialogDescription className={descriptionClassName}>\n                  {description}\n                </DialogDescription>\n              )}\n            </DialogHeader>\n          )}\n          {children && (\n            <div className={cn(\"px-6 py-4\", contentClassName)}>{children}</div>\n          )}\n          {!stickyFooter && footer && (\n            <DialogFooter className={cn(\"py-4\", footerClasses)}>\n              {footer}\n            </DialogFooter>\n          )}\n        </ScrollArea>\n        {stickyFooter && footer && (\n          <DialogFooter\n            className={cn({ \"py-4 border-t\": stickyFooter }, footerClasses)}\n          >\n            {footer}\n          </DialogFooter>\n        )}\n      </SDialogContent>\n    </SDialog>\n  );\n});\n\nDialog.displayName = \"Dialog\";\n\nexport default Dialog;\n"],"names":["variantIcons","jsx","CheckCircle2","AlertCircle","Info","AlertTriangle","variantColors","sizeClasses","positionClasses","Dialog","React","props","ref","variant","open","onOpenChange","title","description","children","trigger","footer","closeOnEsc","closeOnOutside","showCloseButton","position","size","fullscreen","scrollable","stickyHeader","stickyFooter","animation","className","contentClassName","headerClassName","titleClassName","descriptionClassName","footerClassName","confirmButton","cancelButton","showIcon","backdropFilter","overlay","animationResult","useMemo","animationClass","contentClasses","cn","headerClasses","footerClasses","icon","headerComponents","jsxs","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","footerComponents","mergedConfirmButton","mergedCancelButton","AlertDialogFooter","Fragment","Button","AlertDialog","AlertDialogTrigger","AlertDialogContent","e","ScrollArea","SDialog","DialogTrigger","SDialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter"],"mappings":"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"}

package/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,196 @@
+import { jsx as n, jsxs as r, Fragment as L } from "react/jsx-runtime";
+import X, { useState as v } from "react";
+import { DropdownMenu as u, DropdownMenuTrigger as O, DropdownMenuPortal as S, DropdownMenuContent as m, DropdownMenuSub as Y, DropdownMenuSubTrigger as $, DropdownMenuSubContent as q, DropdownMenuItem as z, DropdownMenuRadioGroup as A, DropdownMenuRadioItem as B, DropdownMenuCheckboxItem as H, DropdownMenuGroup as J, DropdownMenuLabel as K, DropdownMenuSeparator as Q } from "@dsui/ui/components/dropdown-menu";
+import { cn as a } from "@dsui/ui/lib/utils";
+const U = X.forwardRef(
+  (I, i) => {
+    const {
+      open: p,
+      defaultOpen: h,
+      onOpenChange: f,
+      modal: c = !1,
+      children: M,
+      trigger: d,
+      content: t,
+      items: o,
+      side: R = "bottom",
+      align: P = "start",
+      sideOffset: j,
+      alignOffset: E,
+      portal: G = !0,
+      contextMenu: b = !1,
+      className: C,
+      contentClassName: g,
+      triggerClassName: w
+    } = I, [T, N] = v(!1), [k, _] = v({
+      x: 0,
+      y: 0
+    }), D = (l) => {
+      b && (l.preventDefault(), _({ x: l.clientX, y: l.clientY }), N(!0));
+    };
+    if (M)
+      return /* @__PURE__ */ n(
+        u,
+        {
+          open: p,
+          defaultOpen: h,
+          onOpenChange: f,
+          modal: c,
+          children: M
+        }
+      );
+    const s = (l) => l.map((e) => {
+      switch (e.type) {
+        case "separator":
+          return /* @__PURE__ */ n(Q, {}, e.key);
+        case "group":
+          return /* @__PURE__ */ r(J, { children: [
+            e.label && /* @__PURE__ */ n(K, { children: e.label }),
+            s(e.children)
+          ] }, e.key);
+        case "checkbox":
+          return /* @__PURE__ */ r(
+            H,
+            {
+              checked: e.checked,
+              disabled: e.disabled,
+              className: e.className,
+              onCheckedChange: (F) => {
+                F && e.onClick && e.onClick();
+              },
+              children: [
+                e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                e.label
+              ]
+            },
+            e.key
+          );
+        case "radio":
+          return /* @__PURE__ */ n(A, { value: e.group, children: /* @__PURE__ */ r(
+            B,
+            {
+              value: e.key,
+              disabled: e.disabled,
+              onClick: e.onClick,
+              className: e.className,
+              children: [
+                e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                e.label
+              ]
+            }
+          ) }, e.key);
+        default:
+          return e.children && e.children.length > 0 ? /* @__PURE__ */ r(Y, { children: [
+            /* @__PURE__ */ r(
+              $,
+              {
+                disabled: e.disabled,
+                className: a(
+                  e.disabled ? "opacity-50 cursor-not-allowed" : "",
+                  e.className
+                ),
+                children: [
+                  e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                  e.label
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(q, { children: s(e.children) })
+          ] }, e.key) : /* @__PURE__ */ r(
+            z,
+            {
+              disabled: e.disabled,
+              variant: e.variant,
+              onClick: e.onClick,
+              className: e.className,
+              children: [
+                e.icon && /* @__PURE__ */ n("span", { className: "mr-2", children: e.icon }),
+                e.label
+              ]
+            },
+            e.key
+          );
+      }
+    });
+    if (b)
+      return /* @__PURE__ */ r(L, { children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            onContextMenu: D,
+            className: a(w),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ r(
+          u,
+          {
+            open: T,
+            onOpenChange: N,
+            modal: c,
+            children: [
+              /* @__PURE__ */ n(O, { asChild: !0, children: /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "fixed",
+                  style: {
+                    left: k.x,
+                    top: k.y,
+                    width: 1,
+                    height: 1
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ n(S, { children: /* @__PURE__ */ r(
+                m,
+                {
+                  ref: i,
+                  className: a(C, g),
+                  side: "bottom",
+                  align: "start",
+                  sideOffset: 4,
+                  children: [
+                    t,
+                    o && s(o)
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      ] });
+    const x = d ? /* @__PURE__ */ n("div", { onContextMenu: D, className: a(w), children: d }) : null, y = t || o ? /* @__PURE__ */ r(
+      m,
+      {
+        ref: i,
+        side: R,
+        align: P,
+        sideOffset: j,
+        alignOffset: E,
+        className: a(C, g),
+        children: [
+          t,
+          o && s(o)
+        ]
+      }
+    ) : null;
+    return /* @__PURE__ */ r(
+      u,
+      {
+        open: p,
+        defaultOpen: h,
+        onOpenChange: f,
+        modal: c,
+        children: [
+          x && /* @__PURE__ */ n(O, { asChild: !0, children: x }),
+          G ? /* @__PURE__ */ n(S, { children: y }) : y
+        ]
+      }
+    );
+  }
+);
+U.displayName = "DropdownMenu";
+export {
+  U as default
+};
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  DropdownMenu as SDropdownMenu,\n  DropdownMenuTrigger as SDropdownMenuTrigger,\n  DropdownMenuContent as SDropdownMenuContent,\n  DropdownMenuPortal as SDropdownMenuPortal,\n  DropdownMenuItem as SDropdownMenuItem,\n  DropdownMenuCheckboxItem as SDropdownMenuCheckboxItem,\n  DropdownMenuRadioItem as SDropdownMenuRadioItem,\n  DropdownMenuRadioGroup as SDropdownMenuRadioGroup,\n  DropdownMenuLabel as SDropdownMenuLabel,\n  DropdownMenuSeparator as SDropdownMenuSeparator,\n  DropdownMenuGroup as SDropdownMenuGroup,\n  DropdownMenuSub as SDropdownMenuSub,\n  DropdownMenuSubTrigger as SDropdownMenuSubTrigger,\n  DropdownMenuSubContent as SDropdownMenuSubContent,\n} from \"@dsui/ui/components/dropdown-menu\";\nimport { cn } from \"@dsui/ui/lib/utils\";\n\nexport type DropdownMenuSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type DropdownMenuAlign = \"start\" | \"center\" | \"end\";\n\nexport type DropdownMenuItem =\n  | {\n      key: string;\n      label?: string;\n      icon?: React.ReactNode;\n      children?: DropdownMenuItem[];\n      type?: \"item\";\n      checked?: boolean;\n      disabled?: boolean;\n      variant?: \"default\" | \"destructive\";\n      onClick?: () => void;\n      className?: string;\n    }\n  | {\n      key: string;\n      type: \"checkbox\";\n      label?: string;\n      icon?: React.ReactNode;\n      checked?: boolean;\n      disabled?: boolean;\n      onClick?: () => void;\n      className?: string;\n    }\n  | {\n      key: string;\n      type: \"radio\";\n      label?: string;\n      icon?: React.ReactNode;\n      group: string;\n      checked?: boolean;\n      disabled?: boolean;\n      onClick?: () => void;\n      className?: string;\n    }\n  | {\n      key: string;\n      type: \"separator\";\n    }\n  | {\n      key: string;\n      type: \"group\";\n      label?: string;\n      children: DropdownMenuItem[];\n      disabled?: boolean;\n    };\n\nexport interface DropdownMenuProps {\n  // Core props\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n\n  // Content\n  children?: React.ReactNode;\n  trigger?: React.ReactNode;\n  content?: React.ReactNode;\n  items?: DropdownMenuItem[];\n\n  // Layout\n  side?: DropdownMenuSide;\n  align?: DropdownMenuAlign;\n  sideOffset?: number;\n  alignOffset?: number;\n\n  // Portal\n  portal?: boolean;\n\n  // Context menu\n  contextMenu?: boolean;\n\n  // Styling\n  className?: string;\n  contentClassName?: string;\n  triggerClassName?: string;\n}\n\nconst DropdownMenu = React.forwardRef<HTMLDivElement, DropdownMenuProps>(\n  (props, ref) => {\n    const {\n      open,\n      defaultOpen,\n      onOpenChange,\n      modal = false,\n      children,\n      trigger,\n      content,\n      items,\n      side = \"bottom\",\n      align = \"start\",\n      sideOffset,\n      alignOffset,\n      portal = true,\n      contextMenu = false,\n      className,\n      contentClassName,\n      triggerClassName,\n    } = props;\n\n    // Context menu state\n    const [contextMenuOpen, setContextMenuOpen] = useState(false);\n    const [contextMenuPosition, setContextMenuPosition] = useState({\n      x: 0,\n      y: 0,\n    });\n\n    // Handle context menu trigger\n    const handleContextMenu = (e: React.MouseEvent) => {\n      if (contextMenu) {\n        e.preventDefault();\n        setContextMenuPosition({ x: e.clientX, y: e.clientY });\n        setContextMenuOpen(true);\n      }\n    };\n\n    // If children are provided (compound pattern), render them directly\n    if (children) {\n      return (\n        <SDropdownMenu\n          open={open}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          modal={modal}\n        >\n          {children}\n        </SDropdownMenu>\n      );\n    }\n\n    // Render items if provided\n    const renderItems = (menuItems: DropdownMenuItem[]): React.ReactNode => {\n      return menuItems.map((item) => {\n        switch (item.type) {\n          case \"separator\":\n            return <SDropdownMenuSeparator key={item.key} />;\n          case \"group\":\n            return (\n              <SDropdownMenuGroup key={item.key}>\n                {item.label && (\n                  <SDropdownMenuLabel>{item.label}</SDropdownMenuLabel>\n                )}\n                {renderItems(item.children)}\n              </SDropdownMenuGroup>\n            );\n          case \"checkbox\":\n            return (\n              <SDropdownMenuCheckboxItem\n                key={item.key}\n                checked={item.checked}\n                disabled={item.disabled}\n                className={item.className}\n                onCheckedChange={(checked: boolean) => {\n                  if (checked && item.onClick) {\n                    item.onClick();\n                  }\n                }}\n              >\n                {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                {item.label}\n              </SDropdownMenuCheckboxItem>\n            );\n          case \"radio\":\n            return (\n              <SDropdownMenuRadioGroup key={item.key} value={item.group}>\n                <SDropdownMenuRadioItem\n                  value={item.key}\n                  disabled={item.disabled}\n                  onClick={item.onClick}\n                  className={item.className}\n                >\n                  {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                  {item.label}\n                </SDropdownMenuRadioItem>\n              </SDropdownMenuRadioGroup>\n            );\n          default: {\n            // item or undefined type\n            if (item.children && item.children.length > 0) {\n              // Submenu\n              return (\n                <SDropdownMenuSub key={item.key}>\n                  <SDropdownMenuSubTrigger\n                    disabled={item.disabled}\n                    className={cn(\n                      item.disabled ? \"opacity-50 cursor-not-allowed\" : \"\",\n                      item.className,\n                    )}\n                  >\n                    {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                    {item.label}\n                  </SDropdownMenuSubTrigger>\n                  <SDropdownMenuSubContent>\n                    {renderItems(item.children)}\n                  </SDropdownMenuSubContent>\n                </SDropdownMenuSub>\n              );\n            } else {\n              // Regular item\n              return (\n                <SDropdownMenuItem\n                  key={item.key}\n                  disabled={item.disabled}\n                  variant={item.variant}\n                  onClick={item.onClick}\n                  className={item.className}\n                >\n                  {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n                  {item.label}\n                </SDropdownMenuItem>\n              );\n            }\n          }\n        }\n      });\n    };\n\n    // If context menu is enabled, render differently\n    if (contextMenu) {\n      return (\n        <>\n          {/* Trigger area for context menu */}\n          <div\n            onContextMenu={handleContextMenu}\n            className={cn(triggerClassName)}\n          >\n            {trigger}\n          </div>\n          <SDropdownMenu\n            open={contextMenuOpen}\n            onOpenChange={setContextMenuOpen}\n            modal={modal}\n          >\n            <SDropdownMenuTrigger asChild>\n              <div\n                className=\"fixed\"\n                style={{\n                  left: contextMenuPosition.x,\n                  top: contextMenuPosition.y,\n                  width: 1,\n                  height: 1,\n                }}\n              />\n            </SDropdownMenuTrigger>\n            <SDropdownMenuPortal>\n              <SDropdownMenuContent\n                ref={ref}\n                className={cn(className, contentClassName)}\n                side=\"bottom\"\n                align=\"start\"\n                sideOffset={4}\n              >\n                {content}\n                {items && renderItems(items)}\n              </SDropdownMenuContent>\n            </SDropdownMenuPortal>\n          </SDropdownMenu>\n        </>\n      );\n    }\n\n    // Fallback to props-based pattern\n    const triggerElement = trigger ? (\n      <div onContextMenu={handleContextMenu} className={cn(triggerClassName)}>\n        {trigger}\n      </div>\n    ) : null;\n\n    const contentElement =\n      content || items ? (\n        <SDropdownMenuContent\n          ref={ref}\n          side={side}\n          align={align}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          className={cn(className, contentClassName)}\n        >\n          {content}\n          {items && renderItems(items)}\n        </SDropdownMenuContent>\n      ) : null;\n\n    return (\n      <SDropdownMenu\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n        modal={modal}\n      >\n        {triggerElement && (\n          <SDropdownMenuTrigger asChild>{triggerElement}</SDropdownMenuTrigger>\n        )}\n        {portal ? (\n          <SDropdownMenuPortal>{contentElement}</SDropdownMenuPortal>\n        ) : (\n          contentElement\n        )}\n      </SDropdownMenu>\n    );\n  },\n);\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","React","props","ref","open","defaultOpen","onOpenChange","modal","children","trigger","content","items","side","align","sideOffset","alignOffset","portal","contextMenu","className","contentClassName","triggerClassName","contextMenuOpen","setContextMenuOpen","useState","contextMenuPosition","setContextMenuPosition","handleContextMenu","e","jsx","SDropdownMenu","renderItems","menuItems","item","SDropdownMenuSeparator","SDropdownMenuGroup","SDropdownMenuLabel","jsxs","SDropdownMenuCheckboxItem","checked","SDropdownMenuRadioGroup","SDropdownMenuRadioItem","SDropdownMenuSub","SDropdownMenuSubTrigger","cn","SDropdownMenuSubContent","SDropdownMenuItem","Fragment","SDropdownMenuTrigger","SDropdownMenuPortal","SDropdownMenuContent","triggerElement","contentElement"],"mappings":"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"}

package/dist/esm/components/DropdownMenu/index.js

@@ -0,0 +1,24 @@
+import o from "./DropdownMenu.js";
+import { DropdownMenuSubContent as n, DropdownMenuSubTrigger as r, DropdownMenuSub as e, DropdownMenuShortcut as u, DropdownMenuSeparator as t, DropdownMenuRadioItem as p, DropdownMenuRadioGroup as d, DropdownMenuCheckboxItem as w, DropdownMenuItem as D, DropdownMenuLabel as M, DropdownMenuGroup as a, DropdownMenuContent as b, DropdownMenuTrigger as i, DropdownMenuPortal as m, DropdownMenu as S } from "@dsui/ui/components/dropdown-menu";
+const C = Object.assign(o, {
+  // Primitives
+  Root: S,
+  Portal: m,
+  Trigger: i,
+  Content: b,
+  Group: a,
+  Label: M,
+  Item: D,
+  CheckboxItem: w,
+  RadioGroup: d,
+  RadioItem: p,
+  Separator: t,
+  Shortcut: u,
+  Sub: e,
+  SubTrigger: r,
+  SubContent: n
+});
+export {
+  C as DropdownMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import DropdownMenuWrapper, { type DropdownMenuProps } from \"./DropdownMenu\";\nimport {\n  DropdownMenu as DropdownMenuPrimitive,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n} from \"@dsui/ui/components/dropdown-menu\";\n\nconst DropdownMenu = Object.assign(DropdownMenuWrapper, {\n  // Primitives\n  Root: DropdownMenuPrimitive,\n  Portal: DropdownMenuPortal,\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Item: DropdownMenuItem,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  Separator: DropdownMenuSeparator,\n  Shortcut: DropdownMenuShortcut,\n  Sub: DropdownMenuSub,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuSubContent,\n});\n\nexport { DropdownMenu };\nexport type { DropdownMenuProps, DropdownMenuItem };\n"],"names":["DropdownMenu","DropdownMenuWrapper","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent"],"mappings":";;AAmBA,MAAMA,IAAe,OAAO,OAAOC,GAAqB;AAAA;AAAA,EAEtD,MAAMC;AAAAA,EACN,QAAQC;AAAA,EACR,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,cAAcC;AAAA,EACd,YAAYC;AAAA,EACZ,WAAWC;AAAA,EACX,WAAWC;AAAA,EACX,UAAUC;AAAA,EACV,KAAKC;AAAA,EACL,YAAYC;AAAA,EACZ,YAAYC;AACd,CAAC;"}

package/dist/esm/components/FloatLabel.js

@@ -0,0 +1,59 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as u } from "@dsui/ui/lib/utils";
+import { Label as f } from "@dsui/ui/components/label";
+import { Tooltip as h } from "./Tooltip/Tooltip.js";
+import { Info as g } from "lucide-react";
+const w = i.forwardRef(
+  ({ className: a, infoTooltip: p, size: t = "xl", shouldFloat: o, children: n, ...c }, s) => {
+    const e = t === "lg" || !1;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        className: u(
+          "absolute start-2 select-none pointer-events-none",
+          "bg-background px-3 translate-y-2",
+          "flex",
+          {
+            "top-0.5 origin-left scale-75 translate-x-1 max-w-full h-3 py-0 bg-transparent": !e,
+            // State empty (placeholder shown) - ở giữa input
+            "peer-placeholder-shown:top-0 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:w-[calc(100%-(--spacing(4)))] peer-placeholder-shown:h-[calc(100%-(--spacing(4)))] peer-placeholder-shown:py-3 peer-placeholder-shown:bg-background": !e,
+            // // State focus - nằm trên input
+            "peer-focus:top-0.5 peer-focus:origin-left peer-focus:scale-75 peer-focus:translate-x-1 peer-focus:text-primary peer-focus:max-w-full peer-focus:h-3 peer-focus:py-0 peer-focus:bg-transparent": !e,
+            "group-focus-within:top-0.5 group-focus-within:origin-left group-focus-within:scale-75 group-focus-within:translate-x-1 group-focus-within:text-primary group-focus-within:max-w-full group-focus-within:h-3 group-focus-within:py-0 group-focus-within:bg-transparent": !e
+          },
+          {
+            "-top-3.5 origin-left scale-75 translate-x-0 max-w-full w-auto h-3 py-0": e,
+            // State empty (placeholder shown) - ở giữa input
+            "peer-placeholder-shown:-top-0.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:w-[calc(100%-(--spacing(4)))] peer-placeholder-shown:h-[calc(100%-(--spacing(3)))] peer-placeholder-shown:py-2 peer-placeholder-shown:bg-background": e,
+            // // State focus - nằm trên input
+            "peer-focus:-top-3.5 peer-focus:origin-left peer-focus:scale-75 peer-focus:text-primary peer-focus:max-w-full peer-focus:w-auto peer-focus:h-3 peer-focus:py-0": e,
+            "group-focus-within:-top-3.5 group-focus-within:origin-left group-focus-within:scale-75 group-focus-within:text-primary group-focus-within:max-w-full group-focus-within:w-auto group-focus-within:h-3 group-focus-within:py-0": e
+          },
+          // State when shouldFloat prop is set
+          {
+            "top-0.5 origin-left scale-75 translate-x-1 max-w-full h-3 py-0": typeof o == "boolean" && o && !e,
+            "top-0 scale-100 translate-x-0 w-[calc(100%-(--spacing(4)))] h-[calc(100%-(--spacing(4)))] py-3 bg-background": typeof o == "boolean" && !o && !e
+          },
+          {
+            "-top-3.5 origin-left scale-75 translate-x-0 max-w-full h-3 py-0": typeof o == "boolean" && o && e,
+            "top-0 scale-100 translate-x-0 w-[calc(100%-(--spacing(4)))] h-[calc(100%-(--spacing(4)))] py-3 bg-background": typeof o == "boolean" && !o && e
+          },
+          "will-change-transform transition-all duration-300 ease-in-out",
+          a
+        ),
+        ref: s,
+        ...c,
+        children: [
+          /* @__PURE__ */ r("span", { className: "truncate whitespace-nowrap max-w-full pointer-events-none", children: n }),
+          p && /* @__PURE__ */ r(h, { content: p, children: /* @__PURE__ */ r(g, { className: "size-3.5 min-w-3.5 z-10 pointer-events-auto" }) })
+        ]
+      }
+    );
+  }
+);
+w.displayName = "FloatingLabel";
+export {
+  w as FloatingLabel
+};
+//# sourceMappingURL=FloatLabel.js.map

package/dist/esm/components/FloatLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatLabel.js","sources":["../../../src/components/FloatLabel.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport { Label } from \"@dsui/ui/components/label\";\nimport { Tooltip } from \"./Tooltip/Tooltip\";\nimport { Info } from \"lucide-react\";\n\nconst FloatingLabel = React.forwardRef<\n  React.ElementRef<typeof Label>,\n  React.ComponentPropsWithoutRef<typeof Label> & {\n    infoTooltip?: React.ReactNode;\n    size?: string;\n    shouldFloat?: boolean;\n  }\n>(\n  (\n    { className, infoTooltip, size = \"xl\", shouldFloat, children, ...props },\n    ref,\n  ) => {\n    const lagerSize = size === \"lg\" || false;\n\n    return (\n      <Label\n        className={cn(\n          \"absolute start-2 select-none pointer-events-none\",\n          \"bg-background px-3 translate-y-2\",\n          \"flex\",\n          {\n            \"top-0.5 origin-left scale-75 translate-x-1 max-w-full h-3 py-0 bg-transparent\":\n              !lagerSize,\n            // State empty (placeholder shown) - ở giữa input\n            \"peer-placeholder-shown:top-0 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:w-[calc(100%-(--spacing(4)))] peer-placeholder-shown:h-[calc(100%-(--spacing(4)))] peer-placeholder-shown:py-3 peer-placeholder-shown:bg-background\":\n              !lagerSize,\n            // // State focus - nằm trên input\n            \"peer-focus:top-0.5 peer-focus:origin-left peer-focus:scale-75 peer-focus:translate-x-1 peer-focus:text-primary peer-focus:max-w-full peer-focus:h-3 peer-focus:py-0 peer-focus:bg-transparent\":\n              !lagerSize,\n            \"group-focus-within:top-0.5 group-focus-within:origin-left group-focus-within:scale-75 group-focus-within:translate-x-1 group-focus-within:text-primary group-focus-within:max-w-full group-focus-within:h-3 group-focus-within:py-0 group-focus-within:bg-transparent\":\n              !lagerSize,\n          },\n          {\n            \"-top-3.5 origin-left scale-75 translate-x-0 max-w-full w-auto h-3 py-0\":\n              lagerSize,\n            // State empty (placeholder shown) - ở giữa input\n            \"peer-placeholder-shown:-top-0.5 peer-placeholder-shown:scale-100 peer-placeholder-shown:w-[calc(100%-(--spacing(4)))] peer-placeholder-shown:h-[calc(100%-(--spacing(3)))] peer-placeholder-shown:py-2 peer-placeholder-shown:bg-background\":\n              lagerSize,\n            // // State focus - nằm trên input\n            \"peer-focus:-top-3.5 peer-focus:origin-left peer-focus:scale-75 peer-focus:text-primary peer-focus:max-w-full peer-focus:w-auto peer-focus:h-3 peer-focus:py-0\":\n              lagerSize,\n            \"group-focus-within:-top-3.5 group-focus-within:origin-left group-focus-within:scale-75 group-focus-within:text-primary group-focus-within:max-w-full group-focus-within:w-auto group-focus-within:h-3 group-focus-within:py-0\":\n              lagerSize,\n          },\n\n          // State when shouldFloat prop is set\n          {\n            \"top-0.5 origin-left scale-75 translate-x-1 max-w-full h-3 py-0\":\n              typeof shouldFloat === \"boolean\" && shouldFloat && !lagerSize,\n            \"top-0 scale-100 translate-x-0 w-[calc(100%-(--spacing(4)))] h-[calc(100%-(--spacing(4)))] py-3 bg-background\":\n              typeof shouldFloat === \"boolean\" && !shouldFloat && !lagerSize,\n          },\n          {\n            \"-top-3.5 origin-left scale-75 translate-x-0 max-w-full h-3 py-0\":\n              typeof shouldFloat === \"boolean\" && shouldFloat && lagerSize,\n            \"top-0 scale-100 translate-x-0 w-[calc(100%-(--spacing(4)))] h-[calc(100%-(--spacing(4)))] py-3 bg-background\":\n              typeof shouldFloat === \"boolean\" && !shouldFloat && lagerSize,\n          },\n          \"will-change-transform transition-all duration-300 ease-in-out\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      >\n        <span className=\"truncate whitespace-nowrap max-w-full pointer-events-none\">\n          {children}\n        </span>\n\n        {infoTooltip && (\n          <Tooltip content={infoTooltip}>\n            <Info className=\"size-3.5 min-w-3.5 z-10 pointer-events-auto\" />\n          </Tooltip>\n        )}\n      </Label>\n    );\n  },\n);\n\nFloatingLabel.displayName = \"FloatingLabel\";\n\nexport { FloatingLabel };\n"],"names":["FloatingLabel","React","className","infoTooltip","size","shouldFloat","children","props","ref","lagerSize","jsxs","Label","cn","jsx","Tooltip","Info"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAM;AAAA,EAQ1B,CACE,EAAE,WAAAC,GAAW,aAAAC,GAAa,MAAAC,IAAO,MAAM,aAAAC,GAAa,UAAAC,GAAU,GAAGC,EAAA,GACjEC,MACG;AACH,UAAMC,IAAYL,MAAS,QAAQ;AAEnC,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACE,iFACE,CAACH;AAAA;AAAA,YAEH,iRACE,CAACA;AAAA;AAAA,YAEH,iMACE,CAACA;AAAA,YACH,yQACE,CAACA;AAAA,UAAA;AAAA,UAEL;AAAA,YACE,0EACEA;AAAA;AAAA,YAEF,+OACEA;AAAA;AAAA,YAEF,iKACEA;AAAA,YACF,iOACEA;AAAA,UAAA;AAAA;AAAA,UAIJ;AAAA,YACE,kEACE,OAAOJ,KAAgB,aAAaA,KAAe,CAACI;AAAA,YACtD,gHACE,OAAOJ,KAAgB,aAAa,CAACA,KAAe,CAACI;AAAA,UAAA;AAAA,UAEzD;AAAA,YACE,mEACE,OAAOJ,KAAgB,aAAaA,KAAeI;AAAA,YACrD,gHACE,OAAOJ,KAAgB,aAAa,CAACA,KAAeI;AAAA,UAAA;AAAA,UAExD;AAAA,UACAP;AAAA,QAAA;AAAA,QAEF,KAAAM;AAAA,QACC,GAAGD;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,6DACb,UAAAP,EAAA,CACH;AAAA,UAECH,uBACEW,GAAA,EAAQ,SAASX,GAChB,UAAA,gBAAAU,EAACE,GAAA,EAAK,WAAU,8CAAA,CAA8C,EAAA,CAChE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAf,EAAc,cAAc;"}