@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.4

package/dist/SessionExpired-DFE3cHmO.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@mastra/react');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const icons_Icon = require('./icons/Icon.cjs.js');
+const Button = require('./Button-Bj667lJx.cjs');
+const EmptyState = require('./EmptyState-Ba3F-bq5.cjs');
+
+function SessionExpired({ title, description, className }) {
+  const [isPending, setIsPending] = React.useState(false);
+  const client = react.useMastraClient();
+  const handleLogin = React.useCallback(async () => {
+    try {
+      setIsPending(true);
+      const { baseUrl = "", apiPrefix } = client.options || {};
+      const raw = (apiPrefix || "/api").trim();
+      const prefix = (raw.startsWith("/") ? raw : `/${raw}`).replace(/\/$/, "");
+      const params = new URLSearchParams({ redirect_uri: window.location.href });
+      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;
+      const response = await fetch(url, {
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (response.ok) {
+        const data = await response.json();
+        window.location.href = data.url;
+      }
+    } finally {
+      setIsPending(false);
+    }
+  }, [client]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EmptyState.EmptyState,
+    {
+      className,
+      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: "text-neutral3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogIn, {}) }),
+      titleSlot: title ?? "Session Expired",
+      descriptionSlot: description ?? "Your session has expired. Please log in again to continue.",
+      actionSlot: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "default", onClick: handleLogin, disabled: isPending, children: isPending ? "Redirecting..." : "Log in" })
+    }
+  );
+}
+
+exports.SessionExpired = SessionExpired;
+//# sourceMappingURL=SessionExpired-DFE3cHmO.cjs.map

package/dist/SessionExpired-DFE3cHmO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionExpired-DFE3cHmO.cjs","sources":["../src/ds/components/SessionExpired/SessionExpired.tsx"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { LogIn } from 'lucide-react';\nimport { useState, useCallback } from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Button } from '../Button';\nimport { EmptyState } from '../EmptyState';\n\nexport interface SessionExpiredProps {\n  /** Custom title override */\n  title?: string;\n  /** Custom description override */\n  description?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nexport function SessionExpired({ title, description, className }: SessionExpiredProps) {\n  const [isPending, setIsPending] = useState(false);\n  const client = useMastraClient();\n\n  const handleLogin = useCallback(async () => {\n    try {\n      setIsPending(true);\n      const { baseUrl = '', apiPrefix } = (client as any).options || {};\n      const raw = (apiPrefix || '/api').trim();\n      const prefix = (raw.startsWith('/') ? raw : `/${raw}`).replace(/\\/$/, '');\n      const params = new URLSearchParams({ redirect_uri: window.location.href });\n      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;\n\n      const response = await fetch(url, {\n        credentials: 'include',\n        headers: { 'Content-Type': 'application/json' },\n      });\n\n      if (response.ok) {\n        const data = await response.json();\n        window.location.href = data.url;\n      }\n    } finally {\n      setIsPending(false);\n    }\n  }, [client]);\n\n  return (\n    <EmptyState\n      className={className}\n      iconSlot={\n        <Icon size=\"lg\" className=\"text-neutral3\">\n          <LogIn />\n        </Icon>\n      }\n      titleSlot={title ?? 'Session Expired'}\n      descriptionSlot={description ?? 'Your session has expired. Please log in again to continue.'}\n      actionSlot={\n        <Button variant=\"default\" onClick={handleLogin} disabled={isPending}>\n          {isPending ? 'Redirecting...' : 'Log in'}\n        </Button>\n      }\n    />\n  );\n}\n"],"names":["useState","useMastraClient","useCallback","jsx","EmptyState","Icon","LogIn","Button"],"mappings":";;;;;;;;;;AAiBO,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,WAAA,EAAa,WAAU,EAAwB;AACrF,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,MAAM,WAAA,GAAcC,kBAAY,YAAY;AAC1C,IAAA,IAAI;AACF,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,MAAM,EAAE,OAAA,GAAU,EAAA,EAAI,WAAU,GAAK,MAAA,CAAe,WAAW,EAAC;AAChE,MAAA,MAAM,GAAA,GAAA,CAAO,SAAA,IAAa,MAAA,EAAQ,IAAA,EAAK;AACvC,MAAA,MAAM,MAAA,GAAA,CAAU,GAAA,CAAI,UAAA,CAAW,GAAG,CAAA,GAAI,GAAA,GAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAA,EAAI,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACxE,MAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,EAAE,cAAc,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AACzE,MAAA,MAAM,MAAM,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,mBAAmB,MAAM,CAAA,CAAA;AAExD,MAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,EAAK;AAAA,QAChC,WAAA,EAAa,SAAA;AAAA,QACb,OAAA,EAAS,EAAE,cAAA,EAAgB,kBAAA;AAAmB,OAC/C,CAAA;AAED,MAAA,IAAI,SAAS,EAAA,EAAI;AACf,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AACjC,QAAA,MAAA,CAAO,QAAA,CAAS,OAAO,IAAA,CAAK,GAAA;AAAA,MAC9B;AAAA,IACF,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,QAAA,iCACGC,eAAA,EAAA,EAAK,IAAA,EAAK,MAAK,SAAA,EAAU,eAAA,EACxB,QAAA,kBAAAF,cAAA,CAACG,iBAAA,EAAA,EAAM,CAAA,EACT,CAAA;AAAA,MAEF,WAAW,KAAA,IAAS,iBAAA;AAAA,MACpB,iBAAiB,WAAA,IAAe,4DAAA;AAAA,MAChC,UAAA,kBACEH,cAAA,CAACI,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,OAAA,EAAS,WAAA,EAAa,QAAA,EAAU,SAAA,EACvD,QAAA,EAAA,SAAA,GAAY,gBAAA,GAAmB,QAAA,EAClC;AAAA;AAAA,GAEJ;AAEJ;;;;"}

