@funhub/platform 0.1.10

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

@@ -0,0 +1,48 @@
+export * from './accordion';
+export * from './alert';
+export * from './alert-dialog';
+export * from './aspect-ratio';
+export * from './avatar';
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './button-group';
+export * from './card';
+export * from './carousel';
+export * from './checkbox';
+export * from './collapsible';
+export * from './combobox';
+export * from './context-menu';
+export * from './dialog';
+export * from './drawer';
+export * from './dropdown-menu';
+export * from './empty';
+export * from './field';
+export * from './hover-card';
+export * from './input';
+export * from './input-group';
+export * from './input-otp';
+export * from './item';
+export * from './kbd';
+export * from './label';
+export * from './menubar';
+export * from './native-select';
+export * from './pagination';
+export * from './popover';
+export * from './progress';
+export * from './radio-group';
+export * from './scroll-area';
+export * from './select';
+export * from './separator';
+export * from './sheet';
+export * from './skeleton';
+export * from './slider';
+export * from './sonner';
+export * from './spinner';
+export * from './switch';
+export * from './table';
+export * from './tabs';
+export * from './textarea';
+export * from './toggle';
+export * from './toggle-group';
+export * from './tooltip';

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button';
+import * as React from 'react';
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size' | 'type'> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: 'button' | 'submit' | 'reset';
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/components/ui/input-group.mjs

@@ -0,0 +1,135 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cva as i } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
+import { Button as u } from "./button.mjs";
+import { Input as d } from "./input.mjs";
+import { Textarea as l } from "./textarea.mjs";
+import { cn as n } from "../../utils/cn.mjs";
+function v({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: n(
+        "border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
+        a
+      ),
+      ...t
+    }
+  );
+}
+const p = i(
+  "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
+  {
+    variants: {
+      align: {
+        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
+        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
+        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function k({
+  className: a,
+  align: t = "inline-start",
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": t,
+      className: n(p({ align: t }), a),
+      onClick: (e) => {
+        e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...o
+    }
+  );
+}
+const c = i(
+  "gap-2 text-sm shadow-none flex items-center",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function z({
+  className: a,
+  type: t = "button",
+  variant: o = "ghost",
+  size: e = "xs",
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    u,
+    {
+      type: t,
+      "data-size": e,
+      variant: o,
+      className: n(c({ size: e }), a),
+      ...s
+    }
+  );
+}
+function w({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      className: n(
+        "text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function y({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      "data-slot": "input-group-control",
+      className: n("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", a),
+      ...t
+    }
+  );
+}
+function G({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      "data-slot": "input-group-control",
+      className: n("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", a),
+      ...t
+    }
+  );
+}
+export {
+  v as InputGroup,
+  k as InputGroupAddon,
+  z as InputGroupButton,
+  y as InputGroupInput,
+  w as InputGroupText,
+  G as InputGroupTextarea
+};

package/dist/components/ui/input-otp.d.ts

@@ -0,0 +1,11 @@
+import { OTPInput } from 'input-otp';
+import * as React from 'react';
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/ui/input-otp.mjs

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { OTPInput as u, OTPInputContext as c } from "../../node_modules/.pnpm/input-otp@1.4.2_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/input-otp/dist/index.mjs";
+import * as p from "react";
+import { cn as a } from "../../utils/cn.mjs";
+import v from "../../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.mjs";
+function x({
+  className: t,
+  containerClassName: r,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    u,
+    {
+      "data-slot": "input-otp",
+      containerClassName: a(
+        "cn-input-otp flex items-center has-disabled:opacity-50",
+        r
+      ),
+      spellCheck: !1,
+      className: a(
+        "disabled:cursor-not-allowed",
+        t
+      ),
+      ...i
+    }
+  );
+}
+function h({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: a("has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-[3px] flex items-center", t),
+      ...r
+    }
+  );
+}
+function N({
+  index: t,
+  className: r,
+  ...i
+}) {
+  const n = p.use(c), { char: s, hasFakeCaret: o, isActive: d } = n?.slots[t] ?? {};
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": d,
+      className: a(
+        "dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-[3px] relative flex items-center justify-center data-[active=true]:z-10",
+        r
+      ),
+      ...i,
+      children: [
+        s,
+        o && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000 bg-foreground h-4 w-px" }) })
+      ]
+    }
+  );
+}
+function O({ ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "input-otp-separator",
+      className: "[&_svg:not([class*='size-'])]:size-4 flex items-center",
+      role: "separator",
+      ...t,
+      children: /* @__PURE__ */ e(v, {})
+    }
+  );
+}
+export {
+  x as InputOTP,
+  h as InputOTPGroup,
+  O as InputOTPSeparator,
+  N as InputOTPSlot
+};

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/components/ui/input.mjs

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn.mjs";
+import { Input as d } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/input/Input.mjs";
+function s({ className: i, type: e, ...r }) {
+  return /* @__PURE__ */ t(
+    d,
+    {
+      type: e,
+      "data-slot": "input",
+      className: n(
+        "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...r
+    }
+  );
+}
+export {
+  s as Input
+};

package/dist/components/ui/item.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+import { useRender } from '@base-ui/react/use-render';
+import { Separator } from './separator';
+import * as React from 'react';
+declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<'div'> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, };

