@nipsys/shadcn-lsd 0.2.0 → 0.2.1

package/dist/components/ui/menubar/MenubarSeparator.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../../utils-DtaLkIY8.js";
+import { b as m } from "../../../types-D94euSAG.js";
+import { b as e } from "../../../index-DSoDGF_j.js";
+function b({ className: r, ...a }) {
+  return /* @__PURE__ */ o(
+    e,
+    {
+      "data-slot": "menubar-separator",
+      className: t(m(), r),
+      ...a
+    }
+  );
+}
+export {
+  b as MenubarSeparator
+};

package/dist/components/ui/menubar/MenubarSub.d.ts

@@ -0,0 +1,4 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import type * as React from 'react';
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+export { MenubarSub };

package/dist/components/ui/menubar/MenubarSub.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as t } from "../../../index-DSoDGF_j.js";
+function b({
+  ...r
+}) {
+  return /* @__PURE__ */ o(t, { "data-slot": "menubar-sub", ...r });
+}
+export {
+  b as MenubarSub
+};

package/dist/components/ui/menubar/MenubarSubContent.d.ts

@@ -0,0 +1,6 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import type * as React from 'react';
+export interface MenubarSubContentProps extends React.ComponentProps<typeof MenubarPrimitive.SubContent> {
+}
+declare function MenubarSubContent({ className, ...props }: MenubarSubContentProps): import("react/jsx-runtime").JSX.Element;
+export { MenubarSubContent };

package/dist/components/ui/menubar/MenubarSubContent.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "../../../utils-DtaLkIY8.js";
+import { a } from "../../../types-D94euSAG.js";
+import { S as m } from "../../../index-DSoDGF_j.js";
+function i({ className: t, ...n }) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      "data-slot": "menubar-sub-content",
+      className: r(a(), t),
+      ...n
+    }
+  );
+}
+export {
+  i as MenubarSubContent
+};

package/dist/components/ui/menubar/MenubarSubTrigger.d.ts

@@ -0,0 +1,7 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import { MenubarSubTriggerVariants } from './types';
+import type * as React from 'react';
+export interface MenubarSubTriggerProps extends React.ComponentProps<typeof MenubarPrimitive.SubTrigger>, MenubarSubTriggerVariants {
+}
+declare function MenubarSubTrigger({ className, inset, children, ...props }: MenubarSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+export { MenubarSubTrigger };

package/dist/components/ui/menubar/MenubarSubTrigger.js

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../../utils-DtaLkIY8.js";
+import { h as i } from "../../../types-D94euSAG.js";
+import { c as m } from "../../../createLucideIcon-CP-mMPfa.js";
+import { f as u } from "../../../index-DSoDGF_j.js";
+const c = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], d = m("chevron-right", c);
+function b({
+  className: s,
+  inset: r,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(
+    u,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": r,
+      className: n(
+        i({ inset: r }),
+        "lsd:group",
+        s
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ o("span", { className: "lsd:group-hover:underline lsd:group-focus:underline", children: e }),
+        /* @__PURE__ */ o(d, { className: "lsd:ml-auto lsd:h-4 lsd:w-4" })
+      ]
+    }
+  );
+}
+export {
+  b as MenubarSubTrigger
+};

package/dist/components/ui/menubar/MenubarTrigger.d.ts

@@ -0,0 +1,6 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import type * as React from 'react';
+export interface MenubarTriggerProps extends React.ComponentProps<typeof MenubarPrimitive.Trigger> {
+}
+declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): import("react/jsx-runtime").JSX.Element;
+export { MenubarTrigger };

package/dist/components/ui/menubar/MenubarTrigger.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as o } from "../../../utils-DtaLkIY8.js";
+import { m as t } from "../../../types-D94euSAG.js";
+import { T as e } from "../../../index-DSoDGF_j.js";
+function f({ className: r, ...a }) {
+  return /* @__PURE__ */ m(
+    e,
+    {
+      "data-slot": "menubar-trigger",
+      className: o(t(), r),
+      ...a
+    }
+  );
+}
+export {
+  f as MenubarTrigger
+};

