@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/ui/mid-truncate.mjs

@@ -1,25 +1,52 @@
+import { cn } from "./utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "./utils";
-function MidTruncate({
-  children,
-  endLength = 12,
-  className,
-  style,
-  ...props
-}) {
-  const end = children.length > endLength ? children.slice(-endLength) : children;
-  return /* @__PURE__ */ jsx("div", { className: cn("enad-mid-truncate", className), style, ...props, children: /* @__PURE__ */ jsxs("div", { className: "enad-mid-truncate__inner", children: [
-    /* @__PURE__ */ jsxs("div", { className: "enad-mid-truncate__text", children: [
-      /* @__PURE__ */ jsx("span", { className: "enad-mid-truncate__wrap", children }),
-      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "enad-mid-truncate__clip", children })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "enad-mid-truncate__detect", children: /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "enad-mid-truncate__end", children: /* @__PURE__ */ jsxs("span", { children: [
-      "\u2026",
-      end
-    ] }) }) })
-  ] }) });
+//#region src/client/ui/mid-truncate.tsx
+/**
+* Displays text as "start of text…end of text" when it overflows one line,
+* keeping both the beginning and the end of the string readable.
+*
+* Uses CSS container queries — no JavaScript measurement required. A sibling
+* detector cell with `container-type: size` fires `@container (min-height: 2lh)`
+* when the invisible wrap layer causes the grid row to grow, which reveals the
+* end overlay.
+*
+* The `endLength` prop controls how many trailing characters are always shown.
+* Pick a value that captures the meaningful suffix (variant, extension, ID tail, …).
+*
+* Set `--enad-mid-truncate-bg` on a parent to match the surrounding background
+* color (defaults to `var(--enad-surface, white)`).
+*/
+function MidTruncate({ children, endLength = 12, className, style, ...props }) {
+	const end = children.length > endLength ? children.slice(-endLength) : children;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("enad-mid-truncate", className),
+		style,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "enad-mid-truncate__inner",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "enad-mid-truncate__text",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "enad-mid-truncate__wrap",
+					children
+				}), /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: "enad-mid-truncate__clip",
+					children
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "enad-mid-truncate__detect",
+				children: /* @__PURE__ */ jsx("div", {
+					"aria-hidden": "true",
+					className: "enad-mid-truncate__end",
+					children: /* @__PURE__ */ jsxs("span", { children: ["…", end] })
+				})
+			})]
+		})
+	});
 }
-export {
-  MidTruncate
-};
+//#endregion
+export { MidTruncate };
+
 //# sourceMappingURL=mid-truncate.mjs.map

