@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/copy-button.d.ts

@@ -0,0 +1,40 @@
+import { Button } from "./button.js";
+import { ComponentProps, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/copy-button/copy-button.d.ts
+type CopyButtonStatus = "idle" | "copying" | "copied" | "failed";
+type CopyButtonStatusMap = Record<CopyButtonStatus, string>;
+type CopyButtonContent = ReactNode | ((status: CopyButtonStatus) => ReactNode);
+type CopyButtonProps = Omit<ComponentProps<typeof Button>, "aria-pressed" | "children" | "isLoading" | "onClick"> & {
+  value: string;
+  timeout?: number;
+  useLegacyFallback?: boolean;
+  status?: CopyButtonStatus;
+  defaultStatus?: CopyButtonStatus;
+  onStatusChange?: (status: CopyButtonStatus) => void;
+  statusLabels?: Partial<CopyButtonStatusMap>;
+  liveRegionMessages?: Partial<CopyButtonStatusMap>;
+  children?: CopyButtonContent;
+  onClick?: ComponentProps<typeof Button>["onClick"];
+};
+declare const CopyButton: ({
+  className,
+  value,
+  timeout,
+  useLegacyFallback,
+  status,
+  defaultStatus,
+  onStatusChange,
+  statusLabels,
+  liveRegionMessages,
+  children,
+  disabled,
+  onClick,
+  type,
+  "aria-label": ariaLabel,
+  ...props
+}: CopyButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CopyButton, CopyButtonProps, CopyButtonStatus };
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/ui/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","names":[],"sources":["../../src/ui/copy-button/copy-button.tsx"],"mappings":";;;;;KAkBY,gBAAA;AAAA,KAEP,mBAAA,GAAsB,MAAA,CAAO,gBAAA;AAAA,KAE7B,iBAAA,GAAoB,SAAA,KAAc,MAAA,EAAQ,gBAAA,KAAqB,SAAA;AAAA,KAmCxD,eAAA,GAAkB,IAAA,CAC5B,cAAA,QAAsB,MAAA;EAGtB,KAAA;EACA,OAAA;EACA,iBAAA;EACA,MAAA,GAAS,gBAAA;EACT,aAAA,GAAgB,gBAAA;EAChB,cAAA,IAAkB,MAAA,EAAQ,gBAAA;EAC1B,YAAA,GAAe,OAAA,CAAQ,mBAAA;EACvB,kBAAA,GAAqB,OAAA,CAAQ,mBAAA;EAC7B,QAAA,GAAW,iBAAA;EACX,OAAA,GAAU,cAAA,QAAsB,MAAA;AAAA;AAAA,cAc5B,UAAA;EAAc,SAAA;EAAA,KAAA;EAAA,OAAA;EAAA,iBAAA;EAAA,MAAA;EAAA,aAAA;EAAA,cAAA;EAAA,YAAA;EAAA,kBAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,cAAA,SAAA;EAAA,GAAA;AAAA,GAgBjB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/copy-button.js

@@ -0,0 +1,130 @@
+"use client";
+
+import { Button } from "./button.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { Alert01Icon, Copy01Icon, Loading03Icon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { useClipboard } from "@kuzenbo/hooks/use-clipboard";
+
+//#region src/ui/copy-button/copy-button.tsx
+const DEFAULT_TIMEOUT = 1200;
+const STATUS_ORDER = [
+	"idle",
+	"copying",
+	"copied",
+	"failed"
+];
+const STATUS_LABELS = {
+	idle: "Copy",
+	copying: "Copying",
+	copied: "Copied",
+	failed: "Copy failed"
+};
+const STATUS_LIVE_MESSAGES = {
+	idle: "Ready to copy to clipboard",
+	copying: "Copying to clipboard",
+	copied: "Copied to clipboard",
+	failed: "Failed to copy to clipboard"
+};
+const STATUS_ICON_BY_STATUS = {
+	idle: Copy01Icon,
+	copying: Loading03Icon,
+	copied: Tick02Icon,
+	failed: Alert01Icon
+};
+const resolveContent = (content, status) => {
+	if (typeof content === "function") return content(status);
+	return content;
+};
+const CopyButton = ({ className, value, timeout = DEFAULT_TIMEOUT, useLegacyFallback = true, status, defaultStatus = "idle", onStatusChange, statusLabels, liveRegionMessages, children, disabled, onClick, type = "button", "aria-label": ariaLabel, ...props }) => {
+	const clipboard = useClipboard({
+		copiedDurationMs: timeout,
+		failedDurationMs: timeout,
+		useLegacyFallback
+	});
+	const [internalStatus, setInternalStatus] = useState(defaultStatus);
+	const isControlled = status !== void 0;
+	const currentStatus = status ?? internalStatus;
+	const currentStatusRef = useRef(currentStatus);
+	const hasMountedRef = useRef(false);
+	const mergedStatusLabels = useMemo(() => ({
+		...STATUS_LABELS,
+		...statusLabels
+	}), [statusLabels]);
+	const mergedLiveMessages = useMemo(() => ({
+		...STATUS_LIVE_MESSAGES,
+		...liveRegionMessages
+	}), [liveRegionMessages]);
+	const setStatus = useCallback((nextStatus) => {
+		if (currentStatusRef.current === nextStatus) return;
+		currentStatusRef.current = nextStatus;
+		if (!isControlled) setInternalStatus(nextStatus);
+		onStatusChange?.(nextStatus);
+	}, [isControlled, onStatusChange]);
+	const handleClick = useCallback((event) => {
+		onClick?.(event);
+		if (event.defaultPrevented || disabled) return;
+		clipboard.reset();
+		setStatus("copying");
+		clipboard.copy(value);
+	}, [
+		clipboard,
+		disabled,
+		onClick,
+		setStatus,
+		value
+	]);
+	useEffect(() => {
+		currentStatusRef.current = currentStatus;
+	}, [currentStatus]);
+	useEffect(() => {
+		if (!hasMountedRef.current) {
+			hasMountedRef.current = true;
+			return;
+		}
+		setStatus(clipboard.status);
+	}, [clipboard.status, setStatus]);
+	const visibleLabel = resolveContent(children, currentStatus) ?? mergedStatusLabels[currentStatus];
+	const hookAnnouncement = clipboard.announcement.trim().length > 0 ? clipboard.announcement : void 0;
+	const liveRegionText = liveRegionMessages?.[currentStatus] ?? hookAnnouncement ?? mergedLiveMessages[currentStatus];
+	const resolvedAriaLabel = ariaLabel ?? (visibleLabel ? void 0 : mergedStatusLabels[currentStatus]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+		"aria-label": resolvedAriaLabel,
+		className: cn("gap-2", className),
+		"data-slot": "copy-button",
+		"data-status": currentStatus,
+		disabled: disabled || currentStatus === "copying",
+		onClick: handleClick,
+		type,
+		...props,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "inline-flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "relative inline-flex size-4 items-center justify-center",
+				children: STATUS_ORDER.map((iconStatus) => /* @__PURE__ */ jsx(HugeiconsIcon, {
+					className: cn("absolute inset-0 size-4 transition-opacity duration-150 ease-out motion-reduce:transition-none", iconStatus === currentStatus ? "opacity-100" : "opacity-0", iconStatus === "copying" && "data-[active=true]:animate-spin motion-reduce:data-[active=true]:animate-none", iconStatus === "copied" && "text-success", iconStatus === "failed" && "text-danger", iconStatus === "idle" && "text-muted-foreground"),
+					"data-active": iconStatus === currentStatus,
+					"data-status-icon": iconStatus,
+					icon: STATUS_ICON_BY_STATUS[iconStatus],
+					strokeWidth: 2
+				}, iconStatus))
+			}), visibleLabel ? /* @__PURE__ */ jsx("span", {
+				className: "transition-opacity duration-150 ease-out motion-reduce:transition-none",
+				children: visibleLabel
+			}) : null]
+		})
+	}), /* @__PURE__ */ jsx("span", {
+		"aria-atomic": "true",
+		"aria-live": currentStatus === "failed" ? "assertive" : "polite",
+		className: "sr-only",
+		role: "status",
+		children: liveRegionText
+	})] });
+};
+
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=copy-button.js.map

package/dist/ui/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","names":[],"sources":["../../src/ui/copy-button/copy-button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { HugeiconsProps } from \"@hugeicons/react\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport {\n  Alert01Icon,\n  Copy01Icon,\n  Loading03Icon,\n  Tick02Icon,\n} from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useClipboard } from \"@kuzenbo/hooks/use-clipboard\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\n\nexport type CopyButtonStatus = \"idle\" | \"copying\" | \"copied\" | \"failed\";\n\ntype CopyButtonStatusMap = Record<CopyButtonStatus, string>;\n\ntype CopyButtonContent = ReactNode | ((status: CopyButtonStatus) => ReactNode);\n\nconst DEFAULT_TIMEOUT = 1200;\n\nconst STATUS_ORDER: CopyButtonStatus[] = [\n  \"idle\",\n  \"copying\",\n  \"copied\",\n  \"failed\",\n];\n\nconst STATUS_LABELS: CopyButtonStatusMap = {\n  idle: \"Copy\",\n  copying: \"Copying\",\n  copied: \"Copied\",\n  failed: \"Copy failed\",\n};\n\nconst STATUS_LIVE_MESSAGES: CopyButtonStatusMap = {\n  idle: \"Ready to copy to clipboard\",\n  copying: \"Copying to clipboard\",\n  copied: \"Copied to clipboard\",\n  failed: \"Failed to copy to clipboard\",\n};\n\nconst STATUS_ICON_BY_STATUS = {\n  idle: Copy01Icon,\n  copying: Loading03Icon,\n  copied: Tick02Icon,\n  failed: Alert01Icon,\n} as const satisfies Record<\n  CopyButtonStatus,\n  NonNullable<HugeiconsProps[\"icon\"]>\n>;\n\nexport type CopyButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  \"aria-pressed\" | \"children\" | \"isLoading\" | \"onClick\"\n> & {\n  value: string;\n  timeout?: number;\n  useLegacyFallback?: boolean;\n  status?: CopyButtonStatus;\n  defaultStatus?: CopyButtonStatus;\n  onStatusChange?: (status: CopyButtonStatus) => void;\n  statusLabels?: Partial<CopyButtonStatusMap>;\n  liveRegionMessages?: Partial<CopyButtonStatusMap>;\n  children?: CopyButtonContent;\n  onClick?: ComponentProps<typeof Button>[\"onClick\"];\n};\n\nconst resolveContent = (\n  content: CopyButtonContent | undefined,\n  status: CopyButtonStatus\n) => {\n  if (typeof content === \"function\") {\n    return content(status);\n  }\n\n  return content;\n};\n\nconst CopyButton = ({\n  className,\n  value,\n  timeout = DEFAULT_TIMEOUT,\n  useLegacyFallback = true,\n  status,\n  defaultStatus = \"idle\",\n  onStatusChange,\n  statusLabels,\n  liveRegionMessages,\n  children,\n  disabled,\n  onClick,\n  type = \"button\",\n  \"aria-label\": ariaLabel,\n  ...props\n}: CopyButtonProps) => {\n  const clipboard = useClipboard({\n    copiedDurationMs: timeout,\n    failedDurationMs: timeout,\n    useLegacyFallback,\n  });\n  const [internalStatus, setInternalStatus] =\n    useState<CopyButtonStatus>(defaultStatus);\n  const isControlled = status !== undefined;\n  const currentStatus = status ?? internalStatus;\n  const currentStatusRef = useRef(currentStatus);\n  const hasMountedRef = useRef(false);\n\n  const mergedStatusLabels = useMemo<CopyButtonStatusMap>(\n    () => ({ ...STATUS_LABELS, ...statusLabels }),\n    [statusLabels]\n  );\n\n  const mergedLiveMessages = useMemo<CopyButtonStatusMap>(\n    () => ({ ...STATUS_LIVE_MESSAGES, ...liveRegionMessages }),\n    [liveRegionMessages]\n  );\n\n  const setStatus = useCallback(\n    (nextStatus: CopyButtonStatus) => {\n      if (currentStatusRef.current === nextStatus) {\n        return;\n      }\n\n      currentStatusRef.current = nextStatus;\n\n      if (!isControlled) {\n        setInternalStatus(nextStatus);\n      }\n\n      onStatusChange?.(nextStatus);\n    },\n    [isControlled, onStatusChange]\n  );\n\n  const handleClick = useCallback<NonNullable<CopyButtonProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n\n      if (event.defaultPrevented || disabled) {\n        return;\n      }\n\n      clipboard.reset();\n      setStatus(\"copying\");\n      clipboard.copy(value);\n    },\n    [clipboard, disabled, onClick, setStatus, value]\n  );\n\n  useEffect(() => {\n    currentStatusRef.current = currentStatus;\n  }, [currentStatus]);\n\n  useEffect(() => {\n    if (!hasMountedRef.current) {\n      hasMountedRef.current = true;\n      return;\n    }\n\n    setStatus(clipboard.status);\n  }, [clipboard.status, setStatus]);\n\n  const resolvedContent = resolveContent(children, currentStatus);\n  const visibleLabel = resolvedContent ?? mergedStatusLabels[currentStatus];\n  const hookAnnouncement =\n    clipboard.announcement.trim().length > 0\n      ? clipboard.announcement\n      : undefined;\n  const liveRegionText =\n    liveRegionMessages?.[currentStatus] ??\n    hookAnnouncement ??\n    mergedLiveMessages[currentStatus];\n  const resolvedAriaLabel =\n    ariaLabel ?? (visibleLabel ? undefined : mergedStatusLabels[currentStatus]);\n\n  return (\n    <>\n      <Button\n        aria-label={resolvedAriaLabel}\n        className={cn(\"gap-2\", className)}\n        data-slot=\"copy-button\"\n        data-status={currentStatus}\n        disabled={disabled || currentStatus === \"copying\"}\n        onClick={handleClick}\n        type={type}\n        {...props}\n      >\n        <span className=\"inline-flex items-center gap-2\">\n          <span\n            aria-hidden=\"true\"\n            className=\"relative inline-flex size-4 items-center justify-center\"\n          >\n            {STATUS_ORDER.map((iconStatus) => (\n              <HugeiconsIcon\n                key={iconStatus}\n                className={cn(\n                  \"absolute inset-0 size-4 transition-opacity duration-150 ease-out motion-reduce:transition-none\",\n                  iconStatus === currentStatus ? \"opacity-100\" : \"opacity-0\",\n                  iconStatus === \"copying\" &&\n                    \"data-[active=true]:animate-spin motion-reduce:data-[active=true]:animate-none\",\n                  iconStatus === \"copied\" && \"text-success\",\n                  iconStatus === \"failed\" && \"text-danger\",\n                  iconStatus === \"idle\" && \"text-muted-foreground\"\n                )}\n                data-active={iconStatus === currentStatus}\n                data-status-icon={iconStatus}\n                icon={STATUS_ICON_BY_STATUS[iconStatus]}\n                strokeWidth={2}\n              />\n            ))}\n          </span>\n          {visibleLabel ? (\n            <span className=\"transition-opacity duration-150 ease-out motion-reduce:transition-none\">\n              {visibleLabel}\n            </span>\n          ) : null}\n        </span>\n      </Button>\n      <span\n        aria-atomic=\"true\"\n        aria-live={currentStatus === \"failed\" ? \"assertive\" : \"polite\"}\n        className=\"sr-only\"\n        role=\"status\"\n      >\n        {liveRegionText}\n      </span>\n    </>\n  );\n};\n\nexport { CopyButton };\n"],"mappings":"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"}

