@mastra/playground-ui 62.0.1-alpha.0 → 63.0.0-alpha.2

package/dist/Avatar-C2Sz53u5.js

@@ -0,0 +1,190 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState } from 'react';
+import { c as cn } from './cn-coERSHz5.js';
+import { T as Txt } from './Txt-BuzYj7Vy.js';
+import { controlStateColorTransition } from './primitives/transitions.es.js';
+import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
+
+const avatarSizeClasses = {
+  xs: "size-icon-xs",
+  sm: "size-avatar-sm",
+  md: "size-avatar-md",
+  lg: "size-avatar-lg",
+  control: "size-control-md"
+};
+const avatarTextClasses = {
+  xs: "text-meta",
+  sm: "text-caption",
+  md: "text-body-sm",
+  lg: "text-body",
+  control: "text-body-sm"
+};
+const avatarIconClasses = {
+  xs: "[&>svg]:hidden",
+  sm: "[&>svg]:size-icon-xs",
+  md: "[&>svg]:size-icon-sm",
+  lg: "[&>svg]:size-icon-sm",
+  control: "[&>svg]:size-icon-sm"
+};
+const AvatarSizeContext = createContext(void 0);
+
+const toneClasses = {
+  neutral: "bg-fill-inverse text-background",
+  success: "bg-success-indicator text-background",
+  warning: "bg-warning-indicator text-background",
+  destructive: "bg-destructive-indicator text-background",
+  info: "bg-info-indicator text-background"
+};
+const badgeSizeClasses = {
+  xs: "min-h-1.5 min-w-1.5 [&>svg]:hidden",
+  sm: "min-h-2 min-w-2 [&>svg]:hidden",
+  md: "min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs",
+  lg: "min-h-3 min-w-3 [&>svg]:size-icon-xs",
+  control: "min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs"
+};
+function AvatarBadge({ tone, className, children, ...props }) {
+  const size = useContext(AvatarSizeContext) ?? "sm";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 ring-card select-none",
+        "[&>[data-slot=avatar]]:border-0 [&>[data-slot=avatar]]:after:hidden",
+        "after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:shadow-inset",
+        tone ? toneClasses[tone] : "bg-card text-foreground",
+        badgeSizeClasses[size],
+        className
+      ),
+      children: /* @__PURE__ */ jsx(AvatarSizeContext.Provider, { value: "xs", children })
+    }
+  );
+}
+
+function AvatarNamed({ src, name, size, interactive = false, color, textColor }) {
+  const contextSize = useContext(AvatarSizeContext);
+  const [didError, setDidError] = useState(false);
+  const resolvedSize = size ?? contextSize ?? "sm";
+  const initial = name.trim()[0]?.toUpperCase() ?? "A";
+  const showImage = Boolean(src) && !didError;
+  const showFallbackTint = !showImage && Boolean(color);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar",
+      "data-size": resolvedSize,
+      className: cn(
+        avatarSizeClasses[resolvedSize],
+        "flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border",
+        !showFallbackTint && "bg-fill",
+        controlStateColorTransition,
+        interactive && "cursor-pointer hover:border-border-hover"
+      ),
+      style: showFallbackTint ? { backgroundColor: color } : void 0,
+      children: showImage ? /* @__PURE__ */ jsx("img", { src, alt: name, className: "size-full object-cover", onError: () => setDidError(true) }) : /* @__PURE__ */ jsx(
+        Txt,
+        {
+          variant: resolvedSize === "xs" ? "meta" : "body",
+          tone: showFallbackTint ? void 0 : "muted",
+          className: "text-center",
+          style: showFallbackTint && textColor ? { color: textColor } : void 0,
+          children: initial
+        }
+      )
+    }
+  );
+}
+
+function AvatarRoot({ size, className, ...props }) {
+  const contextSize = useContext(AvatarSizeContext);
+  const resolvedSize = size ?? contextSize ?? "sm";
+  return /* @__PURE__ */ jsx(AvatarSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      ...props,
+      "data-slot": "avatar",
+      "data-size": resolvedSize,
+      className: cn(
+        "relative inline-flex shrink-0 rounded-full select-none",
+        "after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:border after:border-border",
+        avatarSizeClasses[resolvedSize],
+        className
+      )
+    }
+  ) });
+}
+
+function AvatarElement(props) {
+  if (props.name === void 0) return /* @__PURE__ */ jsx(AvatarRoot, { ...props });
+  return /* @__PURE__ */ jsx(AvatarNamed, { ...props });
+}
+
+function AvatarFallback({ className, ...props }) {
+  const size = useContext(AvatarSizeContext) ?? "sm";
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      ...props,
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground",
+        avatarTextClasses[size],
+        avatarIconClasses[size],
+        className
+      )
+    }
+  );
+}
+
+function AvatarGroup({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      "data-slot": "avatar-group",
+      className: cn("flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-card", className)
+    }
+  ) });
+}
+
+function AvatarGroupCount({ className, ...props }) {
+  const size = useContext(AvatarSizeContext) ?? "sm";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      "data-slot": "avatar-group-count",
+      "data-size": size,
+      className: cn(
+        "relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground tabular-nums ring-2 ring-card",
+        avatarSizeClasses[size],
+        avatarTextClasses[size],
+        avatarIconClasses[size],
+        className
+      )
+    }
+  );
+}
+
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Image,
+    {
+      ...props,
+      "data-slot": "avatar-image",
+      className: cn("size-full rounded-full object-cover", className)
+    }
+  );
+}
+
+const Avatar = Object.assign(AvatarElement, {
+  Image: AvatarImage,
+  Fallback: AvatarFallback,
+  Badge: AvatarBadge,
+  Group: AvatarGroup,
+  GroupCount: AvatarGroupCount
+});
+
+export { Avatar as A };
+//# sourceMappingURL=Avatar-C2Sz53u5.js.map