package/dist/components/ui/item.mjs

@@ -0,0 +1,195 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cva as s } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs";
+import { Separator as l } from "./separator.mjs";
+import { cn as a } from "../../utils/cn.mjs";
+import { useRender as m } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/use-render/useRender.mjs";
+import { mergeProps as d } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/merge-props/mergeProps.mjs";
+function z({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: a(
+        "gap-4 has-[[data-size=sm]]:gap-2.5 has-[[data-size=xs]]:gap-2 group/item-group flex w-full flex-col",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function N({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ i(
+    l,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: a("my-2", e),
+      ...t
+    }
+  );
+}
+const u = s(
+  "[a]:hover:bg-muted rounded-lg border text-sm w-full group/item focus-visible:border-ring focus-visible:ring-ring/50 flex items-center flex-wrap outline-none transition-colors duration-100 focus-visible:ring-[3px] [a]:transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50 border-transparent"
+      },
+      size: {
+        default: "gap-2.5 px-3 py-2.5",
+        sm: "gap-2.5 px-3 py-2.5",
+        xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function h({
+  className: e,
+  variant: t = "default",
+  size: r = "default",
+  render: n,
+  ...o
+}) {
+  return m({
+    defaultTagName: "div",
+    props: d(
+      {
+        className: a(u({ variant: t, size: r, className: e }))
+      },
+      o
+    ),
+    render: n,
+    state: {
+      slot: "item",
+      variant: t,
+      size: r
+    }
+  });
+}
+const f = s(
+  "gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function I({
+  className: e,
+  variant: t = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": t,
+      className: a(f({ variant: t, className: e })),
+      ...r
+    }
+  );
+}
+function y({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: a(
+        "gap-1 group-data-[size=xs]/item:gap-0 flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: a(
+        "gap-2 text-sm leading-snug font-medium underline-offset-4 line-clamp-1 flex w-fit items-center",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function j({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: a(
+        "text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function _({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: a("gap-2 flex items-center", e),
+      ...t
+    }
+  );
+}
+function V({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: a(
+        "gap-2 flex basis-full items-center justify-between",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function M({ className: e, ...t }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: a(
+        "gap-2 flex basis-full items-center justify-between",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  h as Item,
+  _ as ItemActions,
+  y as ItemContent,
+  j as ItemDescription,
+  M as ItemFooter,
+  z as ItemGroup,
+  V as ItemHeader,
+  I as ItemMedia,
+  N as ItemSeparator,
+  w as ItemTitle
+};

package/dist/components/ui/kbd.d.ts

@@ -0,0 +1,3 @@
+declare function Kbd({ className, ...props }: React.ComponentProps<'kbd'>): import("react/jsx-runtime").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Kbd, KbdGroup };

package/dist/components/ui/kbd.mjs

@@ -0,0 +1,29 @@
+import { jsx as n } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.mjs";
+function r({ className: t, ...e }) {
+  return /* @__PURE__ */ n(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: o(
+        "bg-muted text-muted-foreground [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function d({ className: t, ...e }) {
+  return /* @__PURE__ */ n(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: o("gap-1 inline-flex items-center", t),
+      ...e
+    }
+  );
+}
+export {
+  r as Kbd,
+  d as KbdGroup
+};

package/dist/components/ui/label.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Label({ className, ...props }: React.ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/ui/label.mjs

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.mjs";
+function n({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "label",
+    {
+      "data-slot": "label",
+      className: o(
+        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  n as Label
+};

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

@@ -0,0 +1,23 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu';
+import * as React from 'react';
+declare function Menubar({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuContent>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuLabel>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.ComponentProps<typeof DropdownMenuShortcut>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof DropdownMenuSub>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuSubContent>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };