@mastra/playground-ui 38.1.0-alpha.3 → 39.0.0-alpha.5

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @mastra/playground-ui
 
+## 39.0.0-alpha.5
+
+### Patch Changes
+
+- Fix the Signals (Agent Learning) client to call the platform query service's session-authenticated `/api/learning/*` routes instead of the internal `/entity-learning/*` output-service contract. The client now derives the query-service origin from the injected observability endpoint, sends the WorkOS session cookie via `credentials: 'include'`, and scopes reads with the `X-Mastra-Project-Id` header — matching the existing `/api/observability/*` auth pattern. Previously the Signals UI called an internal-only endpoint with no credentials, which 404'd on every hosted and local deployment. ([#18852](https://github.com/mastra-ai/mastra/pull/18852))
+
+- Updated dependencies [[`9250acd`](https://github.com/mastra-ai/mastra/commit/9250acd1357f0f1f33d0dcca16f9655084c58eca), [`215f9b0`](https://github.com/mastra-ai/mastra/commit/215f9b0f3f3f6fc165edad360582dd4d3d7ea748), [`c64c2a8`](https://github.com/mastra-ai/mastra/commit/c64c2a8503a50252f9ca6b8e8c54cadee31b92a2), [`06e2680`](https://github.com/mastra-ai/mastra/commit/06e26806b51d2cbd858afdc66daa2b86ff3ba64a), [`1240f05`](https://github.com/mastra-ai/mastra/commit/1240f051c8e5371f1c014448bf37b1a1b9a05e47), [`215f9b0`](https://github.com/mastra-ai/mastra/commit/215f9b0f3f3f6fc165edad360582dd4d3d7ea748), [`24c10d3`](https://github.com/mastra-ai/mastra/commit/24c10d333e6649ac06075903aeeee13a933db3b3), [`24c10d3`](https://github.com/mastra-ai/mastra/commit/24c10d333e6649ac06075903aeeee13a933db3b3), [`24c10d3`](https://github.com/mastra-ai/mastra/commit/24c10d333e6649ac06075903aeeee13a933db3b3), [`24c10d3`](https://github.com/mastra-ai/mastra/commit/24c10d333e6649ac06075903aeeee13a933db3b3), [`215f9b0`](https://github.com/mastra-ai/mastra/commit/215f9b0f3f3f6fc165edad360582dd4d3d7ea748), [`215f9b0`](https://github.com/mastra-ai/mastra/commit/215f9b0f3f3f6fc165edad360582dd4d3d7ea748)]:
+  - @mastra/core@1.49.0-alpha.5
+  - @mastra/client-js@1.30.0-alpha.5
+  - @mastra/react@1.2.2-alpha.5
+
+## 38.1.0-alpha.4
+
+### Minor Changes
+
+- Removed named exports from the `@mastra/playground-ui` root entry. Import public APIs from exact package subpaths instead. ([#18791](https://github.com/mastra-ai/mastra/pull/18791))
+
+  **Before**
+
+  ```ts
+  import { Button } from '@mastra/playground-ui';
+  ```
+
+  **After**
+
+  ```ts
+  import { Button } from '@mastra/playground-ui/components/Button';
+  ```
+
+  `mastracode` now uses the exact subpath imports, and lint rules prevent new broad `@mastra/playground-ui` imports.
+
+### Patch Changes
+
+- Updated dependencies [[`6a61846`](https://github.com/mastra-ai/mastra/commit/6a61846eeda29fb714549b70f1bee2bf6b141c44)]:
+  - @mastra/core@1.49.0-alpha.4
+  - @mastra/client-js@1.29.1-alpha.4
+  - @mastra/react@1.2.2-alpha.4
+
 ## 38.1.0-alpha.3
 
 ### Minor Changes

package/dist/components/AlertDialog.cjs.js

@@ -2,9 +2,121 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const alertDialog = require('../alert-dialog-C2_Vo4Cl.cjs');
+require('../dialog.css');const jsxRuntime = require('react/jsx-runtime');
+const alertDialog = require('@base-ui/react/alert-dialog');
+const React = require('react');
+const Button = require('../Button-66ghjQV8.cjs');
+const asChild = require('../as-child-Dgr1RHLO.cjs');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
+;/* empty css                   */
 
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-exports.AlertDialog = alertDialog.AlertDialog;
+const AlertDialogRoot = alertDialog.AlertDialog.Root;
+function AlertDialog({
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogRoot, { open, onOpenChange, children });
+}
+const AlertDialogTrigger = React__namespace.forwardRef(
+  ({ asChild: asChild$1, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Trigger, { ref, ...asChild.asChildRenderProps(asChild$1, children), ...props, children: asChild$1 ? void 0 : children });
+  }
+);
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = alertDialog.AlertDialog.Portal;
+const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  alertDialog.AlertDialog.Backdrop,
+  {
+    ref,
+    className: utils_cn.cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Popup,
+    {
+      ref,
+      "data-slot": "alert-dialog-content",
+      className: utils_cn.cn(
+        "dialog-content-anim",
+        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
+        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end", className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("overflow-y-auto px-4 py-3.5 max-h-[50vh]", className), ...props });
+AlertDialogBody.displayName = "AlertDialogBody";
+const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Title, { ref, className: utils_cn.cn("text-ui-md font-medium", className), ...props }));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Description, { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
+);
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const AlertDialogAction = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Close,
+    {
+      ref,
+      className: utils_cn.cn(Button.buttonVariants({ variant: "primary", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogAction.displayName = "AlertDialogAction";
+const AlertDialogCancel = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Close,
+    {
+      ref,
+      className: utils_cn.cn(Button.buttonVariants({ variant: "default", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogCancel.displayName = "AlertDialogCancel";
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Overlay = AlertDialogOverlay;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = AlertDialogHeader;
+AlertDialog.Footer = AlertDialogFooter;
+AlertDialog.Body = AlertDialogBody;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = AlertDialogCancel;
+
+exports.AlertDialog = AlertDialog;
 //# sourceMappingURL=AlertDialog.cjs.js.map

package/dist/components/AlertDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"AlertDialog.cjs.js","sources":["../../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive","jsx","React","asChild","asChildRenderProps","cn","jsxs","buttonVariants"],"mappings":"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"}

package/dist/components/AlertDialog.es.js

@@ -1,2 +1,99 @@
-export { A as AlertDialog } from '../alert-dialog-B12mCQ0m.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
+import * as React from 'react';
+import { b as buttonVariants } from '../Button-Bq0VuEbC.js';
+import { a as asChildRenderProps } from '../as-child-N1qMDCr8.js';
+import { c as cn } from '../cn-BakJzhuv.js';
+import '../dialog.css';/* empty css                 */
+
+const AlertDialogRoot = AlertDialog$1.Root;
+function AlertDialog({
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogRoot, { open, onOpenChange, children });
+}
+const AlertDialogTrigger = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+  }
+);
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = AlertDialog$1.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialog$1.Backdrop,
+  {
+    ref,
+    className: cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialog$1.Popup,
+    {
+      ref,
+      "data-slot": "alert-dialog-content",
+      className: cn(
+        "dialog-content-anim",
+        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
+        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end", className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 py-3.5 max-h-[50vh]", className), ...props });
+AlertDialogBody.displayName = "AlertDialogBody";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-ui-md font-medium", className), ...props }));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Description, { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
+);
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const AlertDialogAction = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AlertDialog$1.Close,
+    {
+      ref,
+      className: cn(buttonVariants({ variant: "primary", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogAction.displayName = "AlertDialogAction";
+const AlertDialogCancel = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AlertDialog$1.Close,
+    {
+      ref,
+      className: cn(buttonVariants({ variant: "default", size: "lg" }), className),
+      ...props
+    }
+  )
+);
+AlertDialogCancel.displayName = "AlertDialogCancel";
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Overlay = AlertDialogOverlay;
+AlertDialog.Content = AlertDialogContent;
+AlertDialog.Header = AlertDialogHeader;
+AlertDialog.Footer = AlertDialogFooter;
+AlertDialog.Body = AlertDialogBody;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Action = AlertDialogAction;
+AlertDialog.Cancel = AlertDialogCancel;
+
+export { AlertDialog };
 //# sourceMappingURL=AlertDialog.es.js.map

package/dist/components/AlertDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"AlertDialog.es.js","sources":["../../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;;;;;AASA,MAAM,kBAAkBA,aAAA,CAAqB,IAAA;AAE7C,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAY,YAAA,EAC1B,QAAA,EACH,CAAA;AAEJ;AAOA,MAAM,qBAAqB,KAAA,CAAM,UAAA;AAAA,EAC/B,CAAC,EAAE,OAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACxC,IAAA,uBACE,GAAA,CAACA,aAAA,CAAqB,OAAA,EAArB,EAA6B,KAAW,GAAG,kBAAA,CAAmB,OAAA,EAAS,QAAQ,CAAA,EAAI,GAAG,KAAA,EACpF,QAAA,EAAA,OAAA,GAAU,SAAY,QAAA,EACzB,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,MAAM,oBAAoBA,aAAA,CAAqB,MAAA;AAM/C,MAAM,kBAAA,GAAqB,MAAM,UAAA,CAAoD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7G,GAAA;AAAA,EAACA,aAAA,CAAqB,QAAA;AAAA,EAArB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD,CAAA;AACD,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAMjC,MAAM,kBAAA,GAAqB,KAAA,CAAM,UAAA,CAAoD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7G,IAAA,CAAC,iBAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA;AAAA,kBACpB,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,sBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qBAAA;AAAA,QACA,4EAAA;AAAA,QACA,4CAAA;AAAA,QACA,mFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AACN,CAAA,EACF,CACD,CAAA;AACD,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAEjC,MAAM,iBAAA,GAAoB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC/C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEzF,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,iBAAA,GAAoB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC/C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,sEAAA,EAAwE,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEpH,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC7C,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,0CAAA,EAA4C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAExF,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAM9B,MAAM,gBAAA,GAAmB,MAAM,UAAA,CAAsD,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7G,GAAA,CAACA,cAAqB,KAAA,EAArB,EAA2B,KAAU,SAAA,EAAW,EAAA,CAAG,0BAA0B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACtG,CAAA;AACD,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAM/B,MAAM,yBAAyB,KAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,wBACxB,GAAA,CAACA,aAAA,CAAqB,WAAA,EAArB,EAAiC,KAAU,SAAA,EAAW,EAAA,CAAG,4BAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEjH,CAAA;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAMrC,MAAM,oBAAoB,KAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,WAAW,IAAA,EAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1E,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,oBAAoB,KAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAACA,aAAA,CAAqB,KAAA;AAAA,IAArB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,WAAW,IAAA,EAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1E,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,OAAA,GAAU,kBAAA;AACtB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,IAAA,GAAO,eAAA;AACnB,WAAA,CAAY,KAAA,GAAQ,gBAAA;AACpB,WAAA,CAAY,WAAA,GAAc,sBAAA;AAC1B,WAAA,CAAY,MAAA,GAAS,iBAAA;AACrB,WAAA,CAAY,MAAA,GAAS,iBAAA;;;;"}

package/dist/components/Avatar.cjs.js

@@ -2,9 +2,45 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Avatar = require('../Avatar-BjYaEMp7.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Txt = require('../Txt-BT8_EkuZ.cjs');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
 
+const sizeClasses = {
+  sm: "h-avatar-sm w-avatar-sm",
+  md: "h-avatar-md w-avatar-md",
+  lg: "h-avatar-lg w-avatar-lg"
+};
+const Avatar = ({ src, name, size = "sm", interactive = false, color, textColor }) => {
+  const [didError, setDidError] = React.useState(false);
+  const initial = name.trim()[0]?.toUpperCase() ?? "A";
+  const showImage = Boolean(src) && !didError;
+  const showFallbackTint = !showImage && Boolean(color);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        sizeClasses[size],
+        "border border-border1 shrink-0 overflow-hidden rounded-full flex items-center justify-center",
+        !showFallbackTint && "bg-surface3",
+        primitives_transitions.transitions.all,
+        interactive && "cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm"
+      ),
+      style: showFallbackTint ? { backgroundColor: color } : void 0,
+      children: showImage ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: name, className: "h-full w-full object-cover", onError: () => setDidError(true) }) : /* @__PURE__ */ jsxRuntime.jsx(
+        Txt.Txt,
+        {
+          variant: "ui-md",
+          className: utils_cn.cn("text-center", !showFallbackTint && "text-neutral4"),
+          style: showFallbackTint && textColor ? { color: textColor } : void 0,
+          children: initial
+        }
+      )
+    }
+  );
+};
 
-
-exports.Avatar = Avatar.Avatar;
+exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.cjs.js.map

package/dist/components/Avatar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Avatar.cjs.js","sources":["../../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\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      className={cn(\n        sizeClasses[size],\n        'border border-border1 shrink-0 overflow-hidden rounded-full flex items-center justify-center',\n        !showFallbackTint && 'bg-surface3',\n        transitions.all,\n        interactive && 'cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"h-full w-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"ui-md\"\n          className={cn('text-center', !showFallbackTint && 'text-neutral4')}\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","jsx","cn","transitions","Txt"],"mappings":";;;;;;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,8FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,aAAA;AAAA,QACrBC,kCAAA,CAAY,GAAA;AAAA,QACZ,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACCF,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,4BAAA,EAA6B,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAEnGA,cAAA;AAAA,QAACG,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAWF,WAAA,CAAG,aAAA,EAAe,CAAC,oBAAoB,eAAe,CAAA;AAAA,UACjE,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/Avatar.es.js

@@ -1,2 +1,42 @@
-export { A as Avatar } from '../Avatar-C4iB6och.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { T as Txt } from '../Txt-p33XTnu8.js';
+import { transitions } from '../primitives/transitions.es.js';
+import { c as cn } from '../cn-BakJzhuv.js';
+
+const sizeClasses = {
+  sm: "h-avatar-sm w-avatar-sm",
+  md: "h-avatar-md w-avatar-md",
+  lg: "h-avatar-lg w-avatar-lg"
+};
+const Avatar = ({ src, name, size = "sm", interactive = false, color, textColor }) => {
+  const [didError, setDidError] = useState(false);
+  const initial = name.trim()[0]?.toUpperCase() ?? "A";
+  const showImage = Boolean(src) && !didError;
+  const showFallbackTint = !showImage && Boolean(color);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        sizeClasses[size],
+        "border border-border1 shrink-0 overflow-hidden rounded-full flex items-center justify-center",
+        !showFallbackTint && "bg-surface3",
+        transitions.all,
+        interactive && "cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm"
+      ),
+      style: showFallbackTint ? { backgroundColor: color } : void 0,
+      children: showImage ? /* @__PURE__ */ jsx("img", { src, alt: name, className: "h-full w-full object-cover", onError: () => setDidError(true) }) : /* @__PURE__ */ jsx(
+        Txt,
+        {
+          variant: "ui-md",
+          className: cn("text-center", !showFallbackTint && "text-neutral4"),
+          style: showFallbackTint && textColor ? { color: textColor } : void 0,
+          children: initial
+        }
+      )
+    }
+  );
+};
+
+export { Avatar };
 //# sourceMappingURL=Avatar.es.js.map

package/dist/components/Avatar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Avatar.es.js","sources":["../../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\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      className={cn(\n        sizeClasses[size],\n        'border border-border1 shrink-0 overflow-hidden rounded-full flex items-center justify-center',\n        !showFallbackTint && 'bg-surface3',\n        transitions.all,\n        interactive && 'cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"h-full w-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"ui-md\"\n          className={cn('text-center', !showFallbackTint && 'text-neutral4')}\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,8FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,aAAA;AAAA,QACrB,WAAA,CAAY,GAAA;AAAA,QACZ,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,4BAAA,EAA6B,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAEnG,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAW,EAAA,CAAG,aAAA,EAAe,CAAC,oBAAoB,eAAe,CAAA;AAAA,UACjE,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/BrandLoader.cjs.js

@@ -2,9 +2,55 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const brandLoader = require('../brand-loader-0aIhKY-b.cjs');
+require('../BrandLoader.css');const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
 
+const sizeClasses = {
+  sm: "w-6",
+  md: "w-8",
+  lg: "w-10"
+};
+const strokeBySize = {
+  sm: 2.2,
+  md: 2.5,
+  lg: 2.9
+};
+const bubbleBySize = {
+  sm: 4.3,
+  md: 4.4,
+  lg: 4.498
+};
+function BrandLoader({ className, size = "md", "aria-label": ariaLabel = "Loading" }) {
+  const reactId = React.useId();
+  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, "")}`;
+  const r = bubbleBySize[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "status",
+      "aria-label": ariaLabel,
+      className: utils_cn.cn("brand-loader inline-block text-neutral6", sizeClasses[size], className),
+      style: { ["--brand-loader-stroke"]: strokeBySize[size] },
+      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 34 21", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: filterId, x: "-5%", y: "-5%", width: "110%", height: "110%", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "0.9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("feColorMatrix", { values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { filter: `url(#${filterId})`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("line", { className: "brand-loader-ln23", x1: "10.387", y1: "4.498", x2: "16.899", y2: "16.192" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { className: "brand-loader-ln34", x1: "16.899", y1: "16.192", x2: "22.815", y2: "4.56" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { className: "brand-loader-ln45", x1: "22.815", y1: "4.56", x2: "28.57", y2: "16.192" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "brand-loader-b1", cx: "4.498", cy: "16.192", r }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "brand-loader-b2", cx: "10.387", cy: "4.498", r }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "brand-loader-b3", cx: "16.899", cy: "16.192", r }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "brand-loader-b4", cx: "22.815", cy: "4.56", r }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "brand-loader-b5", cx: "28.57", cy: "16.192", r })
+        ] })
+      ] })
+    }
+  );
+}
 
-
-exports.BrandLoader = brandLoader.BrandLoader;
+exports.BrandLoader = BrandLoader;
 //# sourceMappingURL=BrandLoader.cjs.js.map

package/dist/components/BrandLoader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandLoader.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"BrandLoader.cjs.js","sources":["../../src/ds/components/BrandLoader/brand-loader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './brand-loader.css';\n\nexport type BrandLoaderProps = {\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-8',\n  lg: 'w-10',\n};\n\n/** Thinner strokes on small sizes so ridges don't visually dominate the disks. */\nconst strokeBySize = {\n  sm: 2.2,\n  md: 2.5,\n  lg: 2.9,\n};\n\n/** Slightly smaller bubbles on small sizes so disks don't swallow the ridges at low pixel counts. */\nconst bubbleBySize = {\n  sm: 4.3,\n  md: 4.4,\n  lg: 4.498,\n};\n\nfunction BrandLoader({ className, size = 'md', 'aria-label': ariaLabel = 'Loading' }: BrandLoaderProps) {\n  const reactId = useId();\n  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const r = bubbleBySize[size];\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={ariaLabel}\n      className={cn('brand-loader inline-block text-neutral6', sizeClasses[size], className)}\n      style={{ ['--brand-loader-stroke' as string]: strokeBySize[size] }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" aria-hidden=\"true\">\n        <defs>\n          {/* Gooey merge: blur + sharp alpha threshold fuses overlapping shapes into a single blob. */}\n          <filter id={filterId} x=\"-5%\" y=\"-5%\" width=\"110%\" height=\"110%\">\n            {/* stdDeviation: blur radius. Larger = bigger fillet/roundness at line↔disk junction. */}\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0.9\" />\n            {/*\n             * outAlpha = M·α − K. Opaque where α ≥ K/M. Transition band = 1/M.\n             * M=11, K=4.3 → cutoff 0.391, band 0.091 (soft, rounded edge, big fillet).\n             */}\n            <feColorMatrix values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3\" />\n          </filter>\n        </defs>\n        <g filter={`url(#${filterId})`}>\n          <line className=\"brand-loader-ln23\" x1=\"10.387\" y1=\"4.498\" x2=\"16.899\" y2=\"16.192\" />\n          <line className=\"brand-loader-ln34\" x1=\"16.899\" y1=\"16.192\" x2=\"22.815\" y2=\"4.56\" />\n          <line className=\"brand-loader-ln45\" x1=\"22.815\" y1=\"4.56\" x2=\"28.57\" y2=\"16.192\" />\n          <circle className=\"brand-loader-b1\" cx=\"4.498\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b2\" cx=\"10.387\" cy=\"4.498\" r={r} />\n          <circle className=\"brand-loader-b3\" cx=\"16.899\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b4\" cx=\"22.815\" cy=\"4.56\" r={r} />\n          <circle className=\"brand-loader-b5\" cx=\"28.57\" cy=\"16.192\" r={r} />\n        </g>\n      </svg>\n    </div>\n  );\n}\n\nexport { BrandLoader };\n"],"names":["useId","jsx","cn","jsxs"],"mappings":"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"}

package/dist/components/BrandLoader.es.js

@@ -1,2 +1,52 @@
-export { B as BrandLoader } from '../brand-loader-D_iuoBVZ.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from 'react';
+import { c as cn } from '../cn-BakJzhuv.js';
+
+import '../BrandLoader.css';const sizeClasses = {
+  sm: "w-6",
+  md: "w-8",
+  lg: "w-10"
+};
+const strokeBySize = {
+  sm: 2.2,
+  md: 2.5,
+  lg: 2.9
+};
+const bubbleBySize = {
+  sm: 4.3,
+  md: 4.4,
+  lg: 4.498
+};
+function BrandLoader({ className, size = "md", "aria-label": ariaLabel = "Loading" }) {
+  const reactId = useId();
+  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, "")}`;
+  const r = bubbleBySize[size];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-label": ariaLabel,
+      className: cn("brand-loader inline-block text-neutral6", sizeClasses[size], className),
+      style: { ["--brand-loader-stroke"]: strokeBySize[size] },
+      children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 34 21", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: filterId, x: "-5%", y: "-5%", width: "110%", height: "110%", children: [
+          /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "0.9" }),
+          /* @__PURE__ */ jsx("feColorMatrix", { values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("g", { filter: `url(#${filterId})`, children: [
+          /* @__PURE__ */ jsx("line", { className: "brand-loader-ln23", x1: "10.387", y1: "4.498", x2: "16.899", y2: "16.192" }),
+          /* @__PURE__ */ jsx("line", { className: "brand-loader-ln34", x1: "16.899", y1: "16.192", x2: "22.815", y2: "4.56" }),
+          /* @__PURE__ */ jsx("line", { className: "brand-loader-ln45", x1: "22.815", y1: "4.56", x2: "28.57", y2: "16.192" }),
+          /* @__PURE__ */ jsx("circle", { className: "brand-loader-b1", cx: "4.498", cy: "16.192", r }),
+          /* @__PURE__ */ jsx("circle", { className: "brand-loader-b2", cx: "10.387", cy: "4.498", r }),
+          /* @__PURE__ */ jsx("circle", { className: "brand-loader-b3", cx: "16.899", cy: "16.192", r }),
+          /* @__PURE__ */ jsx("circle", { className: "brand-loader-b4", cx: "22.815", cy: "4.56", r }),
+          /* @__PURE__ */ jsx("circle", { className: "brand-loader-b5", cx: "28.57", cy: "16.192", r })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { BrandLoader };
 //# sourceMappingURL=BrandLoader.es.js.map

package/dist/components/BrandLoader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandLoader.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BrandLoader.es.js","sources":["../../src/ds/components/BrandLoader/brand-loader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './brand-loader.css';\n\nexport type BrandLoaderProps = {\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-8',\n  lg: 'w-10',\n};\n\n/** Thinner strokes on small sizes so ridges don't visually dominate the disks. */\nconst strokeBySize = {\n  sm: 2.2,\n  md: 2.5,\n  lg: 2.9,\n};\n\n/** Slightly smaller bubbles on small sizes so disks don't swallow the ridges at low pixel counts. */\nconst bubbleBySize = {\n  sm: 4.3,\n  md: 4.4,\n  lg: 4.498,\n};\n\nfunction BrandLoader({ className, size = 'md', 'aria-label': ariaLabel = 'Loading' }: BrandLoaderProps) {\n  const reactId = useId();\n  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const r = bubbleBySize[size];\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={ariaLabel}\n      className={cn('brand-loader inline-block text-neutral6', sizeClasses[size], className)}\n      style={{ ['--brand-loader-stroke' as string]: strokeBySize[size] }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" aria-hidden=\"true\">\n        <defs>\n          {/* Gooey merge: blur + sharp alpha threshold fuses overlapping shapes into a single blob. */}\n          <filter id={filterId} x=\"-5%\" y=\"-5%\" width=\"110%\" height=\"110%\">\n            {/* stdDeviation: blur radius. Larger = bigger fillet/roundness at line↔disk junction. */}\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0.9\" />\n            {/*\n             * outAlpha = M·α − K. Opaque where α ≥ K/M. Transition band = 1/M.\n             * M=11, K=4.3 → cutoff 0.391, band 0.091 (soft, rounded edge, big fillet).\n             */}\n            <feColorMatrix values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3\" />\n          </filter>\n        </defs>\n        <g filter={`url(#${filterId})`}>\n          <line className=\"brand-loader-ln23\" x1=\"10.387\" y1=\"4.498\" x2=\"16.899\" y2=\"16.192\" />\n          <line className=\"brand-loader-ln34\" x1=\"16.899\" y1=\"16.192\" x2=\"22.815\" y2=\"4.56\" />\n          <line className=\"brand-loader-ln45\" x1=\"22.815\" y1=\"4.56\" x2=\"28.57\" y2=\"16.192\" />\n          <circle className=\"brand-loader-b1\" cx=\"4.498\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b2\" cx=\"10.387\" cy=\"4.498\" r={r} />\n          <circle className=\"brand-loader-b3\" cx=\"16.899\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b4\" cx=\"22.815\" cy=\"4.56\" r={r} />\n          <circle className=\"brand-loader-b5\" cx=\"28.57\" cy=\"16.192\" r={r} />\n        </g>\n      </svg>\n    </div>\n  );\n}\n\nexport { BrandLoader };\n"],"names":[],"mappings":"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"}

package/dist/components/Breadcrumb.cjs.js

@@ -2,10 +2,38 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Breadcrumb = require('../Breadcrumb-OaOfQ2cJ.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const icons_Icon = require('../icons/Icon.cjs.js');
+const icons_SlashIcon = require('../icons/SlashIcon.cjs.js');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
 
+const Breadcrumb = ({ children, label, className, listClassName }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: utils_cn.cn("gap-0.5 flex items-center", listClassName), children }) });
+};
+const Crumb = ({ className, as, isCurrent, action, ...props }) => {
+  const Root = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn("flex h-full min-w-0 items-center gap-1", isCurrent ? "shrink" : "shrink-0"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Root,
+        {
+          "aria-current": isCurrent ? "page" : void 0,
+          className: utils_cn.cn(
+            "text-ui-md leading-ui-md flex min-w-0 items-center gap-2 truncate",
+            primitives_transitions.transitions.colors,
+            isCurrent ? "text-neutral6 font-medium" : "text-neutral3 hover:text-neutral5",
+            className
+          ),
+          ...props
+        }
+      ),
+      action
+    ] }),
+    !isCurrent && /* @__PURE__ */ jsxRuntime.jsx("li", { role: "separator", className: "flex h-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { className: utils_cn.cn("text-neutral2", primitives_transitions.transitions.colors), children: /* @__PURE__ */ jsxRuntime.jsx(icons_SlashIcon.SlashIcon, {}) }) })
+  ] });
+};
 
-
-exports.Breadcrumb = Breadcrumb.Breadcrumb;
-exports.Crumb = Breadcrumb.Crumb;
+exports.Breadcrumb = Breadcrumb;
+exports.Crumb = Crumb;
 //# sourceMappingURL=Breadcrumb.cjs.js.map