@px-ui/ui 1.0.10 → 1.1.0

package/dist/components/item.d.ts

@@ -1,5 +1,5 @@
-import { t as Separator } from "../separator-D0hWdzUT.js";
-import * as react_jsx_runtime251 from "react/jsx-runtime";
+import { t as Separator } from "../separator-Df76guaT.js";
+import * as react_jsx_runtime200 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
@@ -9,14 +9,14 @@ import * as class_variance_authority_types11 from "class-variance-authority/type
 declare function ItemGroup({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime200.JSX.Element;
 declare const itemVariants: (props?: ({
-  variant?: "default" | "outline" | "muted" | null | undefined;
-  size?: "default" | "xs" | "sm" | null | undefined;
+  variant?: "default" | "muted" | "outline" | null | undefined;
+  size?: "default" | "sm" | "xs" | null | undefined;
 } & class_variance_authority_types11.ClassProp) | undefined) => string;
 declare function Item({
   className,
@@ -26,37 +26,37 @@ declare function Item({
   ...props
 }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
 declare const itemMediaVariants: (props?: ({
-  variant?: "image" | "default" | "icon" | null | undefined;
+  variant?: "default" | "image" | "icon" | null | undefined;
 } & class_variance_authority_types11.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime200.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React$1.ComponentProps<"p">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"p">): react_jsx_runtime200.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime251.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","names":[],"sources":["../../src/components/item.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAQS,SAAA;;;GAAmC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAc9D,aAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA;cAWnC,oBA5Be;;EAAZ,IAAA,CAAA,EAAA,SAAS,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CAAG,GAgDpB,gCAAA,CAAA,SAhDoB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAkDZ,IAAA,CAlDyC;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAwD/C,SAAA,CAAU,cAxDqC,CAAA,KAAA,CAAA,GAwDb,YAxDa,CAAA,OAwDO,YAxDP,CAAA,CAAA,EAwDoB,OAAA,CAAA,YAxDpB,CAAA,OAAA,EAAA,MAAA,GAwDoB,OAAA,CAAA,qBAxDpB,CAAA,GAAA,CAAA,CAAA;cA0E5C,iBA1EiE,EAAA,CAAA,KAcjD,CAdiD,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAyFtE,gCAAA,CAAA,SA3EqB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBA6Eb,SAAA,CA5EP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgFC,OAAA,CAAM,cAhFP,CAAA,KAAA,CAAA,GAgF+B,YAhF/B,CAAA,OAgFmD,iBAhFnD,CAAA,CAAA,EAgFqE,oBAAA,CAAA,GAAA,CAAA,OAhFrE;iBA2FO,WAAA,CAzFsB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyFe,OAAA,CAAM,cAzFrB,CAAA,KAAA,CAAA,CAAA,EAyF0C,oBAAA,CAAA,GAAA,CAAA,OAzF1C;iBAsGtB,SAAA,CAtGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsGmC,OAAA,CAAM,cAtGzC,CAAA,KAAA,CAAA,CAAA,EAsG8D,oBAAA,CAAA,GAAA,CAAA,OAtG9D;iBAmHA,eAAA,CAnHgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmHS,OAAA,CAAM,cAnHf,CAAA,GAAA,CAAA,CAAA,EAmHkC,oBAAA,CAAA,GAAA,CAAA,OAnHlC;iBAgIhC,WAAA,CAhIgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgIK,OAAA,CAAM,cAhIX,CAAA,KAAA,CAAA,CAAA,EAgIgC,oBAAA,CAAA,GAAA,CAAA,OAhIhC;AAAA,iBA0IhC,UAAA,CA3GR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2G4C,OAAA,CAAM,cA3GlD,CAAA,KAAA,CAAA,CAAA,EA2GuE,oBAAA,CAAA,GAAA,CAAA,OA3GvE;iBAwHQ,UAAA,CAtHI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsHgC,OAAA,CAAM,cAtHtC,CAAA,KAAA,CAAA,CAAA,EAsH2D,oBAAA,CAAA,GAAA,CAAA,OAtH3D"}
+{"version":3,"file":"item.d.ts","names":[],"sources":["../../src/components/item.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAQS,SAAA;;;GAAmC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAc9D,aAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA;cAWnC,oBA5Be;;EAAZ,IAAA,CAAA,EAAA,SAAS,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CAAG,GAgDpB,gCAAA,CAAA,SAhDoB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAkDZ,IAAA,CAlDyC;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAwD/C,SAAA,CAAU,cAxDqC,CAAA,KAAA,CAAA,GAwDb,YAxDa,CAAA,OAwDO,YAxDP,CAAA,CAAA,EAwDoB,OAAA,CAAA,YAxDpB,CAAA,OAAA,EAAA,MAAA,GAwDoB,OAAA,CAAA,qBAxDpB,CAAA,GAAA,CAAA,CAAA;cA0E5C,iBA1EiE,EAAA,CAAA,KAcjD,CAdiD,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAyFtE,gCAAA,CAAA,SA3EqB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBA6Eb,SAAA,CA5EP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgFC,OAAA,CAAM,cAhFP,CAAA,KAAA,CAAA,GAgF+B,YAhF/B,CAAA,OAgFmD,iBAhFnD,CAAA,CAAA,EAgFqE,oBAAA,CAAA,GAAA,CAAA,OAhFrE;iBA2FO,WAAA,CAzFsB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyFe,OAAA,CAAM,cAzFrB,CAAA,KAAA,CAAA,CAAA,EAyF0C,oBAAA,CAAA,GAAA,CAAA,OAzF1C;iBAsGtB,SAAA,CAtGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsGmC,OAAA,CAAM,cAtGzC,CAAA,KAAA,CAAA,CAAA,EAsG8D,oBAAA,CAAA,GAAA,CAAA,OAtG9D;iBAmHA,eAAA,CAnHgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmHS,OAAA,CAAM,cAnHf,CAAA,GAAA,CAAA,CAAA,EAmHkC,oBAAA,CAAA,GAAA,CAAA,OAnHlC;iBAgIhC,WAAA,CAhIgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgIK,OAAA,CAAM,cAhIX,CAAA,KAAA,CAAA,CAAA,EAgIgC,oBAAA,CAAA,GAAA,CAAA,OAhIhC;AAAA,iBA0IhC,UAAA,CA3GR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2G4C,OAAA,CAAM,cA3GlD,CAAA,KAAA,CAAA,CAAA,EA2GuE,oBAAA,CAAA,GAAA,CAAA,OA3GvE;iBAwHQ,UAAA,CAtHI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsHgC,OAAA,CAAM,cAtHtC,CAAA,KAAA,CAAA,CAAA,EAsH2D,oBAAA,CAAA,GAAA,CAAA,OAtH3D"}

package/dist/components/item.js

@@ -1,5 +1,5 @@
-import { t as cn } from "../utils-mWJR2N24.js";
-import { t as Separator } from "../separator-BS3ilczC.js";
+import { t as cn } from "../utils-DUlptRpf.js";
+import { t as Separator } from "../separator-D0bew2D_.js";
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { cva } from "class-variance-authority";

package/dist/components/kbd.d.ts

@@ -1,14 +1,14 @@
-import * as react_jsx_runtime260 from "react/jsx-runtime";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
 
 //#region src/components/kbd.d.ts
 declare function Kbd({
   className,
   ...props
-}: React.ComponentProps<"kbd">): react_jsx_runtime260.JSX.Element;
+}: React.ComponentProps<"kbd">): react_jsx_runtime215.JSX.Element;
 declare function KbdGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime260.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { Kbd, KbdGroup };
 //# sourceMappingURL=kbd.d.ts.map

package/dist/components/kbd.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/kbd.tsx

package/dist/components/label.d.ts

@@ -1,2 +1,2 @@
-import { t as Label } from "../label-Dw4Hcz5k.js";
+import { t as Label } from "../label-BFg2hxuL.js";
 export { Label };

package/dist/components/label.js

@@ -1,6 +1,6 @@
 "use client";
 
-import "../utils-mWJR2N24.js";
-import { t as Label } from "../label-AaH9ZYCZ.js";
+import "../utils-DUlptRpf.js";
+import { t as Label } from "../label-DsRhOKY_.js";
 
 export { Label };

package/dist/components/marker.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime226 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
+
+//#region src/components/marker.d.ts
+declare const markerVariants: (props?: ({
+  variant?: "default" | "separator" | "border" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+declare function Marker({
+  className,
+  variant,
+  render,
+  ...props
+}: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function MarkerIcon({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime226.JSX.Element;
+declare function MarkerContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime226.JSX.Element;
+//#endregion
+export { Marker, MarkerContent, MarkerIcon, markerVariants };
+//# sourceMappingURL=marker.d.ts.map

package/dist/components/marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.d.ts","names":[],"sources":["../../src/components/marker.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOM;;IAYL,gCAAA,CAAA;iBAEQ,MAAA;;;;;GAKN,SAAA,CAAU,wBAAwB,oBAAoB,kBAAe,OAAA,CAAA,+BAAA,OAAA,CAAA;AAvBP,iBAwCxD,UAAA,CAxBR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwB4C,OAAA,CAAM,cAxBlD,CAAA,MAAA,CAAA,CAAA,EAwBwE,oBAAA,CAAA,GAAA,CAAA,OAxBxE;iBAsCQ,aAAA,CApCM;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoCiC,OAAA,CAAM,cApCvC,CAAA,MAAA,CAAA,CAAA,EAoC6D,oBAAA,CAAA,GAAA,CAAA,OApC7D"}

package/dist/components/marker.js

@@ -0,0 +1,46 @@
+import { t as cn } from "../utils-DUlptRpf.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/marker.tsx
+const markerVariants = cva("group/marker relative flex min-h-4 w-full items-center gap-2 text-start text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
+	default: "",
+	separator: "before:me-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ms-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+	border: "border-b border-border pb-2"
+} } });
+function Marker({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn(markerVariants({
+			variant,
+			className
+		})) }, props),
+		render,
+		state: {
+			slot: "marker",
+			variant
+		}
+	});
+}
+function MarkerIcon({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "marker-icon",
+		"aria-hidden": "true",
+		className: cn("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function MarkerContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "marker-content",
+		className: cn("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+}
+
+//#endregion
+export { Marker, MarkerContent, MarkerIcon, markerVariants };
+//# sourceMappingURL=marker.js.map

package/dist/components/marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.js","names":[],"sources":["../../src/components/marker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nconst markerVariants = cva(\n  \"group/marker relative flex min-h-4 w-full items-center gap-2 text-start text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        separator:\n          \"before:me-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ms-1 after:h-px after:min-w-0 after:flex-1 after:bg-border\",\n        border: \"border-b border-border pb-2\",\n      },\n    },\n  }\n)\n\nfunction Marker({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof markerVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(markerVariants({ variant, className })),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"marker\",\n      variant,\n    },\n  })\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-icon\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"marker-content\"\n      className={cn(\n        \"min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Marker, MarkerIcon, MarkerContent, markerVariants }\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,IACrB,6MACA,EACE,UAAU,EACR,SAAS;CACP,SAAS;CACT,WACE;CACF,QAAQ;CACT,EACF,EACF,CACF;AAED,SAAS,OAAO,EACd,WACA,UAAU,WACV,QACA,GAAG,SACqE;AACxE,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,eAAe;GAAE;GAAS;GAAW,CAAC,CAAC,EACtD,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACD;EACF,CAAC;;AAGJ,SAAS,WAAW,EAAE,WAAW,GAAG,SAAuC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,eAAY;EACZ,WAAW,GACT,wDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAuC;AAC5E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,kMACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/menubar.d.ts

@@ -1,5 +1,5 @@
-import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, m as DropdownMenuSubTrigger, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-BC7zFA2L.js";
-import * as react_jsx_runtime263 from "react/jsx-runtime";
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, m as DropdownMenuSubTrigger, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-DGgfWYrK.js";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Menu } from "@base-ui/react/menu";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
@@ -8,33 +8,33 @@ import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 declare function Menubar({
   className,
   ...props
-}: Menubar$1.Props): react_jsx_runtime263.JSX.Element;
+}: Menubar$1.Props): react_jsx_runtime48.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenu>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenu>): react_jsx_runtime48.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuGroup>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuGroup>): react_jsx_runtime48.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPortal>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPortal>): react_jsx_runtime48.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuTrigger>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuTrigger>): react_jsx_runtime48.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime48.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
   variant,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuItem>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuItem>): react_jsx_runtime48.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
@@ -43,10 +43,10 @@ declare function MenubarCheckboxItem({
   ...props
 }: Menu.CheckboxItem.Props & {
   inset?: boolean;
-}): react_jsx_runtime263.JSX.Element;
+}): react_jsx_runtime48.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuRadioGroup>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuRadioGroup>): react_jsx_runtime48.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
@@ -54,36 +54,36 @@ declare function MenubarRadioItem({
   ...props
 }: Menu.RadioItem.Props & {
   inset?: boolean;
-}): react_jsx_runtime263.JSX.Element;
+}): react_jsx_runtime48.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuLabel> & {
   inset?: boolean;
-}): react_jsx_runtime263.JSX.Element;
+}): react_jsx_runtime48.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuSeparator>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuSeparator>): react_jsx_runtime48.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuShortcut>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuShortcut>): react_jsx_runtime48.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuSub>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuSub>): react_jsx_runtime48.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuSubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime263.JSX.Element;
+}): react_jsx_runtime48.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuSubContent>): react_jsx_runtime263.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuSubContent>): react_jsx_runtime48.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../src/components/menubar.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../src/components/menubar.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/components/menubar.js