package/dist/StatusBadge-B0_05d2I.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index-C-Lt4Bx_.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+const statusBadgeVariants = index.cva(
+  // Base styles
+  "inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal",
+  {
+    variants: {
+      variant: {
+        success: "bg-accent1Dark text-accent1",
+        warning: "bg-accent6Dark text-accent6",
+        error: "bg-accent2Dark text-accent2",
+        info: "bg-accent5Dark text-accent5",
+        neutral: "bg-surface4 text-neutral4"
+      },
+      size: {
+        sm: "px-1.5 py-0.5 text-ui-xs",
+        md: "px-2 py-1 text-ui-xs",
+        lg: "px-2.5 py-1 text-ui-sm"
+      },
+      withDot: {
+        true: "",
+        false: ""
+      },
+      pulse: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "md",
+      withDot: false,
+      pulse: false
+    }
+  }
+);
+const dotVariants = index.cva("rounded-full", {
+  variants: {
+    variant: {
+      success: "bg-accent1",
+      warning: "bg-accent6",
+      error: "bg-accent2",
+      info: "bg-accent5",
+      neutral: "bg-neutral3"
+    },
+    size: {
+      sm: "w-1 h-1",
+      md: "w-1.5 h-1.5",
+      lg: "w-2 h-2"
+    },
+    pulse: {
+      true: "animate-pulse",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "neutral",
+    size: "md",
+    pulse: false
+  }
+});
+function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_cn.cn(statusBadgeVariants({ variant, size, withDot, pulse }), className), ...props, children: [
+    withDot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: dotVariants({ variant, size, pulse }) }),
+    children
+  ] });
+}
+
+exports.StatusBadge = StatusBadge;
+//# sourceMappingURL=StatusBadge-B0_05d2I.cjs.map

