npm - @alneas/appkit-react - Versions diffs - 0.1.0 → 0.3.0 - Mend

@alneas/appkit-react 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1983) hide show

package/dist/ui/components/ui/alert-dialog.js CHANGED Viewed

@@ -3,98 +3,118 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button-components.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { AlertDialog as a } from "@base-ui/react/alert-dialog";
+import "react";
+import { AlertDialog as i } from "@base-ui/react/alert-dialog";
 //#region src/ui/components/ui/alert-dialog.tsx
-var o = (e) => /* @__PURE__ */ n(a.Root, {
+var a = (e) => /* @__PURE__ */ n(i.Root, {
 	"data-slot": "alert-dialog",
 	...e
 });
-o.displayName = "AlertDialog";
-function s({ children: e, ...t }) {
-	return /* @__PURE__ */ n(a.Trigger, {
+a.displayName = "AlertDialog";
+function o({ children: e, ...t }) {
+	return /* @__PURE__ */ n(i.Trigger, {
 		"data-slot": "alert-dialog-trigger",
 		...t,
 		children: e
 	});
 }
-s.displayName = "AlertDialogTrigger";
-var c = i.forwardRef(({ ...e }, t) => /* @__PURE__ */ n(a.Portal, {
-	ref: t,
-	"data-slot": "alert-dialog-portal",
-	...e
-}));
-c.displayName = "AlertDialogPortal";
-var l = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(a.Backdrop, {
-	ref: i,
-	"data-slot": "alert-dialog-overlay",
-	className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", t),
-	...r
-}));
-l.displayName = "AlertDialogOverlay";
-var u = i.forwardRef(({ className: t, size: i = "default", children: o, ...s }, u) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ n(a.Popup, {
-	ref: u,
-	"data-slot": "alert-dialog-content",
-	"data-size": i,
-	className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none", t),
-	...s,
-	children: o
-})] }));
-u.displayName = "AlertDialogContent";
-var d = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "alert-dialog-header",
-	className: e("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", t),
-	...r
-}));
-d.displayName = "AlertDialogHeader";
-var f = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "alert-dialog-footer",
-	className: e("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", t),
-	...r
-}));
-f.displayName = "AlertDialogFooter";
-var p = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "alert-dialog-media",
-	className: e("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", t),
-	...r
-}));
-p.displayName = "AlertDialogMedia";
-var m = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(a.Title, {
-	ref: i,
-	"data-slot": "alert-dialog-title",
-	className: e("text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", t),
-	...r
-}));
-m.displayName = "AlertDialogTitle";
-var h = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(a.Description, {
-	ref: i,
-	"data-slot": "alert-dialog-description",
-	className: e("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", t),
-	...r
-}));
-h.displayName = "AlertDialogDescription";
-var g = i.forwardRef(({ className: r, ...i }, a) => /* @__PURE__ */ n(t, {
-	ref: a,
-	"data-slot": "alert-dialog-action",
-	className: e(r),
-	...i
-}));
-g.displayName = "AlertDialogAction";
-var _ = i.forwardRef(({ className: r, variant: i = "outline", size: o = "default", ...s }, c) => /* @__PURE__ */ n(a.Close, {
-	ref: c,
-	"data-slot": "alert-dialog-cancel",
-	className: e(r),
-	render: /* @__PURE__ */ n(t, {
-		variant: i,
-		size: o
-	}),
-	...s
-}));
-_.displayName = "AlertDialogCancel";
+o.displayName = "AlertDialogTrigger";
+function s({ ref: e, ...t }) {
+	return /* @__PURE__ */ n(i.Portal, {
+		ref: e,
+		"data-slot": "alert-dialog-portal",
+		...t
+	});
+}
+s.displayName = "AlertDialogPortal";
+function c({ ref: t, className: r, ...a }) {
+	return /* @__PURE__ */ n(i.Backdrop, {
+		ref: t,
+		"data-slot": "alert-dialog-overlay",
+		className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", r),
+		...a
+	});
+}
+c.displayName = "AlertDialogOverlay";
+function l({ ref: t, className: a, size: o = "default", children: l, ...u }) {
+	return /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ n(i.Popup, {
+		ref: t,
+		"data-slot": "alert-dialog-content",
+		"data-size": o,
+		className: e("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none", a),
+		...u,
+		children: l
+	})] });
+}
+l.displayName = "AlertDialogContent";
+function u({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		"data-slot": "alert-dialog-header",
+		className: e("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", r),
+		...i
+	});
+}
+u.displayName = "AlertDialogHeader";
+function d({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		"data-slot": "alert-dialog-footer",
+		className: e("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", r),
+		...i
+	});
+}
+d.displayName = "AlertDialogFooter";
+function f({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		"data-slot": "alert-dialog-media",
+		className: e("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", r),
+		...i
+	});
+}
+f.displayName = "AlertDialogMedia";
+function p({ ref: t, className: r, ...a }) {
+	return /* @__PURE__ */ n(i.Title, {
+		ref: t,
+		"data-slot": "alert-dialog-title",
+		className: e("text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", r),
+		...a
+	});
+}
+p.displayName = "AlertDialogTitle";
+function m({ ref: t, className: r, ...a }) {
+	return /* @__PURE__ */ n(i.Description, {
+		ref: t,
+		"data-slot": "alert-dialog-description",
+		className: e("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", r),
+		...a
+	});
+}
+m.displayName = "AlertDialogDescription";
+function h({ ref: r, className: i, ...a }) {
+	return /* @__PURE__ */ n(t, {
+		ref: r,
+		"data-slot": "alert-dialog-action",
+		className: e(i),
+		...a
+	});
+}
+h.displayName = "AlertDialogAction";
+function g({ ref: r, className: a, variant: o = "outline", size: s = "default", ...c }) {
+	return /* @__PURE__ */ n(i.Close, {
+		ref: r,
+		"data-slot": "alert-dialog-cancel",
+		className: e(a),
+		render: /* @__PURE__ */ n(t, {
+			variant: o,
+			size: s
+		}),
+		...c
+	});
+}
+g.displayName = "AlertDialogCancel";
 //#endregion