@@ -1,11 +1,11 @@
 "use client";
 
-import { t as cn } from "../utils-mWJR2N24.js";
-import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, m as DropdownMenuSubTrigger, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-CcumvwhM.js";
+import { t as cn } from "../utils-DUlptRpf.js";
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, m as DropdownMenuSubTrigger, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-BWEfcvmP.js";
 import { CheckIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import { Menu } from "@base-ui/react/menu";
+import { Menu as Menu$1 } from "@base-ui/react/menu";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 
 //#region src/components/menubar.tsx
@@ -61,7 +61,7 @@ function MenubarItem({ className, inset, variant = "default", ...props }) {
 	});
 }
 function MenubarCheckboxItem({ className, children, checked, inset, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+	return /* @__PURE__ */ jsxs(Menu$1.CheckboxItem, {
 		"data-slot": "menubar-checkbox-item",
 		"data-inset": inset,
 		className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
@@ -69,7 +69,7 @@ function MenubarCheckboxItem({ className, children, checked, inset, ...props })
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+			children: /* @__PURE__ */ jsx(Menu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }
@@ -80,14 +80,14 @@ function MenubarRadioGroup({ ...props }) {
 	});
 }
 function MenubarRadioItem({ className, children, inset, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+	return /* @__PURE__ */ jsxs(Menu$1.RadioItem, {
 		"data-slot": "menubar-radio-item",
 		"data-inset": inset,
 		className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+			children: /* @__PURE__ */ jsx(Menu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
 		}), children]
 	});
 }

package/dist/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenubarPrimitive","MenuPrimitive"],"sources":["../../src/components/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@px-ui/ui/components/dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\"min-w-36 rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-inset:ps-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-8 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\"min-w-32 rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAiC;AAChE,QACE,oBAACA;EACC,aAAU;EACV,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,GAAG,SAAoD;AAC5E,QAAO,oBAAC;EAAa,aAAU;EAAe,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SAC8C;AACjD,QAAO,oBAAC;EAAkB,aAAU;EAAgB,GAAI;GAAS;;AAGnE,SAAS,cAAc,EACrB,GAAG,SAC+C;AAClD,QAAO,oBAAC;EAAmB,aAAU;EAAiB,GAAI;GAAS;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,QAAQ,SACR,cAAc,IACd,aAAa,GACb,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACH;EACM;EACD;EACZ,WAAW,GAAG,maAAma,UAAW;EAC5b,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,OACA,UAAU,WACV,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,mfACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,UACA,SACA,OACA,GAAG,SAGF;AACD,QACE,qBAACC,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,uTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAACA,KAAc,mCACb,oBAAC,cACC,GACkC;IACjC,EACN;GAC0B;;AAIjC,SAAS,kBAAkB,EACzB,GAAG,SACmD;AACtD,QAAO,oBAAC;EAAuB,aAAU;EAAsB,GAAI;GAAS;;AAG9E,SAAS,iBAAiB,EACxB,WACA,UACA,OACA,GAAG,SAGF;AACD,QACE,qBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,4VACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAACA,KAAc,gCACb,oBAAC,cACC,GAC+B;IAC9B,EACN;GACuB;;AAI9B,SAAS,aAAa,EACpB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,mDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,6GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,GAAG,SAC4C;AAC/C,QAAO,oBAAC;EAAgB,aAAU;EAAc,GAAI;GAAS;;AAG/D,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,+LACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gZAAgZ,UAAW;EACza,GAAI;GACJ"}
+{"version":3,"file":"menubar.js","names":["MenubarPrimitive","MenuPrimitive"],"sources":["../../src/components/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@px-ui/ui/components/dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\"min-w-36 rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-inset:ps-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-8 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\"min-w-32 rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAiC;AAChE,QACE,oBAACA;EACC,aAAU;EACV,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,GAAG,SAAoD;AAC5E,QAAO,oBAAC;EAAa,aAAU;EAAe,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SAC8C;AACjD,QAAO,oBAAC;EAAkB,aAAU;EAAgB,GAAI;GAAS;;AAGnE,SAAS,cAAc,EACrB,GAAG,SAC+C;AAClD,QAAO,oBAAC;EAAmB,aAAU;EAAiB,GAAI;GAAS;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,QAAQ,SACR,cAAc,IACd,aAAa,GACb,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACH;EACM;EACD;EACZ,WAAW,GAAG,maAAma,UAAW;EAC5b,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,OACA,UAAU,WACV,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,mfACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,UACA,SACA,OACA,GAAG,SAGF;AACD,QACE,qBAACC,OAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,uTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAACA,OAAc,mCACb,oBAAC,cACC,GACkC;IACjC,EACN;GAC0B;;AAIjC,SAAS,kBAAkB,EACzB,GAAG,SACmD;AACtD,QAAO,oBAAC;EAAuB,aAAU;EAAsB,GAAI;GAAS;;AAG9E,SAAS,iBAAiB,EACxB,WACA,UACA,OACA,GAAG,SAGF;AACD,QACE,qBAACA,OAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,4VACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAACA,OAAc,gCACb,oBAAC,cACC,GAC+B;IAC9B,EACN;GACuB;;AAI9B,SAAS,aAAa,EACpB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,mDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,6GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,GAAG,SAC4C;AAC/C,QAAO,oBAAC;EAAgB,aAAU;EAAc,GAAI;GAAS;;AAG/D,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,+LACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gZAAgZ,UAAW;EACza,GAAI;GACJ"}

package/dist/components/message-scroller.d.ts

@@ -0,0 +1,36 @@
+import { t as Button } from "../button-Cfd9X6pX.js";
+import * as react_jsx_runtime233 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
+
+//#region src/components/message-scroller.d.ts
+declare function MessageScrollerProvider(props: React$1.ComponentProps<typeof MessageScroller$1.Provider>): react_jsx_runtime233.JSX.Element;
+declare function MessageScroller({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Root>): react_jsx_runtime233.JSX.Element;
+declare function MessageScrollerViewport({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Viewport>): react_jsx_runtime233.JSX.Element;
+declare function MessageScrollerContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Content>): react_jsx_runtime233.JSX.Element;
+declare function MessageScrollerItem({
+  className,
+  scrollAnchor,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Item>): react_jsx_runtime233.JSX.Element;
+declare function MessageScrollerButton({
+  direction,
+  className,
+  children,
+  render,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Button> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime233.JSX.Element;
+//#endregion
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };
+//# sourceMappingURL=message-scroller.d.ts.map

package/dist/components/message-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller.d.ts","names":[],"sources":["../../src/components/message-scroller.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAYS,uBAAA,QACA,OAAA,CAAM,sBAAsB,iBAAA,CAAyB,YAAS,oBAAA,CAAA,GAAA,CAAA;iBAK9D,eAAA;;;GAGN,OAAA,CAAM,sBAAsB,iBAAA,CAAyB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAapD,uBAAA;;;GAGN,OAAA,CAAM,sBAAsB,iBAAA,CAAyB,YAAS,oBAAA,CAAA,GAAA,CAAA;AA5Bb,iBAyC3C,sBAAA,CAtCuB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyC7B,OAAA,CAAM,cAzCuB,CAAA,OAyCD,iBAAA,CAAyB,OAzCxB,CAAA,CAAA,EAyCgC,oBAAA,CAAA,GAAA,CAAA,OAzChC;iBAmDvB,mBAAA,CAlDqD;EAAA,SAAA;EAAA,YAAA;EAAA,GAAA;AAAA,CAAA,EAsD3D,OAAA,CAAM,cAtDqD,CAAA,OAsD/B,iBAAA,CAAyB,IAtDM,CAAA,CAAA,EAsDD,oBAAA,CAAA,GAAA,CAAA,OAtDC;iBAoErD,qBAAA,CApEM;EAAA,SAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA4EZ,OAAA,CAAM,cA5EM,CAAA,OA4EgB,iBAAA,CAAyB,MA5EzC,CAAA,GA6Eb,IA7Ea,CA6ER,OAAA,CAAM,cA7EE,CAAA,OA6EoB,MA7EpB,CAAA,EAAA,SAAA,GAAA,MAAA,CAAA,CAAA,EA6EgD,oBAAA,CAAA,GAAA,CAAA,OA7EhD"}

package/dist/components/message-scroller.js

@@ -0,0 +1,63 @@
+import { t as cn } from "../utils-DUlptRpf.js";
+import { t as Button } from "../button-DnHwqwy0.js";
+import { ArrowDownIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
+
+//#region src/components/message-scroller.tsx
+function MessageScrollerProvider(props) {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Provider, { ...props });
+}
+function MessageScroller({ className, ...props }) {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Root, {
+		"data-slot": "message-scroller",
+		className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className),
+		...props
+	});
+}
+function MessageScrollerViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Viewport, {
+		"data-slot": "message-scroller-viewport",
+		className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent", className),
+		...props
+	});
+}
+function MessageScrollerContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Content, {
+		"data-slot": "message-scroller-content",
+		className: cn("flex h-max min-h-full flex-col gap-8", className),
+		...props
+	});
+}
+function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Item, {
+		"data-slot": "message-scroller-item",
+		scrollAnchor,
+		className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className),
+		...props
+	});
+}
+function MessageScrollerButton({ direction = "end", className, children, render, variant = "secondary", size = "icon-sm", ...props }) {
+	return /* @__PURE__ */ jsx(MessageScroller$1.Button, {
+		"data-slot": "message-scroller-button",
+		"data-direction": direction,
+		"data-variant": variant,
+		"data-size": size,
+		direction,
+		className: cn("absolute inset-s-1/2 -translate-x-1/2 rtl:translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className),
+		render: render ?? /* @__PURE__ */ jsx(Button, {
+			variant,
+			size
+		}),
+		...props,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ArrowDownIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: direction === "end" ? "Scroll to end" : "Scroll to start"
+		})] })
+	});
+}
+
+//#endregion
+export { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };
+//# sourceMappingURL=message-scroller.js.map

