@ginia/ui 0.1.1

package/dist/components/ui/multi-select/multi-select.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown, X } from "lucide-react";
+import { cn } from "../../../lib/utils";
+import { Button } from "../button";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover";
+import { Badge } from "../badge";
+import { Checkbox } from "../checkbox";
+function MultiSelect({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select options...",
+  className,
+  disabled = false,
+  maxDisplay = 3
+}) {
+  const [open, setOpen] = React.useState(false);
+  const selectedOptions = options.filter(
+    (option) => value.includes(option.value)
+  );
+  const handleSelect = (optionValue) => {
+    const newValue = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+    onValueChange(newValue);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onValueChange([]);
+  };
+  const handleRemoveItem = (optionValue, e) => {
+    e.stopPropagation();
+    onValueChange(value.filter((v) => v !== optionValue));
+  };
+  const displayText = () => {
+    if (selectedOptions.length === 0) {
+      return placeholder;
+    }
+    if (selectedOptions.length <= maxDisplay) {
+      return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedOptions.map((option) => /* @__PURE__ */ jsxs(
+        Badge,
+        {
+          variant: option.variant || "secondary",
+          className: "text-xs px-2 py-0.5 h-auto",
+          children: [
+            option.label,
+            /* @__PURE__ */ jsx(
+              X,
+              {
+                className: "ml-1 h-3 w-3 cursor-pointer hover:text-destructive",
+                onClick: (e) => handleRemoveItem(option.value, e)
+              }
+            )
+          ]
+        },
+        option.value
+      )) });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: selectedOptions[0].label }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        "+",
+        selectedOptions.length - 1,
+        " more"
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        "data-slot": "multi-select",
+        className: cn(
+          "w-full justify-between min-h-[2.5rem] h-auto py-2 hover:bg-muted hover:text-foreground",
+          selectedOptions.length === 0 && "text-muted-foreground",
+          className
+        ),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 text-left overflow-hidden", children: displayText() }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 ml-2", children: [
+            selectedOptions.length > 0 && /* @__PURE__ */ jsx(
+              X,
+              {
+                className: "h-4 w-4 shrink-0 opacity-50 hover:opacity-100",
+                onClick: handleClear
+              }
+            ),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 opacity-50" })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-full p-0", align: "start", children: [
+      /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-auto", children: options.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No options available" }) : /* @__PURE__ */ jsx("div", { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center space-x-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-muted transition-colors",
+            value.includes(option.value) && "bg-muted/50 font-medium"
+          ),
+          onClick: () => handleSelect(option.value),
+          children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: value.includes(option.value),
+                className: "pointer-events-none text-primary"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: option.label })
+          ]
+        },
+        option.value
+      )) }) }),
+      selectedOptions.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: handleClear,
+          className: "w-full text-xs",
+          children: [
+            "Clear all (",
+            selectedOptions.length,
+            ")"
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  MultiSelect
+};
+//# sourceMappingURL=multi-select.js.map

