@namehash/namehash-ui 1.8.1 → 1.10.0

package/dist/components/legacy/index.cjs

@@ -0,0 +1,155 @@
+"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/legacy/index.ts
+var legacy_exports = {};
+__export(legacy_exports, {
+  DEFAULT_MAX_TOOLTIP_WIDTH: () => DEFAULT_MAX_TOOLTIP_WIDTH,
+  DEFAULT_TOOLTIP_PLACEMENT: () => DEFAULT_TOOLTIP_PLACEMENT,
+  Tooltip: () => Tooltip,
+  TooltipPlacement: () => TooltipPlacement,
+  legacyButtonVariants: () => legacyButtonVariants,
+  legacyLinkVariants: () => legacyLinkVariants
+});
+module.exports = __toCommonJS(legacy_exports);
+
+// src/components/legacy/buttonVariants.ts
+var import_class_variance_authority = require("class-variance-authority");
+var legacyButtonVariants = (0, import_class_variance_authority.cva)(
+  "nhui:relative nhui:transition nhui:text-base nhui:rounded-md nhui:border nhui:font-medium nhui:inline-flex nhui:gap-2 nhui:items-center nhui:whitespace-nowrap nhui:no-underline nhui:disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "nhui:bg-black nhui:text-white nhui:border-black nhui:hover:bg-[#272727]",
+        secondary: "nhui:bg-white nhui:text-black nhui:border-[#DBDBDB] nhui:shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] nhui:hover:bg-gray-50",
+        ghost: "nhui:text-black nhui:border-transparent nhui:hover:bg-black/5"
+      },
+      size: {
+        small: "nhui:py-1 nhui:px-2 nhui:text-sm",
+        medium: "nhui:py-2 nhui:px-4",
+        large: "nhui:py-3 nhui:px-6 nhui:text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "medium"
+    }
+  }
+);
+
+// src/components/legacy/linkVariants.ts
+var import_class_variance_authority2 = require("class-variance-authority");
+var legacyLinkVariants = (0, import_class_variance_authority2.cva)("nhui:transition nhui:cursor-pointer", {
+  variants: {
+    variant: {
+      primary: "nhui:text-current nhui:underline nhui:decoration-transparent nhui:hover:decoration-current nhui:sm:underline-offset-[4px] nhui:sm:transition-all nhui:sm:duration-200 nhui:sm:hover:underline-offset-[2px]",
+      secondary: "nhui:text-gray-500 nhui:hover:text-black",
+      underline: "nhui:text-current nhui:underline nhui:decoration-current nhui:underline-offset-[4px] nhui:transition-all nhui:duration-200 nhui:hover:underline-offset-[2px]"
+    },
+    size: {
+      xsmall: "nhui:text-xs",
+      small: "nhui:text-sm",
+      medium: "nhui:text-base",
+      large: "nhui:text-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "medium"
+  }
+});
+
+// src/components/legacy/Tooltip.tsx
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var React = __toESM(require("react"), 1);
+var import_react = require("react");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/legacy/Tooltip.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_MAX_TOOLTIP_WIDTH = 400;
+var TooltipPlacement = {
+  Top: "top",
+  Right: "right",
+  Bottom: "bottom",
+  Left: "left"
+};
+var DEFAULT_TOOLTIP_PLACEMENT = TooltipPlacement.Top;
+function Tooltip({
+  trigger,
+  children,
+  placement = DEFAULT_TOOLTIP_PLACEMENT,
+  maxTooltipWidth = DEFAULT_MAX_TOOLTIP_WIDTH,
+  className,
+  withDelay = false,
+  sideOffset = 15,
+  collisionPadding = 6,
+  avoidCollisions = true,
+  ...props
+}) {
+  const triggerNode = React.isValidElement(trigger) && trigger.type !== React.Fragment ? trigger : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: trigger });
+  const [open, setOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Provider, { delayDuration: withDelay ? 300 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cn("nhui:flex nhui:items-center", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Trigger, { onClick: () => setOpen(true), asChild: true, children: triggerNode }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      TooltipPrimitive.Content,
+      {
+        side: placement,
+        sideOffset,
+        collisionPadding,
+        avoidCollisions,
+        className: cn(
+          "nhui:z-50 nhui:rounded-md nhui:bg-black nhui:outline-none",
+          "nhui:origin-(--radix-tooltip-content-transform-origin)",
+          "nhui:transition-opacity nhui:duration-300",
+          "nhui:data-[state=delayed-open]:animate-in nhui:data-[state=closed]:animate-out",
+          "nhui:data-[state=closed]:duration-200",
+          "nhui:data-[state=closed]:fade-out-0 nhui:data-[state=delayed-open]:fade-in-0",
+          "nhui:data-[side=top]:slide-in-from-bottom-1",
+          "nhui:data-[side=right]:slide-in-from-left-1",
+          "nhui:data-[side=bottom]:slide-in-from-top-1",
+          "nhui:data-[side=left]:slide-in-from-right-1"
+        ),
+        style: { maxWidth: maxTooltipWidth },
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Arrow, { className: "nhui:z-50 nhui:size-2.5 nhui:translate-y-[calc(-50%_-_2px)] nhui:rotate-45 nhui:rounded-[2px] nhui:bg-black nhui:fill-black" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "nhui:relative nhui:z-10 nhui:h-full nhui:rounded-md nhui:px-4 nhui:py-2 nhui:text-sm nhui:font-medium nhui:text-white", children })
+        ]
+      }
+    ) })
+  ] }) }) });
+}
+//# sourceMappingURL=index.cjs.map