package/dist/StatusBadge-B0_05d2I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge-B0_05d2I.cjs","sources":["../src/ds/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst statusBadgeVariants = cva(\n  // Base styles\n  'inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal',\n  {\n    variants: {\n      variant: {\n        success: 'bg-accent1Dark text-accent1',\n        warning: 'bg-accent6Dark text-accent6',\n        error: 'bg-accent2Dark text-accent2',\n        info: 'bg-accent5Dark text-accent5',\n        neutral: 'bg-surface4 text-neutral4',\n      },\n      size: {\n        sm: 'px-1.5 py-0.5 text-ui-xs',\n        md: 'px-2 py-1 text-ui-xs',\n        lg: 'px-2.5 py-1 text-ui-sm',\n      },\n      withDot: {\n        true: '',\n        false: '',\n      },\n      pulse: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'md',\n      withDot: false,\n      pulse: false,\n    },\n  },\n);\n\nconst dotVariants = cva('rounded-full', {\n  variants: {\n    variant: {\n      success: 'bg-accent1',\n      warning: 'bg-accent6',\n      error: 'bg-accent2',\n      info: 'bg-accent5',\n      neutral: 'bg-neutral3',\n    },\n    size: {\n      sm: 'w-1 h-1',\n      md: 'w-1.5 h-1.5',\n      lg: 'w-2 h-2',\n    },\n    pulse: {\n      true: 'animate-pulse',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'md',\n    pulse: false,\n  },\n});\n\nexport type StatusBadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof statusBadgeVariants> & {\n    children: React.ReactNode;\n  };\n\nexport function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }: StatusBadgeProps) {\n  return (\n    <span className={cn(statusBadgeVariants({ variant, size, withDot, pulse }), className)} {...props}>\n      {withDot && <span className={dotVariants({ variant, size, pulse })} />}\n      {children}\n    </span>\n  );\n}\n"],"names":["cva","jsxs","cn","jsx"],"mappings":";;;;;;AAKA,MAAM,mBAAA,GAAsBA,SAAA;AAAA;AAAA,EAE1B,yHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6BAAA;AAAA,QACT,OAAA,EAAS,6BAAA;AAAA,QACT,KAAA,EAAO,6BAAA;AAAA,QACP,IAAA,EAAM,6BAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAcA,UAAI,cAAA,EAAgB;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAS,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAqB;AAC9G,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAG,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACzF,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAWC,cAAA,CAAC,UAAK,SAAA,EAAW,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,CAAA;AAAA,IACnE;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/StatusBadge-RV2nOf-F.js

@@ -0,0 +1,72 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as cva } from './index-CSm06eOE.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+const statusBadgeVariants = cva(
+  // Base styles
+  "inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal",
+  {
+    variants: {
+      variant: {
+        success: "bg-accent1Dark text-accent1",
+        warning: "bg-accent6Dark text-accent6",
+        error: "bg-accent2Dark text-accent2",
+        info: "bg-accent5Dark text-accent5",
+        neutral: "bg-surface4 text-neutral4"
+      },
+      size: {
+        sm: "px-1.5 py-0.5 text-ui-xs",
+        md: "px-2 py-1 text-ui-xs",
+        lg: "px-2.5 py-1 text-ui-sm"
+      },
+      withDot: {
+        true: "",
+        false: ""
+      },
+      pulse: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "md",
+      withDot: false,
+      pulse: false
+    }
+  }
+);
+const dotVariants = cva("rounded-full", {
+  variants: {
+    variant: {
+      success: "bg-accent1",
+      warning: "bg-accent6",
+      error: "bg-accent2",
+      info: "bg-accent5",
+      neutral: "bg-neutral3"
+    },
+    size: {
+      sm: "w-1 h-1",
+      md: "w-1.5 h-1.5",
+      lg: "w-2 h-2"
+    },
+    pulse: {
+      true: "animate-pulse",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "neutral",
+    size: "md",
+    pulse: false
+  }
+});
+function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(statusBadgeVariants({ variant, size, withDot, pulse }), className), ...props, children: [
+    withDot && /* @__PURE__ */ jsx("span", { className: dotVariants({ variant, size, pulse }) }),
+    children
+  ] });
+}
+
+export { StatusBadge as S };
+//# sourceMappingURL=StatusBadge-RV2nOf-F.js.map