package/dist/components/message-scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller.js","names":["MessageScrollerPrimitive"],"sources":["../../src/components/message-scroller.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  MessageScroller as MessageScrollerPrimitive,\n  useMessageScroller,\n  useMessageScrollerScrollable,\n  useMessageScrollerVisibility,\n} from \"@shadcn/react/message-scroller\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Button } from \"@px-ui/ui/components/button\"\nimport { ArrowDownIcon } from \"lucide-react\"\n\nfunction MessageScrollerProvider(\n  props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>\n) {\n  return <MessageScrollerPrimitive.Provider {...props} />\n}\n\nfunction MessageScroller({\n  className,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Root>) {\n  return (\n    <MessageScrollerPrimitive.Root\n      data-slot=\"message-scroller\"\n      className={cn(\n        \"group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>) {\n  return (\n    <MessageScrollerPrimitive.Viewport\n      data-slot=\"message-scroller-viewport\"\n      className={cn(\n        \"size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Content>) {\n  return (\n    <MessageScrollerPrimitive.Content\n      data-slot=\"message-scroller-content\"\n      className={cn(\"flex h-max min-h-full flex-col gap-8\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerItem({\n  className,\n  scrollAnchor = false,\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Item>) {\n  return (\n    <MessageScrollerPrimitive.Item\n      data-slot=\"message-scroller-item\"\n      scrollAnchor={scrollAnchor}\n      className={cn(\n        \"min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageScrollerButton({\n  direction = \"end\",\n  className,\n  children,\n  render,\n  variant = \"secondary\",\n  size = \"icon-sm\",\n  ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Button> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <MessageScrollerPrimitive.Button\n      data-slot=\"message-scroller-button\"\n      data-direction={direction}\n      data-variant={variant}\n      data-size={size}\n      direction={direction}\n      className={cn(\n        \"absolute inset-s-1/2 -translate-x-1/2 rtl:translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180\",\n        className\n      )}\n      render={render ?? <Button variant={variant} size={size} />}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <ArrowDownIcon\n          />\n          <span className=\"sr-only\">\n            {direction === \"end\" ? \"Scroll to end\" : \"Scroll to start\"}\n          </span>\n        </>\n      )}\n    </MessageScrollerPrimitive.Button>\n  )\n}\n\nexport {\n  MessageScrollerProvider,\n  MessageScroller,\n  MessageScrollerViewport,\n  MessageScrollerContent,\n  MessageScrollerItem,\n  MessageScrollerButton,\n  useMessageScroller,\n  useMessageScrollerScrollable,\n  useMessageScrollerVisibility,\n}\n"],"mappings":";;;;;;;;AAYA,SAAS,wBACP,OACA;AACA,QAAO,oBAACA,kBAAyB,YAAS,GAAI,QAAS;;AAGzD,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC0D;AAC7D,QACE,oBAACA,kBAAyB;EACxB,aAAU;EACV,WAAW,GACT,mFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAACA,kBAAyB;EACxB,aAAU;EACV,WAAW,GACT,mOACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAACA,kBAAyB;EACxB,aAAU;EACV,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,eAAe,OACf,GAAG,SAC0D;AAC7D,QACE,oBAACA,kBAAyB;EACxB,aAAU;EACI;EACd,WAAW,GACT,kFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,YAAY,OACZ,WACA,UACA,QACA,UAAU,aACV,OAAO,WACP,GAAG,SAE4D;AAC/D,QACE,oBAACA,kBAAyB;EACxB,aAAU;EACV,kBAAgB;EAChB,gBAAc;EACd,aAAW;EACA;EACX,WAAW,GACT,6vBACA,UACD;EACD,QAAQ,UAAU,oBAAC;GAAgB;GAAe;IAAQ;EAC1D,GAAI;YAEH,YACC,4CACE,oBAAC,kBACC,EACF,oBAAC;GAAK,WAAU;aACb,cAAc,QAAQ,kBAAkB;IACpC,IACN;GAE2B"}

