lynote-ui 0.0.1

package/dist/menubar/index.mjs

@@ -0,0 +1,348 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import { DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenu, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../dropdown-menu/index.mjs";
+import { CheckIcon } from "lucide-react";
+import * as React from "react";
+import { u as useOpenInteractionType, a as useScrollLock } from "../InternalBackdrop-C7vtdMWQ.mjs";
+import { M as MenubarContext, u as useMenubarContext, a as MenuCheckboxItem, b as MenuCheckboxItemIndicator, c as MenuRadioItem, d as MenuRadioItemIndicator } from "../MenuSubmenuTrigger-Bnw6ycbc.mjs";
+import { C as CompositeRoot } from "../CompositeRoot-Clz7hqk6.mjs";
+import { u as useBaseUiId } from "../useBaseUiId-Dd6rCWZj.mjs";
+import { b as FloatingTree, d as useFloatingNodeId, e as useFloatingTree, f as FloatingNode } from "../popupStateMapping-Dvf6vjid.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+const menubarStateAttributesMapping = {
+  hasSubmenuOpen(value) {
+    return {
+      "data-has-submenu-open": value ? "true" : "false"
+    };
+  }
+};
+const Menubar$1 = /* @__PURE__ */ React.forwardRef(function Menubar(props, forwardedRef) {
+  const {
+    orientation = "horizontal",
+    loopFocus = true,
+    render,
+    className,
+    modal = true,
+    disabled = false,
+    id: idProp,
+    ...elementProps
+  } = props;
+  const [contentElement, setContentElement] = React.useState(null);
+  const [hasSubmenuOpen, setHasSubmenuOpen] = React.useState(false);
+  const {
+    openMethod,
+    triggerProps: interactionTypeProps
+  } = useOpenInteractionType(hasSubmenuOpen);
+  useScrollLock(modal && hasSubmenuOpen && openMethod !== "touch", contentElement);
+  const id = useBaseUiId(idProp);
+  const state = {
+    orientation,
+    modal,
+    hasSubmenuOpen
+  };
+  const contentRef = React.useRef(null);
+  const allowMouseUpTriggerRef = React.useRef(false);
+  const context = React.useMemo(() => ({
+    contentElement,
+    setContentElement,
+    setHasSubmenuOpen,
+    hasSubmenuOpen,
+    modal,
+    disabled,
+    orientation,
+    allowMouseUpTriggerRef,
+    rootId: id
+  }), [contentElement, hasSubmenuOpen, modal, disabled, orientation, id]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenubarContext.Provider, {
+    value: context,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingTree, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenubarContent$1, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(CompositeRoot, {
+          render,
+          className,
+          state,
+          stateAttributesMapping: menubarStateAttributesMapping,
+          refs: [forwardedRef, setContentElement, contentRef],
+          props: [{
+            role: "menubar",
+            id
+          }, interactionTypeProps, elementProps],
+          orientation,
+          loopFocus,
+          highlightItemOnHover: hasSubmenuOpen
+        })
+      })
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") Menubar$1.displayName = "Menubar";
+function MenubarContent$1(props) {
+  const nodeId = useFloatingNodeId();
+  const {
+    events: menuEvents
+  } = useFloatingTree();
+  const rootContext = useMenubarContext();
+  React.useEffect(() => {
+    function onSubmenuOpenChange(details) {
+      if (!details.nodeId || details.parentNodeId !== nodeId) {
+        return;
+      }
+      if (details.open) {
+        if (!rootContext.hasSubmenuOpen) {
+          rootContext.setHasSubmenuOpen(true);
+        }
+      } else if (details.reason !== "sibling-open" && details.reason !== "list-navigation") {
+        rootContext.setHasSubmenuOpen(false);
+      }
+    }
+    menuEvents.on("menuopenchange", onSubmenuOpenChange);
+    return () => {
+      menuEvents.off("menuopenchange", onSubmenuOpenChange);
+    };
+  }, [menuEvents, nodeId, rootContext]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingNode, {
+    id: nodeId,
+    children: props.children
+  });
+}
+function Menubar2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Menubar$1,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "flex h-8 items-center gap-0.5 rounded-lg border p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuGroup, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuPortal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuTrigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuContent,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn("min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", className),
+      ...props
+    }
+  );
+}
+function MenubarItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuItem,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    MenuCheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuCheckboxItemIndicator, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CheckIcon,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuRadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    MenuRadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRadioItemIndicator, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          CheckIcon,
+          {}
+        ) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuLabel,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: cn(
+        "px-1.5 py-1 text-sm font-medium data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuSeparator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuShortcut,
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuSubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DropdownMenuSubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn("min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  );
+}
+export {
+  Menubar2 as Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger
+};
+//# sourceMappingURL=index.mjs.map

package/dist/menubar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/menubar/Menubar.js","../../src/menubar/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollLock } from '@base-ui/utils/useScrollLock';\nimport { FloatingNode, FloatingTree, useFloatingNodeId, useFloatingTree } from \"../floating-ui-react/index.js\";\nimport { MenubarContext, useMenubarContext } from \"./MenubarContext.js\";\nimport { useOpenInteractionType } from \"../utils/useOpenInteractionType.js\";\nimport { CompositeRoot } from \"../composite/root/CompositeRoot.js\";\nimport { useBaseUiId } from \"../utils/useBaseUiId.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst menubarStateAttributesMapping = {\n  hasSubmenuOpen(value) {\n    return {\n      'data-has-submenu-open': value ? 'true' : 'false'\n    };\n  }\n};\n\n/**\n * The container for menus.\n *\n * Documentation: [Base UI Menubar](https://base-ui.com/react/components/menubar)\n */\nexport const Menubar = /*#__PURE__*/React.forwardRef(function Menubar(props, forwardedRef) {\n  const {\n    orientation = 'horizontal',\n    loopFocus = true,\n    render,\n    className,\n    modal = true,\n    disabled = false,\n    id: idProp,\n    ...elementProps\n  } = props;\n  const [contentElement, setContentElement] = React.useState(null);\n  const [hasSubmenuOpen, setHasSubmenuOpen] = React.useState(false);\n  const {\n    openMethod,\n    triggerProps: interactionTypeProps\n  } = useOpenInteractionType(hasSubmenuOpen);\n  useScrollLock(modal && hasSubmenuOpen && openMethod !== 'touch', contentElement);\n  const id = useBaseUiId(idProp);\n  const state = {\n    orientation,\n    modal,\n    hasSubmenuOpen\n  };\n  const contentRef = React.useRef(null);\n  const allowMouseUpTriggerRef = React.useRef(false);\n  const context = React.useMemo(() => ({\n    contentElement,\n    setContentElement,\n    setHasSubmenuOpen,\n    hasSubmenuOpen,\n    modal,\n    disabled,\n    orientation,\n    allowMouseUpTriggerRef,\n    rootId: id\n  }), [contentElement, hasSubmenuOpen, modal, disabled, orientation, id]);\n  return /*#__PURE__*/_jsx(MenubarContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsx(FloatingTree, {\n      children: /*#__PURE__*/_jsx(MenubarContent, {\n        children: /*#__PURE__*/_jsx(CompositeRoot, {\n          render: render,\n          className: className,\n          state: state,\n          stateAttributesMapping: menubarStateAttributesMapping,\n          refs: [forwardedRef, setContentElement, contentRef],\n          props: [{\n            role: 'menubar',\n            id\n          }, interactionTypeProps, elementProps],\n          orientation: orientation,\n          loopFocus: loopFocus,\n          highlightItemOnHover: hasSubmenuOpen\n        })\n      })\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") Menubar.displayName = \"Menubar\";\nfunction MenubarContent(props) {\n  const nodeId = useFloatingNodeId();\n  const {\n    events: menuEvents\n  } = useFloatingTree();\n  const rootContext = useMenubarContext();\n  React.useEffect(() => {\n    function onSubmenuOpenChange(details) {\n      if (!details.nodeId || details.parentNodeId !== nodeId) {\n        return;\n      }\n      if (details.open) {\n        if (!rootContext.hasSubmenuOpen) {\n          rootContext.setHasSubmenuOpen(true);\n        }\n      } else if (details.reason !== 'sibling-open' && details.reason !== 'list-navigation') {\n        rootContext.setHasSubmenuOpen(false);\n      }\n    }\n    menuEvents.on('menuopenchange', onSubmenuOpenChange);\n    return () => {\n      menuEvents.off('menuopenchange', onSubmenuOpenChange);\n    };\n  }, [menuEvents, nodeId, rootContext]);\n  return /*#__PURE__*/_jsx(FloatingNode, {\n    id: nodeId,\n    children: props.children\n  });\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../lib\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"../dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\"min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-1.5 py-1 text-sm font-medium data-inset:pl-7\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\"min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"names":["Menubar","_jsx","MenubarContent","jsx","MenubarPrimitive","jsxs","MenuPrimitive.CheckboxItem","MenuPrimitive.CheckboxItemIndicator","MenuPrimitive.RadioItem","MenuPrimitive.RadioItemIndicator"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/native-select/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
+    size?: "sm" | "default";
+};
+declare function NativeSelect({ className, size, ...props }: NativeSelectProps): import("react/jsx-runtime").JSX.Element;
+declare function NativeSelectOption({ ...props }: React.ComponentProps<"option">): import("react/jsx-runtime").JSX.Element;
+declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): import("react/jsx-runtime").JSX.Element;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/native-select/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../jsx-runtime-CPzt8Nmm.js");
+const lucideReact = require("lucide-react");
+const utils = require("../utils-ij3i9zTT.js");
+function NativeSelect({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        className
+      ),
+      "data-slot": "native-select-wrapper",
+      "data-size": size,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "select",
+          {
+            "data-slot": "native-select",
+            "data-size": size,
+            className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ChevronDownIcon, { className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })
+      ]
+    }
+  );
+}
+function NativeSelectOption({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("option", { "data-slot": "native-select-option", ...props });
+}
+function NativeSelectOptGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "optgroup",
+    {
+      "data-slot": "native-select-optgroup",
+      className: utils.cn(className),
+      ...props
+    }
+  );
+}
+exports.NativeSelect = NativeSelect;
+exports.NativeSelectOptGroup = NativeSelectOptGroup;
+exports.NativeSelectOption = NativeSelectOption;
+//# sourceMappingURL=index.js.map

