rothzerg-ui 0.1.0

package/dist/components/menubar/Menubar.cjs

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-menubar/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css              */
+const MenubarRoot = index.Root;
+const MenubarMenu = index.Menu;
+const MenubarGroup = index.Group;
+const MenubarPortal = index.Portal;
+const MenubarSub = index.Sub;
+const MenubarRadioGroup = index.RadioGroup;
+const MenubarTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.Trigger,
+  {
+    ref,
+    className: cn.cn("rz-menubar__trigger", className),
+    ...props
+  }
+));
+MenubarTrigger.displayName = "MenubarTrigger";
+const MenubarContent = React.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  index.Content,
+  {
+    ref,
+    align,
+    alignOffset,
+    sideOffset,
+    className: cn.cn("rz-menubar__content", className),
+    ...props
+  }
+) }));
+MenubarContent.displayName = "MenubarContent";
+const MenubarSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  index.SubTrigger,
+  {
+    ref,
+    className: cn.cn("rz-menubar__sub-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, style: { marginLeft: "auto" }, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m9 18 6-6-6-6" }) })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = "MenubarSubTrigger";
+const MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.SubContent,
+  {
+    ref,
+    className: cn.cn("rz-menubar__subcontent", className),
+    ...props
+  }
+));
+MenubarSubContent.displayName = "MenubarSubContent";
+const MenubarItem = React.forwardRef(({ className, destructive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.Item,
+  {
+    ref,
+    className: cn.cn("rz-menubar__item", destructive && "rz-menubar__item--destructive", className),
+    ...props
+  }
+));
+MenubarItem.displayName = "MenubarItem";
+const MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  index.CheckboxItem,
+  {
+    ref,
+    className: cn.cn("rz-menubar__checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-menubar__item-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(index.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = "MenubarCheckboxItem";
+const MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  index.RadioItem,
+  {
+    ref,
+    className: cn.cn("rz-menubar__radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-menubar__item-indicator", children: /* @__PURE__ */ jsxRuntime.jsx(index.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = "MenubarRadioItem";
+const MenubarLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Label, { ref, className: cn.cn("rz-menubar__label", className), ...props }));
+MenubarLabel.displayName = "MenubarLabel";
+const MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Separator, { ref, className: cn.cn("rz-menubar__separator", className), ...props }));
+MenubarSeparator.displayName = "MenubarSeparator";
+function MenubarShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn.cn("rz-menubar__shortcut", className), ...props });
+}
+const Menubar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Root, { ref, className: cn.cn("rz-menubar", className), ...props }));
+Menubar.displayName = "Menubar";
+exports.Menubar = Menubar;
+exports.MenubarCheckboxItem = MenubarCheckboxItem;
+exports.MenubarContent = MenubarContent;
+exports.MenubarGroup = MenubarGroup;
+exports.MenubarItem = MenubarItem;
+exports.MenubarLabel = MenubarLabel;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarPortal = MenubarPortal;
+exports.MenubarRadioGroup = MenubarRadioGroup;
+exports.MenubarRadioItem = MenubarRadioItem;
+exports.MenubarRoot = MenubarRoot;
+exports.MenubarSeparator = MenubarSeparator;
+exports.MenubarShortcut = MenubarShortcut;
+exports.MenubarSub = MenubarSub;
+exports.MenubarSubContent = MenubarSubContent;
+exports.MenubarSubTrigger = MenubarSubTrigger;
+exports.MenubarTrigger = MenubarTrigger;
+//# sourceMappingURL=Menubar.cjs.map

package/dist/components/menubar/Menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.cjs","sources":["../../../src/components/menubar/Menubar.tsx"],"sourcesContent":["import React from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cn } from '../../utils/cn';\nimport './menubar.css';\n\n/* ─── Root ────────────────────────────────────────────────── */\nexport const MenubarRoot = MenubarPrimitive.Root;\nexport const MenubarMenu = MenubarPrimitive.Menu;\nexport const MenubarGroup = MenubarPrimitive.Group;\nexport const MenubarPortal = MenubarPrimitive.Portal;\nexport const MenubarSub = MenubarPrimitive.Sub;\nexport const MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* ─── Trigger ─────────────────────────────────────────────── */\nexport const MenubarTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Trigger\n    ref={ref}\n    className={cn('rz-menubar__trigger', className)}\n    {...props}\n  />\n));\nMenubarTrigger.displayName = 'MenubarTrigger';\n\n/* ─── Content ─────────────────────────────────────────────── */\nexport const MenubarContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n  <MenubarPrimitive.Portal>\n    <MenubarPrimitive.Content\n      ref={ref}\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn('rz-menubar__content', className)}\n      {...props}\n    />\n  </MenubarPrimitive.Portal>\n));\nMenubarContent.displayName = 'MenubarContent';\n\n/* ─── SubTrigger ──────────────────────────────────────────── */\nexport const MenubarSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenubarPrimitive.SubTrigger\n    ref={ref}\n    className={cn('rz-menubar__sub-trigger', className)}\n    {...props}\n  >\n    {children}\n    <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} style={{ marginLeft: 'auto' }} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = 'MenubarSubTrigger';\n\n/* ─── SubContent ──────────────────────────────────────────── */\nexport const MenubarSubContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.SubContent\n    ref={ref}\n    className={cn('rz-menubar__subcontent', className)}\n    {...props}\n  />\n));\nMenubarSubContent.displayName = 'MenubarSubContent';\n\n/* ─── Item ────────────────────────────────────────────────── */\nexport interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n  destructive?: boolean;\n}\n\nexport const MenubarItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Item>,\n  MenubarItemProps\n>(({ className, destructive, ...props }, ref) => (\n  <MenubarPrimitive.Item\n    ref={ref}\n    className={cn('rz-menubar__item', destructive && 'rz-menubar__item--destructive', className)}\n    {...props}\n  />\n));\nMenubarItem.displayName = 'MenubarItem';\n\n/* ─── CheckboxItem ────────────────────────────────────────── */\nexport const MenubarCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <MenubarPrimitive.CheckboxItem\n    ref={ref}\n    className={cn('rz-menubar__checkbox-item', className)}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"rz-menubar__item-indicator\">\n      <MenubarPrimitive.ItemIndicator>\n        <svg width=\"10\" height=\"10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3} aria-hidden=\"true\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n        </svg>\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.CheckboxItem>\n));\nMenubarCheckboxItem.displayName = 'MenubarCheckboxItem';\n\n/* ─── RadioItem ───────────────────────────────────────────── */\nexport const MenubarRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <MenubarPrimitive.RadioItem\n    ref={ref}\n    className={cn('rz-menubar__radio-item', className)}\n    {...props}\n  >\n    <span className=\"rz-menubar__item-indicator\">\n      <MenubarPrimitive.ItemIndicator>\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" aria-hidden=\"true\">\n          <circle cx=\"4\" cy=\"4\" r=\"4\" />\n        </svg>\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = 'MenubarRadioItem';\n\n/* ─── Label ───────────────────────────────────────────────── */\nexport const MenubarLabel = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Label ref={ref} className={cn('rz-menubar__label', className)} {...props} />\n));\nMenubarLabel.displayName = 'MenubarLabel';\n\n/* ─── Separator ───────────────────────────────────────────── */\nexport const MenubarSeparator = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Separator ref={ref} className={cn('rz-menubar__separator', className)} {...props} />\n));\nMenubarSeparator.displayName = 'MenubarSeparator';\n\n/* ─── Shortcut ────────────────────────────────────────────── */\nexport function MenubarShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) {\n  return <span className={cn('rz-menubar__shortcut', className)} {...props} />;\n}\n\n/* ─── Root convenience ────────────────────────────────────── */\nexport const Menubar = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Root ref={ref} className={cn('rz-menubar', className)} {...props} />\n));\nMenubar.displayName = 'Menubar';\n"],"names":["MenubarPrimitive.Root","MenubarPrimitive.Menu","MenubarPrimitive.Group","MenubarPrimitive.Portal","MenubarPrimitive.Sub","MenubarPrimitive.RadioGroup","jsx","MenubarPrimitive.Trigger","cn","MenubarPrimitive.Content","jsxs","MenubarPrimitive.SubTrigger","MenubarPrimitive.SubContent","MenubarPrimitive.Item","MenubarPrimitive.CheckboxItem","MenubarPrimitive.ItemIndicator","MenubarPrimitive.RadioItem","MenubarPrimitive.Label","MenubarPrimitive.Separator"],"mappings":"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"}

package/dist/components/menubar/Menubar.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+export declare const MenubarRoot: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: import('@radix-ui/react-context').Scope;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
+export declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
+export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {
+    destructive?: boolean;
+}
+export declare const MenubarItem: React.ForwardRefExoticComponent<MenubarItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function MenubarShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Menubar.d.ts.map

package/dist/components/menubar/Menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/Menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,eAAe,CAAC;AAGvB,eAAO,MAAM,WAAW,sGAAwB,CAAC;AACjD,eAAO,MAAM,WAAW;;;;;CAAwB,CAAC;AACjD,eAAO,MAAM,YAAY,2GAAyB,CAAC;AACnD,eAAO,MAAM,aAAa,+CAA0B,CAAC;AACrD,eAAO,MAAM,UAAU,4CAAuB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,gHAA8B,CAAC;AAG7D,eAAO,MAAM,cAAc,sKASzB,CAAC;AAIH,eAAO,MAAM,cAAc,gKAczB,CAAC;AAIH,eAAO,MAAM,iBAAiB;YAEmD,OAAO;wCAYtF,CAAC;AAIH,eAAO,MAAM,iBAAiB,mKAS5B,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IACpG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,yFAStB,CAAC;AAIH,eAAO,MAAM,mBAAmB,qKAmB9B,CAAC;AAIH,eAAO,MAAM,gBAAgB,kKAkB3B,CAAC;AAIH,eAAO,MAAM,YAAY,8JAKvB,CAAC;AAIH,eAAO,MAAM,gBAAgB,kKAK3B,CAAC;AAIH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAE7F;AAGD,eAAO,MAAM,OAAO,yJAKlB,CAAC"}

package/dist/components/menubar/Menubar.js

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { Group as Group2, Menu, Portal as Portal2, RadioGroup as RadioGroup2, Root as Root3, Sub as Sub2, CheckboxItem as CheckboxItem2, ItemIndicator as ItemIndicator2, Content as Content2, Item as Item3, Label as Label2, RadioItem as RadioItem2, Separator as Separator2, SubContent as SubContent2, SubTrigger as SubTrigger2, Trigger } from "../../node_modules/@radix-ui/react-menubar/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css            */
+const MenubarRoot = Root3;
+const MenubarMenu = Menu;
+const MenubarGroup = Group2;
+const MenubarPortal = Portal2;
+const MenubarSub = Sub2;
+const MenubarRadioGroup = RadioGroup2;
+const MenubarTrigger = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Trigger,
+  {
+    ref,
+    className: cn("rz-menubar__trigger", className),
+    ...props
+  }
+));
+MenubarTrigger.displayName = "MenubarTrigger";
+const MenubarContent = React__default.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(Portal2, { children: /* @__PURE__ */ jsx(
+  Content2,
+  {
+    ref,
+    align,
+    alignOffset,
+    sideOffset,
+    className: cn("rz-menubar__content", className),
+    ...props
+  }
+) }));
+MenubarContent.displayName = "MenubarContent";
+const MenubarSubTrigger = React__default.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SubTrigger2,
+  {
+    ref,
+    className: cn("rz-menubar__sub-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, style: { marginLeft: "auto" }, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m9 18 6-6-6-6" }) })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = "MenubarSubTrigger";
+const MenubarSubContent = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SubContent2,
+  {
+    ref,
+    className: cn("rz-menubar__subcontent", className),
+    ...props
+  }
+));
+MenubarSubContent.displayName = "MenubarSubContent";
+const MenubarItem = React__default.forwardRef(({ className, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
+  Item3,
+  {
+    ref,
+    className: cn("rz-menubar__item", destructive && "rz-menubar__item--destructive", className),
+    ...props
+  }
+));
+MenubarItem.displayName = "MenubarItem";
+const MenubarCheckboxItem = React__default.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  CheckboxItem2,
+  {
+    ref,
+    className: cn("rz-menubar__checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-menubar__item-indicator", children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = "MenubarCheckboxItem";
+const MenubarRadioItem = React__default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  RadioItem2,
+  {
+    ref,
+    className: cn("rz-menubar__radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-menubar__item-indicator", children: /* @__PURE__ */ jsx(ItemIndicator2, { children: /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = "MenubarRadioItem";
+const MenubarLabel = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Label2, { ref, className: cn("rz-menubar__label", className), ...props }));
+MenubarLabel.displayName = "MenubarLabel";
+const MenubarSeparator = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Separator2, { ref, className: cn("rz-menubar__separator", className), ...props }));
+MenubarSeparator.displayName = "MenubarSeparator";
+function MenubarShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("rz-menubar__shortcut", className), ...props });
+}
+const Menubar = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Root3, { ref, className: cn("rz-menubar", className), ...props }));
+Menubar.displayName = "Menubar";
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarRoot,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger
+};
+//# sourceMappingURL=Menubar.js.map

package/dist/components/menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sources":["../../../src/components/menubar/Menubar.tsx"],"sourcesContent":["import React from 'react';\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { cn } from '../../utils/cn';\nimport './menubar.css';\n\n/* ─── Root ────────────────────────────────────────────────── */\nexport const MenubarRoot = MenubarPrimitive.Root;\nexport const MenubarMenu = MenubarPrimitive.Menu;\nexport const MenubarGroup = MenubarPrimitive.Group;\nexport const MenubarPortal = MenubarPrimitive.Portal;\nexport const MenubarSub = MenubarPrimitive.Sub;\nexport const MenubarRadioGroup = MenubarPrimitive.RadioGroup;\n\n/* ─── Trigger ─────────────────────────────────────────────── */\nexport const MenubarTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Trigger\n    ref={ref}\n    className={cn('rz-menubar__trigger', className)}\n    {...props}\n  />\n));\nMenubarTrigger.displayName = 'MenubarTrigger';\n\n/* ─── Content ─────────────────────────────────────────────── */\nexport const MenubarContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n  <MenubarPrimitive.Portal>\n    <MenubarPrimitive.Content\n      ref={ref}\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn('rz-menubar__content', className)}\n      {...props}\n    />\n  </MenubarPrimitive.Portal>\n));\nMenubarContent.displayName = 'MenubarContent';\n\n/* ─── SubTrigger ──────────────────────────────────────────── */\nexport const MenubarSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenubarPrimitive.SubTrigger\n    ref={ref}\n    className={cn('rz-menubar__sub-trigger', className)}\n    {...props}\n  >\n    {children}\n    <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} style={{ marginLeft: 'auto' }} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = 'MenubarSubTrigger';\n\n/* ─── SubContent ──────────────────────────────────────────── */\nexport const MenubarSubContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.SubContent\n    ref={ref}\n    className={cn('rz-menubar__subcontent', className)}\n    {...props}\n  />\n));\nMenubarSubContent.displayName = 'MenubarSubContent';\n\n/* ─── Item ────────────────────────────────────────────────── */\nexport interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {\n  destructive?: boolean;\n}\n\nexport const MenubarItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Item>,\n  MenubarItemProps\n>(({ className, destructive, ...props }, ref) => (\n  <MenubarPrimitive.Item\n    ref={ref}\n    className={cn('rz-menubar__item', destructive && 'rz-menubar__item--destructive', className)}\n    {...props}\n  />\n));\nMenubarItem.displayName = 'MenubarItem';\n\n/* ─── CheckboxItem ────────────────────────────────────────── */\nexport const MenubarCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <MenubarPrimitive.CheckboxItem\n    ref={ref}\n    className={cn('rz-menubar__checkbox-item', className)}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"rz-menubar__item-indicator\">\n      <MenubarPrimitive.ItemIndicator>\n        <svg width=\"10\" height=\"10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3} aria-hidden=\"true\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n        </svg>\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.CheckboxItem>\n));\nMenubarCheckboxItem.displayName = 'MenubarCheckboxItem';\n\n/* ─── RadioItem ───────────────────────────────────────────── */\nexport const MenubarRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <MenubarPrimitive.RadioItem\n    ref={ref}\n    className={cn('rz-menubar__radio-item', className)}\n    {...props}\n  >\n    <span className=\"rz-menubar__item-indicator\">\n      <MenubarPrimitive.ItemIndicator>\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" aria-hidden=\"true\">\n          <circle cx=\"4\" cy=\"4\" r=\"4\" />\n        </svg>\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = 'MenubarRadioItem';\n\n/* ─── Label ───────────────────────────────────────────────── */\nexport const MenubarLabel = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Label ref={ref} className={cn('rz-menubar__label', className)} {...props} />\n));\nMenubarLabel.displayName = 'MenubarLabel';\n\n/* ─── Separator ───────────────────────────────────────────── */\nexport const MenubarSeparator = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Separator ref={ref} className={cn('rz-menubar__separator', className)} {...props} />\n));\nMenubarSeparator.displayName = 'MenubarSeparator';\n\n/* ─── Shortcut ────────────────────────────────────────────── */\nexport function MenubarShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) {\n  return <span className={cn('rz-menubar__shortcut', className)} {...props} />;\n}\n\n/* ─── Root convenience ────────────────────────────────────── */\nexport const Menubar = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Root ref={ref} className={cn('rz-menubar', className)} {...props} />\n));\nMenubar.displayName = 'Menubar';\n"],"names":["MenubarPrimitive.Root","MenubarPrimitive.Menu","MenubarPrimitive.Group","MenubarPrimitive.Portal","MenubarPrimitive.Sub","MenubarPrimitive.RadioGroup","React","MenubarPrimitive.Trigger","MenubarPrimitive.Content","MenubarPrimitive.SubTrigger","MenubarPrimitive.SubContent","MenubarPrimitive.Item","MenubarPrimitive.CheckboxItem","MenubarPrimitive.ItemIndicator","MenubarPrimitive.RadioItem","MenubarPrimitive.Label","MenubarPrimitive.Separator"],"mappings":"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"}

package/dist/components/menubar/index.d.ts

@@ -0,0 +1,3 @@
+export { Menubar, MenubarRoot, MenubarMenu, MenubarGroup, MenubarPortal, MenubarSub, MenubarRadioGroup, MenubarTrigger, MenubarContent, MenubarSubTrigger, MenubarSubContent, MenubarItem, MenubarCheckboxItem, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, } from './Menubar';
+export type { MenubarItemProps } from './Menubar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menubar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,YAAY,EACZ,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAChB,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/multi-select/MultiSelect.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                   */
+const Popover = require("../popover/Popover.cjs");
+const Command = require("../command/Command.cjs");
+const ChevronIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m6 9 6 6 6-6" }) });
+const CheckIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) });
+function MultiSelect({
+  value: controlled,
+  defaultValue = [],
+  onChange,
+  options = [],
+  groups = [],
+  placeholder = "Select…",
+  searchPlaceholder = "Search…",
+  emptyMessage = "No results.",
+  maxSelected,
+  label,
+  hint,
+  error,
+  disabled,
+  className
+}) {
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = React.useState(defaultValue);
+  const [open, setOpen] = React.useState(false);
+  const selected = isControlled ? controlled : internal;
+  const allOptions = [...options, ...groups.flatMap((g) => g.options)];
+  function toggle(value) {
+    const next = selected.includes(value) ? selected.filter((v) => v !== value) : maxSelected && selected.length >= maxSelected ? selected : [...selected, value];
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeChip(value, e) {
+    e.stopPropagation();
+    const next = selected.filter((v) => v !== value);
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  const uid = React.useId();
+  function renderOptions(opts) {
+    return opts.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(Command.CommandItem, { value: opt.value, disabled: opt.disabled, onSelect: toggle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginRight: "0.5rem", width: "1rem", display: "inline-flex", alignItems: "center" }, children: selected.includes(opt.value) && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) }),
+      opt.label
+    ] }, opt.value));
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-multi-select", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: uid, style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.375rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover.Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          id: uid,
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-multiselectable": "true",
+          "aria-disabled": disabled,
+          tabIndex: disabled ? -1 : 0,
+          onKeyDown: (e) => {
+            if (!disabled && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+              setOpen((o) => !o);
+            }
+          },
+          className: cn.cn("rz-multi-select__trigger", disabled && "rz-multi-select__trigger--disabled"),
+          children: [
+            selected.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-multi-select__placeholder", children: placeholder }) : selected.map((v) => {
+              const opt = allOptions.find((o) => o.value === v);
+              return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-multi-select__chip", children: [
+                (opt == null ? void 0 : opt.label) ?? v,
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "rz-multi-select__chip-remove", onClick: (e) => removeChip(v, e), "aria-label": `Remove ${(opt == null ? void 0 : opt.label) ?? v}`, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }) })
+              ] }, v);
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-multi-select__chevron", children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, {}) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Popover.PopoverContent, { style: { padding: 0, width: "var(--radix-popover-trigger-width)", minWidth: "12rem" }, align: "start", sideOffset: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Command.Command, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Command.CommandInput, { placeholder: searchPlaceholder }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Command.CommandList, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Command.CommandEmpty, { children: emptyMessage }),
+            groups.length > 0 ? groups.map((g) => /* @__PURE__ */ jsxRuntime.jsx(Command.CommandGroup, { heading: g.label, children: renderOptions(g.options) }, g.label)) : /* @__PURE__ */ jsxRuntime.jsx(Command.CommandGroup, { children: renderOptions(options) })
+          ] })
+        ] }),
+        maxSelected && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "0.375rem 0.75rem", fontSize: "0.75rem", color: "var(--rz-color-muted-foreground)", borderTop: "1px solid var(--rz-color-border)" }, children: [
+          selected.length,
+          "/",
+          maxSelected,
+          " selected"
+        ] })
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-multi-select__error", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-multi-select__hint", children: hint }) : null
+  ] });
+}
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=MultiSelect.cjs.map

