@px-ui/ui 1.0.9 → 1.0.11

package/dist/components/item.d.ts

@@ -1,23 +1,23 @@
-import { t as Separator } from "../separator-Dx2S4o5E.js";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import { t as Separator } from "../separator-pyhTqgkN.js";
 import * as React$1 from "react";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region src/components/item.d.ts
 declare function ItemGroup({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime174.JSX.Element;
 declare function ItemSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime174.JSX.Element;
 declare const itemVariants: (props?: ({
   variant?: "default" | "outline" | "muted" | null | undefined;
-  size?: "default" | "xs" | "sm" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+  size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 declare function Item({
   className,
   variant,
@@ -27,36 +27,36 @@ declare function Item({
 }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
 declare const itemMediaVariants: (props?: ({
   variant?: "default" | "image" | "icon" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 declare function ItemMedia({
   className,
   variant,
   ...props
-}: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime174.JSX.Element;
 declare function ItemContent({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime174.JSX.Element;
 declare function ItemTitle({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime174.JSX.Element;
 declare function ItemDescription({
   className,
   ...props
-}: React$1.ComponentProps<"p">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"p">): react_jsx_runtime174.JSX.Element;
 declare function ItemActions({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime174.JSX.Element;
 declare function ItemHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime174.JSX.Element;
 declare function ItemFooter({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime111.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime174.JSX.Element;
 //#endregion
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/item.js

@@ -1,7 +1,7 @@
-import { t as cn } from "../utils-mWJR2N24.js";
-import { t as Separator } from "../separator-BS3ilczC.js";
-import { jsx } from "react/jsx-runtime";
+import { t as cn } from "../utils-DeIaBj75.js";
+import { t as Separator } from "../separator-BQBOLUMc.js";
 import "react";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";

package/dist/components/kbd.d.ts

@@ -1,14 +1,14 @@
-import * as react_jsx_runtime120 from "react/jsx-runtime";
+import * as react_jsx_runtime198 from "react/jsx-runtime";
 
 //#region src/components/kbd.d.ts
 declare function Kbd({
   className,
   ...props
-}: React.ComponentProps<"kbd">): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<"kbd">): react_jsx_runtime198.JSX.Element;
 declare function KbdGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime120.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime198.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-DeIaBj75.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-D5SCGMZl.js";
+import { t as Label } from "../label-BnSHwOyi.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-DeIaBj75.js";
+import { t as Label } from "../label-Cmlhz-uF.js";
 
 export { Label };

package/dist/components/marker.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime252 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
+
+//#region src/components/marker.d.ts
+declare const markerVariants: (props?: ({
+  variant?: "default" | "separator" | "border" | null | undefined;
+} & class_variance_authority_types14.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_runtime252.JSX.Element;
+declare function MarkerContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime252.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-DeIaBj75.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+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,6 +1,6 @@
-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-Bju9Jfkd.js";
-import * as react_jsx_runtime126 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-C6n_oYre.js";
 import * as React$1 from "react";
+import * as react_jsx_runtime236 from "react/jsx-runtime";
 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_runtime126.JSX.Element;
+}: Menubar$1.Props): react_jsx_runtime236.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenu>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenu>): react_jsx_runtime236.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuGroup>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuGroup>): react_jsx_runtime236.JSX.Element;
 declare function MenubarPortal({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuPortal>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPortal>): react_jsx_runtime236.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuTrigger>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuTrigger>): react_jsx_runtime236.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime236.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
   variant,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuItem>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuItem>): react_jsx_runtime236.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
@@ -43,10 +43,10 @@ declare function MenubarCheckboxItem({
   ...props
 }: Menu.CheckboxItem.Props & {
   inset?: boolean;
-}): react_jsx_runtime126.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuRadioGroup>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuRadioGroup>): react_jsx_runtime236.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
@@ -54,36 +54,36 @@ declare function MenubarRadioItem({
   ...props
 }: Menu.RadioItem.Props & {
   inset?: boolean;
-}): react_jsx_runtime126.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuLabel> & {
   inset?: boolean;
-}): react_jsx_runtime126.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuSeparator>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuSeparator>): react_jsx_runtime236.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuShortcut>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuShortcut>): react_jsx_runtime236.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuSub>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuSub>): react_jsx_runtime236.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof DropdownMenuSubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime126.JSX.Element;
+}): react_jsx_runtime236.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof DropdownMenuSubContent>): react_jsx_runtime126.JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuSubContent>): react_jsx_runtime236.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.js

@@ -1,10 +1,10 @@
 "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-DeIaBj75.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-vwX--mgm.js";
+import "react";
 import { CheckIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Menu } from "@base-ui/react/menu";
 import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
 

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

@@ -0,0 +1,36 @@
+import { t as Button } from "../button-BJ727apo.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime205 from "react/jsx-runtime";
+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_runtime205.JSX.Element;
+declare function MessageScroller({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Root>): react_jsx_runtime205.JSX.Element;
+declare function MessageScrollerViewport({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Viewport>): react_jsx_runtime205.JSX.Element;
+declare function MessageScrollerContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Content>): react_jsx_runtime205.JSX.Element;
+declare function MessageScrollerItem({
+  className,
+  scrollAnchor,
+  ...props
+}: React$1.ComponentProps<typeof MessageScroller$1.Item>): react_jsx_runtime205.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_runtime205.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-DeIaBj75.js";
+import { t as Button } from "../button-Cp2S1spE.js";
+import "react";
+import { ArrowDownIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+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$1 from "react";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
+
+//#region src/components/message.d.ts
+declare function MessageGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime211.JSX.Element;
+declare function Message({
+  className,
+  align,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  align?: "start" | "end";
+}): react_jsx_runtime211.JSX.Element;
+declare function MessageAvatar({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime211.JSX.Element;
+declare function MessageContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime211.JSX.Element;
+declare function MessageHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime211.JSX.Element;
+declare function MessageFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime211.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"}

package/dist/components/message.js

@@ -0,0 +1,52 @@
+import { t as cn } from "../utils-DeIaBj75.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/message.tsx
+function MessageGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-group",
+		className: cn("flex min-w-0 flex-col gap-2", className),
+		...props
+	});
+}
+function Message({ className, align = "start", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message",
+		"data-align": align,
+		className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
+		...props
+	});
+}
+function MessageAvatar({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-avatar",
+		className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className),
+		...props
+	});
+}
+function MessageContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-content",
+		className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
+		...props
+	});
+}
+function MessageHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-header",
+		className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", className),
+		...props
+	});
+}
+function MessageFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-footer",
+		className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", className),
+		...props
+	});
+}
+
+//#endregion
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
+//# sourceMappingURL=message.js.map

package/dist/components/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../src/components/message.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction MessageGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction Message({\n  className,\n  align = \"start\",\n  ...props\n}: React.ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n  return (\n    <div\n      data-slot=\"message\"\n      data-align={align}\n      className={cn(\n        \"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageAvatar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-avatar\"\n      className={cn(\n        \"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-content\"\n      className={cn(\n        \"flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-header\"\n      className={cn(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-footer\"\n      className={cn(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  MessageGroup,\n  Message,\n  MessageAvatar,\n  MessageContent,\n  MessageFooter,\n  MessageHeader,\n}\n"],"mappings":";;;;;AAIA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,QAAQ,EACf,WACA,QAAQ,SACR,GAAG,SACyD;AAC5D,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,8FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sKACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;AAC5E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,mIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,8KACA,UACD;EACD,GAAI;GACJ"}

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime123 from "react/jsx-runtime";
 import * as React$1 from "react";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 
 //#region src/components/native-select.d.ts
 type NativeSelectProps = Omit<React$1.ComponentProps<"select">, "size"> & {
@@ -9,15 +9,15 @@ declare function NativeSelect({
   className,
   size,
   ...props
-}: NativeSelectProps): react_jsx_runtime123.JSX.Element;
+}: NativeSelectProps): react_jsx_runtime217.JSX.Element;
 declare function NativeSelectOption({
   className,
   ...props
-}: React$1.ComponentProps<"option">): react_jsx_runtime123.JSX.Element;
+}: React$1.ComponentProps<"option">): react_jsx_runtime217.JSX.Element;
 declare function NativeSelectOptGroup({
   className,
   ...props
-}: React$1.ComponentProps<"optgroup">): react_jsx_runtime123.JSX.Element;
+}: React$1.ComponentProps<"optgroup">): react_jsx_runtime217.JSX.Element;
 //#endregion
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
 //# sourceMappingURL=native-select.d.ts.map

package/dist/components/native-select.js

@@ -1,7 +1,7 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DeIaBj75.js";
+import "react";
 import { ChevronDownIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 
 //#region src/components/native-select.tsx
 function NativeSelect({ className, size = "default", ...props }) {