package/dist/native-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/native-select/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon className=\"pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none\" aria-hidden=\"true\" data-slot=\"native-select-icon\" />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: React.ComponentProps<\"option\">) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"names":["jsxs","cn","jsx","ChevronDownIcon"],"mappings":";;;;;AASA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAsB;AACpB,SACEA,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,aAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,2BAAAA,kBAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,aAAW;AAAA,YACX,WAAU;AAAA,YACT,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,yDAELC,YAAAA,iBAAA,EAAgB,WAAU,4GAA2G,eAAY,QAAO,aAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9L;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAAyC;AACxE,SAAOD,2BAAAA,kBAAAA,IAAC,UAAA,EAAO,aAAU,wBAAwB,GAAG,OAAO;AAC7D;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACEA,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWD,MAAAA,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;;;"}

package/dist/native-select/index.mjs

@@ -0,0 +1,54 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import { ChevronDownIcon } from "lucide-react";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+function NativeSelect({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        className
+      ),
+      "data-slot": "native-select-wrapper",
+      "data-size": size,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "select",
+          {
+            "data-slot": "native-select",
+            "data-size": size,
+            className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDownIcon, { className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })
+      ]
+    }
+  );
+}
+function NativeSelectOption({ ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { "data-slot": "native-select-option", ...props });
+}
+function NativeSelectOptGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "optgroup",
+    {
+      "data-slot": "native-select-optgroup",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+export {
+  NativeSelect,
+  NativeSelectOptGroup,
+  NativeSelectOption
+};
+//# sourceMappingURL=index.mjs.map

package/dist/native-select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/native-select/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon className=\"pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none\" aria-hidden=\"true\" data-slot=\"native-select-icon\" />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({ ...props }: React.ComponentProps<\"option\">) {\n  return <option data-slot=\"native-select-option\" {...props} />\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"names":["jsxs","jsx"],"mappings":";;;AASA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAsB;AACpB,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,aAAU;AAAA,MACV,aAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,kCAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,aAAW;AAAA,YACX,WAAU;AAAA,YACT,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,8CAEL,iBAAA,EAAgB,WAAU,4GAA2G,eAAY,QAAO,aAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9L;AAEA,SAAS,mBAAmB,EAAE,GAAG,SAAyC;AACxE,SAAOA,kCAAAA,IAAC,UAAA,EAAO,aAAU,wBAAwB,GAAG,OAAO;AAC7D;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,GAAqC;AACnC,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,12 @@
+import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
+import { ClassProp } from 'class-variance-authority/types';
+declare function NavigationMenu({ align, className, children, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align">): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };