@kuzenbo/core 0.0.2 → 0.0.3

package/dist/ui/affix.d.ts

@@ -0,0 +1,50 @@
+import { BasePortalProps } from "./portal.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/affix/affix.d.ts
+interface AffixPosition {
+  top?: number | string;
+  bottom?: number | string;
+  left?: number | string;
+  right?: number | string;
+}
+declare const affixVariants: tailwind_variants0.TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, tailwind_variants0.TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+type AffixVariants = VariantProps<typeof affixVariants>;
+type AffixProps = AffixVariants & useRender.ComponentProps<"div"> & {
+  "data-slot"?: string;
+  /**
+   * Position of the affix element
+   * @default { bottom: 0, right: 0 }
+   */
+  position?: AffixPosition;
+  /**
+   * Props passed down to the Portal component. Ignored when `withinPortal` is `false`.
+   */
+  portalProps?: BasePortalProps;
+  /**
+   * Whether to render the affix within a portal
+   * @default true
+   */
+  withinPortal?: boolean;
+  /**
+   * Custom z-index value
+   * @default 200
+   */
+  zIndex?: number;
+};
+declare const Affix: ({
+  className,
+  position,
+  portalProps,
+  withinPortal,
+  zIndex,
+  render,
+  children,
+  ...props
+}: AffixProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Affix, AffixPosition, AffixProps, affixVariants };
+//# sourceMappingURL=affix.d.ts.map

package/dist/ui/affix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.d.ts","names":[],"sources":["../../src/ui/affix/affix.tsx"],"mappings":";;;;;;;UAYiB,aAAA;EACf,GAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;AAAA;AAAA,cAaW,aAAA,EAAa,kBAAA,CAAA,YAAA,wDAYxB,kBAAA,CAZwB,YAAA;AAAA,KAcrB,aAAA,GAAgB,YAAA,QAAoB,aAAA;AAAA,KAE7B,UAAA,GAAa,aAAA,GACvB,SAAA,CAAU,cAAA;EACR,WAAA;EAhCF;;;;EAqCE,QAAA,GAAW,aAAA;EAXb;;;EAeE,WAAA,GAAc,eAAA;EAbb;;;;EAkBD,YAAA;EAhBQ;;;;EAqBR,MAAA;AAAA;AAAA,cA6BS,KAAA;EAAS,SAAA;EAAA,QAAA;EAAA,WAAA;EAAA,YAAA;EAAA,MAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASnB,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/affix.js

@@ -0,0 +1,69 @@
+"use client";
+
+import { Portal } from "./portal.js";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/portal/optional-portal.tsx
+const isTestEnvironment = () => typeof process !== "undefined" && (process.env.NODE_ENV === "test" || process.env.VITEST === "true" || process.env.JEST_WORKER_ID !== void 0);
+const OptionalPortal = ({ withinPortal = true, children, ...others }) => {
+	if (isTestEnvironment() || !withinPortal) return children;
+	return /* @__PURE__ */ jsx(Portal, {
+		...others,
+		children
+	});
+};
+
+//#endregion
+//#region src/ui/affix/affix.tsx
+const getSpacing = (value) => {
+	if (value === void 0) return "";
+	if (typeof value === "number") return `${value}px`;
+	return value;
+};
+const affixVariants = tv({ base: [
+	"fixed",
+	"z-(--affix-z-index)",
+	"top-(--affix-top)",
+	"left-(--affix-left)",
+	"bottom-(--affix-bottom)",
+	"right-(--affix-right)"
+] });
+const DEFAULT_POSITION = {
+	bottom: 0,
+	right: 0
+};
+const buildPositionStyles = (position, zIndex) => {
+	const styles = { "--affix-z-index": zIndex.toString() };
+	if (position.top !== void 0) styles["--affix-top"] = getSpacing(position.top);
+	if (position.bottom !== void 0) styles["--affix-bottom"] = getSpacing(position.bottom);
+	if (position.left !== void 0) styles["--affix-left"] = getSpacing(position.left);
+	if (position.right !== void 0) styles["--affix-right"] = getSpacing(position.right);
+	return styles;
+};
+const Affix = ({ className, position = DEFAULT_POSITION, portalProps, withinPortal = true, zIndex = 200, render, children, ...props }) => {
+	const positionStyles = buildPositionStyles(position, zIndex);
+	const element = useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({
+			className: cn(affixVariants(), className),
+			style: positionStyles,
+			children
+		}, {
+			"data-slot": "affix",
+			...props
+		})
+	});
+	return /* @__PURE__ */ jsx(OptionalPortal, {
+		...portalProps,
+		withinPortal,
+		children: element
+	});
+};
+
+//#endregion
+export { Affix, affixVariants };
+//# sourceMappingURL=affix.js.map