package/dist/client/ui/mid-truncate.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui/mid-truncate.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\nexport interface MidTruncateProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The text to truncate. Must be a string so the end portion can be preserved. */\n  children: string;\n  /**\n   * Number of characters to always keep visible at the end of the string.\n   * Default: 12. Increase this if the tail (e.g. a variant slug) is longer.\n   */\n  endLength?: number;\n}\n\n/**\n * Displays text as \"start of text…end of text\" when it overflows one line,\n * keeping both the beginning and the end of the string readable.\n *\n * Uses CSS container queries — no JavaScript measurement required. A sibling\n * detector cell with `container-type: size` fires `@container (min-height: 2lh)`\n * when the invisible wrap layer causes the grid row to grow, which reveals the\n * end overlay.\n *\n * The `endLength` prop controls how many trailing characters are always shown.\n * Pick a value that captures the meaningful suffix (variant, extension, ID tail, …).\n *\n * Set `--enad-mid-truncate-bg` on a parent to match the surrounding background\n * color (defaults to `var(--enad-surface, white)`).\n */\nexport function MidTruncate({\n  children,\n  endLength = 12,\n  className,\n  style,\n  ...props\n}: MidTruncateProps) {\n  const end = children.length > endLength ? children.slice(-endLength) : children;\n\n  return (\n    <div className={cn(\"enad-mid-truncate\", className)} style={style} {...props}>\n      {/* Inner grid — no height constraint so the detect cell can grow to 2lh */}\n      <div className=\"enad-mid-truncate__inner\">\n        {/* Cell 1: text layers */}\n        <div className=\"enad-mid-truncate__text\">\n          {/*\n           * Wrap layer — in normal flow so it drives the grid row height.\n           * color: transparent hides it without removing it from the a11y tree.\n           */}\n          <span className=\"enad-mid-truncate__wrap\">{children}</span>\n          {/*\n           * Clip layer — absolute, left-aligned, single nowrap line.\n           * Shows the START of the text; clips at the container edge.\n           */}\n          <span aria-hidden=\"true\" className=\"enad-mid-truncate__clip\">\n            {children}\n          </span>\n        </div>\n\n        {/*\n         * Cell 2: detector.\n         * container-type: size — its height equals the grid row height.\n         * When text wraps (row grows to 2lh), @container fires.\n         */}\n        <div className=\"enad-mid-truncate__detect\">\n          {/*\n           * End overlay — positioned absolute to .enad-mid-truncate (right edge).\n           * Solid background covers the overflowing start text underneath.\n           * Hidden until @container (min-height: 2lh) fires.\n           */}\n          <div aria-hidden=\"true\" className=\"enad-mid-truncate__end\">\n            <span>…{end}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AA2CQ,SAKE,KALF;AAzCR,SAAS,UAAU;AA2BZ,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,MAAM,SAAS,SAAS,YAAY,SAAS,MAAM,CAAC,SAAS,IAAI;AAEvE,SACE,oBAAC,SAAI,WAAW,GAAG,qBAAqB,SAAS,GAAG,OAAe,GAAG,OAEpE,+BAAC,SAAI,WAAU,4BAEb;AAAA,yBAAC,SAAI,WAAU,2BAKb;AAAA,0BAAC,UAAK,WAAU,2BAA2B,UAAS;AAAA,MAKpD,oBAAC,UAAK,eAAY,QAAO,WAAU,2BAChC,UACH;AAAA,OACF;AAAA,IAOA,oBAAC,SAAI,WAAU,6BAMb,8BAAC,SAAI,eAAY,QAAO,WAAU,0BAChC,+BAAC,UAAK;AAAA;AAAA,MAAE;AAAA,OAAI,GACd,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"file":"mid-truncate.mjs","names":[],"sources":["../../../src/client/ui/mid-truncate.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"./utils\";\n\nexport interface MidTruncateProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The text to truncate. Must be a string so the end portion can be preserved. */\n  children: string;\n  /**\n   * Number of characters to always keep visible at the end of the string.\n   * Default: 12. Increase this if the tail (e.g. a variant slug) is longer.\n   */\n  endLength?: number;\n}\n\n/**\n * Displays text as \"start of text…end of text\" when it overflows one line,\n * keeping both the beginning and the end of the string readable.\n *\n * Uses CSS container queries — no JavaScript measurement required. A sibling\n * detector cell with `container-type: size` fires `@container (min-height: 2lh)`\n * when the invisible wrap layer causes the grid row to grow, which reveals the\n * end overlay.\n *\n * The `endLength` prop controls how many trailing characters are always shown.\n * Pick a value that captures the meaningful suffix (variant, extension, ID tail, …).\n *\n * Set `--enad-mid-truncate-bg` on a parent to match the surrounding background\n * color (defaults to `var(--enad-surface, white)`).\n */\nexport function MidTruncate({\n  children,\n  endLength = 12,\n  className,\n  style,\n  ...props\n}: MidTruncateProps) {\n  const end = children.length > endLength ? children.slice(-endLength) : children;\n\n  return (\n    <div className={cn(\"enad-mid-truncate\", className)} style={style} {...props}>\n      {/* Inner grid — no height constraint so the detect cell can grow to 2lh */}\n      <div className=\"enad-mid-truncate__inner\">\n        {/* Cell 1: text layers */}\n        <div className=\"enad-mid-truncate__text\">\n          {/*\n           * Wrap layer — in normal flow so it drives the grid row height.\n           * color: transparent hides it without removing it from the a11y tree.\n           */}\n          <span className=\"enad-mid-truncate__wrap\">{children}</span>\n          {/*\n           * Clip layer — absolute, left-aligned, single nowrap line.\n           * Shows the START of the text; clips at the container edge.\n           */}\n          <span aria-hidden=\"true\" className=\"enad-mid-truncate__clip\">\n            {children}\n          </span>\n        </div>\n\n        {/*\n         * Cell 2: detector.\n         * container-type: size — its height equals the grid row height.\n         * When text wraps (row grows to 2lh), @container fires.\n         */}\n        <div className=\"enad-mid-truncate__detect\">\n          {/*\n           * End overlay — positioned absolute to .enad-mid-truncate (right edge).\n           * Solid background covers the overflowing start text underneath.\n           * Hidden until @container (min-height: 2lh) fires.\n           */}\n          <div aria-hidden=\"true\" className=\"enad-mid-truncate__end\">\n            <span>…{end}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,YAAY,EAC1B,UACA,YAAY,IACZ,WACA,OACA,GAAG,SACgB;CACnB,MAAM,MAAM,SAAS,SAAS,YAAY,SAAS,MAAM,CAAC,UAAU,GAAG;AAEvE,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAqB,UAAU;EAAS;EAAO,GAAI;YAEpE,qBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,qBAAC,OAAD;IAAK,WAAU;cAAf,CAKE,oBAAC,QAAD;KAAM,WAAU;KAA2B;KAAgB,CAAA,EAK3D,oBAAC,QAAD;KAAM,eAAY;KAAO,WAAU;KAChC;KACI,CAAA,CACH;OAON,oBAAC,OAAD;IAAK,WAAU;cAMb,oBAAC,OAAD;KAAK,eAAY;KAAO,WAAU;eAChC,qBAAC,QAAD,EAAA,UAAA,CAAM,KAAE,IAAW,EAAA,CAAA;KACf,CAAA;IACF,CAAA,CACF;;EACF,CAAA"}

package/dist/client/ui/navigation-menu.d.ts

@@ -1,15 +1,47 @@
-import * as React from "react";
-import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-    viewport?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/client/ui/navigation-menu.d.ts
+declare function NavigationMenu({
+  className,
+  children,
+  viewport,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Root> & {
+  viewport?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.List>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime0.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types0.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Content>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Viewport>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Link>): react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/client/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/client/ui/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAIpE,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAeA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;AAED,QAAA,MAAM,0BAA0B,oFAE/B,CAAA;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAgB9D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAY9D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAiB/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAahE;AAED,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC3B,CAAA"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/client/ui/navigation-menu.tsx"],"mappings":";;;;;;iBAOS,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA;EACrD,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiBQ,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAanD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUtD,0BAAA,GAA0B,KAAA,GAE/B,+BAAA,CAF+B,SAAA;AAAA,iBAIvB,qBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBtD,qBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBActD,sBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmBvD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAanD,uBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,SAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/navigation-menu.mjs

@@ -1,172 +1,83 @@
+import { useIcon } from "../icons/icon-context.mjs";
+import { cn } from "./utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { useIcon } from "../icons/icon-context";
-import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { cn } from "./utils";
-function NavigationMenu({
-  className,
-  children,
-  viewport = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    NavigationMenuPrimitive.Root,
-    {
-      "data-slot": "navigation-menu",
-      "data-viewport": viewport,
-      className: cn(
-        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
-      ]
-    }
-  );
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
+//#region src/client/ui/navigation-menu.tsx
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Root, {
+		"data-slot": "navigation-menu",
+		"data-viewport": viewport,
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		...props,
+		children: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+	});
 }
-function NavigationMenuList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.List,
-    {
-      "data-slot": "navigation-menu-list",
-      className: cn(
-        "group flex flex-1 list-none items-center justify-center gap-1",
-        className
-      ),
-      ...props
-    }
-  );
+function NavigationMenuList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+		...props
+	});
 }