package/dist/components/ui/menubar/__tests__/menubar-trigger.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/menubar/__tests__/menubar-trigger.test.js

@@ -0,0 +1,68 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { d as h, i as l, r as n, g as t, s as m, v as g } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Menubar as s } from "../Menubar.js";
+import { MenubarContent as a } from "../MenubarContent.js";
+import { MenubarItem as o } from "../MenubarItem.js";
+import { MenubarMenu as c } from "../MenubarMenu.js";
+import { MenubarTrigger as d } from "../MenubarTrigger.js";
+h("MenubarTrigger", () => {
+  l("renders without crashing", () => {
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    ), t(m.getByRole("menuitem", { name: "File" })).toBeInTheDocument();
+  }), l("renders as a menuitem", () => {
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    ), t(m.getByRole("menuitem", { name: "File" })).toBeInTheDocument();
+  }), l("applies base classes correctly", () => {
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    );
+    const r = m.getByRole("menuitem", { name: "File" });
+    t(r).toHaveClass("lsd:flex"), t(r).toHaveClass("lsd:items-center"), t(r).toHaveClass("lsd:px-2"), t(r).toHaveClass("lsd:py-1"), t(r).toHaveClass("lsd:text-sm"), t(r).toHaveClass("lsd:font-medium"), t(r).toHaveClass("lsd:cursor-pointer");
+  }), l("applies data-slot attribute", () => {
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    );
+    const r = m.getByRole("menuitem", { name: "File" });
+    t(r).toHaveAttribute("data-slot", "menubar-trigger");
+  }), l("merges custom className with component classes", () => {
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { className: "custom-trigger-class", children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    );
+    const r = m.getByRole("menuitem", { name: "File" });
+    t(r).toHaveClass("custom-trigger-class"), t(r).toHaveClass("lsd:flex");
+  }), l("passes through additional props", () => {
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { "data-testid": "test-trigger", id: "trigger-1", children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    );
+    const r = m.getByRole("menuitem", { name: "File" });
+    t(r).toHaveAttribute("data-testid", "test-trigger"), t(r).toHaveAttribute("id", "trigger-1");
+  }), l("forwards ref to underlying button element", () => {
+    const r = g.fn();
+    n(
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ i(c, { children: [
+        /* @__PURE__ */ e(d, { ref: r, children: "File" }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o, { children: "New File" }) })
+      ] }) })
+    ), t(r).toHaveBeenCalled(), t(r.mock.calls[0][0]).toBeInstanceOf(HTMLButtonElement);
+  });
+});

package/dist/components/ui/menubar/__tests__/menubar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/menubar/__tests__/menubar.test.js