package/dist/ui/dialog.d.ts

@@ -0,0 +1,66 @@
+import { C as DialogClose, S as DialogPopupProps, _ as DialogBackdrop, a as DialogTitle, b as DialogContentProps, c as DialogPortalProps, d as DialogHeader, f as DialogHeaderProps, g as DialogDescriptionProps, h as DialogDescription, i as DialogTriggerProps, l as DialogOverlay, m as DialogFooterProps, n as DialogViewportProps, o as DialogTitleProps, p as DialogFooter, r as DialogTrigger, s as DialogPortal, t as DialogViewport, u as DialogOverlayProps, v as DialogBackdropProps, w as DialogCloseProps, x as DialogPopup, y as DialogContent } from "../dialog-viewport-Ce1huyAI.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+
+//#region src/ui/dialog/dialog.d.ts
+interface DialogProps extends Dialog$1.Root.Props {
+  onOpenChange?: (open: boolean) => void;
+}
+declare const Dialog: {
+  ({
+    ...props
+  }: DialogProps): react_jsx_runtime0.JSX.Element;
+  Close: ({
+    ...props
+  }: DialogCloseProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    children,
+    showCloseButton,
+    ...props
+  }: DialogContentProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: DialogBackdropProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: DialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    showCloseButton,
+    children,
+    ...props
+  }: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Overlay: ({
+    className,
+    ...props
+  }: DialogOverlayProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: DialogPortalProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    ...props
+  }: DialogPopupProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: DialogTitleProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
+    ...props
+  }: DialogViewportProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Dialog, DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPopup, type DialogPopupProps, DialogPortal, type DialogPortalProps, DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, DialogViewport, type DialogViewportProps };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/ui/dialog/dialog.tsx"],"mappings":";;;;;UAiBiB,WAAA,SAAoB,QAAA,CAAgB,IAAA,CAAK,KAAA;EACxD,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,MAAA;EAAA;IAAA;KAAwB,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KAAA,gBAAA"}

