react-marketing-ui 0.0.1

package/dist/navigation-menu.js

@@ -0,0 +1,367 @@
+'use strict';
+
+var navigationMenu = require('@base-ui/react/navigation-menu');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+
+// src/components/navigation-menu.tsx
+
+// src/lib/surface.ts
+var SURFACE_BG = {
+  1: "bg-surface-1",
+  2: "bg-surface-2",
+  3: "bg-surface-3",
+  4: "bg-surface-4",
+  5: "bg-surface-5",
+  6: "bg-surface-6",
+  7: "bg-surface-7",
+  8: "bg-surface-8"
+};
+var SURFACE_VAR = {
+  1: "[--popup-surface:var(--surface-1)]",
+  2: "[--popup-surface:var(--surface-2)]",
+  3: "[--popup-surface:var(--surface-3)]",
+  4: "[--popup-surface:var(--surface-4)]",
+  5: "[--popup-surface:var(--surface-5)]",
+  6: "[--popup-surface:var(--surface-6)]",
+  7: "[--popup-surface:var(--surface-7)]",
+  8: "[--popup-surface:var(--surface-8)]"
+};
+var SURFACE_SHADOW_COMBINED = {
+  1: "shadow-elevated-1",
+  2: "shadow-elevated-2",
+  3: "shadow-elevated-3",
+  4: "shadow-elevated-4",
+  5: "shadow-elevated-5",
+  6: "shadow-elevated-6",
+  7: "shadow-elevated-7",
+  8: "shadow-elevated-8"
+};
+function solidSurface(level, shadowLevel = level) {
+  return `${SURFACE_BG[level]} ${SURFACE_SHADOW_COMBINED[shadowLevel]} ${SURFACE_VAR[level]}`;
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function validCssVars(style) {
+  return style;
+}
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 3.5L5 7.5L9 3.5", stroke: "currentColor", strokeWidth: "1.5" }) });
+}
+function ChevronRightIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 1L7.5 5L3.5 9", stroke: "currentColor", strokeWidth: "1.5" }) });
+}
+function ArrowSvg(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { "aria-hidden": "true", width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+        className: "fill-(--popup-surface,var(--surface-3))"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+        className: "fill-border"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+        className: "fill-border"
+      }
+    )
+  ] });
+}
+var navigationMenuTriggerStyle = classVarianceAuthority.cva(
+  "box-border flex items-center justify-center gap-1.5 h-10 px-2.5 xs:px-3 m-0 rounded-md text-foreground font-medium !text-[15px] leading-6 select-none no-underline hover:text-foreground data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring focus-visible:relative"
+);
+var navigationMenuSubTriggerStyle = classVarianceAuthority.cva(
+  "w-full text-left relative block rounded-md p-2.5 xs:p-3 no-underline text-inherit hover:bg-black/[0.07] dark:hover:bg-white/[0.07] hover:text-foreground active:bg-black/[0.11] dark:active:bg-white/[0.11] focus-visible:relative focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground"
+);
+function NavigationMenu({
+  className,
+  children,
+  side,
+  sideOffset = 10,
+  align,
+  alignOffset,
+  collisionPadding = { top: 5, bottom: 5, left: 20, right: 20 },
+  collisionBoundary,
+  arrow = false,
+  positionMethod = "fixed",
+  level = 2,
+  shadowLevel = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    navigationMenu.NavigationMenu.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-level": level,
+      className: cn("min-w-max rounded-md p-1 text-foreground", solidSurface(level, shadowLevel), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NavigationMenuViewport,
+          {
+            side,
+            sideOffset,
+            align,
+            alignOffset,
+            collisionPadding,
+            collisionBoundary,
+            arrow,
+            positionMethod
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(navigationMenu.NavigationMenu.List, { "data-slot": "navigation-menu-list", className: cn("relative flex", className), ...props });
+}
+function NavigationMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(navigationMenu.NavigationMenu.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props });
+}
+function NavigationMenuTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    navigationMenu.NavigationMenu.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuIcon, {})
+      ]
+    }
+  );
+}
+function NavigationMenuIcon({
+  className,
+  render = /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}),
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    navigationMenu.NavigationMenu.Icon,
+    {
+      className: cn("transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180", className),
+      render,
+      ...props
+    }
+  );
+}
+function NavigationMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    navigationMenu.NavigationMenu.Trigger,
+    {
+      "data-slot": "navigation-menu-sub-trigger",
+      className: cn(navigationMenuSubTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          navigationMenu.NavigationMenu.Icon,
+          {
+            className: "absolute top-1/2 right-2.5 flex h-2.5 w-2.5 -translate-y-1/2 items-center justify-center transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180",
+            render: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    navigationMenu.NavigationMenu.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "h-full w-[calc(100vw-2.5rem)] p-4 sm:w-max",
+        // Transitions for opacity/transform/filter
+        "transition-[opacity,transform,filter,scale,translate] duration-(--duration) ease-(--easing)",
+        // Starting/ending opacity
+        "data-ending-style:opacity-0 data-starting-style:opacity-0",
+        // Direction-aware slide (starting)
+        "data-starting-style:data-[activation-direction=left]:-translate-x-1/2",
+        "data-starting-style:data-[activation-direction=right]:translate-x-1/2",
+        // Direction-aware slide (ending)
+        "data-ending-style:data-[activation-direction=left]:translate-x-1/2",
+        "data-ending-style:data-[activation-direction=right]:-translate-x-1/2",
+        // Blur effect during transitions
+        "data-ending-style:blur-[4px] data-starting-style:blur-[4px]",
+        // scale effect during transitions
+        "data-ending-style:scale-97 data-starting-style:scale-97",
+        // Motion reduce support
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuLink({ className, standalone, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    navigationMenu.NavigationMenu.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        standalone ? navigationMenuTriggerStyle() : "block rounded-md p-2.5 xs:p-3 text-inherit no-underline duration-150 hover:text-foreground hover:duration-0 focus-visible:relative focus-visible:outline-2 focus-visible:outline-ring focus-visible:-outline-offset-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuBackdrop({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(navigationMenu.NavigationMenu.Backdrop, { "data-slot": "navigation-menu-backdrop", ...props });
+}
+function NavigationMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(navigationMenu.NavigationMenu.Portal, { "data-slot": "navigation-menu-portal", ...props });
+}
+function NavigationMenuArrow({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    navigationMenu.NavigationMenu.Arrow,
+    {
+      className: "flex transition-[left] duration-[var(--duration)] ease-[var(--easing)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ArrowSvg, {})
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  children,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  collisionPadding,
+  collisionBoundary,
+  arrow = false,
+  positionMethod = "fixed",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    navigationMenu.NavigationMenu.Positioner,
+    {
+      "data-slot": "navigation-menu-positioner",
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      collisionPadding,
+      collisionBoundary,
+      positionMethod,
+      className: "z-50 box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5",
+      style: validCssVars({ "--duration": "0.35s", "--easing": "cubic-bezier(0.22, 1, 0.36, 1)" }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        navigationMenu.NavigationMenu.Popup,
+        {
+          "data-slot": "navigation-menu-content",
+          className: cn(
+            "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150",
+            solidSurface(3, 3)
+          ),
+          children: [
+            arrow ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuArrow, {}) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              navigationMenu.NavigationMenu.Viewport,
+              {
+                "data-slot": "navigation-menu-viewport",
+                className: cn("relative h-full w-full overflow-hidden", className),
+                ...props,
+                children
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+function NavigationMenuSub({
+  className,
+  children,
+  orientation = "vertical",
+  side = "right",
+  sideOffset = 24,
+  align = "end",
+  alignOffset = -24,
+  arrow = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    navigationMenu.NavigationMenu.Root,
+    {
+      "data-slot": "navigation-menu-sub",
+      className: cn("", className),
+      orientation,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          navigationMenu.NavigationMenu.Positioner,
+          {
+            "data-slot": "navigation-menu-sub-positioner",
+            sideOffset,
+            alignOffset,
+            align,
+            side,
+            className: "box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5",
+            style: validCssVars({ "--duration": "0.35s", "--easing": "cubic-bezier(0.22, 1, 0.36, 1)" }),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              navigationMenu.NavigationMenu.Popup,
+              {
+                "data-slot": "navigation-menu-sub-content",
+                className: cn(
+                  "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150",
+                  solidSurface(5, 5)
+                ),
+                children: [
+                  arrow ? /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuArrow, {}) : null,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    navigationMenu.NavigationMenu.Viewport,
+                    {
+                      "data-slot": "navigation-menu-sub-viewport",
+                      className: "relative h-full w-full overflow-hidden"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuArrow = NavigationMenuArrow;
+exports.NavigationMenuBackdrop = NavigationMenuBackdrop;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIcon = NavigationMenuIcon;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuPortal = NavigationMenuPortal;
+exports.NavigationMenuSub = NavigationMenuSub;
+exports.NavigationMenuSubTrigger = NavigationMenuSubTrigger;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+//# sourceMappingURL=navigation-menu.js.map
+//# sourceMappingURL=navigation-menu.js.map

package/dist/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/surface.ts","../src/lib/utils.ts","../src/components/navigation-menu-icons.tsx","../src/components/navigation-menu-styles.ts","../src/components/navigation-menu.tsx"],"names":["twMerge","clsx","jsx","jsxs","cva","NavigationMenuPrimitive"],"mappings":"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","file":"navigation-menu.js","sourcesContent":["export type SurfaceLevel = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n\nconst SURFACE_BG: Record<SurfaceLevel, string> = {\n  1: 'bg-surface-1',\n  2: 'bg-surface-2',\n  3: 'bg-surface-3',\n  4: 'bg-surface-4',\n  5: 'bg-surface-5',\n  6: 'bg-surface-6',\n  7: 'bg-surface-7',\n  8: 'bg-surface-8',\n};\n\nconst SURFACE_VAR: Record<SurfaceLevel, string> = {\n  1: '[--popup-surface:var(--surface-1)]',\n  2: '[--popup-surface:var(--surface-2)]',\n  3: '[--popup-surface:var(--surface-3)]',\n  4: '[--popup-surface:var(--surface-4)]',\n  5: '[--popup-surface:var(--surface-5)]',\n  6: '[--popup-surface:var(--surface-6)]',\n  7: '[--popup-surface:var(--surface-7)]',\n  8: '[--popup-surface:var(--surface-8)]',\n};\n\n/**\n * Drops + rim insets in a single `box-shadow` (no `::after`). Used by `solidSurface()`.\n * Literal Tailwind classes so the scanner picks them up.\n */\nconst SURFACE_SHADOW_COMBINED: Record<SurfaceLevel, string> = {\n  1: 'shadow-elevated-1',\n  2: 'shadow-elevated-2',\n  3: 'shadow-elevated-3',\n  4: 'shadow-elevated-4',\n  5: 'shadow-elevated-5',\n  6: 'shadow-elevated-6',\n  7: 'shadow-elevated-7',\n  8: 'shadow-elevated-8',\n};\n\n/**\n * Elevation for a free-floating surface: background, elevation variable, and the drop shadow with\n * its rim inset painted in the same `box-shadow` — which leaves `::after` free for other purposes.\n *\n * Suits containers with no opaque children near their edges. A child painted over the rim (a sticky\n * label, a pinned input, a dialog header) covers it, since nothing re-paints the rim above the\n * children.\n *\n * When `level !== shadowLevel` the rim color tracks `shadowLevel` — the two cannot be controlled\n * independently.\n */\nexport function solidSurface(level: SurfaceLevel, shadowLevel: SurfaceLevel = level): string {\n  return `${SURFACE_BG[level]} ${SURFACE_SHADOW_COMBINED[shadowLevel]} ${SURFACE_VAR[level]}`;\n}\n","import { type ClassValue, clsx } from 'clsx';\nimport type { CSSProperties } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * A style object that may carry CSS custom properties (CSS variables)\n * such as `--duration`. React's `CSSProperties` intentionally drops\n * its index signature, so custom properties are not accepted without help.\n */\nexport type CSSPropertiesWithVars = CSSProperties & Record<`--${string}`, string | number>;\n\n/**\n * Builds a {@link CSSProperties} value that also allows CSS custom properties,\n * so `style` props can be written without an `as React.CSSProperties` cast while\n * still type-checking both the known style keys and the custom-property values.\n *\n * @example\n * <div style={validCssVars({ '--duration': '0.35s', color: 'red' })} />\n */\nexport function validCssVars(style: CSSPropertiesWithVars): CSSProperties {\n  return style;\n}\n\n/**\n * Narrows a union to the member(s) that declare `key` — a type-guard\n * replacement for the `in` operator's discriminated-union narrowing.\n */\nexport function hasKey<K extends PropertyKey>(key: K, obj: unknown): obj is Record<K, unknown> {\n  return obj !== null && typeof obj === 'object' && Object.hasOwn(obj, key);\n}\n\nexport function noop(): void {\n  // intentional no-op\n}\n","import type * as React from 'react';\n\nexport function ChevronDownIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n      <path d=\"M1 3.5L5 7.5L9 3.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  );\n}\n\nexport function ChevronRightIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n      <path d=\"M3.5 1L7.5 5L3.5 9\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  );\n}\n\nexport function ArrowSvg(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className=\"fill-(--popup-surface,var(--surface-3))\"\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className=\"fill-border\"\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className=\"fill-border\"\n      />\n    </svg>\n  );\n}\n","import type { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport type * as React from 'react';\nimport type { SurfaceLevel } from '../lib/surface.js';\n\ntype PositionerProps = React.ComponentProps<typeof NavigationMenuPrimitive.Positioner>;\n\nexport const navigationMenuTriggerStyle = cva(\n  'box-border flex items-center justify-center gap-1.5 h-10 px-2.5 xs:px-3 m-0 rounded-md text-foreground font-medium !text-[15px] leading-6 select-none no-underline hover:text-foreground data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring focus-visible:relative',\n);\n\nexport const navigationMenuSubTriggerStyle = cva(\n  'w-full text-left relative block rounded-md p-2.5 xs:p-3 no-underline text-inherit hover:bg-black/[0.07] dark:hover:bg-white/[0.07] hover:text-foreground active:bg-black/[0.11] dark:active:bg-white/[0.11] focus-visible:relative focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ring data-[popup-open]:bg-black/[0.07] dark:data-[popup-open]:bg-white/[0.07] data-[popup-open]:text-foreground',\n);\n\nexport interface NavigationMenuProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {\n  side?: PositionerProps['side'];\n  sideOffset?: PositionerProps['sideOffset'];\n  align?: PositionerProps['align'];\n  alignOffset?: PositionerProps['alignOffset'];\n  collisionPadding?: PositionerProps['collisionPadding'];\n  collisionBoundary?: PositionerProps['collisionBoundary'];\n  positionMethod?: PositionerProps['positionMethod'];\n  arrow?: boolean;\n  /** Surface elevation level (1-8) for the bar. Defaults to 2 — subtle toolbar above the page. */\n  level?: SurfaceLevel;\n  /** Shadow weight (1-8) for the bar. Defaults to 2. */\n  shadowLevel?: SurfaceLevel;\n}\n\nexport interface NavigationMenuLinkProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Link> {\n  /**\n   * When true, applies trigger button styling for top-level navigation links\n   */\n  standalone?: boolean;\n}\n\nexport interface NavigationMenuViewportProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Viewport> {\n  side?: PositionerProps['side'];\n  sideOffset?: PositionerProps['sideOffset'];\n  align?: PositionerProps['align'];\n  alignOffset?: PositionerProps['alignOffset'];\n  collisionPadding?: PositionerProps['collisionPadding'];\n  collisionBoundary?: PositionerProps['collisionBoundary'];\n  positionMethod?: PositionerProps['positionMethod'];\n  arrow?: boolean;\n}\n\nexport interface NavigationMenuSubProps extends React.ComponentProps<typeof NavigationMenuPrimitive.Root> {\n  side?: PositionerProps['side'];\n  sideOffset?: PositionerProps['sideOffset'];\n  align?: PositionerProps['align'];\n  alignOffset?: PositionerProps['alignOffset'];\n  arrow?: boolean;\n}\n","import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';\nimport type * as React from 'react';\nimport { solidSurface } from '../lib/surface.js';\nimport { cn, validCssVars } from '../lib/utils.js';\nimport { ArrowSvg, ChevronDownIcon, ChevronRightIcon } from './navigation-menu-icons.js';\nimport {\n  type NavigationMenuLinkProps,\n  type NavigationMenuProps,\n  type NavigationMenuSubProps,\n  type NavigationMenuViewportProps,\n  navigationMenuSubTriggerStyle,\n  navigationMenuTriggerStyle,\n} from './navigation-menu-styles.js';\n\nfunction NavigationMenu({\n  className,\n  children,\n  side,\n  sideOffset = 10,\n  align,\n  alignOffset,\n  collisionPadding = { top: 5, bottom: 5, left: 20, right: 20 },\n  collisionBoundary,\n  arrow = false,\n  positionMethod = 'fixed',\n  level = 2,\n  shadowLevel = 2,\n  ...props\n}: NavigationMenuProps) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-level={level}\n      className={cn('min-w-max rounded-md p-1 text-foreground', solidSurface(level, shadowLevel), className)}\n      {...props}\n    >\n      {children}\n      <NavigationMenuViewport\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        collisionPadding={collisionPadding}\n        collisionBoundary={collisionBoundary}\n        arrow={arrow}\n        positionMethod={positionMethod}\n      />\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return <NavigationMenuPrimitive.List data-slot=\"navigation-menu-list\" className={cn('relative flex', className)} {...props} />;\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\n}\n\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), className)}\n      {...props}\n    >\n      {children}\n      <NavigationMenuIcon />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuIcon({\n  className,\n  render = <ChevronDownIcon />,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Icon>) {\n  return (\n    <NavigationMenuPrimitive.Icon\n      className={cn('transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180', className)}\n      render={render}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-sub-trigger\"\n      className={cn(navigationMenuSubTriggerStyle(), className)}\n      {...props}\n    >\n      {children}\n      <NavigationMenuPrimitive.Icon\n        className=\"absolute top-1/2 right-2.5 flex h-2.5 w-2.5 -translate-y-1/2 items-center justify-center transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180\"\n        render={<ChevronRightIcon />}\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'h-full w-[calc(100vw-2.5rem)] p-4 sm:w-max',\n        // Transitions for opacity/transform/filter\n        'transition-[opacity,transform,filter,scale,translate] duration-(--duration) ease-(--easing)',\n        // Starting/ending opacity\n        'data-ending-style:opacity-0 data-starting-style:opacity-0',\n        // Direction-aware slide (starting)\n        'data-starting-style:data-[activation-direction=left]:-translate-x-1/2',\n        'data-starting-style:data-[activation-direction=right]:translate-x-1/2',\n        // Direction-aware slide (ending)\n        'data-ending-style:data-[activation-direction=left]:translate-x-1/2',\n        'data-ending-style:data-[activation-direction=right]:-translate-x-1/2',\n        // Blur effect during transitions\n        'data-ending-style:blur-[4px] data-starting-style:blur-[4px]',\n        // scale effect during transitions\n        'data-ending-style:scale-97 data-starting-style:scale-97',\n        // Motion reduce support\n        'motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuLink({ className, standalone, ...props }: NavigationMenuLinkProps) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        standalone\n          ? navigationMenuTriggerStyle()\n          : 'block rounded-md p-2.5 xs:p-3 text-inherit no-underline duration-150 hover:text-foreground hover:duration-0 focus-visible:relative focus-visible:outline-2 focus-visible:outline-ring focus-visible:-outline-offset-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuBackdrop({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Backdrop>) {\n  return <NavigationMenuPrimitive.Backdrop data-slot=\"navigation-menu-backdrop\" {...props} />;\n}\n\nfunction NavigationMenuPortal({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Portal>) {\n  return <NavigationMenuPrimitive.Portal data-slot=\"navigation-menu-portal\" {...props} />;\n}\n\nfunction NavigationMenuArrow({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Arrow>) {\n  return (\n    <NavigationMenuPrimitive.Arrow\n      className=\"flex transition-[left] duration-[var(--duration)] ease-[var(--easing)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\"\n      {...props}\n    >\n      <ArrowSvg />\n    </NavigationMenuPrimitive.Arrow>\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  children,\n  side,\n  sideOffset,\n  align,\n  alignOffset,\n  collisionPadding,\n  collisionBoundary,\n  arrow = false,\n  positionMethod = 'fixed',\n  ...props\n}: NavigationMenuViewportProps) {\n  return (\n    <NavigationMenuPortal>\n      <NavigationMenuPrimitive.Positioner\n        data-slot=\"navigation-menu-positioner\"\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        collisionPadding={collisionPadding}\n        collisionBoundary={collisionBoundary}\n        positionMethod={positionMethod}\n        className=\"z-50 box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5\"\n        style={validCssVars({ '--duration': '0.35s', '--easing': 'cubic-bezier(0.22, 1, 0.36, 1)' })}\n      >\n        <NavigationMenuPrimitive.Popup\n          data-slot=\"navigation-menu-content\"\n          className={cn(\n            'relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150',\n            solidSurface(3, 3),\n          )}\n        >\n          {arrow ? <NavigationMenuArrow /> : null}\n          <NavigationMenuPrimitive.Viewport\n            data-slot=\"navigation-menu-viewport\"\n            className={cn('relative h-full w-full overflow-hidden', className)}\n            {...props}\n          >\n            {children}\n          </NavigationMenuPrimitive.Viewport>\n        </NavigationMenuPrimitive.Popup>\n      </NavigationMenuPrimitive.Positioner>\n    </NavigationMenuPortal>\n  );\n}\n\nfunction NavigationMenuSub({\n  className,\n  children,\n  orientation = 'vertical',\n  side = 'right',\n  sideOffset = 24,\n  align = 'end',\n  alignOffset = -24,\n  arrow = false,\n  ...props\n}: NavigationMenuSubProps) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu-sub\"\n      className={cn('', className)}\n      orientation={orientation}\n      {...props}\n    >\n      {children}\n      <NavigationMenuPortal>\n        <NavigationMenuPrimitive.Positioner\n          data-slot=\"navigation-menu-sub-positioner\"\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          align={align}\n          side={side}\n          className=\"box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5\"\n          style={validCssVars({ '--duration': '0.35s', '--easing': 'cubic-bezier(0.22, 1, 0.36, 1)' })}\n        >\n          <NavigationMenuPrimitive.Popup\n            data-slot=\"navigation-menu-sub-content\"\n            className={cn(\n              'relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150',\n              solidSurface(5, 5),\n            )}\n          >\n            {arrow ? <NavigationMenuArrow /> : null}\n            <NavigationMenuPrimitive.Viewport\n              data-slot=\"navigation-menu-sub-viewport\"\n              className=\"relative h-full w-full overflow-hidden\"\n            />\n          </NavigationMenuPrimitive.Popup>\n        </NavigationMenuPrimitive.Positioner>\n      </NavigationMenuPortal>\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuArrow,\n  NavigationMenuBackdrop,\n  NavigationMenuContent,\n  NavigationMenuIcon,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuPortal,\n  NavigationMenuSub,\n  NavigationMenuSubTrigger,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n};\n"]}

package/dist/navigation-menu.mjs

@@ -0,0 +1,7 @@
+export { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPortal, NavigationMenuSub, NavigationMenuSubTrigger, NavigationMenuTrigger, NavigationMenuViewport } from './chunk-AYLCYDUM.mjs';
+import './chunk-KBHYXLRG.mjs';
+import './chunk-JVXJ6SFX.mjs';
+import './chunk-XZEDZVXT.mjs';
+import './chunk-QAWSH567.mjs';
+//# sourceMappingURL=navigation-menu.mjs.map
+//# sourceMappingURL=navigation-menu.mjs.map

package/dist/navigation-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"navigation-menu.mjs"}

package/dist/password-input.d.cts

@@ -0,0 +1,6 @@
+import { type InputProps } from './input.js';
+export type PasswordInputProps = Omit<InputProps, 'rightAdornment' | 'inputType'> & {
+    inputType?: 'password' | 'new-password';
+};
+export declare function PasswordInput({ inputType, ...props }: PasswordInputProps): import("react").JSX.Element;
+//# sourceMappingURL=password-input.d.ts.map

package/dist/password-input.d.ts

@@ -0,0 +1,6 @@
+import { type InputProps } from './input.js';
+export type PasswordInputProps = Omit<InputProps, 'rightAdornment' | 'inputType'> & {
+    inputType?: 'password' | 'new-password';
+};
+export declare function PasswordInput({ inputType, ...props }: PasswordInputProps): import("react").JSX.Element;
+//# sourceMappingURL=password-input.d.ts.map

package/dist/password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/components/password-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,WAAW,CAAC,GAAG;IAClF,SAAS,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACzC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,SAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAyBrF"}

package/dist/password-input.js

@@ -0,0 +1,174 @@
+'use strict';
+
+var react = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var FIELD_BORDER = {
+  idle: "border-(--color-border)",
+  focused: "border-(--color-foreground)/40",
+  error: "border-(--color-destructive)"
+};
+var FIELD_HEIGHT = {
+  sm: "h-8",
+  md: "h-9",
+  lg: "h-11"
+};
+var FIELD_SHAPE = {
+  rounded: "rounded-lg",
+  pill: "rounded-full"
+};
+var INPUT_SIZE = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+var INPUT_PAD = {
+  sm: "px-2.5",
+  md: "px-3",
+  lg: "px-3.5"
+};
+function Input({
+  label,
+  error,
+  hint,
+  leftAdornment,
+  rightAdornment,
+  size = "md",
+  shape = "rounded",
+  className,
+  inputClassName,
+  inputType = "text",
+  id: idProp,
+  onFocus,
+  onBlur,
+  disabled,
+  autoFocus,
+  ...inputProps
+}) {
+  const autoId = react.useId();
+  const id = idProp ?? autoId;
+  const [focused, setFocused] = react.useState(false);
+  const hasError = Boolean(error);
+  const errorMessage = typeof error === "string" ? error : null;
+  const state = hasError ? "error" : focused ? "focused" : "idle";
+  const hasLeft = Boolean(leftAdornment);
+  const hasRight = Boolean(rightAdornment);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1.5", className), children: [
+    label ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "px-1 font-medium text-(--color-foreground) text-sm", children: label }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "relative flex flex-row items-center overflow-hidden border",
+          FIELD_BORDER[state],
+          FIELD_HEIGHT[size],
+          FIELD_SHAPE[shape],
+          disabled && "opacity-60"
+        ),
+        children: [
+          hasLeft ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute top-0 bottom-0 left-3 z-10 flex items-center justify-center", children: leftAdornment }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id,
+              type: inputType,
+              disabled,
+              autoFocus,
+              onFocus: (event_) => {
+                setFocused(true);
+                onFocus?.(event_);
+              },
+              onBlur: (event_) => {
+                setFocused(false);
+                onBlur?.(event_);
+              },
+              className: cn(
+                "h-full min-w-0 flex-1 bg-transparent text-(--color-foreground) outline-none",
+                INPUT_SIZE[size],
+                hasLeft ? "pl-10" : INPUT_PAD[size],
+                hasRight ? "pr-10" : INPUT_PAD[size],
+                inputClassName
+              ),
+              ...inputProps
+            }
+          ),
+          hasRight ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute top-0 right-3 bottom-0 z-10 flex items-center justify-center", children: rightAdornment }) : null
+        ]
+      }
+    ),
+    errorMessage ? /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "px-1 text-(--color-destructive) text-xs", children: errorMessage }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 text-(--color-muted-foreground) text-xs", children: hint }) : null
+  ] });
+}
+function PasswordInput({ inputType = "password", ...props }) {
+  const [visible, setVisible] = react.useState(false);
+  const toggle = react.useCallback(() => setVisible((v) => !v), []);
+  const eye = /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      className: "pointer-events-auto cursor-pointer text-(--color-muted-foreground) hover:text-(--color-foreground)",
+      "aria-label": visible ? "Hide password" : "Show password",
+      tabIndex: -1,
+      children: visible ? /* @__PURE__ */ jsxRuntime.jsx(EyeOffIcon, { className: "size-5" }) : /* @__PURE__ */ jsxRuntime.jsx(EyeIcon, { className: "size-5" })
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Input,
+    {
+      ...props,
+      inputType: visible ? "text" : "password",
+      rightAdornment: eye,
+      autoComplete: inputType === "new-password" ? "new-password" : "current-password"
+    }
+  );
+}
+function EyeIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
+}
+function EyeOffIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m2 2 20 20" })
+      ]
+    }
+  );
+}
+
+exports.PasswordInput = PasswordInput;
+//# sourceMappingURL=password-input.js.map
+//# sourceMappingURL=password-input.js.map