package/dist/Avatar-C2Sz53u5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-C2Sz53u5.js","sources":["../src/ds/components/Avatar/avatar-size.ts","../src/ds/components/Avatar/avatar-badge.tsx","../src/ds/components/Avatar/avatar-named.tsx","../src/ds/components/Avatar/avatar-root.tsx","../src/ds/components/Avatar/avatar-element.tsx","../src/ds/components/Avatar/avatar-fallback.tsx","../src/ds/components/Avatar/avatar-group.tsx","../src/ds/components/Avatar/avatar-group-count.tsx","../src/ds/components/Avatar/avatar-image.tsx","../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'control';\n\nexport const avatarSizeClasses: Record<AvatarSize, string> = {\n  xs: 'size-icon-xs',\n  sm: 'size-avatar-sm',\n  md: 'size-avatar-md',\n  lg: 'size-avatar-lg',\n  control: 'size-control-md',\n};\n\nexport const avatarTextClasses: Record<AvatarSize, string> = {\n  xs: 'text-meta',\n  sm: 'text-caption',\n  md: 'text-body-sm',\n  lg: 'text-body',\n  control: 'text-body-sm',\n};\n\nexport const avatarIconClasses: Record<AvatarSize, string> = {\n  xs: '[&>svg]:hidden',\n  sm: '[&>svg]:size-icon-xs',\n  md: '[&>svg]:size-icon-sm',\n  lg: '[&>svg]:size-icon-sm',\n  control: '[&>svg]:size-icon-sm',\n};\n\nexport const AvatarSizeContext = createContext<AvatarSize | undefined>(undefined);\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarBadgeTone = 'neutral' | 'success' | 'warning' | 'destructive' | 'info';\n\nexport type AvatarBadgeProps = ComponentProps<'span'> & {\n  tone?: AvatarBadgeTone;\n};\n\nconst toneClasses: Record<AvatarBadgeTone, string> = {\n  neutral: 'bg-fill-inverse text-background',\n  success: 'bg-success-indicator text-background',\n  warning: 'bg-warning-indicator text-background',\n  destructive: 'bg-destructive-indicator text-background',\n  info: 'bg-info-indicator text-background',\n};\n\nconst badgeSizeClasses: Record<AvatarSize, string> = {\n  xs: 'min-h-1.5 min-w-1.5 [&>svg]:hidden',\n  sm: 'min-h-2 min-w-2 [&>svg]:hidden',\n  md: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n  lg: 'min-h-3 min-w-3 [&>svg]:size-icon-xs',\n  control: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n};\n\nexport function AvatarBadge({ tone, className, children, ...props }: AvatarBadgeProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <span\n      {...props}\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 ring-card select-none',\n        '[&>[data-slot=avatar]]:border-0 [&>[data-slot=avatar]]:after:hidden',\n        'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:shadow-inset',\n        tone ? toneClasses[tone] : 'bg-card text-foreground',\n        badgeSizeClasses[size],\n        className,\n      )}\n    >\n      <AvatarSizeContext.Provider value=\"xs\">{children}</AvatarSizeContext.Provider>\n    </span>\n  );\n}\n","import { useContext, useState } from 'react';\n\nimport { Txt } from '../Txt/Txt';\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nexport function AvatarNamed({ src, name, size, interactive = false, color, textColor }: AvatarProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const [didError, setDidError] = useState(false);\n  const resolvedSize = size ?? contextSize ?? 'sm';\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      data-slot=\"avatar\"\n      data-size={resolvedSize}\n      className={cn(\n        avatarSizeClasses[resolvedSize],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant={resolvedSize === 'xs' ? 'meta' : 'body'}\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarRootProps = Omit<BaseAvatar.Root.Props, 'className'> & {\n  size?: AvatarSize;\n  className?: string;\n  name?: never;\n};\n\nexport function AvatarRoot({ size, className, ...props }: AvatarRootProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const resolvedSize = size ?? contextSize ?? 'sm';\n\n  return (\n    <AvatarSizeContext.Provider value={resolvedSize}>\n      <BaseAvatar.Root\n        {...props}\n        data-slot=\"avatar\"\n        data-size={resolvedSize}\n        className={cn(\n          'relative inline-flex shrink-0 rounded-full select-none',\n          'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:border after:border-border',\n          avatarSizeClasses[resolvedSize],\n          className,\n        )}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { AvatarNamed, type AvatarProps } from './avatar-named';\nimport { AvatarRoot, type AvatarRootProps } from './avatar-root';\n\nexport function AvatarElement(props: AvatarProps | AvatarRootProps) {\n  if (props.name === undefined) return <AvatarRoot {...props} />;\n  return <AvatarNamed {...props} />;\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarFallbackProps = Omit<BaseAvatar.Fallback.Props, 'className'> & {\n  className?: string;\n};\n\nexport function AvatarFallback({ className, ...props }: AvatarFallbackProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <BaseAvatar.Fallback\n      {...props}\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'flex size-full items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground',\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupProps = ComponentProps<'div'> & {\n  size?: AvatarSize;\n};\n\nexport function AvatarGroup({ size, className, ...props }: AvatarGroupProps) {\n  return (\n    <AvatarSizeContext.Provider value={size}>\n      <div\n        {...props}\n        data-slot=\"avatar-group\"\n        className={cn('flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-card', className)}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarSizeClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupCountProps = ComponentProps<'div'>;\n\nexport function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <div\n      {...props}\n      data-slot=\"avatar-group-count\"\n      data-size={size}\n      className={cn(\n        'relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground tabular-nums ring-2 ring-card',\n        avatarSizeClasses[size],\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\n\nimport { cn } from '@/lib/utils';\n\nexport type AvatarImageProps = Omit<BaseAvatar.Image.Props, 'className' | 'alt'> & {\n  alt: string;\n  className?: string;\n};\n\nexport function AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <BaseAvatar.Image\n      {...props}\n      data-slot=\"avatar-image\"\n      className={cn('size-full rounded-full object-cover', className)}\n    />\n  );\n}\n","import { AvatarBadge } from './avatar-badge';\nimport { AvatarElement } from './avatar-element';\nimport { AvatarFallback } from './avatar-fallback';\nimport { AvatarGroup } from './avatar-group';\nimport { AvatarGroupCount } from './avatar-group-count';\nimport { AvatarImage } from './avatar-image';\n\nexport type { AvatarSize } from './avatar-size';\nexport type { AvatarProps } from './avatar-named';\nexport type { AvatarRootProps } from './avatar-root';\nexport type { AvatarImageProps } from './avatar-image';\nexport type { AvatarFallbackProps } from './avatar-fallback';\nexport type { AvatarBadgeProps, AvatarBadgeTone } from './avatar-badge';\nexport type { AvatarGroupProps } from './avatar-group';\nexport type { AvatarGroupCountProps } from './avatar-group-count';\n\nexport const Avatar = Object.assign(AvatarElement, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n  Badge: AvatarBadge,\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n"],"names":["BaseAvatar"],"mappings":"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"}

package/dist/Avatar-D6ybWljK.cjs

@@ -0,0 +1,192 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+const Txt = require('./Txt-DXjXpX9r.cjs');
+const primitives_transitions = require('./primitives/transitions.cjs.js');
+const avatar = require('@base-ui/react/avatar');
+
+const avatarSizeClasses = {
+  xs: "size-icon-xs",
+  sm: "size-avatar-sm",
+  md: "size-avatar-md",
+  lg: "size-avatar-lg",
+  control: "size-control-md"
+};
+const avatarTextClasses = {
+  xs: "text-meta",
+  sm: "text-caption",
+  md: "text-body-sm",
+  lg: "text-body",
+  control: "text-body-sm"
+};
+const avatarIconClasses = {
+  xs: "[&>svg]:hidden",
+  sm: "[&>svg]:size-icon-xs",
+  md: "[&>svg]:size-icon-sm",
+  lg: "[&>svg]:size-icon-sm",
+  control: "[&>svg]:size-icon-sm"
+};
+const AvatarSizeContext = React.createContext(void 0);
+
+const toneClasses = {
+  neutral: "bg-fill-inverse text-background",
+  success: "bg-success-indicator text-background",
+  warning: "bg-warning-indicator text-background",
+  destructive: "bg-destructive-indicator text-background",
+  info: "bg-info-indicator text-background"
+};
+const badgeSizeClasses = {
+  xs: "min-h-1.5 min-w-1.5 [&>svg]:hidden",
+  sm: "min-h-2 min-w-2 [&>svg]:hidden",
+  md: "min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs",
+  lg: "min-h-3 min-w-3 [&>svg]:size-icon-xs",
+  control: "min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs"
+};
+function AvatarBadge({ tone, className, children, ...props }) {
+  const size = React.useContext(AvatarSizeContext) ?? "sm";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ...props,
+      "data-slot": "avatar-badge",
+      className: utils_cn.cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 ring-card select-none",
+        "[&>[data-slot=avatar]]:border-0 [&>[data-slot=avatar]]:after:hidden",
+        "after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:shadow-inset",
+        tone ? toneClasses[tone] : "bg-card text-foreground",
+        badgeSizeClasses[size],
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(AvatarSizeContext.Provider, { value: "xs", children })
+    }
+  );
+}
+
+function AvatarNamed({ src, name, size, interactive = false, color, textColor }) {
+  const contextSize = React.useContext(AvatarSizeContext);
+  const [didError, setDidError] = React.useState(false);
+  const resolvedSize = size ?? contextSize ?? "sm";
+  const initial = name.trim()[0]?.toUpperCase() ?? "A";
+  const showImage = Boolean(src) && !didError;
+  const showFallbackTint = !showImage && Boolean(color);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "avatar",
+      "data-size": resolvedSize,
+      className: utils_cn.cn(
+        avatarSizeClasses[resolvedSize],
+        "flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border",
+        !showFallbackTint && "bg-fill",
+        primitives_transitions.controlStateColorTransition,
+        interactive && "cursor-pointer hover:border-border-hover"
+      ),
+      style: showFallbackTint ? { backgroundColor: color } : void 0,
+      children: showImage ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: name, className: "size-full object-cover", onError: () => setDidError(true) }) : /* @__PURE__ */ jsxRuntime.jsx(
+        Txt.Txt,
+        {
+          variant: resolvedSize === "xs" ? "meta" : "body",
+          tone: showFallbackTint ? void 0 : "muted",
+          className: "text-center",
+          style: showFallbackTint && textColor ? { color: textColor } : void 0,
+          children: initial
+        }
+      )
+    }
+  );
+}
+
+function AvatarRoot({ size, className, ...props }) {
+  const contextSize = React.useContext(AvatarSizeContext);
+  const resolvedSize = size ?? contextSize ?? "sm";
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsxRuntime.jsx(
+    avatar.Avatar.Root,
+    {
+      ...props,
+      "data-slot": "avatar",
+      "data-size": resolvedSize,
+      className: utils_cn.cn(
+        "relative inline-flex shrink-0 rounded-full select-none",
+        "after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:border after:border-border",
+        avatarSizeClasses[resolvedSize],
+        className
+      )
+    }
+  ) });
+}
+
+function AvatarElement(props) {
+  if (props.name === void 0) return /* @__PURE__ */ jsxRuntime.jsx(AvatarRoot, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarNamed, { ...props });
+}
+
+function AvatarFallback({ className, ...props }) {
+  const size = React.useContext(AvatarSizeContext) ?? "sm";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    avatar.Avatar.Fallback,
+    {
+      ...props,
+      "data-slot": "avatar-fallback",
+      className: utils_cn.cn(
+        "flex size-full items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground",
+        avatarTextClasses[size],
+        avatarIconClasses[size],
+        className
+      )
+    }
+  );
+}
+
+function AvatarGroup({ size, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      "data-slot": "avatar-group",
+      className: utils_cn.cn("flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-card", className)
+    }
+  ) });
+}
+
+function AvatarGroupCount({ className, ...props }) {
+  const size = React.useContext(AvatarSizeContext) ?? "sm";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      "data-slot": "avatar-group-count",
+      "data-size": size,
+      className: utils_cn.cn(
+        "relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground tabular-nums ring-2 ring-card",
+        avatarSizeClasses[size],
+        avatarTextClasses[size],
+        avatarIconClasses[size],
+        className
+      )
+    }
+  );
+}
+
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    avatar.Avatar.Image,
+    {
+      ...props,
+      "data-slot": "avatar-image",
+      className: utils_cn.cn("size-full rounded-full object-cover", className)
+    }
+  );
+}
+
+const Avatar = Object.assign(AvatarElement, {
+  Image: AvatarImage,
+  Fallback: AvatarFallback,
+  Badge: AvatarBadge,
+  Group: AvatarGroup,
+  GroupCount: AvatarGroupCount
+});
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar-D6ybWljK.cjs.map