package/dist/components/message.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime209 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/message.d.ts
+declare function MessageGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime209.JSX.Element;
+declare function Message({
+  className,
+  align,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  align?: "start" | "end";
+}): react_jsx_runtime209.JSX.Element;
+declare function MessageAvatar({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime209.JSX.Element;
+declare function MessageContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime209.JSX.Element;
+declare function MessageHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime209.JSX.Element;
+declare function MessageFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime209.JSX.Element;
+//#endregion
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
+//# sourceMappingURL=message.d.ts.map

package/dist/components/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/components/message.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,YAAA;;;GAAsC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAUjE,OAAA;;;;AAdqB,GAkB3B,OAAA,CAAM;;AAlBqB,CAAA,CAAA,EAkB8B,oBAAA,CAAA,GAAA,CAAA,OAdvC;iBA4BZ,aAAA,CA5Be;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4BwB,OAAA,CAAM,cA5B9B,CAAA,KAAA,CAAA,CAAA,EA4BmD,oBAAA,CAAA,GAAA,CAAA,OA5BnD;iBAyCf,cAAA,CAzC4C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCJ,OAAA,CAAM,cAzCF,CAAA,KAAA,CAAA,CAAA,EAyCuB,oBAAA,CAAA,GAAA,CAAA,OAzCvB;iBAsD5C,aAAA,CAtDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsD1B,OAAA,CAAM,cAtDoB,CAAA,KAAA,CAAA,CAAA,EAsDC,oBAAA,CAAA,GAAA,CAAA,OAtDD;iBAmEjE,aAAA,CAnEiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmE1B,OAAA,CAAM,cAnEoB,CAAA,KAAA,CAAA,CAAA,EAmEC,oBAAA,CAAA,GAAA,CAAA,OAnED"}