@px-ui/ui 1.0.9 → 1.0.11

package/dist/components/alert-dialog.js

@@ -1,9 +1,9 @@
 "use client";
 
-import { t as cn } from "../utils-mWJR2N24.js";
-import { t as Button } from "../button-hBUFMmsZ.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as cn } from "../utils-DeIaBj75.js";
+import { t as Button } from "../button-Cp2S1spE.js";
 import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/components/alert-dialog.tsx

package/dist/components/alert.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -11,19 +11,19 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime57.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime57.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime57.JSX.Element;
 declare function AlertAction({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { Alert, AlertAction, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/components/alert.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAgBL,+BAAA,CAAA;iBAEQ,KAAA;;;;GAIN,OAAA,CAAM,wBAAwB,oBAAoB,iBAAc,kBAAA,CAAA,GAAA,CAAA;AA1BF,iBAqCxD,UAAA,CAjBR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiB4C,OAAA,CAAM,cAjBlD,CAAA,KAAA,CAAA,CAAA,EAiBuE,kBAAA,CAAA,GAAA,CAAA,OAjBvE;iBA8BQ,gBAAA,CA5BK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+BX,OAAA,CAAM,cA/BK,CAAA,KAAA,CAAA,CAAA,EA+BgB,kBAAA,CAAA,GAAA,CAAA,OA/BhB;iBA4CL,WAAA,CA3CP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2C4C,OAAA,CAAM,cA3ClD,CAAA,KAAA,CAAA,CAAA,EA2CuE,kBAAA,CAAA,GAAA,CAAA,OA3CvE"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/components/alert.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAgBL,+BAAA,CAAA;iBAEQ,KAAA;;;;GAIN,OAAA,CAAM,wBAAwB,oBAAoB,iBAAc,mBAAA,CAAA,GAAA,CAAA;AA1BF,iBAqCxD,UAAA,CAjBR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiB4C,OAAA,CAAM,cAjBlD,CAAA,KAAA,CAAA,CAAA,EAiBuE,mBAAA,CAAA,GAAA,CAAA,OAjBvE;iBA8BQ,gBAAA,CA5BK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+BX,OAAA,CAAM,cA/BK,CAAA,KAAA,CAAA,CAAA,EA+BgB,mBAAA,CAAA,GAAA,CAAA,OA/BhB;iBA4CL,WAAA,CA3CP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2C4C,OAAA,CAAM,cA3ClD,CAAA,KAAA,CAAA,CAAA,EA2CuE,mBAAA,CAAA,GAAA,CAAA,OA3CvE"}

package/dist/components/alert.js

@@ -1,6 +1,6 @@
-import { t as cn } from "../utils-mWJR2N24.js";
-import { jsx } from "react/jsx-runtime";
+import { t as cn } from "../utils-DeIaBj75.js";
 import "react";
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/components/alert.tsx

package/dist/components/aspect-ratio.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/components/aspect-ratio.d.ts
 declare function AspectRatio({
@@ -7,7 +7,7 @@ declare function AspectRatio({
   ...props
 }: React.ComponentProps<"div"> & {
   ratio: number;
-}): react_jsx_runtime4.JSX.Element;
+}): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../src/components/aspect-ratio.tsx"],"sourcesContent":[],"mappings":";;;iBAES,WAAA;;;;GAIN,KAAA,CAAM;;IAAyC,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../src/components/aspect-ratio.tsx"],"sourcesContent":[],"mappings":";;;iBAES,WAAA;;;;GAIN,KAAA,CAAM;;IAAyC,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/aspect-ratio.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/aspect-ratio.tsx

package/dist/components/attachment.d.ts

@@ -0,0 +1,64 @@
+import { t as Button } from "../button-BJ727apo.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+
+//#region src/components/attachment.d.ts
+declare const attachmentVariants: (props?: ({
+  size?: "default" | "sm" | "xs" | null | undefined;
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+declare function Attachment({
+  className,
+  state,
+  size,
+  orientation,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & {
+  state?: "idle" | "uploading" | "processing" | "error" | "done";
+}): react_jsx_runtime77.JSX.Element;
+declare const attachmentMediaVariants: (props?: ({
+  variant?: "image" | "icon" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+declare function AttachmentMedia({
+  className,
+  variant,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): react_jsx_runtime77.JSX.Element;
+declare function AttachmentContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime77.JSX.Element;
+declare function AttachmentTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime77.JSX.Element;
+declare function AttachmentDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime77.JSX.Element;
+declare function AttachmentActions({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime77.JSX.Element;
+declare function AttachmentAction({
+  className,
+  variant,
+  size,
+  ...props
+}: React$1.ComponentProps<typeof Button>): react_jsx_runtime77.JSX.Element;
+declare function AttachmentTrigger({
+  className,
+  render,
+  type,
+  ...props
+}: useRender.ComponentProps<"button">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function AttachmentGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime77.JSX.Element;
+//#endregion
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger };
+//# sourceMappingURL=attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.d.ts","names":[],"sources":["../../src/components/attachment.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAQM;;;IAgBL,+BAAA,CAAA;AAlBmD,iBAoB3C,UAAA,CAFR;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,WAAA;EAAA,GAAA;CAAA,EAQE,OAAA,CAAM,cARR,CAAA,KAAA,CAAA,GASC,YATD,CAAA,OASqB,kBATrB,CAAA,GAAA;EAEQ,KAAA,CAAA,EAAA,MAAU,GAAA,WAAA,GAAA,YAAA,GAAA,OAAA,GAAA,MAAA;CACjB,CAAA,EAQC,mBAAA,CAAA,GAAA,CAAA,OARD;cAqBI,uBApBJ,EAAA,CAAA,KAEA,CAFA,EAAA,CAAA;EACA,OAAA,CAAA,EAAA,OAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;CACA,GAgCD,+BAAA,CAAA,SAhCC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAkCO,eAAA,CAhCA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAoCN,OAAA,CAAM,cApCA,CAAA,KAAA,CAAA,GAoCwB,YApCxB,CAAA,OAoC4C,uBApC5C,CAAA,CAAA,EAoCoE,mBAAA,CAAA,GAAA,CAAA,OApCpE;iBA+CA,iBAAA,CA9Ca;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDnB,OAAA,CAAM,cAjDa,CAAA,KAAA,CAAA,CAAA,EAiDQ,mBAAA,CAAA,GAAA,CAAA,OAjDR;iBA8Db,eAAA,CA9DP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiEC,OAAA,CAAM,cAjEP,CAAA,MAAA,CAAA,CAAA,EAiE6B,mBAAA,CAAA,GAAA,CAAA,OAjE7B;iBA8EO,qBAAA,CA5EN;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EA,OAAA,CAAM,cA/EN,CAAA,MAAA,CAAA,CAAA,EA+E4B,mBAAA,CAAA,GAAA,CAAA,OA/E5B;iBA6FM,iBAAA,CA7FN;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgGA,OAAA,CAAM,cAhGN,CAAA,KAAA,CAAA,CAAA,EAgG2B,mBAAA,CAAA,GAAA,CAAA,OAhG3B;AAAA,iBA6GM,gBAAA,CAlFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuFE,OAAA,CAAM,cAvFR,CAAA,OAuF8B,MAvF9B,CAAA,CAAA,EAuFqC,mBAAA,CAAA,GAAA,CAAA,OAvFrC;iBAmGQ,iBAAA,CAjGe;EAAA,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAsGrB,SAAA,CAAU,cAtGW,CAAA,QAAA,CAAA,CAAA,EAsGa,OAAA,CAAA,YAtGb,CAAA,OAAA,EAAA,MAAA,GAsGa,OAAA,CAAA,qBAtGb,CAAA,GAAA,CAAA,CAAA;iBAuHf,eAAA,CAtHP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsHgD,OAAA,CAAM,cAtHtD,CAAA,KAAA,CAAA,CAAA,EAsH2E,mBAAA,CAAA,GAAA,CAAA,OAtH3E"}

package/dist/components/attachment.js

@@ -0,0 +1,107 @@
+import { t as cn } from "../utils-DeIaBj75.js";
+import { t as Button } from "../button-Cp2S1spE.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/attachment.tsx
+const attachmentVariants = cva("group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed", { variants: {
+	size: {
+		default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2",
+		sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+		xs: "gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1"
+	},
+	orientation: {
+		horizontal: "min-w-40 items-center",
+		vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30"
+	}
+} });
+function Attachment({ className, state = "done", size = "default", orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment",
+		"data-state": state,
+		"data-size": size,
+		"data-orientation": orientation,
+		className: cn(attachmentVariants({
+			size,
+			orientation
+		}), className),
+		...props
+	});
+}
+const attachmentMediaVariants = cva("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
+	variants: { variant: {
+		icon: "",
+		image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+	} },
+	defaultVariants: { variant: "icon" }
+});
+function AttachmentMedia({ className, variant = "icon", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-media",
+		"data-variant": variant,
+		className: cn(attachmentMediaVariants({ variant }), className),
+		...props
+	});
+}
+function AttachmentContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-content",
+		className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
+		...props
+	});
+}
+function AttachmentTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "attachment-title",
+		className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className),
+		...props
+	});
+}
+function AttachmentDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "attachment-description",
+		className: cn("mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80", "max-w-full", className),
+		...props
+	});
+}
+function AttachmentActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-actions",
+		className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:end-3 group-data-[orientation=vertical]/attachment:gap-1", className),
+		...props
+	});
+}
+function AttachmentAction({ className, variant, size = "icon-xs", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "attachment-action",
+		variant: variant ?? "ghost",
+		size,
+		className: cn(className),
+		...props
+	});
+}
+function AttachmentTrigger({ className, render, type, ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		props: mergeProps({
+			type: render ? type : type ?? "button",
+			className: cn("absolute inset-0 z-10 outline-none", className)
+		}, props),
+		render,
+		state: { slot: "attachment-trigger" }
+	});
+}
+function AttachmentGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-group",
+		className: cn("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
+		...props
+	});
+}
+
+//#endregion
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger };
+//# sourceMappingURL=attachment.js.map

package/dist/components/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","names":[],"sources":["../../src/components/attachment.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\"\nimport { Button } from \"@px-ui/ui/components/button\"\n\nconst attachmentVariants = cva(\n  \"group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed\",\n  {\n    variants: {\n      size: {\n        default:\n          \"gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2\",\n        sm: \"gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5\",\n        xs: \"gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1\",\n      },\n      orientation: {\n        horizontal: \"min-w-40 items-center\",\n        vertical: \"w-24 flex-col has-data-[slot=attachment-content]:w-30\",\n      },\n    },\n  }\n)\n\nfunction Attachment({\n  className,\n  state = \"done\",\n  size = \"default\",\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof attachmentVariants> & {\n    state?: \"idle\" | \"uploading\" | \"processing\" | \"error\" | \"done\"\n  }) {\n  return (\n    <div\n      data-slot=\"attachment\"\n      data-state={state}\n      data-size={size}\n      data-orientation={orientation}\n      className={cn(attachmentVariants({ size, orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nconst attachmentMediaVariants = cva(\n  \"relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5\",\n  {\n    variants: {\n      variant: {\n        icon: \"\",\n        image:\n          \"opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"icon\",\n    },\n  }\n)\n\nfunction AttachmentMedia({\n  className,\n  variant = \"icon\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof attachmentMediaVariants>) {\n  return (\n    <div\n      data-slot=\"attachment-media\"\n      data-variant={variant}\n      className={cn(attachmentMediaVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-content\"\n      className={cn(\n        \"max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTitle({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"attachment-title\"\n      className={cn(\n        \"block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"attachment-description\"\n      className={cn(\n        \"mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80\",\n        \"max-w-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentActions({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-actions\"\n      className={cn(\n        \"relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:end-3 group-data-[orientation=vertical]/attachment:gap-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentAction({\n  className,\n  variant,\n  size = \"icon-xs\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"attachment-action\"\n      variant={variant ?? \"ghost\"}\n      size={size}\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTrigger({\n  className,\n  render,\n  type,\n  ...props\n}: useRender.ComponentProps<\"button\">) {\n  return useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        type: render ? type : (type ?? \"button\"),\n        className: cn(\"absolute inset-0 z-10 outline-none\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"attachment-trigger\",\n    },\n  })\n}\n\nfunction AttachmentGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"attachment-group\"\n      className={cn(\n        \"flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Attachment,\n  AttachmentGroup,\n  AttachmentMedia,\n  AttachmentContent,\n  AttachmentTitle,\n  AttachmentDescription,\n  AttachmentActions,\n  AttachmentAction,\n  AttachmentTrigger,\n}\n"],"mappings":";;;;;;;;;AAQA,MAAM,qBAAqB,IACzB,ySACA,EACE,UAAU;CACR,MAAM;EACJ,SACE;EACF,IAAI;EACJ,IAAI;EACL;CACD,aAAa;EACX,YAAY;EACZ,UAAU;EACX;CACF,EACF,CACF;AAED,SAAS,WAAW,EAClB,WACA,QAAQ,QACR,OAAO,WACP,cAAc,cACd,GAAG,SAIA;AACH,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,aAAW;EACX,oBAAkB;EAClB,WAAW,GAAG,mBAAmB;GAAE;GAAM;GAAa,CAAC,EAAE,UAAU;EACnE,GAAI;GACJ;;AAIN,MAAM,0BAA0B,IAC9B,orBACA;CACE,UAAU,EACR,SAAS;EACP,MAAM;EACN,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CACF;AAED,SAAS,gBAAgB,EACvB,WACA,UAAU,QACV,GAAG,SAC0E;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,wBAAwB,EAAE,SAAS,CAAC,EAAE,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC2B;AAC9B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,6FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,kJACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uHACA,cACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC2B;AAC9B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2PACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,SACA,OAAO,WACP,GAAG,SACmC;AACtC,QACE,oBAAC;EACC,aAAU;EACV,SAAS,WAAW;EACd;EACN,WAAW,GAAG,UAAU;EACxB,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,QACA,MACA,GAAG,SACkC;AACrC,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL;GACE,MAAM,SAAS,OAAQ,QAAQ;GAC/B,WAAW,GAAG,sCAAsC,UAAU;GAC/D,EACD,MACD;EACD;EACA,OAAO,EACL,MAAM,sBACP;EACF,CAAC;;AAGJ,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sMACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/avatar-group.d.ts