-function NavigationMenuItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Item,
-    {
-      "data-slot": "navigation-menu-item",
-      className: cn("relative", className),
-      ...props
-    }
-  );
+function NavigationMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
 }
-const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
-);
-function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}) {
-  const ChevronDownIcon = useIcon("chevronDown");
-  return /* @__PURE__ */ jsxs(
-    NavigationMenuPrimitive.Trigger,
-    {
-      "data-slot": "navigation-menu-trigger",
-      className: cn(navigationMenuTriggerStyle(), "group", className),
-      ...props,
-      children: [
-        children,
-        " ",
-        /* @__PURE__ */ jsx(
-          ChevronDownIcon,
-          {
-            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
+function NavigationMenuTrigger({ className, children, ...props }) {
+	const ChevronDownIcon = useIcon("chevronDown");
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
 }
-function NavigationMenuContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Content,
-    {
-      "data-slot": "navigation-menu-content",
-      className: cn(
-        "top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto",
-        "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95",
-        className
-      ),
-      ...props
-    }
-  );
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+		"data-slot": "navigation-menu-content",
+		className: cn("top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95", className),
+		...props
+	});
 }
-function NavigationMenuViewport({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "absolute top-full left-0 isolate z-50 flex justify-center"
-      ),
-      children: /* @__PURE__ */ jsx(
-        NavigationMenuPrimitive.Viewport,
-        {
-          "data-slot": "navigation-menu-viewport",
-          className: cn(
-            "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
+function NavigationMenuViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
+			"data-slot": "navigation-menu-viewport",
+			className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+			...props
+		})
+	});
 }
-function NavigationMenuLink({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Link,
-    {
-      "data-slot": "navigation-menu-link",
-      className: cn(
-        "flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
+function NavigationMenuLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
+		"data-slot": "navigation-menu-link",
+		className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		...props
+	});
 }
-function NavigationMenuIndicator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    NavigationMenuPrimitive.Indicator,
-    {
-      "data-slot": "navigation-menu-indicator",
-      className: cn(
-        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-    }
-  );
+function NavigationMenuIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Indicator, {
+		"data-slot": "navigation-menu-indicator",
+		className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+	});
 }