-export { o as AlertDialog, g as AlertDialogAction, _ as AlertDialogCancel, u as AlertDialogContent, h as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, p as AlertDialogMedia, l as AlertDialogOverlay, c as AlertDialogPortal, m as AlertDialogTitle, s as AlertDialogTrigger };
+export { a as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, l as AlertDialogContent, m as AlertDialogDescription, d as AlertDialogFooter, u as AlertDialogHeader, f as AlertDialogMedia, c as AlertDialogOverlay, s as AlertDialogPortal, p as AlertDialogTitle, o as AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.js.map

package/dist/ui/components/ui/alert-dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","React","React$1","AlertDialog$1","AlertDialog","props","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","cn","className","AlertDialogContent","size","AlertDialogHeader","AlertDialogFooter","AlertDialogMedia","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","Button","AlertDialogCancel"],"sources":["../../../../src/ui/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/*\n ユーザーの重要な確認や操作を必要とする警告ダイアログのルートコンポーネント。\n /\nconst AlertDialog = (props: AlertDialogPrimitive.Root.Props) => (\n <AlertDialogPrimitive.Root data-slot='alert-dialog' {...props} />\n);\nAlertDialog.displayName = 'AlertDialog';\n\n/\n 警告ダイアログを開くためのトリガーボタン。\n /\nfunction AlertDialogTrigger({\n children,\n ...props\n}: AlertDialogPrimitive.Trigger.Props) {\n return (\n <AlertDialogPrimitive.Trigger\n data-slot='alert-dialog-trigger'\n {...props}\n >\n {children}\n </AlertDialogPrimitive.Trigger>\n );\n}\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = React.forwardRef<HTMLDivElement, AlertDialogPrimitive.Portal.Props>(\n ({ ...props }, ref) => (\n <AlertDialogPrimitive.Portal ref={ref} data-slot='alert-dialog-portal' {...props} />\n ),\n);\nAlertDialogPortal.displayName = 'AlertDialogPortal';\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogPrimitive.Backdrop.Props>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Backdrop\n ref={ref}\n data-slot='alert-dialog-overlay'\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n className,\n )}\n {...props}\n />\n ),\n);\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\nconst AlertDialogContent = React.forwardRef<\n HTMLDivElement,\n AlertDialogPrimitive.Popup.Props & { size?: 'default' \| 'sm' }\n>(({ className, size = 'default', children, ...props }, ref) => (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Popup\n ref={ref}\n data-slot='alert-dialog-content'\n data-size={size}\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n className,\n )}\n {...props}\n >\n {children}\n </AlertDialogPrimitive.Popup>\n </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-slot='alert-dialog-header'\n className={cn(\n 'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',\n className,\n )}\n {...props}\n />\n ),\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-slot='alert-dialog-footer'\n className={cn(\n 'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end',\n className,\n )}\n {...props}\n />\n ),\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogMedia = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n data-slot='alert-dialog-media'\n className={cn(\n \"bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 :[svg:not([class='size-'])]:size-6\",\n className,\n )}\n {...props}\n />\n ),\n);\nAlertDialogMedia.displayName = 'AlertDialogMedia';\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogPrimitive.Title.Props>(\n ({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n data-slot='alert-dialog-title'\n className={cn(\n 'text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',\n className,\n )}\n {...props}\n />\n ),\n);\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\nconst AlertDialogDescription = React.forwardRef<\n HTMLParagraphElement,\n AlertDialogPrimitive.Description.Props\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n data-slot='alert-dialog-description'\n className={cn(\n 'text-muted-foreground :[a]:hover:text-foreground text-sm text-balance md:text-pretty :[a]:underline :[a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n));\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(\n ({ className, ...props }, ref) => (\n <Button ref={ref} data-slot='alert-dialog-action' className={cn(className)} {...props} />\n ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<\n HTMLButtonElement,\n AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, 'variant' \| 'size'>\n>(({ className, variant = 'outline', size = 'default', ...props }, ref) => (\n <AlertDialogPrimitive.Close\n ref={ref}\n data-slot='alert-dialog-cancel'\n className={cn(className)}\n render={<Button variant={variant} size={size} />}\n {...props}\n />\n));\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogMedia,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n};\n"],"mappings":";;;;;;;;AAWA,IAAMI,KAAe,MACnB,kBAACJ,EAAqB,MAAtB;CAA2B,aAAU;CAAe,GAAIK;AAAQ,CAAA;AAElE,EAAY,cAAc;AAK1B,SAASC,EAAmB,EAC1B,aACA,GAAGD,KACkC;CACrC,OACE,kBAACL,EAAqB,SAAtB;EACE,aAAU;EACV,GAAIK;EAEH;CAC2B,CAAA;AAElC;AACA,EAAmB,cAAc;AAEjC,IAAME,IAAoBN,EAAM,YAC7B,EAAE,GAAGI,KAAS,MACb,kBAACL,EAAqB,QAAtB;CAAkC;CAAK,aAAU;CAAsB,GAAIK;AAAQ,CAAA,CAEvF;AACA,EAAkB,cAAc;AAEhC,IAAMG,IAAqBP,EAAM,YAC9B,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAACL,EAAqB,UAAtB;CACO;CACL,aAAU;CACV,WAAWS,EACT,yLACAC,CACF;CACA,GAAIL;AACL,CAAA,CAEL;AACA,EAAmB,cAAc;AAEjC,IAAMM,IAAqBV,EAAM,YAG9B,EAAE,cAAW,UAAO,WAAW,aAAU,GAAGI,KAAS,MACtD,kBAACE,GAAD,EAAA,UAAA,CACE,kBAACC,GAAD,CAAqB,CAAA,GACrB,kBAACR,EAAqB,OAAtB;CACO;CACL,aAAU;CACV,aAAWY;CACX,WAAWH,EACT,yZACAC,CACF;CACA,GAAIL;CAEH;AACyB,CAAA,CACX,EAAA,CAAA,CACpB;AACD,EAAmB,cAAc;AAEjC,IAAMQ,IAAoBZ,EAAM,YAC7B,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWI,EACT,sZACAC,CACF;CACA,GAAIL;AACL,CAAA,CAEL;AACA,EAAkB,cAAc;AAEhC,IAAMS,IAAoBb,EAAM,YAC7B,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWI,EACT,iNACAC,CACF;CACA,GAAIL;AACL,CAAA,CAEL;AACA,EAAkB,cAAc;AAEhC,IAAMU,IAAmBd,EAAM,YAC5B,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWI,EACT,8KACAC,CACF;CACA,GAAIL;AACL,CAAA,CAEL;AACA,EAAiB,cAAc;AAE/B,IAAMW,IAAmBf,EAAM,YAC5B,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAACL,EAAqB,OAAtB;CACO;CACL,aAAU;CACV,WAAWS,EACT,mJACAC,CACF;CACA,GAAIL;AACL,CAAA,CAEL;AACA,EAAiB,cAAc;AAE/B,IAAMY,IAAyBhB,EAAM,YAGlC,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAqB,aAAtB;CACO;CACL,aAAU;CACV,WAAWS,EACT,kIACAC,CACF;CACA,GAAIL;AACL,CAAA,CACF;AACD,EAAuB,cAAc;AAErC,IAAMa,IAAoBjB,EAAM,YAC7B,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAACc,GAAD;CAAa;CAAK,aAAU;CAAsB,WAAWV,EAAGC,CAAS;CAAG,GAAIL;AAAQ,CAAA,CAE5F;AACA,EAAkB,cAAc;AAEhC,IAAMe,IAAoBnB,EAAM,YAG7B,EAAE,cAAW,aAAU,WAAW,UAAO,WAAW,GAAGI,KAAS,MACjE,kBAACL,EAAqB,OAAtB;CACO;CACL,aAAU;CACV,WAAWS,EAAGC,CAAS;CACvB,QAAQ,kBAACS,GAAD;EAAiB;EAAe;CAAO,CAAA;CAC/C,GAAId;AACL,CAAA,CACF;AACD,EAAkB,cAAc"}
1	+ {"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","AlertDialog$1","AlertDialog","props","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","cn","className","AlertDialogContent","size","AlertDialogHeader","AlertDialogFooter","AlertDialogMedia","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","Button","AlertDialogCancel"],"sources":["../../../../src/ui/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/*\n Coordinates an alert dialog that requests an explicit user decision.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialog composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nconst AlertDialog = (props: AlertDialogPrimitive.Root.Props) => (\n <AlertDialogPrimitive.Root data-slot='alert-dialog' {...props} />\n);\nAlertDialog.displayName = 'AlertDialog';\n\n/\n Renders the control that requests opening its alert dialog.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogTrigger({\n children,\n ...props\n}: AlertDialogPrimitive.Trigger.Props) {\n return (\n <AlertDialogPrimitive.Trigger\n data-slot='alert-dialog-trigger'\n {...props}\n >\n {children}\n </AlertDialogPrimitive.Trigger>\n );\n}\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\n/\n Mounts alert-dialog descendants into the Base UI portal target.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogPortal({\n ref,\n ...props\n}: React.PropsWithoutRef<AlertDialogPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>) {\n return <AlertDialogPrimitive.Portal ref={ref} data-slot='alert-dialog-portal' {...props} />;\n}\nAlertDialogPortal.displayName = 'AlertDialogPortal';\n\n/\n Renders the fixed backdrop for an alert dialog.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogOverlay composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogOverlay({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<AlertDialogPrimitive.Backdrop.Props> &\n React.RefAttributes<HTMLDivElement>) {\n return (\n <AlertDialogPrimitive.Backdrop\n ref={ref}\n data-slot='alert-dialog-overlay'\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n className,\n )}\n {...props}\n />\n );\n}\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\n/\n Portals an alert popup with its backdrop and default or small sizing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: size='default'.\n * @returns The rendered AlertDialogContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogContent({\n ref,\n className,\n size = 'default',\n children,\n ...props\n}: React.PropsWithoutRef<\n AlertDialogPrimitive.Popup.Props & {\n /\n Visual size preset; defaults to default unless the owning component states otherwise.\n /\n /\n Visual size preset; defaults to default unless the owning component states otherwise.\n /\n size?: 'default' \| 'sm';\n }\n> &\n React.RefAttributes<HTMLDivElement>) {\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Popup\n ref={ref}\n data-slot='alert-dialog-content'\n data-size={size}\n className={cn(\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n className,\n )}\n {...props}\n >\n {children}\n </AlertDialogPrimitive.Popup>\n </AlertDialogPortal>\n );\n}\nAlertDialogContent.displayName = 'AlertDialogContent';\n\n/\n Groups alert-dialog heading, description and optional media.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogHeader({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>) {\n return (\n <div\n ref={ref}\n data-slot='alert-dialog-header'\n className={cn(\n 'grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]',\n className,\n )}\n {...props}\n />\n );\n}\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\n/\n Lays out alert-dialog decision controls at the popup footer.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogFooter({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>) {\n return (\n <div\n ref={ref}\n data-slot='alert-dialog-footer'\n className={cn(\n 'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end',\n className,\n )}\n {...props}\n />\n );\n}\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\n/\n Styles an icon or illustration placed in the alert-dialog header.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogMedia composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogMedia({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<React.ComponentProps<'div'>> & React.RefAttributes<HTMLDivElement>) {\n return (\n <div\n ref={ref}\n data-slot='alert-dialog-media'\n className={cn(\n \"bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 :[svg:not([class='size-'])]:size-6\",\n className,\n )}\n {...props}\n />\n );\n}\nAlertDialogMedia.displayName = 'AlertDialogMedia';\n\n/\n Provides the accessible heading for its alert popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogTitle({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<AlertDialogPrimitive.Title.Props> &\n React.RefAttributes<HTMLHeadingElement>) {\n return (\n <AlertDialogPrimitive.Title\n ref={ref}\n data-slot='alert-dialog-title'\n className={cn(\n 'text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2',\n className,\n )}\n {...props}\n />\n );\n}\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\n/\n Provides the accessible explanatory text for its alert popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogDescription({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<AlertDialogPrimitive.Description.Props> &\n React.RefAttributes<HTMLParagraphElement>) {\n return (\n <AlertDialogPrimitive.Description\n ref={ref}\n data-slot='alert-dialog-description'\n className={cn(\n 'text-muted-foreground :[a]:hover:text-foreground text-sm text-balance md:text-pretty :[a]:underline :[a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\n/*\n Renders an Appkit button for a host-owned alert-dialog action.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered AlertDialogAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type. This is a Button wrapper, not a Base UI close primitive; clicking it does not automatically close the dialog.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n /\nfunction AlertDialogAction({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<React.ComponentProps<typeof Button>> &\n React.RefAttributes<HTMLButtonElement>) {\n return <Button ref={ref} data-slot='alert-dialog-action' className={cn(className)} {...props} />;\n}\nAlertDialogAction.displayName = 'AlertDialogAction';\n\n/\n Renders a close control styled as an outline button.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='outline', size='default'.\n * @returns The rendered AlertDialogCancel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Keep popup, trigger and close controls under AlertDialog. Content supplies its own portal/backdrop; separate Portal/Overlay exports are for custom compositions. Base UI owns dialog state and focus. The host owns action effects. The ref prop forwards to the rendered control or container declared by the component ref type. variant defaults to outline and size to default; the Base UI Close primitive is rendered through Button.\n * @example\n * ```tsx\n * import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AlertDialog><AlertDialogTrigger>Review</AlertDialogTrigger><AlertDialogContent><AlertDialogHeader><AlertDialogTitle>Apply changes?</AlertDialogTitle><AlertDialogDescription>Review your changes before applying them.</AlertDialogDescription></AlertDialogHeader><AlertDialogFooter><AlertDialogCancel>Cancel</AlertDialogCancel><AlertDialogAction onClick={() => console.log(\"Apply requested\")}>Apply</AlertDialogAction></AlertDialogFooter></AlertDialogContent></AlertDialog>);\n * }\n * ```\n */\nfunction AlertDialogCancel({\n ref,\n className,\n variant = 'outline',\n size = 'default',\n ...props\n}: React.PropsWithoutRef<\n AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, 'variant' \| 'size'>\n> &\n React.RefAttributes<HTMLButtonElement>) {\n return (\n <AlertDialogPrimitive.Close\n ref={ref}\n data-slot='alert-dialog-cancel'\n className={cn(className)}\n render={<Button variant={variant} size={size} />}\n {...props}\n />\n );\n}\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogMedia,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n};\n"],"mappings":";;;;;;;;AAuBA,IAAME,KAAe,MACnB,kBAACF,EAAqB,MAAtB;CAA2B,aAAU;CAAe,GAAIG;AAAQ,CAAA;AAElE,EAAY,cAAc;AAiB1B,SAASC,EAAmB,EAC1B,aACA,GAAGD,KACkC;CACrC,OACE,kBAACH,EAAqB,SAAtB;EACE,aAAU;EACV,GAAIG;EAEH;CAC2B,CAAA;AAElC;AACA,EAAmB,cAAc;AAiBjC,SAASE,EAAkB,EACzB,QACA,GAAGF,KAC8F;CACjG,OAAO,kBAACH,EAAqB,QAAtB;EAAkC;EAAK,aAAU;EAAsB,GAAIG;CAAQ,CAAA;AAC5F;AACA,EAAkB,cAAc;AAiBhC,SAASG,EAAmB,EAC1B,QACA,cACA,GAAGH,KAEkC;CACrC,OACE,kBAACH,EAAqB,UAAtB;EACO;EACL,aAAU;EACV,WAAWO,EACT,yLACAC,CACF;EACA,GAAIL;CACL,CAAA;AAEL;AACA,EAAmB,cAAc;AAiBjC,SAASM,EAAmB,EAC1B,QACA,cACA,UAAO,WACP,aACA,GAAGN,KAYkC;CACrC,OACE,kBAACE,GAAD,EAAA,UAAA,CACE,kBAACC,GAAD,CAAqB,CAAA,GACrB,kBAACN,EAAqB,OAAtB;EACO;EACL,aAAU;EACV,aAAWU;EACX,WAAWH,EACT,yZACAC,CACF;EACA,GAAIL;EAEH;CACyB,CAAA,CACX,EAAA,CAAA;AAEvB;AACA,EAAmB,cAAc;AAiBjC,SAASQ,EAAkB,EACzB,QACA,cACA,GAAGR,KACwF;CAC3F,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWI,EACT,sZACAC,CACF;EACA,GAAIL;CACL,CAAA;AAEL;AACA,EAAkB,cAAc;AAiBhC,SAASS,EAAkB,EACzB,QACA,cACA,GAAGT,KACwF;CAC3F,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWI,EACT,iNACAC,CACF;EACA,GAAIL;CACL,CAAA;AAEL;AACA,EAAkB,cAAc;AAiBhC,SAASU,EAAiB,EACxB,QACA,cACA,GAAGV,KACwF;CAC3F,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWI,EACT,8KACAC,CACF;EACA,GAAIL;CACL,CAAA;AAEL;AACA,EAAiB,cAAc;AAiB/B,SAASW,EAAiB,EACxB,QACA,cACA,GAAGX,KAEsC;CACzC,OACE,kBAACH,EAAqB,OAAtB;EACO;EACL,aAAU;EACV,WAAWO,EACT,mJACAC,CACF;EACA,GAAIL;CACL,CAAA;AAEL;AACA,EAAiB,cAAc;AAiB/B,SAASY,EAAuB,EAC9B,QACA,cACA,GAAGZ,KAEwC;CAC3C,OACE,kBAACH,EAAqB,aAAtB;EACO;EACL,aAAU;EACV,WAAWO,EACT,kIACAC,CACF;EACA,GAAIL;CACL,CAAA;AAEL;AACA,EAAuB,cAAc;AAiBrC,SAASa,EAAkB,EACzB,QACA,cACA,GAAGb,KAEqC;CACxC,OAAO,kBAACc,GAAD;EAAa;EAAK,aAAU;EAAsB,WAAWV,EAAGC,CAAS;EAAG,GAAIL;CAAQ,CAAA;AACjG;AACA,EAAkB,cAAc;AAiBhC,SAASe,EAAkB,EACzB,QACA,cACA,aAAU,WACV,UAAO,WACP,GAAGf,KAIqC;CACxC,OACE,kBAACH,EAAqB,OAAtB;EACO;EACL,aAAU;EACV,WAAWO,EAAGC,CAAS;EACvB,QAAQ,kBAACS,GAAD;GAAiB;GAAe;EAAO,CAAA;EAC/C,GAAId;CACL,CAAA;AAEL;AACA,EAAkB,cAAc"}