@@ -0,0 +1,66 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { d as u, i as d, r as o, g as r, s as m } from "../../../../vi.2VT5v0um-D9hIOtVQ.js";
+import { Menubar as c } from "../Menubar.js";
+import { MenubarContent as n } from "../MenubarContent.js";
+import { MenubarItem as a } from "../MenubarItem.js";
+import { MenubarMenu as s } from "../MenubarMenu.js";
+import { MenubarTrigger as i } from "../MenubarTrigger.js";
+u("Menubar", () => {
+  d("renders without crashing", () => {
+    o(
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(i, { children: "File" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
+      ] }) })
+    ), r(document.querySelector('[data-slot="menubar"]')).toBeInTheDocument();
+  }), d("applies data-slot attribute", () => {
+    o(
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(i, { children: "File" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
+      ] }) })
+    );
+    const t = document.querySelector('[data-slot="menubar"]');
+    r(t).toHaveAttribute("data-slot", "menubar");
+  }), d("applies base classes correctly", () => {
+    o(
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(i, { children: "File" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
+      ] }) })
+    );
+    const t = document.querySelector('[data-slot="menubar"]');
+    r(t).toHaveClass("lsd:flex"), r(t).toHaveClass("lsd:h-9"), r(t).toHaveClass("lsd:items-center"), r(t).toHaveClass("lsd:gap-1"), r(t).toHaveClass("lsd:border"), r(t).toHaveClass("lsd:bg-lsd-surface");
+  }), d("merges custom className with component classes", () => {
+    o(
+      /* @__PURE__ */ e(c, { className: "custom-menubar-class", children: /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(i, { children: "File" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
+      ] }) })
+    );
+    const t = document.querySelector('[data-slot="menubar"]');
+    r(t).toHaveClass("custom-menubar-class"), r(t).toHaveClass("lsd:flex");
+  }), d("passes through additional props", () => {
+    o(
+      /* @__PURE__ */ e(c, { "data-testid": "test-menubar", id: "menubar-1", children: /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(i, { children: "File" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
+      ] }) })
+    );
+    const t = document.querySelector('[data-slot="menubar"]');
+    r(t).toHaveAttribute("data-testid", "test-menubar"), r(t).toHaveAttribute("id", "menubar-1");
+  }), d("renders with multiple menus", () => {
+    o(
+      /* @__PURE__ */ l(c, { children: [
+        /* @__PURE__ */ l(s, { children: [
+          /* @__PURE__ */ e(i, { children: "File" }),
+          /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "New File" }) })
+        ] }),
+        /* @__PURE__ */ l(s, { children: [
+          /* @__PURE__ */ e(i, { children: "Edit" }),
+          /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { children: "Undo" }) })
+        ] })
+      ] })
+    ), r(document.querySelector('[data-slot="menubar"]')).toBeInTheDocument(), r(m.getByRole("menuitem", { name: "File" })).toBeInTheDocument(), r(m.getByRole("menuitem", { name: "Edit" })).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,16 @@
+export { Menubar, type MenubarProps } from './Menubar';
+export { MenubarCheckboxItem, type MenubarCheckboxItemProps, } from './MenubarCheckboxItem';
+export { MenubarContent, type MenubarContentProps } from './MenubarContent';
+export { MenubarGroup } from './MenubarGroup';
+export { MenubarItem, type MenubarItemProps } from './MenubarItem';
+export { MenubarLabel, type MenubarLabelProps } from './MenubarLabel';
+export { MenubarMenu } from './MenubarMenu';
+export { MenubarPortal } from './MenubarPortal';
+export { MenubarRadioGroup } from './MenubarRadioGroup';
+export { MenubarRadioItem, type MenubarRadioItemProps, } from './MenubarRadioItem';
+export { MenubarSeparator, type MenubarSeparatorProps, } from './MenubarSeparator';
+export { MenubarSub } from './MenubarSub';
+export { MenubarSubContent, type MenubarSubContentProps, } from './MenubarSubContent';
+export { MenubarSubTrigger, type MenubarSubTriggerProps, } from './MenubarSubTrigger';
+export { MenubarTrigger, type MenubarTriggerProps } from './MenubarTrigger';
+export type { MenubarItemVariants, MenubarLabelVariants, MenubarSubTriggerVariants, MenubarVariants, } from './types';

package/dist/components/ui/menubar/types.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const menubarVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const menubarTriggerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const menubarItemVariants: (props?: ({
+    variant?: "destructive" | "default" | null | undefined;
+    inset?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const menubarSeparatorVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const menubarLabelVariants: (props?: ({
+    inset?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const menubarContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const menubarSubTriggerVariants: (props?: ({
+    inset?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const menubarSubContentVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const menubarCheckboxItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const menubarRadioItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export type MenubarVariants = VariantProps<typeof menubarVariants>;
+export type MenubarItemVariants = VariantProps<typeof menubarItemVariants>;
+export type MenubarLabelVariants = VariantProps<typeof menubarLabelVariants>;
+export type MenubarSubTriggerVariants = VariantProps<typeof menubarSubTriggerVariants>;