@kuzenbo/core 0.0.4 → 0.0.6

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

@@ -1 +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"}
+{"version":3,"file":"copy-button.d.ts","names":[],"sources":["../../src/ui/copy-button/copy-button.tsx"],"mappings":";;;;;KAiBY,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,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,MAAA;EAAA,aAAA;EAAA,cAAA;EAAA,YAAA;EAAA,kBAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,cAAA,SAAA;EAAA,GAAA;AAAA,GAejB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/copy-button.js

@@ -17,33 +17,29 @@ const STATUS_ORDER = [
 	"failed"
 ];
 const STATUS_LABELS = {
-	idle: "Copy",
-	copying: "Copying",
 	copied: "Copied",
-	failed: "Copy failed"
+	copying: "Copying",
+	failed: "Copy failed",
+	idle: "Copy"
 };
 const STATUS_LIVE_MESSAGES = {
-	idle: "Ready to copy to clipboard",
-	copying: "Copying to clipboard",
 	copied: "Copied to clipboard",
-	failed: "Failed to copy to clipboard"
+	copying: "Copying to clipboard",
+	failed: "Failed to copy to clipboard",
+	idle: "Ready to copy to clipboard"
 };
 const STATUS_ICON_BY_STATUS = {
-	idle: Copy01Icon,
-	copying: Loading03Icon,
 	copied: Tick02Icon,
-	failed: Alert01Icon
+	copying: Loading03Icon,
+	failed: Alert01Icon,
+	idle: Copy01Icon
 };
 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 CopyButton = ({ className, value, timeout = DEFAULT_TIMEOUT, status, defaultStatus = "idle", onStatusChange, statusLabels, liveRegionMessages, children, disabled, onClick, type = "button", "aria-label": ariaLabel, ...props }) => {
+	const clipboard = useClipboard({ timeout });
 	const [internalStatus, setInternalStatus] = useState(defaultStatus);
 	const isControlled = status !== void 0;
 	const currentStatus = status ?? internalStatus;
@@ -84,15 +80,39 @@ const CopyButton = ({ className, value, timeout = DEFAULT_TIMEOUT, useLegacyFall
 			hasMountedRef.current = true;
 			return;
 		}
-		setStatus(clipboard.status);
-	}, [clipboard.status, setStatus]);
+		if (clipboard.error) {
+			setStatus("failed");
+			return;
+		}
+		if (clipboard.copied) {
+			setStatus("copied");
+			return;
+		}
+		if (currentStatusRef.current === "copied") setStatus("idle");
+	}, [
+		clipboard.copied,
+		clipboard.error,
+		setStatus
+	]);
+	useEffect(() => {
+		if (currentStatus !== "failed") return;
+		const failedResetTimeout = window.setTimeout(() => {
+			setStatus("idle");
+		}, timeout);
+		return () => {
+			window.clearTimeout(failedResetTimeout);
+		};
+	}, [
+		currentStatus,
+		setStatus,
+		timeout
+	]);
 	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 liveRegionText = liveRegionMessages?.[currentStatus] ?? 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),
+		className: cn("cursor-clickable gap-2", className),
 		"data-slot": "copy-button",
 		"data-status": currentStatus,
 		disabled: disabled || currentStatus === "copying",

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