@@ -1,6 +1,6 @@
-import { o as AvatarProps } from "../avatar-CT9YANjF.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { o as AvatarProps } from "../avatar-cLlUF5Lz.js";
 import * as React$1 from "react";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
 
 //#region src/components/avatar-group.d.ts
 type AvatarItem = {
@@ -20,11 +20,11 @@ declare function AvatarGroup({
   max,
   className,
   ...props
-}: AvatarGroupProps): react_jsx_runtime5.JSX.Element;
+}: AvatarGroupProps): react_jsx_runtime85.JSX.Element;
 declare function AvatarGroupCount({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime5.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime85.JSX.Element;
 //#endregion
 export { AvatarGroup, AvatarGroupCount, type AvatarGroupProps, type AvatarItem };
 //# sourceMappingURL=avatar-group.d.ts.map

package/dist/components/avatar-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.d.ts","names":[],"sources":["../../src/components/avatar-group.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,UAAA;;;EAAA,IAAA,CAAA,EAAA,MAAU,GAAA,IAAA;EASV,IAAA,CAAA,EALI,WAKJ,CAAgB,MAAA,CAAA;EAAQ,OAAM,CAAA,EAJvB,WAIuB,CAAA,SAAA,CAAA;EAAX,SAAA,CAAA,EAAA,MAAA;CACb;KADN,gBAAA,GAAmB,IACH,CADQ,OAAA,CAAM,cACd,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAIZ,OAAA,EAJE,UAIS,EAAA;EAAG,GAAA,CAAA,EAAA,MAAA;CAAS;iBAAvB,WAAA,CAA4B;EAAA,OAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAuB,gBAAvB,CAAA,EAAuC,kBAAA,CAAA,GAAA,CAAA,OAAvC;iBA4E5B,gBAAA,CA5EmD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EzD,OAAA,CAAM,cA/EmD,CAAA,KAAA,CAAA,CAAA,EA+E9B,kBAAA,CAAA,GAAA,CAAA,OA/E8B"}
+{"version":3,"file":"avatar-group.d.ts","names":[],"sources":["../../src/components/avatar-group.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,UAAA;;;EAAA,IAAA,CAAA,EAAA,MAAU,GAAA,IAAA;EASV,IAAA,CAAA,EALI,WAKJ,CAAgB,MAAA,CAAA;EAAQ,OAAM,CAAA,EAJvB,WAIuB,CAAA,SAAA,CAAA;EAAX,SAAA,CAAA,EAAA,MAAA;CACb;KADN,gBAAA,GAAmB,IACH,CADQ,OAAA,CAAM,cACd,CAAA,KAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAIZ,OAAA,EAJE,UAIS,EAAA;EAAG,GAAA,CAAA,EAAA,MAAA;CAAS;iBAAvB,WAAA,CAA4B;EAAA,OAAA;EAAA,GAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAuB,gBAAvB,CAAA,EAAuC,mBAAA,CAAA,GAAA,CAAA,OAAvC;iBA4E5B,gBAAA,CA5EmD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EzD,OAAA,CAAM,cA/EmD,CAAA,KAAA,CAAA,CAAA,EA+E9B,mBAAA,CAAA,GAAA,CAAA,OA/E8B"}

package/dist/components/avatar-group.js

@@ -1,9 +1,9 @@
-import { t as cn } from "../utils-mWJR2N24.js";
-import { r as TooltipProvider } from "../tooltip-DkPxCJIL.js";
-import { i as AvatarImage, r as AvatarFallback, t as Avatar } from "../avatar-Bb0tx0Hn.js";
-import { n as PopoverContent, o as PopoverTrigger, t as Popover } from "../popover-C9D43EuT.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as cn } from "../utils-DeIaBj75.js";
+import { r as TooltipProvider } from "../tooltip-BhxGE3Gb.js";
+import { i as AvatarImage, r as AvatarFallback, t as Avatar } from "../avatar-a40DzPi3.js";
+import { n as PopoverContent, o as PopoverTrigger, t as Popover } from "../popover-CsTnnBvx.js";
 import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/avatar-group.tsx
 function AvatarGroup({ avatars, max, className, ...props }) {

package/dist/components/avatar.d.ts

@@ -1,2 +1,2 @@
-import { a as AvatarImage, c as getAvatarLabelFromChildren, i as AvatarFallbackProps, l as getInitialsFromName, n as AvatarBadge, o as AvatarProps, r as AvatarFallback, s as getAvatarColorByName, t as Avatar } from "../avatar-CT9YANjF.js";
+import { a as AvatarImage, c as getAvatarLabelFromChildren, i as AvatarFallbackProps, l as getInitialsFromName, n as AvatarBadge, o as AvatarProps, r as AvatarFallback, s as getAvatarColorByName, t as Avatar } from "../avatar-cLlUF5Lz.js";
 export { Avatar, AvatarBadge, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarProps, getAvatarColorByName, getAvatarLabelFromChildren, getInitialsFromName };

package/dist/components/avatar.js

@@ -1,5 +1,5 @@
-import "../utils-mWJR2N24.js";
-import "../tooltip-DkPxCJIL.js";
-import { a as getAvatarColorByName, i as AvatarImage, n as AvatarBadge, o as getAvatarLabelFromChildren, r as AvatarFallback, s as getInitialsFromName, t as Avatar } from "../avatar-Bb0tx0Hn.js";
+import "../utils-DeIaBj75.js";
+import "../tooltip-BhxGE3Gb.js";
+import { a as getAvatarColorByName, i as AvatarImage, n as AvatarBadge, o as getAvatarLabelFromChildren, r as AvatarFallback, s as getInitialsFromName, t as Avatar } from "../avatar-a40DzPi3.js";
 
 export { Avatar, AvatarBadge, AvatarFallback, AvatarImage, getAvatarColorByName, getAvatarLabelFromChildren, getInitialsFromName };

package/dist/components/badge.d.ts

@@ -1,12 +1,12 @@
 import * as react0 from "react";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 declare function Badge({
   className,
   variant,

package/dist/components/badge.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DeIaBj75.js";
 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/breadcrumb.d.ts

@@ -1,20 +1,20 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
 import * as React$1 from "react";
+import * as react_jsx_runtime92 from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/breadcrumb.d.ts
 declare function Breadcrumb({
   className,
   ...props
-}: React$1.ComponentProps<"nav">): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<"nav">): react_jsx_runtime92.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React$1.ComponentProps<"ol">): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<"ol">): react_jsx_runtime92.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime92.JSX.Element;
 declare function BreadcrumbLink({
   className,
   render,
@@ -23,16 +23,16 @@ declare function BreadcrumbLink({
 declare function BreadcrumbPage({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime92.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime92.JSX.Element;
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime92.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb.js

@@ -1,7 +1,7 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DeIaBj75.js";
+import "react";
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 

package/dist/components/bubble.d.ts

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+
+//#region src/components/bubble.d.ts
+declare function BubbleGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime98.JSX.Element;
+declare const bubbleVariants: (props?: ({
+  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "muted" | "tinted" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+declare function Bubble({
+  variant,
+  align,
+  className,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+  align?: "start" | "end";
+}): react_jsx_runtime98.JSX.Element;
+declare function BubbleContent({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function BubbleReactions({
+  side,
+  align,
+  className,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  align?: "start" | "end";
+  side?: "top" | "bottom";
+}): react_jsx_runtime98.JSX.Element;
+//#endregion
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };
+//# sourceMappingURL=bubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.d.ts","names":[],"sources":["../../src/components/bubble.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAOS,WAAA;;;GAAqC,OAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;cAUnE;;IAyBL,+BAAA,CAAA;AAvCgE,iBAyCxD,MAAA,CArCW;EAAA,OAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EA0CjB,OAAA,CAAM,cA1CW,CAAA,KAAA,CAAA,GA2ClB,YA3CkB,CAAA,OA2CE,cA3CF,CAAA,GAAA;EAAG,KAAA,CAAA,EAAA,OAAA,GAAA,KAAA;CAAuB,CAAA,EA6C3C,mBAAA,CAAA,GAAA,CAAA,OA7CiD;iBAyD3C,aAAA,CAzDgE;EAAA,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EA6DtE,SAAA,CAAU,cA7D4D,CAAA,KAAA,CAAA,CAAA,EA6DvC,OAAA,CAAA,YA7DuC,CAAA,OAAA,EAAA,MAAA,GA6DvC,OAAA,CAAA,qBA7DuC,CAAA,GAAA,CAAA,CAAA;iBAoGhE,eAAA,CApGgE;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAyGtE,OAAA,CAAM,cAzGgE,CAAA,KAAA,CAAA,GAAA;EAUnE,KAAA,CAAA,EAAA,OAAA,GAyBL,KAAA;EAEQ,IAAA,CAAA,EAAA,KAAM,GAAA,QAAA;CACb,CAAA,EAsED,mBAAA,CAAA,GAAA,CAAA,OAtEC"}

package/dist/components/bubble.js

@@ -0,0 +1,76 @@
+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/bubble.tsx
+function BubbleGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "bubble-group",
+		className: cn("flex min-w-0 flex-col gap-2", className),
+		...props
+	});
+}
+const bubbleVariants = cva("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+	variants: { variant: {
+		default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+		secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+		muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+		tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+		outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+		ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+		destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Bubble({ variant = "default", align = "start", className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "bubble",
+		"data-variant": variant,
+		"data-align": align,
+		className: cn(bubbleVariants({ variant }), className),
+		...props
+	});
+}
+function BubbleContent({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-start [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", className) }, props),
+		render,
+		state: { slot: "bubble-content" }
+	});
+}
+const bubbleReactionsVariants = cva("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+	variants: {
+		side: {
+			top: "top-0 -translate-y-3/4",
+			bottom: "bottom-0 translate-y-3/4"
+		},
+		align: {
+			start: "start-3",
+			end: "end-3"
+		}
+	},
+	defaultVariants: {
+		side: "bottom",
+		align: "end"
+	}
+});
+function BubbleReactions({ side = "bottom", align = "end", className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "bubble-reactions",
+		"data-align": align,
+		"data-side": side,
+		className: cn(bubbleReactionsVariants({
+			side,
+			align
+		}), className),
+		...props
+	});
+}
+
+//#endregion
+export { Bubble, BubbleContent, BubbleGroup, BubbleReactions };
+//# sourceMappingURL=bubble.js.map

package/dist/components/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","names":[],"sources":["../../src/components/bubble.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\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80\",\n        secondary:\n          \"*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\",\n        muted:\n          \"*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]\",\n        tinted:\n          \"*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]\",\n        outline:\n          \"*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30\",\n        ghost:\n          \"border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50\",\n        destructive:\n          \"*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-start [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"bubble-content\",\n    },\n  })\n}\n\nconst bubbleReactionsVariants = cva(\n  \"absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0\",\n  {\n    variants: {\n      side: {\n        top: \"top-0 -translate-y-3/4\",\n        bottom: \"bottom-0 translate-y-3/4\",\n      },\n      align: {\n        start: \"start-3\",\n        end: \"end-3\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n"],"mappings":";;;;;;;;AAOA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,MAAM,iBAAiB,IACrB,yKACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,OACE;EACF,QACE;EACF,SACE;EACF,OACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,OAAO,EACd,UAAU,WACV,QAAQ,SACR,WACA,GAAG,SAIA;AACH,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,cAAY;EACZ,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,QACA,GAAG,SAC+B;AAClC,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,8VACA,UACD,EACF,EACD,MACD;EACD;EACA,OAAO,EACL,MAAM,kBACP;EACF,CAAC;;AAGJ,MAAM,0BAA0B,IAC9B,qJACA;CACE,UAAU;EACR,MAAM;GACJ,KAAK;GACL,QAAQ;GACT;EACD,OAAO;GACL,OAAO;GACP,KAAK;GACN;EACF;CACD,iBAAiB;EACf,MAAM;EACN,OAAO;EACR;CACF,CACF;AAED,SAAS,gBAAgB,EACvB,OAAO,UACP,QAAQ,OACR,WACA,GAAG,SAIF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,aAAW;EACX,WAAW,GAAG,wBAAwB;GAAE;GAAM;GAAO,CAAC,EAAE,UAAU;EAClE,GAAI;GACJ"}

package/dist/components/button-group.d.ts

@@ -1,19 +1,19 @@
-import { t as Separator } from "../separator-Dx2S4o5E.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import { t as Separator } from "../separator-pyhTqgkN.js";
 import * as react1 from "react";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region src/components/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
-  orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 declare function ButtonGroup({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime111.JSX.Element;
 declare function ButtonGroupText({
   className,
   render,
@@ -23,7 +23,7 @@ declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../src/components/button-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAOM;;IAeL,+BAAA,CAAA;iBAEQ,WAAA;;;;GAIN,KAAA,CAAM,wBAAwB,oBAAoB,uBAAoB,mBAAA,CAAA,GAAA,CAAA;iBAYhE,eAAA;;;;GAIN,SAAA,CAAU,wBAAqB,MAAA,CAAA,+BAAP,MAAA,CAAO;AAvCwB,iBA0DjD,oBAAA,CAzCR;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6CE,KAAA,CAAM,cA7CR,CAAA,OA6C8B,SA7C9B,CAAA,CAAA,EA6CwC,mBAAA,CAAA,GAAA,CAAA,OA7CxC"}
+{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../src/components/button-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAOM;;IAeL,+BAAA,CAAA;iBAEQ,WAAA;;;;GAIN,KAAA,CAAM,wBAAwB,oBAAoB,uBAAoB,oBAAA,CAAA,GAAA,CAAA;iBAYhE,eAAA;;;;GAIN,SAAA,CAAU,wBAAqB,MAAA,CAAA,+BAAP,MAAA,CAAO;AAvCwB,iBA0DjD,oBAAA,CAzCR;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6CE,KAAA,CAAM,cA7CR,CAAA,OA6C8B,SA7C9B,CAAA,CAAA,EA6CwC,oBAAA,CAAA,GAAA,CAAA,OA7CxC"}

package/dist/components/button-group.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-DeIaBj75.js";
+import { t as Separator } from "../separator-BQBOLUMc.js";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";

package/dist/components/button.d.ts

@@ -1,2 +1,2 @@
-import { n as buttonVariants, t as Button } from "../button-D7hCT6ip.js";
+import { n as buttonVariants, t as Button } from "../button-BJ727apo.js";
 export { Button, buttonVariants };