-export {
-  NavigationMenu,
-  NavigationMenuContent,
-  NavigationMenuIndicator,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuTrigger,
-  NavigationMenuViewport,
-  navigationMenuTriggerStyle
-};
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+
 //# sourceMappingURL=navigation-menu.mjs.map

package/dist/client/ui/navigation-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { useIcon } from \"../icons/icon-context\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\")\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\"\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n}\n"],"mappings":"AAgBI,SAUe,KAVf;AAfJ,SAAS,WAAW;AACpB,SAAS,eAAe;AACxB,SAAS,kBAAkB,+BAA+B;AAE1D,SAAS,UAAU;AAEnB,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,iBAAe;AAAA,MACf,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EACvC;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,6BAA6B;AAAA,EACjC;AACF;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,QAAM,kBAAkB,QAAQ,aAAa;AAE7C,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAAiE;AAC/D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA,MAEA;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAmE;AACjE,SACE;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,0EAAyE;AAAA;AAAA,EAC1F;AAEJ;","names":[]}
+{"version":3,"file":"navigation-menu.mjs","names":["NavigationMenuPrimitive"],"sources":["../../../src/client/ui/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { useIcon } from \"../icons/icon-context\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\")\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\"\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n}\n"],"mappings":";;;;;;;AAOA,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SAGF;AACD,QACE,qBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,UACD;EACD,GAAI;YAPN,CASG,UACA,YAAY,oBAAC,wBAAD,EAA0B,CAAA,CACV;;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;EACJ,CAAA;;AAIN,MAAM,6BAA6B,IACjC,uhBACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;CAC/D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,qBAACA,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;YAHN;GAKG;GAAU;GACX,oBAAC,iBAAD;IACE,WAAU;IACV,eAAY;IACZ,CAAA;GAC8B;;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAACA,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GACT,oWACA,6hCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,OAAD;EACE,WAAW,GACT,4DACD;YAED,oBAACA,iBAAwB,UAAzB;GACE,aAAU;GACV,WAAW,GACT,qYACA,UACD;GACD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,ifACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAACA,iBAAwB,WAAzB;EACE,aAAU;EACV,WAAW,GACT,gMACA,UACD;EACD,GAAI;YAEJ,oBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA;EACxD,CAAA"}

package/dist/client/ui/pagination.d.ts

@@ -1,14 +1,41 @@
-import * as React from "react";
-import { type Button } from "./button";
-declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+import { Button } from "./button.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/pagination.d.ts
+declare function Pagination({
+  className,
+  ...props
+}: React$1.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"ul">): react_jsx_runtime0.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
 type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, children, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+  isActive?: boolean;
+} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  children,
+  ...props
+}: PaginationLinkProps): react_jsx_runtime0.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime0.JSX.Element;
+declare function PaginationNext({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime0.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/client/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/client/ui/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAEtD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAc7C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAc7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAc9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/client/ui/pagination.tsx"],"mappings":";;;;;iBAMS,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAY/D,iBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpB,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAI3D,mBAAA;EACH,QAAA;AAAA,IACE,IAAA,CAAK,OAAA,CAAM,cAAA,QAAsB,MAAA,aACnC,OAAA,CAAM,cAAA;AAAA,iBAEC,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBb,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBrC,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBrC,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}