package/dist/StatusBadge-RV2nOf-F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge-RV2nOf-F.js","sources":["../src/ds/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst statusBadgeVariants = cva(\n  // Base styles\n  'inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal',\n  {\n    variants: {\n      variant: {\n        success: 'bg-accent1Dark text-accent1',\n        warning: 'bg-accent6Dark text-accent6',\n        error: 'bg-accent2Dark text-accent2',\n        info: 'bg-accent5Dark text-accent5',\n        neutral: 'bg-surface4 text-neutral4',\n      },\n      size: {\n        sm: 'px-1.5 py-0.5 text-ui-xs',\n        md: 'px-2 py-1 text-ui-xs',\n        lg: 'px-2.5 py-1 text-ui-sm',\n      },\n      withDot: {\n        true: '',\n        false: '',\n      },\n      pulse: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'md',\n      withDot: false,\n      pulse: false,\n    },\n  },\n);\n\nconst dotVariants = cva('rounded-full', {\n  variants: {\n    variant: {\n      success: 'bg-accent1',\n      warning: 'bg-accent6',\n      error: 'bg-accent2',\n      info: 'bg-accent5',\n      neutral: 'bg-neutral3',\n    },\n    size: {\n      sm: 'w-1 h-1',\n      md: 'w-1.5 h-1.5',\n      lg: 'w-2 h-2',\n    },\n    pulse: {\n      true: 'animate-pulse',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'md',\n    pulse: false,\n  },\n});\n\nexport type StatusBadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof statusBadgeVariants> & {\n    children: React.ReactNode;\n  };\n\nexport function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }: StatusBadgeProps) {\n  return (\n    <span className={cn(statusBadgeVariants({ variant, size, withDot, pulse }), className)} {...props}>\n      {withDot && <span className={dotVariants({ variant, size, pulse })} />}\n      {children}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,mBAAA,GAAsB,GAAA;AAAA;AAAA,EAE1B,yHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6BAAA;AAAA,QACT,OAAA,EAAS,6BAAA;AAAA,QACT,KAAA,EAAO,6BAAA;AAAA,QACP,IAAA,EAAM,6BAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAc,IAAI,cAAA,EAAgB;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAS,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAqB;AAC9G,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACzF,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAW,GAAA,CAAC,UAAK,SAAA,EAAW,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,CAAA;AAAA,IACnE;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/Txt-BT8_EkuZ.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+const variants = {
+  // UI text sizes
+  "ui-xs": "text-ui-xs leading-ui-xs",
+  "ui-sm": "text-ui-sm leading-ui-sm",
+  "ui-smd": "text-ui-smd leading-ui-smd",
+  "ui-md": "text-ui-md leading-ui-md",
+  "ui-lg": "text-ui-lg leading-ui-lg",
+  // Header sizes
+  "header-xs": "text-header-xs leading-header-xs",
+  "header-sm": "text-header-sm leading-header-sm",
+  "header-md": "text-header-md leading-header-md",
+  "header-lg": "text-header-lg leading-header-lg",
+  "header-xl": "text-header-xl leading-header-xl"
+};
+const fonts = {
+  mono: "font-mono"
+};
+const Txt = ({ as: Root = "p", className, variant = "ui-md", font, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Root, { className: utils_cn.cn(variants[variant], font && fonts[font], className), ...props });
+};
+
+exports.Txt = Txt;
+//# sourceMappingURL=Txt-BT8_EkuZ.cjs.map

package/dist/Txt-BT8_EkuZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-BT8_EkuZ.cjs","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport type { FontSizes } from '../../tokens';\nimport { cn } from '@/lib/utils';\n\nexport interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';\n  variant?: keyof typeof FontSizes;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst variants = {\n  // UI text sizes\n  'ui-xs': 'text-ui-xs leading-ui-xs',\n  'ui-sm': 'text-ui-sm leading-ui-sm',\n  'ui-smd': 'text-ui-smd leading-ui-smd',\n  'ui-md': 'text-ui-md leading-ui-md',\n  'ui-lg': 'text-ui-lg leading-ui-lg',\n  // Header sizes\n  'header-xs': 'text-header-xs leading-header-xs',\n  'header-sm': 'text-header-sm leading-header-sm',\n  'header-md': 'text-header-md leading-header-md',\n  'header-lg': 'text-header-lg leading-header-lg',\n  'header-xl': 'text-header-xl leading-header-xl',\n};\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'ui-md', font, ...props }: TxtProps) => {\n  return <Root className={cn(variants[variant], font && fonts[font], className)} {...props} />;\n};\n"],"names":["jsx","cn"],"mappings":";;;;;AAeA,MAAM,QAAA,GAAW;AAAA;AAAA,EAEf,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA,EACT,QAAA,EAAU,4BAAA;AAAA,EACV,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA;AAAA,EAET,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa;AACf,CAAA;AAEA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,IAAA,GAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,KAAgB;AACjG,EAAA,uBAAOA,cAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAG,SAAS,OAAO,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC5F;;;;"}