package/dist/Avatar-D6ybWljK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-D6ybWljK.cjs","sources":["../src/ds/components/Avatar/avatar-size.ts","../src/ds/components/Avatar/avatar-badge.tsx","../src/ds/components/Avatar/avatar-named.tsx","../src/ds/components/Avatar/avatar-root.tsx","../src/ds/components/Avatar/avatar-element.tsx","../src/ds/components/Avatar/avatar-fallback.tsx","../src/ds/components/Avatar/avatar-group.tsx","../src/ds/components/Avatar/avatar-group-count.tsx","../src/ds/components/Avatar/avatar-image.tsx","../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'control';\n\nexport const avatarSizeClasses: Record<AvatarSize, string> = {\n  xs: 'size-icon-xs',\n  sm: 'size-avatar-sm',\n  md: 'size-avatar-md',\n  lg: 'size-avatar-lg',\n  control: 'size-control-md',\n};\n\nexport const avatarTextClasses: Record<AvatarSize, string> = {\n  xs: 'text-meta',\n  sm: 'text-caption',\n  md: 'text-body-sm',\n  lg: 'text-body',\n  control: 'text-body-sm',\n};\n\nexport const avatarIconClasses: Record<AvatarSize, string> = {\n  xs: '[&>svg]:hidden',\n  sm: '[&>svg]:size-icon-xs',\n  md: '[&>svg]:size-icon-sm',\n  lg: '[&>svg]:size-icon-sm',\n  control: '[&>svg]:size-icon-sm',\n};\n\nexport const AvatarSizeContext = createContext<AvatarSize | undefined>(undefined);\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarBadgeTone = 'neutral' | 'success' | 'warning' | 'destructive' | 'info';\n\nexport type AvatarBadgeProps = ComponentProps<'span'> & {\n  tone?: AvatarBadgeTone;\n};\n\nconst toneClasses: Record<AvatarBadgeTone, string> = {\n  neutral: 'bg-fill-inverse text-background',\n  success: 'bg-success-indicator text-background',\n  warning: 'bg-warning-indicator text-background',\n  destructive: 'bg-destructive-indicator text-background',\n  info: 'bg-info-indicator text-background',\n};\n\nconst badgeSizeClasses: Record<AvatarSize, string> = {\n  xs: 'min-h-1.5 min-w-1.5 [&>svg]:hidden',\n  sm: 'min-h-2 min-w-2 [&>svg]:hidden',\n  md: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n  lg: 'min-h-3 min-w-3 [&>svg]:size-icon-xs',\n  control: 'min-h-2.5 min-w-2.5 [&>svg]:size-icon-xs',\n};\n\nexport function AvatarBadge({ tone, className, children, ...props }: AvatarBadgeProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <span\n      {...props}\n      data-slot=\"avatar-badge\"\n      className={cn(\n        'absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 ring-card select-none',\n        '[&>[data-slot=avatar]]:border-0 [&>[data-slot=avatar]]:after:hidden',\n        'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:shadow-inset',\n        tone ? toneClasses[tone] : 'bg-card text-foreground',\n        badgeSizeClasses[size],\n        className,\n      )}\n    >\n      <AvatarSizeContext.Provider value=\"xs\">{children}</AvatarSizeContext.Provider>\n    </span>\n  );\n}\n","import { useContext, useState } from 'react';\n\nimport { Txt } from '../Txt/Txt';\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nexport function AvatarNamed({ src, name, size, interactive = false, color, textColor }: AvatarProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const [didError, setDidError] = useState(false);\n  const resolvedSize = size ?? contextSize ?? 'sm';\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      data-slot=\"avatar\"\n      data-size={resolvedSize}\n      className={cn(\n        avatarSizeClasses[resolvedSize],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant={resolvedSize === 'xs' ? 'meta' : 'body'}\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarSizeClasses, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarRootProps = Omit<BaseAvatar.Root.Props, 'className'> & {\n  size?: AvatarSize;\n  className?: string;\n  name?: never;\n};\n\nexport function AvatarRoot({ size, className, ...props }: AvatarRootProps) {\n  const contextSize = useContext(AvatarSizeContext);\n  const resolvedSize = size ?? contextSize ?? 'sm';\n\n  return (\n    <AvatarSizeContext.Provider value={resolvedSize}>\n      <BaseAvatar.Root\n        {...props}\n        data-slot=\"avatar\"\n        data-size={resolvedSize}\n        className={cn(\n          'relative inline-flex shrink-0 rounded-full select-none',\n          'after:pointer-events-none after:absolute after:inset-0 after:rounded-full after:border after:border-border',\n          avatarSizeClasses[resolvedSize],\n          className,\n        )}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { AvatarNamed, type AvatarProps } from './avatar-named';\nimport { AvatarRoot, type AvatarRootProps } from './avatar-root';\n\nexport function AvatarElement(props: AvatarProps | AvatarRootProps) {\n  if (props.name === undefined) return <AvatarRoot {...props} />;\n  return <AvatarNamed {...props} />;\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { useContext } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarFallbackProps = Omit<BaseAvatar.Fallback.Props, 'className'> & {\n  className?: string;\n};\n\nexport function AvatarFallback({ className, ...props }: AvatarFallbackProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <BaseAvatar.Fallback\n      {...props}\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        'flex size-full items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground',\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\n\nimport { AvatarSizeContext, type AvatarSize } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupProps = ComponentProps<'div'> & {\n  size?: AvatarSize;\n};\n\nexport function AvatarGroup({ size, className, ...props }: AvatarGroupProps) {\n  return (\n    <AvatarSizeContext.Provider value={size}>\n      <div\n        {...props}\n        data-slot=\"avatar-group\"\n        className={cn('flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-card', className)}\n      />\n    </AvatarSizeContext.Provider>\n  );\n}\n","import { useContext, type ComponentProps } from 'react';\n\nimport { AvatarSizeContext, avatarIconClasses, avatarSizeClasses, avatarTextClasses } from './avatar-size';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarGroupCountProps = ComponentProps<'div'>;\n\nexport function AvatarGroupCount({ className, ...props }: AvatarGroupCountProps) {\n  const size = useContext(AvatarSizeContext) ?? 'sm';\n\n  return (\n    <div\n      {...props}\n      data-slot=\"avatar-group-count\"\n      data-size={size}\n      className={cn(\n        'relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground tabular-nums ring-2 ring-card',\n        avatarSizeClasses[size],\n        avatarTextClasses[size],\n        avatarIconClasses[size],\n        className,\n      )}\n    />\n  );\n}\n","import { Avatar as BaseAvatar } from '@base-ui/react/avatar';\n\nimport { cn } from '@/lib/utils';\n\nexport type AvatarImageProps = Omit<BaseAvatar.Image.Props, 'className' | 'alt'> & {\n  alt: string;\n  className?: string;\n};\n\nexport function AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <BaseAvatar.Image\n      {...props}\n      data-slot=\"avatar-image\"\n      className={cn('size-full rounded-full object-cover', className)}\n    />\n  );\n}\n","import { AvatarBadge } from './avatar-badge';\nimport { AvatarElement } from './avatar-element';\nimport { AvatarFallback } from './avatar-fallback';\nimport { AvatarGroup } from './avatar-group';\nimport { AvatarGroupCount } from './avatar-group-count';\nimport { AvatarImage } from './avatar-image';\n\nexport type { AvatarSize } from './avatar-size';\nexport type { AvatarProps } from './avatar-named';\nexport type { AvatarRootProps } from './avatar-root';\nexport type { AvatarImageProps } from './avatar-image';\nexport type { AvatarFallbackProps } from './avatar-fallback';\nexport type { AvatarBadgeProps, AvatarBadgeTone } from './avatar-badge';\nexport type { AvatarGroupProps } from './avatar-group';\nexport type { AvatarGroupCountProps } from './avatar-group-count';\n\nexport const Avatar = Object.assign(AvatarElement, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n  Badge: AvatarBadge,\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n"],"names":["createContext","useContext","jsx","cn","useState","controlStateColorTransition","Txt","BaseAvatar"],"mappings":"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"}