package/dist/components/multi-select/MultiSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.cjs","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover';\nimport { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../command';\nimport './multi-select.css';\n\nexport interface MultiSelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface MultiSelectOptionGroup {\n  label: string;\n  options: MultiSelectOption[];\n}\n\nexport interface MultiSelectProps {\n  value?: string[];\n  defaultValue?: string[];\n  onChange?: (values: string[]) => void;\n  options?: MultiSelectOption[];\n  groups?: MultiSelectOptionGroup[];\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyMessage?: string;\n  maxSelected?: number;\n  label?: string;\n  hint?: string;\n  error?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nconst ChevronIcon = () => (\n  <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m6 9 6 6 6-6\" />\n  </svg>\n);\n\nconst CheckIcon = () => (\n  <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n  </svg>\n);\n\nexport function MultiSelect({\n  value: controlled,\n  defaultValue = [],\n  onChange,\n  options = [],\n  groups = [],\n  placeholder = 'Select…',\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results.',\n  maxSelected,\n  label,\n  hint,\n  error,\n  disabled,\n  className,\n}: MultiSelectProps) {\n  const isControlled = controlled !== undefined;\n  const [internal, setInternal] = React.useState<string[]>(defaultValue);\n  const [open, setOpen] = React.useState(false);\n  const selected = isControlled ? controlled! : internal;\n\n  const allOptions: MultiSelectOption[] = [...options, ...groups.flatMap((g) => g.options)];\n\n  function toggle(value: string) {\n    const next = selected.includes(value)\n      ? selected.filter((v) => v !== value)\n      : maxSelected && selected.length >= maxSelected ? selected : [...selected, value];\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n  }\n\n  function removeChip(value: string, e: React.MouseEvent) {\n    e.stopPropagation();\n    const next = selected.filter((v) => v !== value);\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n  }\n\n  const uid = React.useId();\n\n  function renderOptions(opts: MultiSelectOption[]) {\n    return opts.map((opt) => (\n      <CommandItem key={opt.value} value={opt.value} disabled={opt.disabled} onSelect={toggle}>\n        <span style={{ marginRight: '0.5rem', width: '1rem', display: 'inline-flex', alignItems: 'center' }}>\n          {selected.includes(opt.value) && <CheckIcon />}\n        </span>\n        {opt.label}\n      </CommandItem>\n    ));\n  }\n\n  return (\n    <div className={cn('rz-multi-select', className)}>\n      {label && (\n        <label htmlFor={uid} style={{ display: 'block', fontSize: '0.875rem', fontWeight: 500, marginBottom: '0.375rem', color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </label>\n      )}\n      <Popover open={open} onOpenChange={disabled ? undefined : setOpen}>\n        <PopoverTrigger asChild>\n          <div\n            id={uid}\n            role=\"combobox\"\n            aria-expanded={open}\n            aria-multiselectable=\"true\"\n            aria-disabled={disabled}\n            tabIndex={disabled ? -1 : 0}\n            onKeyDown={(e) => { if (!disabled && (e.key === 'Enter' || e.key === ' ')) { e.preventDefault(); setOpen((o) => !o); } }}\n            className={cn('rz-multi-select__trigger', disabled && 'rz-multi-select__trigger--disabled')}\n          >\n            {selected.length === 0 ? (\n              <span className=\"rz-multi-select__placeholder\">{placeholder}</span>\n            ) : (\n              selected.map((v) => {\n                const opt = allOptions.find((o) => o.value === v);\n                return (\n                  <span key={v} className=\"rz-multi-select__chip\">\n                    {opt?.label ?? v}\n                    <button type=\"button\" className=\"rz-multi-select__chip-remove\" onClick={(e) => removeChip(v, e)} aria-label={`Remove ${opt?.label ?? v}`}>\n                      <svg width=\"10\" height=\"10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3} aria-hidden=\"true\">\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n                      </svg>\n                    </button>\n                  </span>\n                );\n              })\n            )}\n            <span className=\"rz-multi-select__chevron\"><ChevronIcon /></span>\n          </div>\n        </PopoverTrigger>\n        <PopoverContent style={{ padding: 0, width: 'var(--radix-popover-trigger-width)', minWidth: '12rem' }} align=\"start\" sideOffset={4}>\n          <Command>\n            <CommandInput placeholder={searchPlaceholder} />\n            <CommandList>\n              <CommandEmpty>{emptyMessage}</CommandEmpty>\n              {groups.length > 0\n                ? groups.map((g) => (\n                    <CommandGroup key={g.label} heading={g.label}>\n                      {renderOptions(g.options)}\n                    </CommandGroup>\n                  ))\n                : <CommandGroup>{renderOptions(options)}</CommandGroup>\n              }\n            </CommandList>\n          </Command>\n          {maxSelected && (\n            <div style={{ padding: '0.375rem 0.75rem', fontSize: '0.75rem', color: 'var(--rz-color-muted-foreground)', borderTop: '1px solid var(--rz-color-border)' }}>\n              {selected.length}/{maxSelected} selected\n            </div>\n          )}\n        </PopoverContent>\n      </Popover>\n      {error ? <p className=\"rz-multi-select__error\">{error}</p>\n             : hint ? <p className=\"rz-multi-select__hint\">{hint}</p> : null}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","CommandItem","cn","Popover","PopoverTrigger","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup"],"mappings":"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"}