package/dist/components/ui/multi-select/multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/multi-select/multi-select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronDown, X } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button } from \"../button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { Badge } from \"../badge\";\nimport { Checkbox } from \"../checkbox\";\n\nexport interface MultiSelectOption {\n  value: string;\n  label: string;\n  variant?: \"default\" | \"secondary\" | \"destructive\" | \"outline\";\n}\n\ninterface MultiSelectProps {\n  options: MultiSelectOption[];\n  value: string[];\n  onValueChange: (value: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n  maxDisplay?: number;\n}\n\nfunction MultiSelect({\n  options,\n  value,\n  onValueChange,\n  placeholder = \"Select options...\",\n  className,\n  disabled = false,\n  maxDisplay = 3,\n}: MultiSelectProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const selectedOptions = options.filter((option) =>\n    value.includes(option.value)\n  );\n\n  const handleSelect = (optionValue: string) => {\n    const newValue = value.includes(optionValue)\n      ? value.filter((v) => v !== optionValue)\n      : [...value, optionValue];\n    onValueChange(newValue);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onValueChange([]);\n  };\n\n  const handleRemoveItem = (optionValue: string, e: React.MouseEvent) => {\n    e.stopPropagation();\n    onValueChange(value.filter((v) => v !== optionValue));\n  };\n\n  const displayText = () => {\n    if (selectedOptions.length === 0) {\n      return placeholder;\n    }\n\n    if (selectedOptions.length <= maxDisplay) {\n      return (\n        <div className=\"flex flex-wrap gap-1\">\n          {selectedOptions.map((option) => (\n            <Badge\n              key={option.value}\n              variant={option.variant || \"secondary\"}\n              className=\"text-xs px-2 py-0.5 h-auto\"\n            >\n              {option.label}\n              <X\n                className=\"ml-1 h-3 w-3 cursor-pointer hover:text-destructive\"\n                onClick={(e) => handleRemoveItem(option.value, e)}\n              />\n            </Badge>\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"flex items-center gap-1\">\n        <Badge variant=\"secondary\" className=\"text-xs\">\n          {selectedOptions[0].label}\n        </Badge>\n        <span className=\"text-sm text-muted-foreground\">\n          +{selectedOptions.length - 1} more\n        </span>\n      </div>\n    );\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          data-slot=\"multi-select\"\n          className={cn(\n            \"w-full justify-between min-h-[2.5rem] h-auto py-2 hover:bg-muted hover:text-foreground\",\n            selectedOptions.length === 0 && \"text-muted-foreground\",\n            className\n          )}\n          disabled={disabled}\n        >\n          <div className=\"flex-1 text-left overflow-hidden\">\n            {displayText()}\n          </div>\n          <div className=\"flex items-center gap-1 ml-2\">\n            {selectedOptions.length > 0 && (\n              <X\n                className=\"h-4 w-4 shrink-0 opacity-50 hover:opacity-100\"\n                onClick={handleClear}\n              />\n            )}\n            <ChevronDown className=\"h-4 w-4 shrink-0 opacity-50\" />\n          </div>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-full p-0\" align=\"start\">\n        <div className=\"max-h-60 overflow-auto\">\n          {options.length === 0 ? (\n            <div className=\"py-6 text-center text-sm text-muted-foreground\">\n              No options available\n            </div>\n          ) : (\n            <div className=\"p-1\">\n              {options.map((option) => (\n                <div\n                  key={option.value}\n                  className={cn(\n                    \"flex items-center space-x-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-muted transition-colors\",\n                    value.includes(option.value) && \"bg-muted/50 font-medium\"\n                  )}\n                  onClick={() => handleSelect(option.value)}\n                >\n                  <Checkbox\n                    checked={value.includes(option.value)}\n                    className=\"pointer-events-none text-primary\"\n                  />\n                  <span>{option.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n        {selectedOptions.length > 0 && (\n          <div className=\"border-t p-2\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={handleClear}\n              className=\"w-full text-xs\"\n            >\n              Clear all ({selectedOptions.length})\n            </Button>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { MultiSelect };\nexport type { MultiSelectProps };\n"],"mappings":"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","names":[]}

package/dist/components/ui/navigation-menu/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigation_menu_exports = {};
+module.exports = __toCommonJS(navigation_menu_exports);
+__reExport(navigation_menu_exports, require("./navigation-menu"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./navigation-menu")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/navigation-menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/navigation-menu/index.ts"],"sourcesContent":["export * from \"./navigation-menu\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAc,8BAAd;","names":[]}

package/dist/components/ui/navigation-menu/index.d.cts

@@ -0,0 +1,5 @@
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './navigation-menu.cjs';
+import 'class-variance-authority/types';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-navigation-menu';

package/dist/components/ui/navigation-menu/index.d.ts

@@ -0,0 +1,5 @@
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './navigation-menu.js';
+import 'class-variance-authority/types';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-navigation-menu';

package/dist/components/ui/navigation-menu/index.js

@@ -0,0 +1,2 @@
+export * from "./navigation-menu";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/navigation-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/navigation-menu/index.ts"],"sourcesContent":["export * from \"./navigation-menu\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/ui/navigation-menu/navigation-menu.cjs

@@ -0,0 +1,201 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigation_menu_exports = {};
+__export(navigation_menu_exports, {
+  NavigationMenu: () => NavigationMenu,
+  NavigationMenuContent: () => NavigationMenuContent,
+  NavigationMenuIndicator: () => NavigationMenuIndicator,
+  NavigationMenuItem: () => NavigationMenuItem,
+  NavigationMenuLink: () => NavigationMenuLink,
+  NavigationMenuList: () => NavigationMenuList,
+  NavigationMenuTrigger: () => NavigationMenuTrigger,
+  NavigationMenuViewport: () => NavigationMenuViewport,
+  navigationMenuTriggerStyle: () => navigationMenuTriggerStyle
+});
+module.exports = __toCommonJS(navigation_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils");
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: (0, import_utils.cn)(
+        "relative z-10 flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: (0, import_utils.cn)(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: (0, import_utils.cn)("relative", className),
+      ...props
+    }
+  );
+}
+const navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: (0, import_utils.cn)(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.ChevronDownIcon,
+          {
+            className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: (0, import_utils.cn)(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full md:absolute md:w-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: (0, import_utils.cn)(
+        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: (0, import_utils.cn)(className),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: (0, import_utils.cn)(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  navigationMenuTriggerStyle
+});
+//# sourceMappingURL=navigation-menu.cjs.map

package/dist/components/ui/navigation-menu/navigation-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/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            className={cn(\n                \"relative z-10 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-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2\"\n);\n\nfunction NavigationMenuTrigger({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\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-px 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                \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full md:absolute md:w-auto\",\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 className=\"absolute top-full left-0 flex justify-center\">\n            <NavigationMenuPrimitive.Viewport\n                data-slot=\"navigation-menu-viewport\"\n                className={cn(\n                    \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow 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(className)}\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                \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n                className\n            )}\n            {...props}\n        >\n            <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBQ;AAfR,8BAAyC;AACzC,sCAAoB;AACpB,0BAAgC;AAEhC,mBAAmB;AAEnB,SAAS,eAAe;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAEG;AACC,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,4CAAC,0BAAuB;AAAA;AAAA;AAAA,EACzC;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,MAAM,iCAA6B;AAAA,EAC/B;AACJ;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,uBAAuB;AAAA,EAC5B;AAAA,EACA,GAAG;AACP,GAAkE;AAC9D,SACI,4CAAC,SAAI,WAAU,gDACX;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR,GACJ;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW,iBAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,wBAAwB;AAAA,EAC7B;AAAA,EACA,GAAG;AACP,GAAmE;AAC/D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,eAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EAC3F;AAER;","names":[]}

package/dist/components/ui/navigation-menu/navigation-menu.d.cts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

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

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/components/ui/navigation-menu/navigation-menu.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../../../lib/utils";
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: cn(
+        "relative z-10 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 NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.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-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: "relative top-px 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(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full md:absolute md:w-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow 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(className),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  navigationMenuTriggerStyle
+};
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/ui/navigation-menu/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/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            className={cn(\n                \"relative z-10 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-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring/20 focus-visible:ring-offset-2\"\n);\n\nfunction NavigationMenuTrigger({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\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-px 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                \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out 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 top-0 left-0 w-full md:absolute md:w-auto\",\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 className=\"absolute top-full left-0 flex justify-center\">\n            <NavigationMenuPrimitive.Viewport\n                data-slot=\"navigation-menu-viewport\"\n                className={cn(\n                    \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow 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(className)}\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                \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n                className\n            )}\n            {...props}\n        >\n            <div className=\"bg-border relative top-[60%] size-2 rotate-45 rounded-tl-sm 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":";AAkBQ,SASiB,KATjB;AAfR,YAAY,6BAA6B;AACzC,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAEhC,SAAS,UAAU;AAEnB,SAAS,eAAe;AAAA,EACpB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACP,GAEG;AACC,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EACzC;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,MAAM,6BAA6B;AAAA,EAC/B;AACJ;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,GAAG,SAAS,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,QAAU;AAAA,QACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACJ;AAER;AAEA,SAAS,sBAAsB;AAAA,EAC3B;AAAA,EACA,GAAG;AACP,GAAiE;AAC7D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,uBAAuB;AAAA,EAC5B;AAAA,EACA,GAAG;AACP,GAAkE;AAC9D,SACI,oBAAC,SAAI,WAAU,gDACX;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR,GACJ;AAER;AAEA,SAAS,mBAAmB;AAAA,EACxB;AAAA,EACA,GAAG;AACP,GAA8D;AAC1D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,wBAAwB;AAAA,EAC7B;AAAA,EACA,GAAG;AACP,GAAmE;AAC/D,SACI;AAAA,IAAC,wBAAwB;AAAA,IAAxB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,yEAAwE;AAAA;AAAA,EAC3F;AAER;","names":[]}