package/dist/ui/dialog.js

@@ -0,0 +1,27 @@
+"use client";
+
+import { a as DialogFooter, c as DialogViewport, d as DialogClose, f as DialogBackdrop, i as DialogHeader, l as DialogPortal, n as DialogTitle, o as DialogDescription, r as DialogOverlay, s as DialogContent, t as DialogTrigger, u as DialogPopup } from "../dialog-trigger-BUF3elAP.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
+
+//#region src/ui/dialog/dialog.tsx
+const Dialog = ({ ...props }) => /* @__PURE__ */ jsx(Dialog$1.Root, {
+	"data-slot": "dialog",
+	...props
+});
+Dialog.Close = DialogClose;
+Dialog.Content = DialogContent;
+Dialog.Backdrop = DialogBackdrop;
+Dialog.Description = DialogDescription;
+Dialog.Footer = DialogFooter;
+Dialog.Header = DialogHeader;
+Dialog.Overlay = DialogOverlay;
+Dialog.Portal = DialogPortal;
+Dialog.Popup = DialogPopup;
+Dialog.Title = DialogTitle;
+Dialog.Trigger = DialogTrigger;
+Dialog.Viewport = DialogViewport;
+
+//#endregion
+export { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport };
+//# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["DialogPrimitive"],"sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogContent } from \"./dialog-content\";\nimport { DialogDescription } from \"./dialog-description\";\nimport { DialogFooter } from \"./dialog-footer\";\nimport { DialogHeader } from \"./dialog-header\";\nimport { DialogOverlay } from \"./dialog-overlay\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogTitle } from \"./dialog-title\";\nimport { DialogTrigger } from \"./dialog-trigger\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogProps extends DialogPrimitive.Root.Props {\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst Dialog = ({ ...props }: DialogProps) => (\n  <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n);\n\nDialog.Close = DialogClose;\nDialog.Content = DialogContent;\nDialog.Backdrop = DialogBackdrop;\nDialog.Description = DialogDescription;\nDialog.Footer = DialogFooter;\nDialog.Header = DialogHeader;\nDialog.Overlay = DialogOverlay;\nDialog.Portal = DialogPortal;\nDialog.Popup = DialogPopup;\nDialog.Title = DialogTitle;\nDialog.Trigger = DialogTrigger;\nDialog.Viewport = DialogViewport;\n\nexport type { DialogBackdropProps } from \"./dialog-backdrop\";\nexport type { DialogCloseProps } from \"./dialog-close\";\nexport type { DialogContentProps } from \"./dialog-content\";\nexport type { DialogDescriptionProps } from \"./dialog-description\";\nexport type { DialogFooterProps } from \"./dialog-footer\";\nexport type { DialogHeaderProps } from \"./dialog-header\";\nexport type { DialogOverlayProps } from \"./dialog-overlay\";\nexport type { DialogPortalProps } from \"./dialog-portal\";\nexport type { DialogPopupProps } from \"./dialog-popup\";\nexport type { DialogTitleProps } from \"./dialog-title\";\nexport type { DialogTriggerProps } from \"./dialog-trigger\";\nexport type { DialogViewportProps } from \"./dialog-viewport\";\n\nexport {\n  Dialog,\n  DialogBackdrop,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogPopup,\n  DialogTitle,\n  DialogTrigger,\n  DialogViewport,\n};\n"],"mappings":";;;;;;;AAqBA,MAAM,UAAU,EAAE,GAAG,YACnB,oBAACA,SAAgB;CAAK,aAAU;CAAS,GAAI;EAAS;AAGxD,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,WAAW;AAClB,OAAO,cAAc;AACrB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,QAAQ;AACf,OAAO,UAAU;AACjB,OAAO,WAAW"}