package/dist/components/multi-select/MultiSelect.d.ts

@@ -0,0 +1,27 @@
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface MultiSelectOptionGroup {
+    label: string;
+    options: MultiSelectOption[];
+}
+export interface MultiSelectProps {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (values: string[]) => void;
+    options?: MultiSelectOption[];
+    groups?: MultiSelectOptionGroup[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    maxSelected?: number;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function MultiSelect({ value: controlled, defaultValue, onChange, options, groups, placeholder, searchPlaceholder, emptyMessage, maxSelected, label, hint, error, disabled, className, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,UAAU,EACjB,YAAiB,EACjB,QAAQ,EACR,OAAY,EACZ,MAAW,EACX,WAAuB,EACvB,iBAA6B,EAC7B,YAA4B,EAC5B,WAAW,EACX,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAqGlB"}

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

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                 */
+import { Popover, PopoverTrigger, PopoverContent } from "../popover/Popover.js";
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "../command/Command.js";
+const ChevronIcon = () => /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m6 9 6 6 6-6" }) });
+const CheckIcon = () => /* @__PURE__ */ jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) });
+function MultiSelect({
+  value: controlled,
+  defaultValue = [],
+  onChange,
+  options = [],
+  groups = [],
+  placeholder = "Select…",
+  searchPlaceholder = "Search…",
+  emptyMessage = "No results.",
+  maxSelected,
+  label,
+  hint,
+  error,
+  disabled,
+  className
+}) {
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = React__default.useState(defaultValue);
+  const [open, setOpen] = React__default.useState(false);
+  const selected = isControlled ? controlled : internal;
+  const allOptions = [...options, ...groups.flatMap((g) => g.options)];
+  function toggle(value) {
+    const next = selected.includes(value) ? selected.filter((v) => v !== value) : maxSelected && selected.length >= maxSelected ? selected : [...selected, value];
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeChip(value, e) {
+    e.stopPropagation();
+    const next = selected.filter((v) => v !== value);
+    if (!isControlled) setInternal(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  const uid = React__default.useId();
+  function renderOptions(opts) {
+    return opts.map((opt) => /* @__PURE__ */ jsxs(CommandItem, { value: opt.value, disabled: opt.disabled, onSelect: toggle, children: [
+      /* @__PURE__ */ jsx("span", { style: { marginRight: "0.5rem", width: "1rem", display: "inline-flex", alignItems: "center" }, children: selected.includes(opt.value) && /* @__PURE__ */ jsx(CheckIcon, {}) }),
+      opt.label
+    ] }, opt.value));
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-multi-select", className), children: [
+    label && /* @__PURE__ */ jsx("label", { htmlFor: uid, style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.375rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: uid,
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-multiselectable": "true",
+          "aria-disabled": disabled,
+          tabIndex: disabled ? -1 : 0,
+          onKeyDown: (e) => {
+            if (!disabled && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+              setOpen((o) => !o);
+            }
+          },
+          className: cn("rz-multi-select__trigger", disabled && "rz-multi-select__trigger--disabled"),
+          children: [
+            selected.length === 0 ? /* @__PURE__ */ jsx("span", { className: "rz-multi-select__placeholder", children: placeholder }) : selected.map((v) => {
+              const opt = allOptions.find((o) => o.value === v);
+              return /* @__PURE__ */ jsxs("span", { className: "rz-multi-select__chip", children: [
+                (opt == null ? void 0 : opt.label) ?? v,
+                /* @__PURE__ */ jsx("button", { type: "button", className: "rz-multi-select__chip-remove", onClick: (e) => removeChip(v, e), "aria-label": `Remove ${(opt == null ? void 0 : opt.label) ?? v}`, children: /* @__PURE__ */ jsx("svg", { width: "10", height: "10", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) }) })
+              ] }, v);
+            }),
+            /* @__PURE__ */ jsx("span", { className: "rz-multi-select__chevron", children: /* @__PURE__ */ jsx(ChevronIcon, {}) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { style: { padding: 0, width: "var(--radix-popover-trigger-width)", minWidth: "12rem" }, align: "start", sideOffset: 4, children: [
+        /* @__PURE__ */ jsxs(Command, { children: [
+          /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }),
+          /* @__PURE__ */ jsxs(CommandList, { children: [
+            /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }),
+            groups.length > 0 ? groups.map((g) => /* @__PURE__ */ jsx(CommandGroup, { heading: g.label, children: renderOptions(g.options) }, g.label)) : /* @__PURE__ */ jsx(CommandGroup, { children: renderOptions(options) })
+          ] })
+        ] }),
+        maxSelected && /* @__PURE__ */ jsxs("div", { style: { padding: "0.375rem 0.75rem", fontSize: "0.75rem", color: "var(--rz-color-muted-foreground)", borderTop: "1px solid var(--rz-color-border)" }, children: [
+          selected.length,
+          "/",
+          maxSelected,
+          " selected"
+        ] })
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx("p", { className: "rz-multi-select__error", children: error }) : hint ? /* @__PURE__ */ jsx("p", { className: "rz-multi-select__hint", children: hint }) : null
+  ] });
+}
+export {
+  MultiSelect
+};
+//# sourceMappingURL=MultiSelect.js.map