package/dist/alert-dialog-R9z2SJLl.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { B as Button } from './Button-C8QDEN9j.js';
+import { D as Dialog, k as DialogTrigger, g as DialogHeader, f as DialogFooter, a as DialogBody, j as DialogTitle, e as DialogDescription, b as DialogCancel, d as DialogContent, c as DialogClose, l as dialogActionSizeClasses, m as dialogActionLayoutClasses } from './dialog-DlZmNahd.js';
+import { c as cn } from './cn-coERSHz5.js';
+
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, modal: true, disablePointerDismissal: true });
+}
+function AlertDialogContent({ size = "sm", ...props }) {
+  return /* @__PURE__ */ jsx(DialogContent, { "data-slot": "alert-dialog-content", size, showCloseButton: false, ...props, role: "alertdialog" });
+}
+function AlertDialogAction({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogClose,
+    {
+      render: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          size: "md",
+          className: cn(dialogActionLayoutClasses, dialogActionSizeClasses.md),
+          children
+        }
+      ),
+      ...props
+    }
+  );
+}
+AlertDialog.Trigger = DialogTrigger;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = DialogHeader;
+AlertDialog.Footer = DialogFooter;
+AlertDialog.Body = DialogBody;
+AlertDialog.Title = DialogTitle;
+AlertDialog.Description = DialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = DialogCancel;
+
+export { AlertDialog as A };
+//# sourceMappingURL=alert-dialog-R9z2SJLl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-R9z2SJLl.js","sources":["../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogBody,\n  DialogCancel,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses } from '@/ds/components/Dialog/dialog-context';\nimport { cn } from '@/lib/utils';\n\ntype AlertDialogProps = Omit<DialogProps, 'intent' | 'pending' | 'modal' | 'disablePointerDismissal'>;\n\n// base-ui's AlertDialog is its Dialog with these three settings, so it shares Dialog's phone drawer.\nfunction AlertDialog(props: AlertDialogProps) {\n  return <Dialog {...props} modal disablePointerDismissal />;\n}\n\ntype AlertDialogContentProps = Omit<\n  React.ComponentProps<typeof DialogContent>,\n  'showCloseButton' | 'showOverlay' | 'overlayClassName' | 'role'\n>;\n\nfunction AlertDialogContent({ size = 'sm', ...props }: AlertDialogContentProps) {\n  return (\n    <DialogContent data-slot=\"alert-dialog-content\" size={size} showCloseButton={false} {...props} role=\"alertdialog\" />\n  );\n}\n\nfunction AlertDialogAction({ children, ...props }: React.ComponentProps<typeof DialogClose>) {\n  return (\n    <DialogClose\n      render={\n        <Button\n          variant=\"primary\"\n          size=\"md\"\n          className={cn(dialogActionLayoutClasses, dialogActionSizeClasses.md)}\n          children={children}\n        />\n      }\n      {...props}\n    />\n  );\n}\n\nAlertDialog.Trigger = DialogTrigger;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = DialogHeader;\nAlertDialog.Footer = DialogFooter;\nAlertDialog.Body = DialogBody;\nAlertDialog.Title = DialogTitle;\nAlertDialog.Description = DialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = DialogCancel;\n\nexport { AlertDialog };\n"],"names":[],"mappings":";;;;;AAsBA,SAAS,YAAY,KAAA,EAAyB;AAC5C,EAAA,2BAAQ,MAAA,EAAA,EAAQ,GAAG,OAAO,KAAA,EAAK,IAAA,EAAC,yBAAuB,IAAA,EAAC,CAAA;AAC1D;AAOA,SAAS,mBAAmB,EAAE,IAAA,GAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AAC9E,EAAA,uBACE,GAAA,CAAC,aAAA,EAAA,EAAc,WAAA,EAAU,sBAAA,EAAuB,IAAA,EAAY,iBAAiB,KAAA,EAAQ,GAAG,KAAA,EAAO,IAAA,EAAK,aAAA,EAAc,CAAA;AAEtH;AAEA,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,GAAG,OAAM,EAA6C;AAC3F,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,uBAAA,CAAwB,EAAE,CAAA;AAAA,UACnE;AAAA;AAAA,OACF;AAAA,MAED,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,WAAA,CAAY,OAAA,GAAU,aAAA;AACtB,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAAS,YAAA;AACrB,WAAA,CAAY,MAAA,GAAS,YAAA;AACrB,WAAA,CAAY,IAAA,GAAO,UAAA;AACnB,WAAA,CAAY,KAAA,GAAQ,WAAA;AACpB,WAAA,CAAY,WAAA,GAAc,iBAAA;AAC1B,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAAS,YAAA;;;;"}

package/dist/alert-dialog-j626w-Qb.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('./Button-BfZzgZrA.cjs');
+const dialog = require('./dialog-DQI9ChYf.cjs');
+const utils_cn = require('./cn-TqD01zH-.cjs');
+
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { ...props, modal: true, disablePointerDismissal: true });
+}
+function AlertDialogContent({ size = "sm", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogContent, { "data-slot": "alert-dialog-content", size, showCloseButton: false, ...props, role: "alertdialog" });
+}
+function AlertDialogAction({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.DialogClose,
+    {
+      render: /* @__PURE__ */ jsxRuntime.jsx(
+        Button.Button,
+        {
+          variant: "primary",
+          size: "md",
+          className: utils_cn.cn(dialog.dialogActionLayoutClasses, dialog.dialogActionSizeClasses.md),
+          children
+        }
+      ),
+      ...props
+    }
+  );
+}
+AlertDialog.Trigger = dialog.DialogTrigger;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = dialog.DialogHeader;
+AlertDialog.Footer = dialog.DialogFooter;
+AlertDialog.Body = dialog.DialogBody;
+AlertDialog.Title = dialog.DialogTitle;
+AlertDialog.Description = dialog.DialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = dialog.DialogCancel;
+
+exports.AlertDialog = AlertDialog;
+//# sourceMappingURL=alert-dialog-j626w-Qb.cjs.map

package/dist/alert-dialog-j626w-Qb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-j626w-Qb.cjs","sources":["../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import type * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport {\n  Dialog,\n  DialogBody,\n  DialogCancel,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@/ds/components/Dialog';\nimport type { DialogProps } from '@/ds/components/Dialog';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses } from '@/ds/components/Dialog/dialog-context';\nimport { cn } from '@/lib/utils';\n\ntype AlertDialogProps = Omit<DialogProps, 'intent' | 'pending' | 'modal' | 'disablePointerDismissal'>;\n\n// base-ui's AlertDialog is its Dialog with these three settings, so it shares Dialog's phone drawer.\nfunction AlertDialog(props: AlertDialogProps) {\n  return <Dialog {...props} modal disablePointerDismissal />;\n}\n\ntype AlertDialogContentProps = Omit<\n  React.ComponentProps<typeof DialogContent>,\n  'showCloseButton' | 'showOverlay' | 'overlayClassName' | 'role'\n>;\n\nfunction AlertDialogContent({ size = 'sm', ...props }: AlertDialogContentProps) {\n  return (\n    <DialogContent data-slot=\"alert-dialog-content\" size={size} showCloseButton={false} {...props} role=\"alertdialog\" />\n  );\n}\n\nfunction AlertDialogAction({ children, ...props }: React.ComponentProps<typeof DialogClose>) {\n  return (\n    <DialogClose\n      render={\n        <Button\n          variant=\"primary\"\n          size=\"md\"\n          className={cn(dialogActionLayoutClasses, dialogActionSizeClasses.md)}\n          children={children}\n        />\n      }\n      {...props}\n    />\n  );\n}\n\nAlertDialog.Trigger = DialogTrigger;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = DialogHeader;\nAlertDialog.Footer = DialogFooter;\nAlertDialog.Body = DialogBody;\nAlertDialog.Title = DialogTitle;\nAlertDialog.Description = DialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = DialogCancel;\n\nexport { AlertDialog };\n"],"names":["Dialog","jsx","DialogContent","DialogClose","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","DialogTrigger","DialogHeader","DialogFooter","DialogBody","DialogTitle","DialogDescription","DialogCancel"],"mappings":";;;;;;;AAsBA,SAAS,YAAY,KAAA,EAAyB;AAC5C,EAAA,sCAAQA,aAAA,EAAA,EAAQ,GAAG,OAAO,KAAA,EAAK,IAAA,EAAC,yBAAuB,IAAA,EAAC,CAAA;AAC1D;AAOA,SAAS,mBAAmB,EAAE,IAAA,GAAO,IAAA,EAAM,GAAG,OAAM,EAA4B;AAC9E,EAAA,uBACEC,cAAA,CAACC,oBAAA,EAAA,EAAc,WAAA,EAAU,sBAAA,EAAuB,IAAA,EAAY,iBAAiB,KAAA,EAAQ,GAAG,KAAA,EAAO,IAAA,EAAK,aAAA,EAAc,CAAA;AAEtH;AAEA,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,GAAG,OAAM,EAA6C;AAC3F,EAAA,uBACED,cAAA;AAAA,IAACE,kBAAA;AAAA,IAAA;AAAA,MACC,MAAA,kBACEF,cAAA;AAAA,QAACG,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAWC,WAAA,CAAGC,gCAAA,EAA2BC,8BAAA,CAAwB,EAAE,CAAA;AAAA,UACnE;AAAA;AAAA,OACF;AAAA,MAED,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,WAAA,CAAY,OAAA,GAAUC,oBAAA;AACtB,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAASC,mBAAA;AACrB,WAAA,CAAY,MAAA,GAASC,mBAAA;AACrB,WAAA,CAAY,IAAA,GAAOC,iBAAA;AACnB,WAAA,CAAY,KAAA,GAAQC,kBAAA;AACpB,WAAA,CAAY,WAAA,GAAcC,wBAAA;AAC1B,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAASC,mBAAA;;;;"}

package/dist/{command-Cx5QAS4E.cjs → command-DbZ6CSAy.cjs}

@@ -4,7 +4,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const cmdk = require('cmdk');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const dialog = require('./dialog-wL-fuFON.cjs');
+const dialog = require('./dialog-DQI9ChYf.cjs');
 const scrollArea = require('./scroll-area-CVgjRzTS.cjs');
 const Txt = require('./Txt-DXjXpX9r.cjs');
 const primitives_fluidMenu = require('./primitives/fluid-menu.cjs.js');
@@ -45,7 +45,7 @@ const Command = React__namespace.forwardRef(({ className, ...props }, ref) => /*
 Command.displayName = cmdk.Command.displayName;
 const commandDialogContentClasses = {
   default: "overflow-hidden py-0",
-  inset: "top-1/4 translate-y-0 overflow-hidden rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1"
+  inset: "overflow-hidden sm:top-1/4 sm:translate-y-0 rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1"
 };
 const commandDialogCommandClasses = {
   default: utils_cn.cn(
@@ -263,4 +263,4 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
-//# sourceMappingURL=command-Cx5QAS4E.cjs.map
+//# sourceMappingURL=command-DbZ6CSAy.cjs.map

package/dist/command-DbZ6CSAy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-DbZ6CSAy.cjs","sources":["../src/ds/components/Command/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/ds/components/Dialog';\nimport type { DialogSize } from '@/ds/components/Dialog';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport type { ScrollAreaMask } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { heightTransition, transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex size-full flex-col overflow-hidden rounded-xl bg-card text-muted-foreground in-data-[slot=dialog-content]:bg-transparent',\n      className,\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogVariant = 'default' | 'inset';\n\nconst commandDialogContentClasses: Record<CommandDialogVariant, string> = {\n  default: 'overflow-hidden py-0',\n  inset: 'overflow-hidden sm:top-1/4 sm:translate-y-0 rounded-[calc(var(--radius-xl)+--spacing(1))] bg-muted p-1',\n};\n\nconst commandDialogCommandClasses: Record<CommandDialogVariant, string> = {\n  default: cn(\n    '[&_[data-slot=command-input-wrapper]_svg]:size-5',\n    '**:[[cmdk-input]]:h-12',\n    '[&_[cmdk-item]_svg]:size-5',\n  ),\n  inset: cn(\n    'gap-1',\n    '[&_[data-slot=command-input-wrapper]_svg]:size-icon-md',\n    '**:[[cmdk-input]]:h-11 **:[[cmdk-input]]:text-label',\n    '[&_[cmdk-item]_svg]:size-icon-sm',\n    '**:[[cmdk-empty]]:px-4 **:[[cmdk-empty]]:pt-3 **:[[cmdk-empty]]:pb-1 **:[[cmdk-empty]]:text-left **:[[cmdk-empty]]:text-caption',\n  ),\n};\n\nconst commandDialogHeadingCase: Record<CommandDialogVariant, 'upper' | 'sentence'> = {\n  default: 'upper',\n  inset: 'sentence',\n};\n\nconst CommandDialogVariantContext = React.createContext<CommandDialogVariant>('default');\n\nconst CommandDialogBody = ({\n  variant,\n  footer,\n  children,\n}: {\n  variant: CommandDialogVariant;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n}) => {\n  if (variant === 'default') return children;\n\n  return (\n    <>\n      <div\n        data-slot=\"command-dialog-panel\"\n        className=\"flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background\"\n      >\n        {children}\n      </div>\n      {footer && (\n        <div data-slot=\"command-dialog-footer\" className=\"flex items-center justify-between gap-3 pr-1\">\n          {footer}\n        </div>\n      )}\n    </>\n  );\n};\n\ntype CommandDialogBaseProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string;\n  size?: DialogSize;\n  contentClassName?: string;\n  commandClassName?: string;\n  commandLabel?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\ntype CommandDialogProps = CommandDialogBaseProps &\n  ({ variant?: 'default'; footer?: never } | { variant: 'inset'; footer?: React.ReactNode });\n\nconst CommandDialog = ({\n  children,\n  variant = 'default',\n  footer,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\n  size,\n  contentClassName,\n  commandClassName,\n  commandLabel,\n  showOverlay = false,\n  overlayClassName,\n  ...props\n}: CommandDialogProps) => {\n  const filter = React.useCallback((value: string, search: string) => {\n    const normalizedValue = value.toLowerCase();\n    const normalizedSearch = search.toLowerCase();\n    const searchTerms = normalizedSearch.split(/\\s+/).filter(Boolean);\n\n    const matches = searchTerms.every(term => normalizedValue.includes(term));\n    return matches ? 1 : 0;\n  }, []);\n\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') return;\n\n    e.stopPropagation();\n  }, []);\n\n  return (\n    <Dialog {...props}>\n      <DialogContent\n        size={size}\n        showOverlay={showOverlay}\n        showCloseButton={variant !== 'inset'}\n        overlayClassName={overlayClassName}\n        className={cn(commandDialogContentClasses[variant], contentClassName)}\n      >\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <Command\n          label={commandLabel}\n          loop\n          filter={filter}\n          onKeyDown={handleKeyDown}\n          data-heading-case={commandDialogHeadingCase[variant]}\n          className={cn(\n            '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-column **:[[cmdk-group-heading]]:text-muted-foreground',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '**:[[cmdk-item]]:p-2',\n            commandDialogCommandClasses[variant],\n            commandClassName,\n          )}\n        >\n          <CommandDialogVariantContext.Provider value={variant}>\n            <CommandDialogBody variant={variant} footer={footer}>\n              {children}\n            </CommandDialogBody>\n          </CommandDialogVariantContext.Provider>\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n  rightSlot?: React.ReactNode;\n  wrapperClassName?: string;\n};\n\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, CommandInputProps>(\n  ({ className, rightSlot, wrapperClassName, ...props }, ref) => (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn('flex items-center border-b border-border px-3', transitions.colors, wrapperClassName)}\n    >\n      <Search className={cn('mr-2 size-4 shrink-0 text-muted-foreground', transitions.colors)} />\n      {/* cmdk renders autocomplete=\"off\" itself; a command search is never a credential field. */}\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          'flex h-8 min-w-0 flex-1 rounded-md bg-transparent py-2 text-body-sm text-foreground',\n          'placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-50',\n          'outline-none focus:outline-none focus-visible:outline-none',\n          transitions.colors,\n          className,\n        )}\n        {...props}\n        {...passwordManagerOptOutProps}\n      />\n      {rightSlot && (\n        <div data-slot=\"command-input-right-slot\" className=\"ml-2 flex shrink-0 items-center text-muted-foreground\">\n          {rightSlot}\n        </div>\n      )}\n    </div>\n  ),\n);\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {\n  scrollArea?: boolean;\n  scrollAreaClassName?: string;\n  scrollAreaViewportClassName?: string;\n  scrollAreaMask?: ScrollAreaMask;\n  /** Extra classes for the travelling hover surface (e.g. a different radius). */\n  highlightClassName?: string;\n};\n\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, CommandListProps>(\n  (\n    {\n      className,\n      children,\n      scrollArea = false,\n      scrollAreaClassName,\n      scrollAreaViewportClassName,\n      scrollAreaMask,\n      highlightClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const menu = useFluidMenu<HTMLDivElement>({ activeAttr: 'data-selected' });\n    const animateHeight = React.useContext(CommandDialogVariantContext) === 'inset';\n    const list = (\n      <CommandPrimitive.List\n        className={cn(\n          'outline-none focus:outline-none focus-visible:outline-none',\n          scrollArea ? 'overflow-visible' : 'max-h-dropdown overflow-x-hidden overflow-y-auto',\n          animateHeight && cn('h-(--cmdk-list-height)', heightTransition),\n          menu.containerClassName,\n          className,\n        )}\n        {...props}\n        {...menu.getContainerProps(props, ref)}\n      >\n        <FluidMenuItems menu={menu} className={highlightClassName}>\n          {children}\n        </FluidMenuItems>\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    return (\n      <ScrollArea className={cn('min-h-0', scrollAreaClassName)} mask={scrollAreaMask}>\n        <ScrollAreaViewport className={scrollAreaViewportClassName}>{list}</ScrollAreaViewport>\n      </ScrollArea>\n    );\n  },\n);\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-body-sm text-muted-foreground\" {...props} />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-muted-foreground',\n      '**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta [&_[cmdk-group-heading]]:uppercase',\n      'in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:tracking-normal in-data-[heading-case=sentence]:**:[[cmdk-group-heading]]:normal-case',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-border', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={useFluidMenuItemRef(ref)}\n    className={cn(\n      'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      'data-[selected=true]:text-foreground',\n      'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      '[&_svg]:pointer-events-none [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground data-[selected=true]:[&>svg]:text-foreground',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      className={cn('ml-auto tracking-wider tabular-nums', className)}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"names":["React","jsx","CommandPrimitive","cn","jsxs","Fragment","Dialog","DialogContent","DialogTitle","DialogDescription","transitions","Search","passwordManagerOptOutProps","scrollArea","useFluidMenu","heightTransition","FluidMenuItems","ScrollArea","ScrollAreaViewport","useFluidMenuItemRef","Txt"],"mappings":"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"}