package/dist/ui/components/ui/alert.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.cjs","names":["cva","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","alertVariants","Alert","props","className","AlertTitle","AlertDescription","AlertAction"],"sources":["../../../../src/ui/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\n\nconst alertVariants = cva(\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 :[svg]:row-span-2 :[svg]:translate-y-0.5 :[svg]:text-current :[svg:not([class='size-'])]:size-4 w-full relative group/alert\",\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card :data-[slot=alert-description]:text-destructive/90 :[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\n/\n ~~警告や通知などのメッセージを表示するアラートコンテナ。\~~n /\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot='alert'\n role='alert'\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\n/\n ~~アラートのタイトル（見出し）。\~~n /\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-title'\n className={cn(\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n ~~アラートの本文（詳細説明）。\~~n /\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-description'\n className={cn(\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n ~~アラート内に配置されるアクション要素（ボタンなど）。\~~n */\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div data-slot='alert-action' className={cn('absolute top-2 right-2', className)} {...props} />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"mappings":"A,mPAKA,IAAMM,GAAA,E,kCAAgBN,CAAAA,CAAAA,IAAAA,CACpB,4TACA,CACE,SAAU,~~CACR~~,QAAS,CACP,QAAS,+BACT,YACE,mGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,~~EAKA~~,SAASO,EAAM,CACb,YACA,UACA,GAAGC,GACgE,CACnE,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,QACV,KAAK,QACL,UAAWH,EAAAA,GAAGK,EAAc,CAAE,SAAQ,CAAC,EAAGG,CAAS,EACnD,GAAID,CACL,CAAA,CAEL,~~CAKA~~,SAASE,EAAW,CAAE,YAAW,GAAGF,GAAsC,CACxE,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,cACV,UAAWH,EAAAA,GACT,sHACAQ,CACF,EACA,GAAID,CACL,CAAA,CAEL,~~CAKA~~,SAASG,EAAiB,CAAE,YAAW,GAAGH,GAAsC,CAC9E,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,oBACV,UAAWH,EAAAA,GACT,6JACAQ,CACF,EACA,GAAID,CACL,CAAA,CAEL,~~CAKA~~,SAASI,EAAY,CAAE,YAAW,GAAGJ,GAAsC,CACzE,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,eAAe,UAAWH,EAAAA,GAAG,yBAA0BQ,CAAS,EAAG,GAAID,CAAQ,CAAA,CAElG,C"}
1	+ {"version":3,"file":"alert.cjs","names":["cva","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","alertVariants","Alert","props","className","AlertTitle","AlertDescription","AlertAction"],"sources":["../../../../src/ui/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\n\nconst alertVariants = cva(\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 :[svg]:row-span-2 :[svg]:translate-y-0.5 :[svg]:text-current :[svg:not([class='size-'])]:size-4 w-full relative group/alert\",\n {\n variants: {\n /\n Visual treatment selected by the consumer; these values change CSS classes only.\n * Accepted values: default, destructive.\n * @defaultValue 'default'\n * @see alertVariants\n /\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card :data-[slot=alert-description]:text-destructive/90 :[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\n/\n Renders a styled alert region with default or destructive coloring.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Alert composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n /\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot='alert'\n role='alert'\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\n/\n Styles a short heading inside an alert.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AlertTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n /\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-title'\n className={cn(\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n Styles explanatory content inside an alert.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AlertDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n /\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-description'\n className={cn(\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n Positions host-provided action content at the upper right of an alert.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AlertAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n */\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div data-slot='alert-action' className={cn('absolute top-2 right-2', className)} {...props} />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"mappings":"A,mPAKA,IAAMM,GAAA,E,kCAAgBN,CAAAA,CAAAA,IAAAA,CACpB,4TACA,CACE,SAAU,CAOR,QAAS,CACP,QAAS,+BACT,YACE,mGACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAiBA,SAASO,EAAM,CACb,YACA,UACA,GAAGC,GACgE,CACnE,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,QACV,KAAK,QACL,UAAWH,EAAAA,GAAGK,EAAc,CAAE,SAAQ,CAAC,EAAGG,CAAS,EACnD,GAAID,CACL,CAAA,CAEL,CAiBA,SAASE,EAAW,CAAE,YAAW,GAAGF,GAAsC,CACxE,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,cACV,UAAWH,EAAAA,GACT,sHACAQ,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAiBA,SAASG,EAAiB,CAAE,YAAW,GAAGH,GAAsC,CAC9E,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,oBACV,UAAWH,EAAAA,GACT,6JACAQ,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAiBA,SAASI,EAAY,CAAE,YAAW,GAAGJ,GAAsC,CACzE,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,eAAe,UAAWH,EAAAA,GAAG,yBAA0BQ,CAAS,EAAG,GAAID,CAAQ,CAAA,CAElG,C"}

package/dist/ui/components/ui/alert.d.cts CHANGED Viewed

@@ -4,19 +4,67 @@ declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
- * 警告や通知などのメッセージを表示するアラートコンテナ。
+ * Renders a styled alert region with default or destructive coloring.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Alert composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): React.JSX.Element;
 /**
- * アラートのタイトル（見出し）。
+ * Styles a short heading inside an alert.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AlertTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * アラートの本文（詳細説明）。
+ * Styles explanatory content inside an alert.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * アラート内に配置されるアクション要素（ボタンなど）。
+ * Positions host-provided action content at the upper right of an alert.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AlertAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/ui/components/ui/alert.d.ts CHANGED Viewed

@@ -4,19 +4,67 @@ declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
- * 警告や通知などのメッセージを表示するアラートコンテナ。
+ * Renders a styled alert region with default or destructive coloring.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered Alert composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): React.JSX.Element;
 /**
- * アラートのタイトル（見出し）。
+ * Styles a short heading inside an alert.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AlertTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * アラートの本文（詳細説明）。
+ * Styles explanatory content inside an alert.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AlertDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 /**
- * アラート内に配置されるアクション要素（ボタンなど）。
+ * Positions host-provided action content at the upper right of an alert.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AlertAction composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.
+ * @example
+ * ```tsx
+ * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type="button">Review</button></AlertAction></Alert>);
+ * }
+ * ```
  */
 declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/ui/components/ui/alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.js","names":["alertVariants","cva","Alert","props","cn","className","AlertTitle","AlertDescription","AlertAction"],"sources":["../../../../src/ui/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\n\nconst alertVariants = cva(\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 :[svg]:row-span-2 :[svg]:translate-y-0.5 :[svg]:text-current :[svg:not([class='size-'])]:size-4 w-full relative group/alert\",\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card :data-[slot=alert-description]:text-destructive/90 :[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\n/\n ~~警告や通知などのメッセージを表示するアラートコンテナ。\~~n /\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot='alert'\n role='alert'\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\n/\n ~~アラートのタイトル（見出し）。\~~n /\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-title'\n className={cn(\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n ~~アラートの本文（詳細説明）。\~~n /\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-description'\n className={cn(\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n ~~アラート内に配置されるアクション要素（ボタンなど）。\~~n */\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div data-slot='alert-action' className={cn('absolute top-2 right-2', className)} {...props} />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"mappings":";;;;;;AAKA,IAAMA,IAAgBC,EACpB,6TACA;CACE,UAAU,~~EACR~~,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;~~AAKA~~,SAASC,EAAM,EACb,cACA,YACA,GAAGC,KACgE;CACnE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAWC,EAAGJ,EAAc,EAAE,WAAQ,CAAC,GAAGK,CAAS;EACnD,GAAIF;CACL,CAAA;AAEL;~~AAKA~~,SAASG,EAAW,EAAE,cAAW,GAAGH,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWC,EACT,uHACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;~~AAKA~~,SAASI,EAAiB,EAAE,cAAW,GAAGJ,KAAsC;CAC9E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWC,EACT,8JACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;~~AAKA~~,SAASK,EAAY,EAAE,cAAW,GAAGL,KAAsC;CACzE,OACE,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAWC,EAAG,0BAA0BC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AAElG"}
1	+ {"version":3,"file":"alert.js","names":["alertVariants","cva","Alert","props","cn","className","AlertTitle","AlertDescription","AlertAction"],"sources":["../../../../src/ui/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../lib/utils';\n\nconst alertVariants = cva(\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 :[svg]:row-span-2 :[svg]:translate-y-0.5 :[svg]:text-current :[svg:not([class='size-'])]:size-4 w-full relative group/alert\",\n {\n variants: {\n /\n Visual treatment selected by the consumer; these values change CSS classes only.\n * Accepted values: default, destructive.\n * @defaultValue 'default'\n * @see alertVariants\n /\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card :data-[slot=alert-description]:text-destructive/90 :[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\n/\n Renders a styled alert region with default or destructive coloring.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered Alert composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n /\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot='alert'\n role='alert'\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\n/\n Styles a short heading inside an alert.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AlertTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n /\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-title'\n className={cn(\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n Styles explanatory content inside an alert.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AlertDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n /\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='alert-description'\n className={cn(\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\n/\n Positions host-provided action content at the upper right of an alert.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AlertAction composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose the child slots inside Alert. This is presentational markup; dismissal and persistence belong to the host. variant defaults to default through the class-variance configuration.\n * @example\n * ```tsx\n * import { Alert, AlertTitle, AlertDescription, AlertAction } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<Alert><AlertTitle>Saved locally</AlertTitle><AlertDescription>Your draft is ready.</AlertDescription><AlertAction><button type=\"button\">Review</button></AlertAction></Alert>);\n * }\n * ```\n */\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div data-slot='alert-action' className={cn('absolute top-2 right-2', className)} {...props} />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"mappings":";;;;;;AAKA,IAAMA,IAAgBC,EACpB,6TACA;CACE,UAAU,EAOR,SAAS;EACP,SAAS;EACT,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAiBA,SAASC,EAAM,EACb,cACA,YACA,GAAGC,KACgE;CACnE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAWC,EAAGJ,EAAc,EAAE,WAAQ,CAAC,GAAGK,CAAS;EACnD,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASG,EAAW,EAAE,cAAW,GAAGH,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWC,EACT,uHACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASI,EAAiB,EAAE,cAAW,GAAGJ,KAAsC;CAC9E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAWC,EACT,8JACAC,CACF;EACA,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASK,EAAY,EAAE,cAAW,GAAGL,KAAsC;CACzE,OACE,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAWC,EAAG,0BAA0BC,CAAS;EAAG,GAAIF;CAAQ,CAAA;AAElG"}

package/dist/ui/components/ui/aspect-ratio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aspect-ratio.cjs","names":["cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","AspectRatio","props","ratio","className"],"sources":["../../../../src/ui/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/*\n ~~コンテンツを指定したアスペクト比（縦横比）に保つためのコンテナ。\~~n */\nfunction AspectRatio({\n ratio,\n className,\n ...props\n}: React.ComponentProps<'div'> & { ratio: number }) {\n return (\n <div\n data-slot='aspect-ratio'\n style={\n {\n '--ratio': ratio,\n } as React.CSSProperties\n }\n className={cn('relative aspect-(--ratio)', className)}\n {...props}\n />\n );\n}\n\nexport { AspectRatio };\n"],"mappings":"A,~~mPAMA~~,SAASK,EAAY,CACnB,QACA,YACA,GAAGC,~~GAC+C~~,~~CAClD~~,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,eACV,MACE,CACE,UAAWI,CACb,EAEF,UAAWP,EAAAA,GAAG,4BAA6BQ,CAAS,EACpD,GAAIF,CACL,CAAA,CAEL,C"}
1	+ {"version":3,"file":"aspect-ratio.cjs","names":["cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","AspectRatio","props","ratio","className"],"sources":["../../../../src/ui/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/*\n Constrains a div to a caller-supplied width-to-height ratio using CSS.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AspectRatio composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. ratio is a positive width divided by height (for example 16 / 9), with no fallback or runtime validation. The wrapper sets --ratio in its style; a caller-supplied style replaces that object because native props are spread afterward.\n * @example\n * ```tsx\n * import { AspectRatio } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AspectRatio ratio={16 / 9}><div>Preview</div></AspectRatio>);\n * }\n * ```\n /\nfunction AspectRatio({\n ratio,\n className,\n ...props\n}: React.ComponentProps<'div'> & { /\n Required positive width/height aspect ratio (for example 16/9); no default or runtime validation is supplied.\n /\n/\n Required positive width/height aspect ratio (for example 16/9); no default or runtime validation is supplied.\n */\nratio: number }) {\n return (\n <div\n data-slot='aspect-ratio'\n style={\n {\n '--ratio': ratio,\n } as React.CSSProperties\n }\n className={cn('relative aspect-(--ratio)', className)}\n {...props}\n />\n );\n}\n\nexport { AspectRatio };\n"],"mappings":"A,mPAkBA,SAASK,EAAY,CACnB,QACA,YACA,GAAGC,GAOY,CACf,OACE,EAAAH,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,eACV,MACE,CACE,UAAWI,CACb,EAEF,UAAWP,EAAAA,GAAG,4BAA6BQ,CAAS,EACpD,GAAIF,CACL,CAAA,CAEL,C"}

package/dist/ui/components/ui/aspect-ratio.d.cts CHANGED Viewed

@@ -1,8 +1,23 @@
 import * as React from 'react';
 /**
- * コンテンツを指定したアスペクト比（縦横比）に保つためのコンテナ。
+ * Constrains a div to a caller-supplied width-to-height ratio using CSS.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AspectRatio composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. ratio is a positive width divided by height (for example 16 / 9), with no fallback or runtime validation. The wrapper sets --ratio in its style; a caller-supplied style replaces that object because native props are spread afterward.
+ * @example
+ * ```tsx
+ * import { AspectRatio } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AspectRatio ratio={16 / 9}><div>Preview</div></AspectRatio>);
+ * }
+ * ```
  */
 declare function AspectRatio({ ratio, className, ...props }: React.ComponentProps<'div'> & {
+    /**
+     * Required positive width/height aspect ratio (for example 16/9); no default or runtime validation is supplied.
+     */
     ratio: number;
 }): React.JSX.Element;
 export { AspectRatio };

package/dist/ui/components/ui/aspect-ratio.d.ts CHANGED Viewed

@@ -1,8 +1,23 @@
 import * as React from 'react';
 /**
- * コンテンツを指定したアスペクト比（縦横比）に保つためのコンテナ。
+ * Constrains a div to a caller-supplied width-to-height ratio using CSS.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered AspectRatio composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. ratio is a positive width divided by height (for example 16 / 9), with no fallback or runtime validation. The wrapper sets --ratio in its style; a caller-supplied style replaces that object because native props are spread afterward.
+ * @example
+ * ```tsx
+ * import { AspectRatio } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<AspectRatio ratio={16 / 9}><div>Preview</div></AspectRatio>);
+ * }
+ * ```
  */
 declare function AspectRatio({ ratio, className, ...props }: React.ComponentProps<'div'> & {
+    /**
+     * Required positive width/height aspect ratio (for example 16/9); no default or runtime validation is supplied.
+     */
     ratio: number;
 }): React.JSX.Element;
 export { AspectRatio };

package/dist/ui/components/ui/aspect-ratio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aspect-ratio.js","names":["AspectRatio","props","ratio","cn","className"],"sources":["../../../../src/ui/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/*\n ~~コンテンツを指定したアスペクト比（縦横比）に保つためのコンテナ。\~~n */\nfunction AspectRatio({\n ratio,\n className,\n ...props\n}: React.ComponentProps<'div'> & { ratio: number }) {\n return (\n <div\n data-slot='aspect-ratio'\n style={\n {\n '--ratio': ratio,\n } as React.CSSProperties\n }\n className={cn('relative aspect-(--ratio)', className)}\n {...props}\n />\n );\n}\n\nexport { AspectRatio };\n"],"mappings":";;;;;~~AAMA~~,SAASA,EAAY,EACnB,UACA,cACA,GAAGC,~~KAC+C~~;~~CAClD~~,OACE,kBAAC,OAAD;EACE,aAAU;EACV,OACE,EACE,WAAWC,EACb;EAEF,WAAWC,EAAG,6BAA6BC,CAAS;EACpD,GAAIH;CACL,CAAA;AAEL"}
1	+ {"version":3,"file":"aspect-ratio.js","names":["AspectRatio","props","ratio","cn","className"],"sources":["../../../../src/ui/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/*\n Constrains a div to a caller-supplied width-to-height ratio using CSS.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered AspectRatio composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. ratio is a positive width divided by height (for example 16 / 9), with no fallback or runtime validation. The wrapper sets --ratio in its style; a caller-supplied style replaces that object because native props are spread afterward.\n * @example\n * ```tsx\n * import { AspectRatio } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<AspectRatio ratio={16 / 9}><div>Preview</div></AspectRatio>);\n * }\n * ```\n /\nfunction AspectRatio({\n ratio,\n className,\n ...props\n}: React.ComponentProps<'div'> & { /\n Required positive width/height aspect ratio (for example 16/9); no default or runtime validation is supplied.\n /\n/\n Required positive width/height aspect ratio (for example 16/9); no default or runtime validation is supplied.\n */\nratio: number }) {\n return (\n <div\n data-slot='aspect-ratio'\n style={\n {\n '--ratio': ratio,\n } as React.CSSProperties\n }\n className={cn('relative aspect-(--ratio)', className)}\n {...props}\n />\n );\n}\n\nexport { AspectRatio };\n"],"mappings":";;;;;AAkBA,SAASA,EAAY,EACnB,UACA,cACA,GAAGC,KAOY;CACf,OACE,kBAAC,OAAD;EACE,aAAU;EACV,OACE,EACE,WAAWC,EACb;EAEF,WAAWC,EAAG,6BAA6BC,CAAS;EACpD,GAAIH;CACL,CAAA;AAEL"}

package/dist/ui/components/ui/avatar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/avatar");var a=r.forwardRef(({className:e,size:r=`default`,...a},o)=>(0,n.jsx)(i.Avatar.Root,{ref:o,"data-slot":`avatar`,"data-size":r,className:t.cn(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...a}));a.displayName=i.Avatar.Root.displayName;var o=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Avatar.Image,{ref:a,"data-slot":`avatar-image`,className:t.cn(`rounded-full aspect-square size-full object-cover`,e),...r}));o.displayName=i.Avatar.Image.displayName;var s=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Avatar.Fallback,{ref:a,"data-slot":`avatar-fallback`,className:t.cn(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...r}));s.displayName=i.Avatar.Fallback.displayName;function c({className:e,...r}){return(0,n.jsx)(`span`,{"data-slot":`avatar-badge`,className:t.cn(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...r})}function l({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`avatar-group`,className:t.cn(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...r})}function u({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`avatar-group-count`,className:t.cn(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...r})}exports.Avatar=a,exports.AvatarBadge=c,exports.AvatarFallback=s,exports.AvatarGroup=l,exports.AvatarGroupCount=u,exports.AvatarImage=o;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/avatar");function a({ref:e,className:r,size:a=`default`,...o}){return(0,n.jsx)(i.Avatar.Root,{ref:e,"data-slot":`avatar`,"data-size":a,className:t.cn(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,r),...o})}a.displayName=i.Avatar.Root.displayName;function o({ref:e,className:r,...a}){return(0,n.jsx)(i.Avatar.Image,{ref:e,"data-slot":`avatar-image`,className:t.cn(`rounded-full aspect-square size-full object-cover`,r),...a})}o.displayName=i.Avatar.Image.displayName;function s({ref:e,className:r,...a}){return(0,n.jsx)(i.Avatar.Fallback,{ref:e,"data-slot":`avatar-fallback`,className:t.cn(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,r),...a})}s.displayName=i.Avatar.Fallback.displayName;function c({className:e,...r}){return(0,n.jsx)(`span`,{"data-slot":`avatar-badge`,className:t.cn(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...r})}function l({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`avatar-group`,className:t.cn(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...r})}function u({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`avatar-group-count`,className:t.cn(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...r})}exports.Avatar=a,exports.AvatarBadge=c,exports.AvatarFallback=s,exports.AvatarGroup=l,exports.AvatarGroupCount=u,exports.AvatarImage=o;
 //# sourceMappingURL=avatar.cjs.map