package/dist/ui/affix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.js","names":[],"sources":["../../src/ui/portal/optional-portal.tsx","../../src/ui/affix/affix.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport type { BasePortalProps } from \"./portal\";\n\nimport { Portal } from \"./portal\";\n\nexport type OptionalPortalProps = BasePortalProps & {\n  /**\n   * Determines whether children should be rendered inside `<Portal />`\n   * @default true\n   */\n  withinPortal?: boolean;\n  /**\n   * Portal children\n   */\n  children: ReactNode;\n};\n\nconst isTestEnvironment = () =>\n  typeof process !== \"undefined\" &&\n  (process.env.NODE_ENV === \"test\" ||\n    process.env.VITEST === \"true\" ||\n    process.env.JEST_WORKER_ID !== undefined);\n\nexport const OptionalPortal = ({\n  withinPortal = true,\n  children,\n  ...others\n}: OptionalPortalProps) => {\n  const env = isTestEnvironment();\n\n  if (env || !withinPortal) {\n    return children;\n  }\n\n  return <Portal {...others}>{children}</Portal>;\n};\n","\"use client\";\n\nimport type { CSSProperties } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { BasePortalProps } from \"../portal/portal\";\n\nimport { OptionalPortal } from \"../portal/optional-portal\";\n\nexport interface AffixPosition {\n  top?: number | string;\n  bottom?: number | string;\n  left?: number | string;\n  right?: number | string;\n}\n\nconst getSpacing = (value?: number | string): string => {\n  if (value === undefined) {\n    return \"\";\n  }\n  if (typeof value === \"number\") {\n    return `${value}px`;\n  }\n  return value;\n};\n\nexport const affixVariants = tv({\n  base: [\n    // Layout: fixed positioning\n    \"fixed\",\n    // Z-index: from CSS variable\n    \"z-(--affix-z-index)\",\n    // Positioning: from CSS variables\n    \"top-(--affix-top)\",\n    \"left-(--affix-left)\",\n    \"bottom-(--affix-bottom)\",\n    \"right-(--affix-right)\",\n  ],\n});\n\ntype AffixVariants = VariantProps<typeof affixVariants>;\n\nexport type AffixProps = AffixVariants &\n  useRender.ComponentProps<\"div\"> & {\n    \"data-slot\"?: string;\n    /**\n     * Position of the affix element\n     * @default { bottom: 0, right: 0 }\n     */\n    position?: AffixPosition;\n    /**\n     * Props passed down to the Portal component. Ignored when `withinPortal` is `false`.\n     */\n    portalProps?: BasePortalProps;\n    /**\n     * Whether to render the affix within a portal\n     * @default true\n     */\n    withinPortal?: boolean;\n    /**\n     * Custom z-index value\n     * @default 200\n     */\n    zIndex?: number;\n  };\n\nconst DEFAULT_POSITION: AffixPosition = { bottom: 0, right: 0 };\n\nconst buildPositionStyles = (\n  position: AffixPosition,\n  zIndex: number\n): CSSProperties & Record<`--${string}`, string> => {\n  const styles: CSSProperties & Record<`--${string}`, string> = {\n    \"--affix-z-index\": zIndex.toString(),\n  } as CSSProperties & Record<`--${string}`, string>;\n\n  if (position.top !== undefined) {\n    styles[\"--affix-top\"] = getSpacing(position.top);\n  }\n  if (position.bottom !== undefined) {\n    styles[\"--affix-bottom\"] = getSpacing(position.bottom);\n  }\n  if (position.left !== undefined) {\n    styles[\"--affix-left\"] = getSpacing(position.left);\n  }\n  if (position.right !== undefined) {\n    styles[\"--affix-right\"] = getSpacing(position.right);\n  }\n\n  return styles;\n};\n\nexport const Affix = ({\n  className,\n  position = DEFAULT_POSITION,\n  portalProps,\n  withinPortal = true,\n  zIndex = 200,\n  render,\n  children,\n  ...props\n}: AffixProps) => {\n  const positionStyles = buildPositionStyles(position, zIndex);\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps<\"div\">(\n      {\n        className: cn(affixVariants(), className),\n        style: positionStyles,\n        children,\n      },\n      {\n        \"data-slot\": \"affix\",\n        ...props,\n      }\n    ),\n  });\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      {element}\n    </OptionalPortal>\n  );\n};\n"],"mappings":";;;;;;;;;AAoBA,MAAM,0BACJ,OAAO,YAAY,gBAClB,QAAQ,IAAI,aAAa,UACxB,QAAQ,IAAI,WAAW,UACvB,QAAQ,IAAI,mBAAmB;AAEnC,MAAa,kBAAkB,EAC7B,eAAe,MACf,UACA,GAAG,aACsB;AAGzB,KAFY,mBAAmB,IAEpB,CAAC,aACV,QAAO;AAGT,QAAO,oBAAC;EAAO,GAAI;EAAS;GAAkB;;;;;AClBhD,MAAM,cAAc,UAAoC;AACtD,KAAI,UAAU,OACZ,QAAO;AAET,KAAI,OAAO,UAAU,SACnB,QAAO,GAAG,MAAM;AAElB,QAAO;;AAGT,MAAa,gBAAgB,GAAG,EAC9B,MAAM;CAEJ;CAEA;CAEA;CACA;CACA;CACA;CACD,EACF,CAAC;AA4BF,MAAM,mBAAkC;CAAE,QAAQ;CAAG,OAAO;CAAG;AAE/D,MAAM,uBACJ,UACA,WACkD;CAClD,MAAM,SAAwD,EAC5D,mBAAmB,OAAO,UAAU,EACrC;AAED,KAAI,SAAS,QAAQ,OACnB,QAAO,iBAAiB,WAAW,SAAS,IAAI;AAElD,KAAI,SAAS,WAAW,OACtB,QAAO,oBAAoB,WAAW,SAAS,OAAO;AAExD,KAAI,SAAS,SAAS,OACpB,QAAO,kBAAkB,WAAW,SAAS,KAAK;AAEpD,KAAI,SAAS,UAAU,OACrB,QAAO,mBAAmB,WAAW,SAAS,MAAM;AAGtD,QAAO;;AAGT,MAAa,SAAS,EACpB,WACA,WAAW,kBACX,aACA,eAAe,MACf,SAAS,KACT,QACA,UACA,GAAG,YACa;CAChB,MAAM,iBAAiB,oBAAoB,UAAU,OAAO;CAE5D,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO,WACL;GACE,WAAW,GAAG,eAAe,EAAE,UAAU;GACzC,OAAO;GACP;GACD,EACD;GACE,aAAa;GACb,GAAG;GACJ,CACF;EACF,CAAC;AAEF,QACE,oBAAC;EAAe,GAAI;EAA2B;YAC5C;GACc"}