package/dist/Txt-p33XTnu8.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-BakJzhuv.js';
+
+const variants = {
+  // UI text sizes
+  "ui-xs": "text-ui-xs leading-ui-xs",
+  "ui-sm": "text-ui-sm leading-ui-sm",
+  "ui-smd": "text-ui-smd leading-ui-smd",
+  "ui-md": "text-ui-md leading-ui-md",
+  "ui-lg": "text-ui-lg leading-ui-lg",
+  // Header sizes
+  "header-xs": "text-header-xs leading-header-xs",
+  "header-sm": "text-header-sm leading-header-sm",
+  "header-md": "text-header-md leading-header-md",
+  "header-lg": "text-header-lg leading-header-lg",
+  "header-xl": "text-header-xl leading-header-xl"
+};
+const fonts = {
+  mono: "font-mono"
+};
+const Txt = ({ as: Root = "p", className, variant = "ui-md", font, ...props }) => {
+  return /* @__PURE__ */ jsx(Root, { className: cn(variants[variant], font && fonts[font], className), ...props });
+};
+
+export { Txt as T };
+//# sourceMappingURL=Txt-p33XTnu8.js.map

package/dist/Txt-p33XTnu8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Txt-p33XTnu8.js","sources":["../src/ds/components/Txt/Txt.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport type { FontSizes } from '../../tokens';\nimport { cn } from '@/lib/utils';\n\nexport interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';\n  variant?: keyof typeof FontSizes;\n  font?: 'mono';\n  htmlFor?: string;\n  className?: string;\n  title?: string;\n  children?: ReactNode;\n}\n\nconst variants = {\n  // UI text sizes\n  'ui-xs': 'text-ui-xs leading-ui-xs',\n  'ui-sm': 'text-ui-sm leading-ui-sm',\n  'ui-smd': 'text-ui-smd leading-ui-smd',\n  'ui-md': 'text-ui-md leading-ui-md',\n  'ui-lg': 'text-ui-lg leading-ui-lg',\n  // Header sizes\n  'header-xs': 'text-header-xs leading-header-xs',\n  'header-sm': 'text-header-sm leading-header-sm',\n  'header-md': 'text-header-md leading-header-md',\n  'header-lg': 'text-header-lg leading-header-lg',\n  'header-xl': 'text-header-xl leading-header-xl',\n};\n\nconst fonts = {\n  mono: 'font-mono',\n};\n\nexport const Txt = ({ as: Root = 'p', className, variant = 'ui-md', font, ...props }: TxtProps) => {\n  return <Root className={cn(variants[variant], font && fonts[font], className)} {...props} />;\n};\n"],"names":[],"mappings":";;;AAeA,MAAM,QAAA,GAAW;AAAA;AAAA,EAEf,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA,EACT,QAAA,EAAU,4BAAA;AAAA,EACV,OAAA,EAAS,0BAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA;AAAA,EAET,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa,kCAAA;AAAA,EACb,WAAA,EAAa;AACf,CAAA;AAEA,MAAM,KAAA,GAAQ;AAAA,EACZ,IAAA,EAAM;AACR,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,EAAA,EAAI,IAAA,GAAO,GAAA,EAAK,SAAA,EAAW,OAAA,GAAU,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,KAAgB;AACjG,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,SAAS,OAAO,CAAA,EAAG,IAAA,IAAQ,KAAA,CAAM,IAAI,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC5F;;;;"}

package/dist/alert-dialog-BRvoYQwJ.js

@@ -0,0 +1,99 @@
+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-DUxP65eY.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 as A };
+//# sourceMappingURL=alert-dialog-BRvoYQwJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-BRvoYQwJ.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/alert-dialog-k5-YzF6v.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+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-Bj667lJx.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);
+
+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=alert-dialog-k5-YzF6v.cjs.map