@@ -1 +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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"}
+{"version":3,"file":"copy-button.js","names":[],"sources":["../../src/ui/copy-button/copy-button.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Alert01Icon,\n  Copy01Icon,\n  Loading03Icon,\n  Tick02Icon,\n} from \"@hugeicons/core-free-icons\";\nimport type { HugeiconsProps } from \"@hugeicons/react\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useClipboard } from \"@kuzenbo/hooks/use-clipboard\";\nimport type { ComponentProps, ReactNode } from \"react\";\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  copied: \"Copied\",\n  copying: \"Copying\",\n  failed: \"Copy failed\",\n  idle: \"Copy\",\n};\n\nconst STATUS_LIVE_MESSAGES: CopyButtonStatusMap = {\n  copied: \"Copied to clipboard\",\n  copying: \"Copying to clipboard\",\n  failed: \"Failed to copy to clipboard\",\n  idle: \"Ready to copy to clipboard\",\n};\n\nconst STATUS_ICON_BY_STATUS = {\n  copied: Tick02Icon,\n  copying: Loading03Icon,\n  failed: Alert01Icon,\n  idle: Copy01Icon,\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  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  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({ timeout });\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    if (clipboard.error) {\n      setStatus(\"failed\");\n      return;\n    }\n\n    if (clipboard.copied) {\n      setStatus(\"copied\");\n      return;\n    }\n\n    if (currentStatusRef.current === \"copied\") {\n      setStatus(\"idle\");\n    }\n  }, [clipboard.copied, clipboard.error, setStatus]);\n\n  useEffect(() => {\n    if (currentStatus !== \"failed\") {\n      return;\n    }\n\n    const failedResetTimeout = window.setTimeout(() => {\n      setStatus(\"idle\");\n    }, timeout);\n\n    return () => {\n      window.clearTimeout(failedResetTimeout);\n    };\n  }, [currentStatus, setStatus, timeout]);\n\n  const resolvedContent = resolveContent(children, currentStatus);\n  const visibleLabel = resolvedContent ?? mergedStatusLabels[currentStatus];\n  const liveRegionText =\n    liveRegionMessages?.[currentStatus] ?? mergedLiveMessages[currentStatus];\n  const resolvedAriaLabel =\n    ariaLabel ?? (visibleLabel ? undefined : mergedStatusLabels[currentStatus]);\n\n  return (\n    <>\n      <Button\n        aria-label={resolvedAriaLabel}\n        className={cn(\"cursor-clickable 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

@@ -1,66 +1,2 @@
-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
+import { C as DialogPopup, E as DialogCloseProps, S as DialogContentProps, T as DialogClose, _ as DialogDescription, a as DialogTrigger, b as DialogBackdropProps, c as DialogTitleProps, d as DialogOverlay, f as DialogOverlayProps, g as DialogFooterProps, h as DialogFooter, i as DialogViewportProps, l as DialogPortal, m as DialogHeaderProps, n as DialogProps, o as DialogTriggerProps, p as DialogHeader, r as DialogViewport, s as DialogTitle, t as Dialog, u as DialogPortalProps, v as DialogDescriptionProps, w as DialogPopupProps, x as DialogContent, y as DialogBackdrop } from "../dialog-D3dAMsO_.js";
+export { Dialog, DialogBackdrop, DialogBackdropProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogOverlay, DialogOverlayProps, DialogPopup, DialogPopupProps, DialogPortal, DialogPortalProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps, DialogViewport, DialogViewportProps };

package/dist/ui/dialog.js

@@ -1,27 +1,5 @@
 "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";
+import { a as DialogHeader, c as DialogContent, d as DialogPopup, f as DialogClose, i as DialogOverlay, l as DialogViewport, n as DialogTrigger, o as DialogFooter, p as DialogBackdrop, r as DialogTitle, s as DialogDescription, t as Dialog, u as DialogPortal } from "../dialog-Dzvma_bu.js";
 
-//#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
+export { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, DialogViewport };

package/dist/ui/drawer.d.ts

@@ -1,5 +1,5 @@
-import { t as UISize } from "../size-system-wzOLSuax.js";
-import "../size-context-DXfCAlWF.js";
+import { t as UISize } from "../size-system-BAI1CnwU.js";
+import "../size-context-DWvVJytl.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -9,27 +9,27 @@ import { DrawerPreview } from "@base-ui/react/drawer";
 //#region src/ui/drawer/drawer-actions.d.ts
 declare const drawerActionsVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex justify-end", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex justify-end", unknown, unknown, undefined>>;
 type DrawerActionsVariantProps = Omit<VariantProps<typeof drawerActionsVariants>, "size"> & {
@@ -52,29 +52,29 @@ declare const DrawerBackdrop: ({
 //#region src/ui/drawer/drawer-close.d.ts
 declare const drawerCloseVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "cursor-clickable text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center rounded-md transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 type DrawerCloseVariantProps = Omit<VariantProps<typeof drawerCloseVariants>, "size"> & {
   size?: UISize;
 };
@@ -88,27 +88,27 @@ declare const DrawerClose: ({
 //#region src/ui/drawer/drawer-content.d.ts
 declare const drawerContentVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "mx-auto w-full", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "mx-auto w-full", unknown, unknown, undefined>>;
 type DrawerContentVariantProps = Omit<VariantProps<typeof drawerContentVariants>, "size"> & {
@@ -124,27 +124,27 @@ declare const DrawerContent: ({
 //#region src/ui/drawer/drawer-description.d.ts
 declare const drawerDescriptionVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "text-muted-foreground", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "text-muted-foreground", unknown, unknown, undefined>>;
 type DrawerDescriptionVariantProps = Omit<VariantProps<typeof drawerDescriptionVariants>, "size"> & {
@@ -174,29 +174,29 @@ declare const DrawerIndentBackground: ({
 //#region src/ui/drawer/drawer-handle.d.ts
 declare const drawerHandleVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40", {
+}, undefined, "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40", unknown, unknown, undefined>>;
+}, undefined, "bg-muted-foreground/40 mx-auto h-1 shrink-0 rounded-full", unknown, unknown, undefined>>;
 type DrawerHandleVariantProps = Omit<VariantProps<typeof drawerHandleVariants>, "size"> & {
   size?: UISize;
 };
@@ -210,29 +210,29 @@ declare const DrawerHandle: ({
 //#region src/ui/drawer/drawer-header.d.ts
 declare const drawerHeaderVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex shrink-0 touch-none flex-col border-b border-border", {
+}, undefined, "border-border flex shrink-0 touch-none flex-col border-b", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex shrink-0 touch-none flex-col border-b border-border", unknown, unknown, undefined>>;
+}, undefined, "border-border flex shrink-0 touch-none flex-col border-b", unknown, unknown, undefined>>;
 type DrawerHeaderVariantProps = Omit<VariantProps<typeof drawerHeaderVariants>, "size"> & {
   size?: UISize;
 };
@@ -246,27 +246,27 @@ declare const DrawerHeader: ({
 //#region src/ui/drawer/drawer-popup.d.ts
 declare const drawerPopupSizeVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, undefined, {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, undefined, unknown, unknown, undefined>>;
 type DrawerPopupVariantProps = Omit<VariantProps<typeof drawerPopupSizeVariants>, "size"> & {
@@ -295,29 +295,29 @@ declare const DrawerProvider: ({
 //#region src/ui/drawer/drawer-title.d.ts
 declare const drawerTitleVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "font-medium text-foreground", {
+}, undefined, "text-foreground font-medium", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "font-medium text-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-foreground font-medium", unknown, unknown, undefined>>;
 type DrawerTitleVariantProps = Omit<VariantProps<typeof drawerTitleVariants>, "size"> & {
   size?: UISize;
 };
@@ -331,29 +331,29 @@ declare const DrawerTitle: ({
 //#region src/ui/drawer/drawer-trigger.d.ts
 declare const drawerTriggerVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "cursor-clickable border-border bg-background text-foreground hover:bg-muted focus-visible:outline-ring active:bg-muted inline-flex items-center justify-center border font-medium transition-colors select-none focus-visible:outline focus-visible:-outline-offset-1 disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 type DrawerTriggerVariantProps = Omit<VariantProps<typeof drawerTriggerVariants>, "size"> & {
   size?: UISize;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer.tsx"],"mappings":"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"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/ui/drawer/drawer-actions.tsx","../../src/ui/drawer/drawer-backdrop.tsx","../../src/ui/drawer/drawer-close.tsx","../../src/ui/drawer/drawer-content.tsx","../../src/ui/drawer/drawer-description.tsx","../../src/ui/drawer/drawer-indent.tsx","../../src/ui/drawer/drawer-indent-background.tsx","../../src/ui/drawer/drawer-handle.tsx","../../src/ui/drawer/drawer-header.tsx","../../src/ui/drawer/drawer-popup.tsx","../../src/ui/drawer/drawer-portal.tsx","../../src/ui/drawer/drawer-provider.tsx","../../src/ui/drawer/drawer-title.tsx","../../src/ui/drawer/drawer-trigger.tsx","../../src/ui/drawer/drawer-viewport.tsx","../../src/ui/drawer/drawer-size-context.ts","../../src/ui/drawer/drawer.tsx"],"mappings":"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"}