package/dist/components/legacy/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/legacy/index.ts","../../../src/components/legacy/buttonVariants.ts","../../../src/components/legacy/linkVariants.ts","../../../src/components/legacy/Tooltip.tsx","../../../src/utils/cn.ts"],"sourcesContent":["import \"../../styles.css\";\n\nexport * from \"./buttonVariants\";\nexport * from \"./linkVariants\";\nexport * from \"./Tooltip\";\n","import { cva } from \"class-variance-authority\";\n\nexport const legacyButtonVariants = cva(\n  \"nhui:relative nhui:transition nhui:text-base nhui:rounded-md nhui:border nhui:font-medium nhui:inline-flex nhui:gap-2 nhui:items-center nhui:whitespace-nowrap nhui:no-underline nhui:disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        primary: \"nhui:bg-black nhui:text-white nhui:border-black nhui:hover:bg-[#272727]\",\n        secondary:\n          \"nhui:bg-white nhui:text-black nhui:border-[#DBDBDB] nhui:shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] nhui:hover:bg-gray-50\",\n        ghost: \"nhui:text-black nhui:border-transparent nhui:hover:bg-black/5\",\n      },\n      size: {\n        small: \"nhui:py-1 nhui:px-2 nhui:text-sm\",\n        medium: \"nhui:py-2 nhui:px-4\",\n        large: \"nhui:py-3 nhui:px-6 nhui:text-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"medium\",\n    },\n  },\n);\n","import { cva } from \"class-variance-authority\";\n\nexport const legacyLinkVariants = cva(\"nhui:transition nhui:cursor-pointer\", {\n  variants: {\n    variant: {\n      primary:\n        \"nhui:text-current nhui:underline nhui:decoration-transparent nhui:hover:decoration-current nhui:sm:underline-offset-[4px] nhui:sm:transition-all nhui:sm:duration-200 nhui:sm:hover:underline-offset-[2px]\",\n      secondary: \"nhui:text-gray-500 nhui:hover:text-black\",\n      underline:\n        \"nhui:text-current nhui:underline nhui:decoration-current nhui:underline-offset-[4px] nhui:transition-all nhui:duration-200 nhui:hover:underline-offset-[2px]\",\n    },\n    size: {\n      xsmall: \"nhui:text-xs\",\n      small: \"nhui:text-sm\",\n      medium: \"nhui:text-base\",\n      large: \"nhui:text-lg\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"medium\",\n  },\n});\n","import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport * as React from \"react\";\nimport { useState } from \"react\";\n\nimport { cn } from \"../../utils/cn\";\n\ntype Props = {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  placement?: TooltipPlacement;\n  maxTooltipWidth?: number;\n  className?: string;\n  withDelay?: boolean;\n} & Omit<\n  React.ComponentProps<typeof TooltipPrimitive.Content>,\n  \"children\" | \"side\" | \"style\" | \"className\"\n>;\n\nexport const DEFAULT_MAX_TOOLTIP_WIDTH = 400;\n\nexport const TooltipPlacement = {\n  Top: \"top\",\n  Right: \"right\",\n  Bottom: \"bottom\",\n  Left: \"left\",\n} as const;\n\nexport type TooltipPlacement = (typeof TooltipPlacement)[keyof typeof TooltipPlacement];\n\nexport const DEFAULT_TOOLTIP_PLACEMENT = TooltipPlacement.Top;\n\nexport function Tooltip({\n  trigger,\n  children,\n  placement = DEFAULT_TOOLTIP_PLACEMENT,\n  maxTooltipWidth = DEFAULT_MAX_TOOLTIP_WIDTH,\n  className,\n  withDelay = false,\n  sideOffset = 15,\n  collisionPadding = 6,\n  avoidCollisions = true,\n  ...props\n}: Props) {\n  const triggerNode =\n    React.isValidElement(trigger) && trigger.type !== React.Fragment ? (\n      trigger\n    ) : (\n      <span>{trigger}</span>\n    );\n  const [open, setOpen] = useState(false);\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={withDelay ? 300 : 0}>\n      <TooltipPrimitive.Root open={open} onOpenChange={setOpen}>\n        <div className={cn(\"nhui:flex nhui:items-center\", className)}>\n          <TooltipPrimitive.Trigger onClick={() => setOpen(true)} asChild>\n            {triggerNode}\n          </TooltipPrimitive.Trigger>\n          <TooltipPrimitive.Portal>\n            <TooltipPrimitive.Content\n              side={placement}\n              sideOffset={sideOffset}\n              collisionPadding={collisionPadding}\n              avoidCollisions={avoidCollisions}\n              className={cn(\n                \"nhui:z-50 nhui:rounded-md nhui:bg-black nhui:outline-none\",\n                \"nhui:origin-(--radix-tooltip-content-transform-origin)\",\n                \"nhui:transition-opacity nhui:duration-300\",\n                \"nhui:data-[state=delayed-open]:animate-in nhui:data-[state=closed]:animate-out\",\n                \"nhui:data-[state=closed]:duration-200\",\n                \"nhui:data-[state=closed]:fade-out-0 nhui:data-[state=delayed-open]:fade-in-0\",\n                \"nhui:data-[side=top]:slide-in-from-bottom-1\",\n                \"nhui:data-[side=right]:slide-in-from-left-1\",\n                \"nhui:data-[side=bottom]:slide-in-from-top-1\",\n                \"nhui:data-[side=left]:slide-in-from-right-1\",\n              )}\n              style={{ maxWidth: maxTooltipWidth }}\n              {...props}\n            >\n              <TooltipPrimitive.Arrow className=\"nhui:z-50 nhui:size-2.5 nhui:translate-y-[calc(-50%_-_2px)] nhui:rotate-45 nhui:rounded-[2px] nhui:bg-black nhui:fill-black\" />\n              <div className=\"nhui:relative nhui:z-10 nhui:h-full nhui:rounded-md nhui:px-4 nhui:py-2 nhui:text-sm nhui:font-medium nhui:text-white\">\n                {children}\n              </div>\n            </TooltipPrimitive.Content>\n          </TooltipPrimitive.Portal>\n        </div>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sCAAoB;AAEb,IAAM,2BAAuB;AAAA,EAClC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;;;ACvBA,IAAAA,mCAAoB;AAEb,IAAM,yBAAqB,sCAAI,uCAAuC;AAAA,EAC3E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,WAAW;AAAA,MACX,WACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;;;ACtBD,uBAAkC;AAClC,YAAuB;AACvB,mBAAyB;;;ACFzB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD0CM;AA7BC,IAAM,4BAA4B;AAElC,IAAM,mBAAmB;AAAA,EAC9B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR;AAIO,IAAM,4BAA4B,iBAAiB;AAEnD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAU;AACR,QAAM,cACE,qBAAe,OAAO,KAAK,QAAQ,SAAe,iBACtD,UAEA,4CAAC,UAAM,mBAAQ;AAEnB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,SACE,4CAAkB,2BAAjB,EAA0B,eAAe,YAAY,MAAM,GAC1D,sDAAkB,uBAAjB,EAAsB,MAAY,cAAc,SAC/C,uDAAC,SAAI,WAAW,GAAG,+BAA+B,SAAS,GACzD;AAAA,gDAAkB,0BAAjB,EAAyB,SAAS,MAAM,QAAQ,IAAI,GAAG,SAAO,MAC5D,uBACH;AAAA,IACA,4CAAkB,yBAAjB,EACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO,EAAE,UAAU,gBAAgB;AAAA,QAClC,GAAG;AAAA,QAEJ;AAAA,sDAAkB,wBAAjB,EAAuB,WAAU,+HAA8H;AAAA,UAChK,4CAAC,SAAI,WAAU,yHACZ,UACH;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF,GACF;AAEJ;","names":["import_class_variance_authority"]}