package/dist/alert-dialog-k5-YzF6v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-k5-YzF6v.cjs","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/brand-loader-0aIhKY-b.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+require('./brand-loader.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;
+//# sourceMappingURL=brand-loader-0aIhKY-b.cjs.map

package/dist/brand-loader-0aIhKY-b.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-loader-0aIhKY-b.cjs","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":";;;;;;AAYA,MAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGA,MAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGA,MAAM,YAAA,GAAe;AAAA,EACnB,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI,GAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,IAAA,GAAO,MAAM,YAAA,EAAc,SAAA,GAAY,WAAU,EAAqB;AACtG,EAAA,MAAM,UAAUA,WAAA,EAAM;AACtB,EAAA,MAAM,WAAW,CAAA,aAAA,EAAgB,OAAA,CAAQ,OAAA,CAAQ,iBAAA,EAAmB,EAAE,CAAC,CAAA,CAAA;AACvE,EAAA,MAAM,CAAA,GAAI,aAAa,IAAI,CAAA;AAE3B,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAY,SAAA;AAAA,MACZ,WAAWC,WAAA,CAAG,yCAAA,EAA2C,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,MACrF,OAAO,EAAE,CAAC,uBAAiC,GAAG,YAAA,CAAa,IAAI,CAAA,EAAE;AAAA,MAEjE,0CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,8BAA6B,OAAA,EAAQ,WAAA,EAAY,eAAY,MAAA,EACtE,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,MAAA,EAAA,EAEC,QAAA,kBAAAE,eAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAI,QAAA,EAAU,CAAA,EAAE,KAAA,EAAM,CAAA,EAAE,KAAA,EAAM,KAAA,EAAM,MAAA,EAAO,MAAA,EAAO,MAAA,EAExD,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAG,eAAA,EAAgB,YAAA,EAAa,KAAA,EAAM,CAAA;AAAA,0BAKtDA,cAAA,CAAC,eAAA,EAAA,EAAc,MAAA,EAAO,gDAAA,EAAiD;AAAA,SAAA,EACzE,CAAA,EACF,CAAA;AAAA,wBACAE,eAAA,CAAC,GAAA,EAAA,EAAE,MAAA,EAAQ,CAAA,KAAA,EAAQ,QAAQ,CAAA,CAAA,CAAA,EACzB,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,EAAA,EAAG,QAAA,EAAS,IAAG,OAAA,EAAQ,EAAA,EAAG,QAAA,EAAS,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,0BACnFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,EAAA,EAAG,QAAA,EAAS,EAAA,EAAG,QAAA,EAAS,EAAA,EAAG,QAAA,EAAS,EAAA,EAAG,MAAA,EAAO,CAAA;AAAA,0BAClFA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAoB,EAAA,EAAG,QAAA,EAAS,EAAA,EAAG,MAAA,EAAO,EAAA,EAAG,OAAA,EAAQ,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,0BACjFA,cAAA,CAAC,YAAO,SAAA,EAAU,iBAAA,EAAkB,IAAG,OAAA,EAAQ,EAAA,EAAG,UAAS,CAAA,EAAM,CAAA;AAAA,0BACjEA,cAAA,CAAC,YAAO,SAAA,EAAU,iBAAA,EAAkB,IAAG,QAAA,EAAS,EAAA,EAAG,SAAQ,CAAA,EAAM,CAAA;AAAA,0BACjEA,cAAA,CAAC,YAAO,SAAA,EAAU,iBAAA,EAAkB,IAAG,QAAA,EAAS,EAAA,EAAG,UAAS,CAAA,EAAM,CAAA;AAAA,0BAClEA,cAAA,CAAC,YAAO,SAAA,EAAU,iBAAA,EAAkB,IAAG,QAAA,EAAS,EAAA,EAAG,QAAO,CAAA,EAAM,CAAA;AAAA,0BAChEA,cAAA,CAAC,YAAO,SAAA,EAAU,iBAAA,EAAkB,IAAG,OAAA,EAAQ,EAAA,EAAG,UAAS,CAAA,EAAM;AAAA,SAAA,EACnE;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;;;;"}