package/dist/ui/alert-dialog.d.ts

@@ -0,0 +1,190 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { Button } from "./button.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+
+//#region src/ui/alert-dialog/alert-dialog-action.d.ts
+type AlertDialogActionProps = ComponentProps<typeof Button>;
+declare const AlertDialogAction: ({
+  className,
+  ...props
+}: AlertDialogActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-backdrop.d.ts
+type AlertDialogBackdropProps = AlertDialog$1.Backdrop.Props;
+declare const AlertDialogBackdrop: ({
+  className,
+  ...props
+}: AlertDialogBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-cancel.d.ts
+type AlertDialogCancelProps = AlertDialog$1.Close.Props & Pick<ComponentProps<typeof Button>, "variant" | "size">;
+declare const AlertDialogCancel: ({
+  className,
+  variant,
+  size: providedSize,
+  ...props
+}: AlertDialogCancelProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-close.d.ts
+type AlertDialogCloseProps = AlertDialog$1.Close.Props;
+declare const AlertDialogClose: ({
+  ...props
+}: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-popup.d.ts
+type AlertDialogPopupSize = UISize;
+type AlertDialogPopupProps = AlertDialog$1.Popup.Props & {
+  size?: AlertDialogPopupSize;
+};
+declare const AlertDialogPopup: ({
+  className,
+  size: providedSize,
+  ...props
+}: AlertDialogPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-content.d.ts
+type AlertDialogContentProps = AlertDialogPopupProps & {
+  size?: AlertDialogPopupSize;
+};
+declare const AlertDialogContent: ({
+  className,
+  size: providedSize,
+  ...props
+}: AlertDialogContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-description.d.ts
+type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialog$1.Description>;
+declare const AlertDialogDescription: ({
+  className,
+  ...props
+}: AlertDialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-footer.d.ts
+type AlertDialogFooterProps = ComponentProps<"div">;
+declare const AlertDialogFooter: ({
+  className,
+  ...props
+}: AlertDialogFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-header.d.ts
+type AlertDialogHeaderProps = ComponentProps<"div">;
+declare const AlertDialogHeader: ({
+  className,
+  ...props
+}: AlertDialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-media.d.ts
+type AlertDialogMediaProps = ComponentProps<"div">;
+declare const AlertDialogMedia: ({
+  className,
+  ...props
+}: AlertDialogMediaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-overlay.d.ts
+type AlertDialogOverlayProps = AlertDialogBackdropProps;
+declare const AlertDialogOverlay: ({
+  className,
+  ...props
+}: AlertDialogOverlayProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-portal.d.ts
+type AlertDialogPortalProps = AlertDialog$1.Portal.Props;
+declare const AlertDialogPortal: ({
+  ...props
+}: AlertDialogPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-title.d.ts
+type AlertDialogTitleProps = ComponentProps<typeof AlertDialog$1.Title>;
+declare const AlertDialogTitle: ({
+  className,
+  ...props
+}: AlertDialogTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-trigger.d.ts
+type AlertDialogTriggerProps = AlertDialog$1.Trigger.Props;
+declare const AlertDialogTrigger: ({
+  className,
+  ...props
+}: AlertDialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-viewport.d.ts
+type AlertDialogViewportProps = AlertDialog$1.Viewport.Props;
+declare const AlertDialogViewport: ({
+  className,
+  ...props
+}: AlertDialogViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog.d.ts
+type AlertDialogProps = AlertDialog$1.Root.Props;
+declare const AlertDialog: {
+  ({
+    ...props
+  }: AlertDialogProps): react_jsx_runtime0.JSX.Element;
+  Action: ({
+    className,
+    ...props
+  }: AlertDialogActionProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: AlertDialogBackdropProps) => react_jsx_runtime0.JSX.Element;
+  Cancel: ({
+    className,
+    variant,
+    size: providedSize,
+    ...props
+  }: AlertDialogCancelProps) => react_jsx_runtime0.JSX.Element;
+  Close: ({
+    ...props
+  }: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    size: providedSize,
+    ...props
+  }: AlertDialogContentProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: AlertDialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: AlertDialogFooterProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: AlertDialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Media: ({
+    className,
+    ...props
+  }: AlertDialogMediaProps) => react_jsx_runtime0.JSX.Element;
+  Overlay: ({
+    className,
+    ...props
+  }: AlertDialogOverlayProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: AlertDialogPortalProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    size: providedSize,
+    ...props
+  }: AlertDialogPopupProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: AlertDialogTitleProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: AlertDialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
+    ...props
+  }: AlertDialogViewportProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPopup, type AlertDialogPopupProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AlertDialogViewport, type AlertDialogViewportProps };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/ui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":"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"}

package/dist/ui/alert-dialog.js

@@ -0,0 +1,164 @@
+import { a as useComponentSize, o as useGlobalUISize } from "../size-provider-18EvJgDT.js";
+import { Button } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
+
+//#region src/ui/alert-dialog/alert-dialog-action.tsx
+const AlertDialogAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
+	className: cn(className),
+	"data-slot": "alert-dialog-action",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-backdrop.tsx
+const AlertDialogBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
+	className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "alert-dialog-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-cancel.tsx
+const AlertDialogCancel = ({ className, variant = "outline", size: providedSize, ...props }) => {
+	const globalSize = useGlobalUISize();
+	const size = providedSize ?? globalSize ?? "md";
+	return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+		className: cn(className),
+		"data-slot": "alert-dialog-cancel",
+		render: /* @__PURE__ */ jsx(Button, {
+			size,
+			variant
+		}),
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-close.tsx
+const AlertDialogClose = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Close, {
+	"data-slot": "alert-dialog-close",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-popup.tsx
+const AlertDialogPopup = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
+		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=md]:sm:max-w-lg", className),
+		"data-size": size,
+		"data-slot": "alert-dialog-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-portal.tsx
+const AlertDialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Portal, {
+	"data-slot": "alert-dialog-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-viewport.tsx
+const AlertDialogViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Viewport, {
+	className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
+	"data-slot": "alert-dialog-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-content.tsx
+const AlertDialogContent = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogBackdrop, {}), /* @__PURE__ */ jsx(AlertDialogViewport, { children: /* @__PURE__ */ jsx(AlertDialogPopup, {
+		className,
+		"data-slot": "alert-dialog-content",
+		size,
+		...props
+	}) })] });
+};
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-description.tsx
+const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+	className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+	"data-slot": "alert-dialog-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-footer.tsx
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+	"data-slot": "alert-dialog-footer",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-header.tsx
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("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-6 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+	"data-slot": "alert-dialog-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-media.tsx
+const AlertDialogMedia = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
+	"data-slot": "alert-dialog-media",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-overlay.tsx
+const AlertDialogOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialogBackdrop, {
+	className,
+	"data-slot": "alert-dialog-overlay",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-title.tsx
+const AlertDialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+	className: cn("text-sm font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+	"data-slot": "alert-dialog-title",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog-trigger.tsx
+const AlertDialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "alert-dialog-trigger",
+	...props
+});
+
+//#endregion
+//#region src/ui/alert-dialog/alert-dialog.tsx
+const AlertDialog = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Root, {
+	"data-slot": "alert-dialog",
+	...props
+});
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Backdrop = AlertDialogBackdrop;
+AlertDialog.Cancel = AlertDialogCancel;
+AlertDialog.Close = AlertDialogClose;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Footer = AlertDialogFooter;
+AlertDialog.Header = AlertDialogHeader;
+AlertDialog.Media = AlertDialogMedia;
+AlertDialog.Overlay = AlertDialogOverlay;
+AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Popup = AlertDialogPopup;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Viewport = AlertDialogViewport;
+
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/ui/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive"],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nexport type AlertDialogActionProps = ComponentProps<typeof Button>;\n\nconst AlertDialogAction = ({ className, ...props }: AlertDialogActionProps) => (\n  <Button\n    className={cn(className)}\n    data-slot=\"alert-dialog-action\"\n    {...props}\n  />\n);\n\nexport { AlertDialogAction };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogBackdropProps = AlertDialogPrimitive.Backdrop.Props;\n\nconst AlertDialogBackdrop = ({\n  className,\n  ...props\n}: AlertDialogBackdropProps) => (\n  <AlertDialogPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"alert-dialog-backdrop\"\n    {...props}\n  />\n);\n\nexport { AlertDialogBackdrop };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useGlobalUISize } from \"../shared/size/size-provider\";\nexport type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props &\n  Pick<ComponentProps<typeof Button>, \"variant\" | \"size\">;\n\nconst AlertDialogCancel = ({\n  className,\n  variant = \"outline\",\n  size: providedSize,\n  ...props\n}: AlertDialogCancelProps) => {\n  const globalSize = useGlobalUISize();\n  const size = providedSize ?? globalSize ?? \"md\";\n\n  return (\n    <AlertDialogPrimitive.Close\n      className={cn(className)}\n      data-slot=\"alert-dialog-cancel\"\n      render={<Button size={size} variant={variant} />}\n      {...props}\n    />\n  );\n};\n\nexport { AlertDialogCancel };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nexport type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;\n\nconst AlertDialogClose = ({ ...props }: AlertDialogCloseProps) => (\n  <AlertDialogPrimitive.Close data-slot=\"alert-dialog-close\" {...props} />\n);\n\nexport { AlertDialogClose };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nexport type AlertDialogPopupSize = UISize;\nexport type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {\n  size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogPopup = ({\n  className,\n  size: providedSize,\n  ...props\n}: AlertDialogPopupProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AlertDialogPrimitive.Popup\n      className={cn(\n        \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=md]:sm:max-w-lg\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"alert-dialog-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { AlertDialogPopup };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nexport type AlertDialogPortalProps = AlertDialogPrimitive.Portal.Props;\n\nconst AlertDialogPortal = ({ ...props }: AlertDialogPortalProps) => (\n  <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n);\n\nexport { AlertDialogPortal };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogViewportProps = AlertDialogPrimitive.Viewport.Props;\n\nconst AlertDialogViewport = ({\n  className,\n  ...props\n}: AlertDialogViewportProps) => (\n  <AlertDialogPrimitive.Viewport\n    className={cn(\n      \"fixed inset-0 z-50 flex items-center justify-center p-4\",\n      className\n    )}\n    data-slot=\"alert-dialog-viewport\"\n    {...props}\n  />\n);\n\nexport { AlertDialogViewport };\n","import { useComponentSize } from \"../shared/size/size-provider\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport {\n  AlertDialogPopup,\n  type AlertDialogPopupProps,\n  type AlertDialogPopupSize,\n} from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogContentProps = AlertDialogPopupProps & {\n  size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogContent = ({\n  className,\n  size: providedSize,\n  ...props\n}: AlertDialogContentProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AlertDialogPortal>\n      <AlertDialogBackdrop />\n      <AlertDialogViewport>\n        <AlertDialogPopup\n          className={className}\n          data-slot=\"alert-dialog-content\"\n          size={size}\n          {...props}\n        />\n      </AlertDialogViewport>\n    </AlertDialogPortal>\n  );\n};\n\nexport { AlertDialogContent };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogDescriptionProps = ComponentProps<\n  typeof AlertDialogPrimitive.Description\n>;\n\nconst AlertDialogDescription = ({\n  className,\n  ...props\n}: AlertDialogDescriptionProps) => (\n  <AlertDialogPrimitive.Description\n    className={cn(\n      \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n      className\n    )}\n    data-slot=\"alert-dialog-description\"\n    {...props}\n  />\n);\n\nexport { AlertDialogDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogFooterProps = ComponentProps<\"div\">;\n\nconst AlertDialogFooter = ({ className, ...props }: AlertDialogFooterProps) => (\n  <div\n    className={cn(\n      \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 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    data-slot=\"alert-dialog-footer\"\n    {...props}\n  />\n);\n\nexport { AlertDialogFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogHeaderProps = ComponentProps<\"div\">;\n\nconst AlertDialogHeader = ({ className, ...props }: AlertDialogHeaderProps) => (\n  <div\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-6 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n      className\n    )}\n    data-slot=\"alert-dialog-header\"\n    {...props}\n  />\n);\n\nexport { AlertDialogHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogMediaProps = ComponentProps<\"div\">;\n\nconst AlertDialogMedia = ({ className, ...props }: AlertDialogMediaProps) => (\n  <div\n    className={cn(\n      \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n      className\n    )}\n    data-slot=\"alert-dialog-media\"\n    {...props}\n  />\n);\n\nexport { AlertDialogMedia };\n","import {\n  AlertDialogBackdrop,\n  type AlertDialogBackdropProps,\n} from \"./alert-dialog-backdrop\";\nexport type AlertDialogOverlayProps = AlertDialogBackdropProps;\n\nconst AlertDialogOverlay = ({\n  className,\n  ...props\n}: AlertDialogOverlayProps) => (\n  <AlertDialogBackdrop\n    className={className}\n    data-slot=\"alert-dialog-overlay\"\n    {...props}\n  />\n);\n\nexport { AlertDialogOverlay };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTitleProps = ComponentProps<\n  typeof AlertDialogPrimitive.Title\n>;\n\nconst AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => (\n  <AlertDialogPrimitive.Title\n    className={cn(\n      \"text-sm font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n      className\n    )}\n    data-slot=\"alert-dialog-title\"\n    {...props}\n  />\n);\n\nexport { AlertDialogTitle };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;\n\nconst AlertDialogTrigger = ({\n  className,\n  ...props\n}: AlertDialogTriggerProps) => (\n  <AlertDialogPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"alert-dialog-trigger\"\n    {...props}\n  />\n);\n\nexport { AlertDialogTrigger };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogClose } from \"./alert-dialog-close\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogProps = AlertDialogPrimitive.Root.Props;\n\nconst AlertDialog = ({ ...props }: AlertDialogProps) => (\n  <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Backdrop = AlertDialogBackdrop;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Close = AlertDialogClose;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Popup = AlertDialogPopup;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Viewport = AlertDialogViewport;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogBackdrop,\n  AlertDialogCancel,\n  AlertDialogClose,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogPopup,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  AlertDialogViewport,\n};\n\nexport type { AlertDialogActionProps } from \"./alert-dialog-action\";\nexport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type { AlertDialogCancelProps } from \"./alert-dialog-cancel\";\nexport type { AlertDialogCloseProps } from \"./alert-dialog-close\";\nexport type { AlertDialogContentProps } from \"./alert-dialog-content\";\nexport type { AlertDialogDescriptionProps } from \"./alert-dialog-description\";\nexport type { AlertDialogFooterProps } from \"./alert-dialog-footer\";\nexport type { AlertDialogHeaderProps } from \"./alert-dialog-header\";\nexport type { AlertDialogMediaProps } from \"./alert-dialog-media\";\nexport type { AlertDialogOverlayProps } from \"./alert-dialog-overlay\";\nexport type { AlertDialogPopupProps } from \"./alert-dialog-popup\";\nexport type { AlertDialogPortalProps } from \"./alert-dialog-portal\";\nexport type { AlertDialogTitleProps } from \"./alert-dialog-title\";\nexport type { AlertDialogTriggerProps } from \"./alert-dialog-trigger\";\nexport type { AlertDialogViewportProps } from \"./alert-dialog-viewport\";\n"],"mappings":"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"}

package/dist/ui/alert.d.ts

@@ -0,0 +1,126 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/ui/alert/alert-action.d.ts
+type AlertActionProps = ComponentProps<"div">;
+declare const AlertAction: ({
+  className,
+  ...props
+}: AlertActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert/alert-description.d.ts
+type AlertDescriptionProps = ComponentProps<"div">;
+declare const AlertDescription: ({
+  className,
+  ...props
+}: AlertDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert/alert-title.d.ts
+type AlertTitleProps = ComponentProps<"div">;
+declare const AlertTitle: ({
+  className,
+  ...props
+}: AlertTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert/alert.d.ts
+declare const alertVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    primary: string;
+    secondary: string;
+    warning: string;
+    danger: string;
+    info: string;
+    success: string;
+  };
+  appearance: {
+    default: string;
+    subtle: string;
+    outline: string;
+    inverted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, string[], {
+  variant: {
+    default: string;
+    primary: string;
+    secondary: string;
+    warning: string;
+    danger: string;
+    info: string;
+    success: string;
+  };
+  appearance: {
+    default: string;
+    subtle: string;
+    outline: string;
+    inverted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    primary: string;
+    secondary: string;
+    warning: string;
+    danger: string;
+    info: string;
+    success: string;
+  };
+  appearance: {
+    default: string;
+    subtle: string;
+    outline: string;
+    inverted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type AlertVariants = Omit<VariantProps<typeof alertVariants>, "size"> & {
+  size?: UISize;
+};
+type AlertProps = AlertVariants & ComponentProps<"div">;
+declare const Alert: {
+  ({
+    appearance,
+    className,
+    size: providedSize,
+    variant,
+    ...props
+  }: AlertProps): react_jsx_runtime0.JSX.Element;
+  Action: ({
+    className,
+    ...props
+  }: AlertActionProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: AlertDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: AlertTitleProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Alert, AlertAction, type AlertActionProps, AlertDescription, type AlertDescriptionProps, AlertProps, AlertTitle, type AlertTitleProps, alertVariants };
+//# sourceMappingURL=alert.d.ts.map