@mastra/playground-ui 42.0.0-alpha.4 → 42.0.0-alpha.8

package/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @mastra/playground-ui
 
+## 42.0.0-alpha.8
+
+### Patch Changes
+
+- dependencies updates: ([#19388](https://github.com/mastra-ai/mastra/pull/19388))
+  - Updated dependency [`prettier@^3.9.5` ↗︎](https://www.npmjs.com/package/prettier/v/3.9.5) (from `^3.8.3`, in `dependencies`)
+- Updated dependencies [[`3b77e77`](https://github.com/mastra-ai/mastra/commit/3b77e7704936522e4769d29de1b5ea6901f302bd), [`6b1bf3b`](https://github.com/mastra-ai/mastra/commit/6b1bf3b9494bd51aa8f654c68c9355d6046fa2a1), [`72e437c`](https://github.com/mastra-ai/mastra/commit/72e437c515942c80b9def5b026e0bdee61b469d9)]:
+  - @mastra/core@1.52.0-alpha.8
+  - @mastra/client-js@1.33.0-alpha.8
+  - @mastra/react@1.2.6-alpha.8
+
+## 42.0.0-alpha.7
+
+### Patch Changes
+
+- Updated dependencies [[`b7e79c3`](https://github.com/mastra-ai/mastra/commit/b7e79c3c02ac5cd415db34ba0975ceafc1464333), [`b75d749`](https://github.com/mastra-ai/mastra/commit/b75d749621ff5d17e86bcb4ee809d301fb4f7cf3), [`a8799bb`](https://github.com/mastra-ai/mastra/commit/a8799bb8e44f4a60d01e4e2acd3448ff80bf14f8)]:
+  - @mastra/core@1.52.0-alpha.7
+  - @mastra/client-js@1.33.0-alpha.7
+  - @mastra/react@1.2.6-alpha.7
+
+## 42.0.0-alpha.6
+
+### Patch Changes
+
+- Updated dependencies [[`a40adeb`](https://github.com/mastra-ai/mastra/commit/a40adeb222b961a56a58af56a106106525721b74), [`821648b`](https://github.com/mastra-ai/mastra/commit/821648bf2871ef840100c7bacbecf676010bd12a), [`11f6cd9`](https://github.com/mastra-ai/mastra/commit/11f6cd96fe42582403416608beb212cc1a2cc79e)]:
+  - @mastra/core@1.52.0-alpha.6
+  - @mastra/client-js@1.33.0-alpha.6
+  - @mastra/react@1.2.6-alpha.6
+
+## 42.0.0-alpha.5
+
+### Minor Changes
+
+- Added reusable Ask User and Task List components for agent interfaces. ([#19624](https://github.com/mastra-ai/mastra/pull/19624))
+
+### Patch Changes
+
+- Fixed named form fields adding a second page scrollbar inside app scroll containers. ([#19617](https://github.com/mastra-ai/mastra/pull/19617))
+
+- Updated dependencies [[`ec857fc`](https://github.com/mastra-ai/mastra/commit/ec857fc79c264b53b38e16478c789b7177f2ad59), [`e1f2fae`](https://github.com/mastra-ai/mastra/commit/e1f2faebaf048c3d4c2e2c01d293767c195d5794), [`63aa799`](https://github.com/mastra-ai/mastra/commit/63aa799c6b44eacc7806cda6846b7c5bbee06b37), [`73db8db`](https://github.com/mastra-ai/mastra/commit/73db8db90d69ab6153c7942749f624db0d96952d), [`73db8db`](https://github.com/mastra-ai/mastra/commit/73db8db90d69ab6153c7942749f624db0d96952d), [`76b7181`](https://github.com/mastra-ai/mastra/commit/76b71810366e6d90b9d3973149d1c7ba3659ffb9), [`0c0e8d7`](https://github.com/mastra-ai/mastra/commit/0c0e8d7becd4d1445c656b78d5d845f606c1ff9d), [`39c6753`](https://github.com/mastra-ai/mastra/commit/39c6753788a8d17278531b3381eb508747495b67), [`39c6753`](https://github.com/mastra-ai/mastra/commit/39c6753788a8d17278531b3381eb508747495b67), [`9f7c67a`](https://github.com/mastra-ai/mastra/commit/9f7c67abeeb52c41c51a9b5edee60b62afe7cd8d), [`0c52047`](https://github.com/mastra-ai/mastra/commit/0c520470a4547666156b2f18eb794eb8bd2676c8), [`3b65e68`](https://github.com/mastra-ai/mastra/commit/3b65e68d7f1c771c7a70eea42d83fefdd28cad88), [`e3868e2`](https://github.com/mastra-ai/mastra/commit/e3868e22babfffd0133771669ca724501c2dd58e)]:
+  - @mastra/core@1.52.0-alpha.5
+  - @mastra/react@1.2.6-alpha.5
+  - @mastra/client-js@1.33.0-alpha.5
+  - @mastra/memory@1.23.1-alpha.1
+
 ## 42.0.0-alpha.4
 
 ### Patch Changes

package/dist/Card-BOmiCU4T.js

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cva } from './index-CSm06eOE.js';
+import * as React from 'react';
+import { c as cn } from './cn-BakJzhuv.js';
+
+const cardVariants = cva(
+  // Base styles
+  "duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom",
+  {
+    variants: {
+      elevation: {
+        flat: "",
+        raised: "shadow-card",
+        elevated: "shadow-elevated"
+      },
+      interactive: {
+        true: "active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      elevation: "flat",
+      interactive: false
+    }
+  }
+);
+const Card = React.forwardRef(
+  ({ className, elevation, interactive, as, ...props }, ref) => {
+    const Component = as || "div";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(cardVariants({ elevation, interactive }), className),
+        role: interactive ? "button" : void 0,
+        tabIndex: interactive ? 0 : void 0,
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-4 pb-0", className), ...props }));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn("text-ui-md leading-none font-semibold tracking-tight text-neutral6", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4", className), ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-4 pt-0", className), ...props }));
+CardFooter.displayName = "CardFooter";
+
+export { Card as C, CardContent as a, CardDescription as b, CardFooter as c, CardHeader as d, CardTitle as e };
+//# sourceMappingURL=Card-BOmiCU4T.js.map

package/dist/Card-BOmiCU4T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-BOmiCU4T.js","sources":["../src/ds/components/Card/Card.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 cardVariants = cva(\n  // Base styles\n  'duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom',\n  {\n    variants: {\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-4 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md leading-none font-semibold tracking-tight text-neutral6', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />,\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4', className)} {...props} />\n));\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-4 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,GAAA;AAAA;AAAA,EAEnB,6FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,EAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,yEAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,MAAA;AAAA,MACX,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAOO,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,aAAa,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,WAAW,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,QACjE,IAAA,EAAM,cAAc,QAAA,GAAW,MAAA;AAAA,QAC/B,QAAA,EAAU,cAAc,CAAA,GAAI,MAAA;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAKZ,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,OAAO,CAC3F;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAKlB,MAAM,SAAA,GAAY,MAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACtG,GAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAKjB,MAAM,kBAAkB,KAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQ,GAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAClH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAKvB,MAAM,WAAA,GAAc,MAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACrG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,OAAO,CAC5D;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,OAAO,CACnF;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/Card-CHeBhO_f.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index-C-Lt4Bx_.cjs');
+const React = require('react');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+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 cardVariants = index.cva(
+  // Base styles
+  "duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom",
+  {
+    variants: {
+      elevation: {
+        flat: "",
+        raised: "shadow-card",
+        elevated: "shadow-elevated"
+      },
+      interactive: {
+        true: "active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      elevation: "flat",
+      interactive: false
+    }
+  }
+);
+const Card = React__namespace.forwardRef(
+  ({ className, elevation, interactive, as, ...props }, ref) => {
+    const Component = as || "div";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: utils_cn.cn(cardVariants({ elevation, interactive }), className),
+        role: interactive ? "button" : void 0,
+        tabIndex: interactive ? 0 : void 0,
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("flex flex-col space-y-1.5 p-4 pb-0", className), ...props }));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h3",
+  {
+    ref,
+    className: utils_cn.cn("text-ui-md leading-none font-semibold tracking-tight text-neutral6", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+const CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("p-4", className), ...props }));
+CardContent.displayName = "CardContent";
+const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("flex items-center p-4 pt-0", className), ...props }));
+CardFooter.displayName = "CardFooter";
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+//# sourceMappingURL=Card-CHeBhO_f.cjs.map

package/dist/Card-CHeBhO_f.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CHeBhO_f.cjs","sources":["../src/ds/components/Card/Card.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 cardVariants = cva(\n  // Base styles\n  'duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom',\n  {\n    variants: {\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-4 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md leading-none font-semibold tracking-tight text-neutral6', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />,\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4', className)} {...props} />\n));\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-4 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,SAAA;AAAA;AAAA,EAEnB,6FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,EAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,yEAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,MAAA;AAAA,MACX,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAOO,MAAM,OAAOC,gBAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,aAAa,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,YAAG,YAAA,CAAa,EAAE,WAAW,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,QACjE,IAAA,EAAM,cAAc,QAAA,GAAW,MAAA;AAAA,QAC/B,QAAA,EAAU,cAAc,CAAA,GAAI,MAAA;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAKZ,MAAM,UAAA,GAAaF,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,WAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,OAAO,CAC3F;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAKlB,MAAM,SAAA,GAAYF,iBAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACtGC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,WAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAKjB,MAAM,kBAAkBF,gBAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQC,cAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAWC,WAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAClH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAKvB,MAAM,WAAA,GAAcF,iBAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACrG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,WAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,OAAO,CAC5D;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,MAAM,UAAA,GAAaF,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,WAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,OAAO,CACnF;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;;;;;;"}

package/dist/{buttons-group-b6an6uao.js → buttons-group-DJh4wnMs.js}

@@ -123,9 +123,9 @@ const ButtonsGroupSeparator = React.forwardRef(
 ButtonsGroupSeparator.displayName = "ButtonsGroupSeparator";
 const buttonsGroupTextVariants = cva(
   cn(
-    "inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none",
-    "rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0",
-    "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50"
+    "inline-flex items-center justify-center border border-border1 bg-surface3 text-neutral5 select-none",
+    "shrink-0 gap-[.75em] rounded-full px-[1em] whitespace-nowrap",
+    "[&>svg]:size-[1.1em] [&>svg]:opacity-50"
   ),
   {
     variants: {
@@ -158,4 +158,4 @@ const ButtonsGroupText = React.forwardRef(
 ButtonsGroupText.displayName = "ButtonsGroupText";
 
 export { ButtonsGroup as B, ButtonsGroupSeparator as a, ButtonsGroupText as b, buttonsGroupVariants as c };
-//# sourceMappingURL=buttons-group-b6an6uao.js.map
+//# sourceMappingURL=buttons-group-DJh4wnMs.js.map

package/dist/{buttons-group-b6an6uao.js.map → buttons-group-DJh4wnMs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"buttons-group-b6an6uao.js","sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nconst ButtonsGroupOrientationContext = React.createContext<Orientation>('horizontal');\n\nconst buttonsGroupVariants = cva(\n  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a\n  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT\n  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise\n  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested\n  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,\n  // which is the wanted behaviour for a field.\n  cn(\n    'flex',\n    '[&>*:hover]:relative [&>*:hover]:z-10',\n    '[&>*:focus-visible]:relative [&>*:focus-visible]:z-10',\n    '[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10',\n  ),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row items-center',\n        vertical: 'flex-col items-stretch',\n      },\n      spacing: {\n        default: 'gap-2',\n        close: 'gap-0',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        spacing: 'close',\n        // Flatten inner corners. A segment rounds its right edge off having a *real* segment\n        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent\n        // `+`). This survives non-segment children that frameworks inject between/around the\n        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually\n        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)\n        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam\n        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.\n        className: cn(\n          '[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none',\n          '[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none',\n          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled\n          // segments (opaque bg: default/primary buttons, the text chip) keep their own\n          // border — the bg hides the neighbour's. Transparent/outline segments null their\n          // left border at rest (so the neighbour's shows without doubling) and reveal it on\n          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent',\n          // `primary` is filled but borderless — give it (only) an inset-shadow divider.\n          '[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]',\n          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]',\n          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,\n          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).\n          '[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none',\n          '[&>input]:flex-1',\n        ),\n      },\n      {\n        orientation: 'vertical',\n        spacing: 'close',\n        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and\n        // flatten the touching ones. Unlike the horizontal block, these use plain structural\n        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical\n        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu\n        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.\n        className: cn(\n          '[&>*:not(:last-child)]:rounded-b-none',\n          '[&>*:not(:first-child)]:rounded-t-none',\n          '[&>:first-child]:rounded-t-xl',\n          '[&>:last-child]:rounded-b-xl',\n          '[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent',\n          '[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]',\n          '[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      spacing: 'default',\n    },\n  },\n);\n\n// Derive variant types from cva (single source of truth) and strip `null` that cva injects.\ntype ButtonsGroupVariantsProps = VariantProps<typeof buttonsGroupVariants>;\nexport type ButtonsGroupSpacing = NonNullable<ButtonsGroupVariantsProps['spacing']>;\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  spacing?: ButtonsGroupSpacing;\n};\n\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', spacing = 'default', ...props }, ref) => {\n    return (\n      <ButtonsGroupOrientationContext.Provider value={orientation}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          className={cn(buttonsGroupVariants({ orientation, spacing }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ButtonsGroupOrientationContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\nexport type ButtonsGroupSeparatorProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n};\n\nexport const ButtonsGroupSeparator = React.forwardRef<HTMLDivElement, ButtonsGroupSeparatorProps>(\n  ({ className, orientation, ...props }, ref) => {\n    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);\n    // Separator runs perpendicular to the group flow by default.\n    const resolved = orientation ?? (parentOrientation === 'vertical' ? 'horizontal' : 'vertical');\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={resolved}\n        data-slot=\"buttons-group-separator\"\n        className={cn('self-stretch bg-border1', resolved === 'vertical' ? 'w-px' : 'h-px', className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupSeparator.displayName = 'ButtonsGroupSeparator';\n\nconst buttonsGroupTextVariants = cva(\n  cn(\n    'inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none',\n    'rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0',\n    '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50',\n  ),\n  {\n    variants: {\n      size: {\n        xs: controlSizeClasses.xs,\n        sm: controlSizeClasses.sm,\n        md: controlSizeClasses.md,\n        default: controlSizeClasses.default,\n        lg: controlSizeClasses.lg,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, size = 'default', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"buttons-group-text\"\n        className={cn(buttonsGroupTextVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n\nexport { buttonsGroupVariants };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"buttons-group-DJh4wnMs.js","sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nconst ButtonsGroupOrientationContext = React.createContext<Orientation>('horizontal');\n\nconst buttonsGroupVariants = cva(\n  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a\n  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT\n  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise\n  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested\n  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,\n  // which is the wanted behaviour for a field.\n  cn(\n    'flex',\n    '[&>*:hover]:relative [&>*:hover]:z-10',\n    '[&>*:focus-visible]:relative [&>*:focus-visible]:z-10',\n    '[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10',\n  ),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row items-center',\n        vertical: 'flex-col items-stretch',\n      },\n      spacing: {\n        default: 'gap-2',\n        close: 'gap-0',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        spacing: 'close',\n        // Flatten inner corners. A segment rounds its right edge off having a *real* segment\n        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent\n        // `+`). This survives non-segment children that frameworks inject between/around the\n        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually\n        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)\n        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam\n        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.\n        className: cn(\n          '[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none',\n          '[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none',\n          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled\n          // segments (opaque bg: default/primary buttons, the text chip) keep their own\n          // border — the bg hides the neighbour's. Transparent/outline segments null their\n          // left border at rest (so the neighbour's shows without doubling) and reveal it on\n          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent',\n          // `primary` is filled but borderless — give it (only) an inset-shadow divider.\n          '[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]',\n          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]',\n          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,\n          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).\n          '[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none',\n          '[&>input]:flex-1',\n        ),\n      },\n      {\n        orientation: 'vertical',\n        spacing: 'close',\n        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and\n        // flatten the touching ones. Unlike the horizontal block, these use plain structural\n        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical\n        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu\n        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.\n        className: cn(\n          '[&>*:not(:last-child)]:rounded-b-none',\n          '[&>*:not(:first-child)]:rounded-t-none',\n          '[&>:first-child]:rounded-t-xl',\n          '[&>:last-child]:rounded-b-xl',\n          '[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent',\n          '[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]',\n          '[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      spacing: 'default',\n    },\n  },\n);\n\n// Derive variant types from cva (single source of truth) and strip `null` that cva injects.\ntype ButtonsGroupVariantsProps = VariantProps<typeof buttonsGroupVariants>;\nexport type ButtonsGroupSpacing = NonNullable<ButtonsGroupVariantsProps['spacing']>;\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  spacing?: ButtonsGroupSpacing;\n};\n\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', spacing = 'default', ...props }, ref) => {\n    return (\n      <ButtonsGroupOrientationContext.Provider value={orientation}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          className={cn(buttonsGroupVariants({ orientation, spacing }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ButtonsGroupOrientationContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\nexport type ButtonsGroupSeparatorProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n};\n\nexport const ButtonsGroupSeparator = React.forwardRef<HTMLDivElement, ButtonsGroupSeparatorProps>(\n  ({ className, orientation, ...props }, ref) => {\n    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);\n    // Separator runs perpendicular to the group flow by default.\n    const resolved = orientation ?? (parentOrientation === 'vertical' ? 'horizontal' : 'vertical');\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={resolved}\n        data-slot=\"buttons-group-separator\"\n        className={cn('self-stretch bg-border1', resolved === 'vertical' ? 'w-px' : 'h-px', className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupSeparator.displayName = 'ButtonsGroupSeparator';\n\nconst buttonsGroupTextVariants = cva(\n  cn(\n    'inline-flex items-center justify-center border border-border1 bg-surface3 text-neutral5 select-none',\n    'shrink-0 gap-[.75em] rounded-full px-[1em] whitespace-nowrap',\n    '[&>svg]:size-[1.1em] [&>svg]:opacity-50',\n  ),\n  {\n    variants: {\n      size: {\n        xs: controlSizeClasses.xs,\n        sm: controlSizeClasses.sm,\n        md: controlSizeClasses.md,\n        default: controlSizeClasses.default,\n        lg: controlSizeClasses.lg,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, size = 'default', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"buttons-group-text\"\n        className={cn(buttonsGroupTextVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n\nexport { buttonsGroupVariants };\n"],"names":[],"mappings":"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"}

package/dist/{buttons-group-C0fJastT.cjs → buttons-group-Dw8Wu4sj.cjs}

@@ -144,9 +144,9 @@ const ButtonsGroupSeparator = React__namespace.forwardRef(
 ButtonsGroupSeparator.displayName = "ButtonsGroupSeparator";
 const buttonsGroupTextVariants = index.cva(
   utils_cn.cn(
-    "inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none",
-    "rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0",
-    "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50"
+    "inline-flex items-center justify-center border border-border1 bg-surface3 text-neutral5 select-none",
+    "shrink-0 gap-[.75em] rounded-full px-[1em] whitespace-nowrap",
+    "[&>svg]:size-[1.1em] [&>svg]:opacity-50"
   ),
   {
     variants: {
@@ -182,4 +182,4 @@ exports.ButtonsGroup = ButtonsGroup;
 exports.ButtonsGroupSeparator = ButtonsGroupSeparator;
 exports.ButtonsGroupText = ButtonsGroupText;
 exports.buttonsGroupVariants = buttonsGroupVariants;
-//# sourceMappingURL=buttons-group-C0fJastT.cjs.map
+//# sourceMappingURL=buttons-group-Dw8Wu4sj.cjs.map

package/dist/{buttons-group-C0fJastT.cjs.map → buttons-group-Dw8Wu4sj.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"buttons-group-C0fJastT.cjs","sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nconst ButtonsGroupOrientationContext = React.createContext<Orientation>('horizontal');\n\nconst buttonsGroupVariants = cva(\n  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a\n  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT\n  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise\n  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested\n  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,\n  // which is the wanted behaviour for a field.\n  cn(\n    'flex',\n    '[&>*:hover]:relative [&>*:hover]:z-10',\n    '[&>*:focus-visible]:relative [&>*:focus-visible]:z-10',\n    '[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10',\n  ),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row items-center',\n        vertical: 'flex-col items-stretch',\n      },\n      spacing: {\n        default: 'gap-2',\n        close: 'gap-0',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        spacing: 'close',\n        // Flatten inner corners. A segment rounds its right edge off having a *real* segment\n        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent\n        // `+`). This survives non-segment children that frameworks inject between/around the\n        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually\n        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)\n        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam\n        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.\n        className: cn(\n          '[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none',\n          '[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none',\n          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled\n          // segments (opaque bg: default/primary buttons, the text chip) keep their own\n          // border — the bg hides the neighbour's. Transparent/outline segments null their\n          // left border at rest (so the neighbour's shows without doubling) and reveal it on\n          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent',\n          // `primary` is filled but borderless — give it (only) an inset-shadow divider.\n          '[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]',\n          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]',\n          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,\n          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).\n          '[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none',\n          '[&>input]:flex-1',\n        ),\n      },\n      {\n        orientation: 'vertical',\n        spacing: 'close',\n        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and\n        // flatten the touching ones. Unlike the horizontal block, these use plain structural\n        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical\n        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu\n        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.\n        className: cn(\n          '[&>*:not(:last-child)]:rounded-b-none',\n          '[&>*:not(:first-child)]:rounded-t-none',\n          '[&>:first-child]:rounded-t-xl',\n          '[&>:last-child]:rounded-b-xl',\n          '[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent',\n          '[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]',\n          '[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      spacing: 'default',\n    },\n  },\n);\n\n// Derive variant types from cva (single source of truth) and strip `null` that cva injects.\ntype ButtonsGroupVariantsProps = VariantProps<typeof buttonsGroupVariants>;\nexport type ButtonsGroupSpacing = NonNullable<ButtonsGroupVariantsProps['spacing']>;\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  spacing?: ButtonsGroupSpacing;\n};\n\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', spacing = 'default', ...props }, ref) => {\n    return (\n      <ButtonsGroupOrientationContext.Provider value={orientation}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          className={cn(buttonsGroupVariants({ orientation, spacing }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ButtonsGroupOrientationContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\nexport type ButtonsGroupSeparatorProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n};\n\nexport const ButtonsGroupSeparator = React.forwardRef<HTMLDivElement, ButtonsGroupSeparatorProps>(\n  ({ className, orientation, ...props }, ref) => {\n    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);\n    // Separator runs perpendicular to the group flow by default.\n    const resolved = orientation ?? (parentOrientation === 'vertical' ? 'horizontal' : 'vertical');\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={resolved}\n        data-slot=\"buttons-group-separator\"\n        className={cn('self-stretch bg-border1', resolved === 'vertical' ? 'w-px' : 'h-px', className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupSeparator.displayName = 'ButtonsGroupSeparator';\n\nconst buttonsGroupTextVariants = cva(\n  cn(\n    'inline-flex items-center justify-center bg-surface3 border border-border1 text-neutral5 select-none',\n    'rounded-full gap-[.75em] px-[1em] whitespace-nowrap shrink-0',\n    '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-50',\n  ),\n  {\n    variants: {\n      size: {\n        xs: controlSizeClasses.xs,\n        sm: controlSizeClasses.sm,\n        md: controlSizeClasses.md,\n        default: controlSizeClasses.default,\n        lg: controlSizeClasses.lg,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, size = 'default', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"buttons-group-text\"\n        className={cn(buttonsGroupTextVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n\nexport { buttonsGroupVariants };\n"],"names":["React","cva","cn","jsx","controlSizeClasses"],"mappings":"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"}
+{"version":3,"file":"buttons-group-Dw8Wu4sj.cjs","sources":["../src/ds/components/ButtonsGroup/buttons-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\nconst ButtonsGroupOrientationContext = React.createContext<Orientation>('horizontal');\n\nconst buttonsGroupVariants = cva(\n  // Lift the hovered/focused segment so its full border paints over the collapsed seam (else a\n  // neighbour clips a side / the seam ignores the active colour). Use `:focus-visible`, NOT\n  // `:focus-within`: a mouse click leaves a plain `:focus` on a button, which would otherwise\n  // keep its seam border highlighted until blur. `:has(:focus-visible)` covers a nested\n  // focusable (the <input> inside an InputGroup); text inputs match :focus-visible on click too,\n  // which is the wanted behaviour for a field.\n  cn(\n    'flex',\n    '[&>*:hover]:relative [&>*:hover]:z-10',\n    '[&>*:focus-visible]:relative [&>*:focus-visible]:z-10',\n    '[&>*:has(:focus-visible)]:relative [&>*:has(:focus-visible)]:z-10',\n  ),\n  {\n    variants: {\n      orientation: {\n        horizontal: 'flex-row items-center',\n        vertical: 'flex-col items-stretch',\n      },\n      spacing: {\n        default: 'gap-2',\n        close: 'gap-0',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        spacing: 'close',\n        // Flatten inner corners. A segment rounds its right edge off having a *real* segment\n        // somewhere after it (general sibling `~`, not `:not(:last-child)` and not adjacent\n        // `+`). This survives non-segment children that frameworks inject between/around the\n        // real ones: Base UI's trailing `<input aria-hidden>` (Select), and the visually\n        // -hidden focus guards (`[data-base-ui-focus-guard]`) + positioner anchor (`[aria-owns]`)\n        // a Menu/Popover inserts while OPEN — without this a DropdownMenu split-button seam\n        // breaks the moment the menu opens. The same ignore-list is applied to every seam rule.\n        className: cn(\n          '[&>*:has(~_*:not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]))]:rounded-r-none',\n          '[&>*:not(:first-child):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns])]:rounded-l-none',\n          // One-line seam: `-ml-px` overlaps adjacent borders onto the same pixel. Filled\n          // segments (opaque bg: default/primary buttons, the text chip) keep their own\n          // border — the bg hides the neighbour's. Transparent/outline segments null their\n          // left border at rest (so the neighbour's shows without doubling) and reveal it on\n          // hover / keyboard-focus, where the z-10 lift paints the complete border on top.\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child)]:-ml-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not([aria-hidden=true]):not([data-base-ui-focus-guard]):not([aria-owns]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-l-transparent',\n          // `primary` is filled but borderless — give it (only) an inset-shadow divider.\n          '[&>[data-variant=primary]:not([aria-hidden=true]):not(:first-child)]:shadow-[inset_1px_0_0_0_var(--color-border1)]',\n          // Animate only colour/bg so the seam + ring snap (no fade desynced from the z-10 drop).\n          '[&>*:not([data-slot=buttons-group-separator]):not([aria-hidden=true])]:transition-[color,background-color]',\n          // Group owns sizing (no consumer width classes): fill on flex/InputGroup/input,\n          // content-width on a Select trigger (descendant rule beats the trigger's `w-full`).\n          '[&>[data-slot=select-trigger]]:w-fit [&>[data-slot=select-trigger]]:flex-none',\n          '[&>input]:flex-1',\n        ),\n      },\n      {\n        orientation: 'vertical',\n        spacing: 'close',\n        // Children are capsules (rounded-full); re-round the outer ends to rounded-xl and\n        // flatten the touching ones. Unlike the horizontal block, these use plain structural\n        // selectors (no aria-hidden / data-base-ui-focus-guard / aria-owns ignore-list): vertical\n        // close-spacing is only used with plain buttons, so it never hosts a Select/DropdownMenu\n        // that injects guard siblings. Mirror the horizontal ignore-list here if one ever does.\n        className: cn(\n          '[&>*:not(:last-child)]:rounded-b-none',\n          '[&>*:not(:first-child)]:rounded-t-none',\n          '[&>:first-child]:rounded-t-xl',\n          '[&>:last-child]:rounded-b-xl',\n          '[&>*:not([data-slot=buttons-group-separator]):not(:first-child)]:-mt-px',\n          '[&>*:not([data-slot=buttons-group-separator]):not([data-slot=buttons-group-text]):not([data-variant=default]):not([data-variant=primary]):not(:first-child):not(:hover):not(:focus-visible):not(:has(:focus-visible))]:border-t-transparent',\n          '[&>[data-variant=primary]:not(:first-child)]:shadow-[inset_0_1px_0_0_var(--color-border1)]',\n          '[&>*:not([data-slot=buttons-group-separator])]:transition-[color,background-color]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      spacing: 'default',\n    },\n  },\n);\n\n// Derive variant types from cva (single source of truth) and strip `null` that cva injects.\ntype ButtonsGroupVariantsProps = VariantProps<typeof buttonsGroupVariants>;\nexport type ButtonsGroupSpacing = NonNullable<ButtonsGroupVariantsProps['spacing']>;\n\nexport type ButtonsGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n  spacing?: ButtonsGroupSpacing;\n};\n\nexport const ButtonsGroup = React.forwardRef<HTMLDivElement, ButtonsGroupProps>(\n  ({ children, className, orientation = 'horizontal', spacing = 'default', ...props }, ref) => {\n    return (\n      <ButtonsGroupOrientationContext.Provider value={orientation}>\n        <div\n          ref={ref}\n          role=\"group\"\n          data-slot=\"buttons-group\"\n          data-orientation={orientation}\n          className={cn(buttonsGroupVariants({ orientation, spacing }), className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </ButtonsGroupOrientationContext.Provider>\n    );\n  },\n);\nButtonsGroup.displayName = 'ButtonsGroup';\n\nexport type ButtonsGroupSeparatorProps = React.ComponentPropsWithoutRef<'div'> & {\n  orientation?: Orientation;\n};\n\nexport const ButtonsGroupSeparator = React.forwardRef<HTMLDivElement, ButtonsGroupSeparatorProps>(\n  ({ className, orientation, ...props }, ref) => {\n    const parentOrientation = React.useContext(ButtonsGroupOrientationContext);\n    // Separator runs perpendicular to the group flow by default.\n    const resolved = orientation ?? (parentOrientation === 'vertical' ? 'horizontal' : 'vertical');\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-orientation={resolved}\n        data-slot=\"buttons-group-separator\"\n        className={cn('self-stretch bg-border1', resolved === 'vertical' ? 'w-px' : 'h-px', className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupSeparator.displayName = 'ButtonsGroupSeparator';\n\nconst buttonsGroupTextVariants = cva(\n  cn(\n    'inline-flex items-center justify-center border border-border1 bg-surface3 text-neutral5 select-none',\n    'shrink-0 gap-[.75em] rounded-full px-[1em] whitespace-nowrap',\n    '[&>svg]:size-[1.1em] [&>svg]:opacity-50',\n  ),\n  {\n    variants: {\n      size: {\n        xs: controlSizeClasses.xs,\n        sm: controlSizeClasses.sm,\n        md: controlSizeClasses.md,\n        default: controlSizeClasses.default,\n        lg: controlSizeClasses.lg,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonsGroupTextProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nexport const ButtonsGroupText = React.forwardRef<HTMLDivElement, ButtonsGroupTextProps>(\n  ({ className, size = 'default', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot=\"buttons-group-text\"\n        className={cn(buttonsGroupTextVariants({ size }), className)}\n        {...props}\n      />\n    );\n  },\n);\nButtonsGroupText.displayName = 'ButtonsGroupText';\n\nexport { buttonsGroupVariants };\n"],"names":["React","cva","cn","jsx","controlSizeClasses"],"mappings":"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"}

package/dist/components/ButtonsGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const buttonsGroup = require('../buttons-group-C0fJastT.cjs');
+const buttonsGroup = require('../buttons-group-Dw8Wu4sj.cjs');
 
 
 

package/dist/components/ButtonsGroup.es.js

@@ -1,2 +1,2 @@
-export { B as ButtonsGroup, a as ButtonsGroupSeparator, b as ButtonsGroupText, c as buttonsGroupVariants } from '../buttons-group-b6an6uao.js';
+export { B as ButtonsGroup, a as ButtonsGroupSeparator, b as ButtonsGroupText, c as buttonsGroupVariants } from '../buttons-group-DJh4wnMs.js';
 //# sourceMappingURL=ButtonsGroup.es.js.map

package/dist/components/Card.cjs.js

@@ -2,91 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('../index-C-Lt4Bx_.cjs');
-const React = require('react');
-const utils_cn = require('../cn-vA5sWo9W.cjs');
+const Card = require('../Card-CHeBhO_f.cjs');
 
-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 cardVariants = index.cva(
-  // Base styles
-  "duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom",
-  {
-    variants: {
-      elevation: {
-        flat: "",
-        raised: "shadow-card",
-        elevated: "shadow-elevated"
-      },
-      interactive: {
-        true: "active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      elevation: "flat",
-      interactive: false
-    }
-  }
-);
-const Card = React__namespace.forwardRef(
-  ({ className, elevation, interactive, as, ...props }, ref) => {
-    const Component = as || "div";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: utils_cn.cn(cardVariants({ elevation, interactive }), className),
-        role: interactive ? "button" : void 0,
-        tabIndex: interactive ? 0 : void 0,
-        ...props
-      }
-    );
-  }
-);
-Card.displayName = "Card";
-const CardHeader = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("flex flex-col space-y-1.5 p-4 pb-0", className), ...props }));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  "h3",
-  {
-    ref,
-    className: utils_cn.cn("text-ui-md leading-none font-semibold tracking-tight text-neutral6", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
-);
-CardDescription.displayName = "CardDescription";
-const CardContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("p-4", className), ...props }));
-CardContent.displayName = "CardContent";
-const CardFooter = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("flex items-center p-4 pt-0", className), ...props }));
-CardFooter.displayName = "CardFooter";
-
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
+exports.Card = Card.Card;
+exports.CardContent = Card.CardContent;
+exports.CardDescription = Card.CardDescription;
+exports.CardFooter = Card.CardFooter;
+exports.CardHeader = Card.CardHeader;
+exports.CardTitle = Card.CardTitle;
 //# sourceMappingURL=Card.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs.js","sources":["../../src/ds/components/Card/Card.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 cardVariants = cva(\n  // Base styles\n  'duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom',\n  {\n    variants: {\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-4 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md leading-none font-semibold tracking-tight text-neutral6', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />,\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4', className)} {...props} />\n));\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-4 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,SAAA;AAAA;AAAA,EAEnB,6FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,EAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,yEAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,MAAA;AAAA,MACX,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAOO,MAAM,OAAOC,gBAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,aAAa,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,IAAA,uBACEC,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,YAAG,YAAA,CAAa,EAAE,WAAW,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,QACjE,IAAA,EAAM,cAAc,QAAA,GAAW,MAAA;AAAA,QAC/B,QAAA,EAAU,cAAc,CAAA,GAAI,MAAA;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAKZ,MAAM,UAAA,GAAaF,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,WAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,OAAO,CAC3F;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAKlB,MAAM,SAAA,GAAYF,iBAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACtGC,cAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWC,WAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAKjB,MAAM,kBAAkBF,gBAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQC,cAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAWC,WAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAClH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAKvB,MAAM,WAAA,GAAcF,iBAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACrG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,WAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,OAAO,CAC5D;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,MAAM,UAAA,GAAaF,iBAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,WAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,OAAO,CACnF;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;;;;;;"}
+{"version":3,"file":"Card.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/Card.es.js

@@ -1,64 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cva } from '../index-CSm06eOE.js';
-import * as React from 'react';
-import { c as cn } from '../cn-BakJzhuv.js';
-
-const cardVariants = cva(
-  // Base styles
-  "duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom",
-  {
-    variants: {
-      elevation: {
-        flat: "",
-        raised: "shadow-card",
-        elevated: "shadow-elevated"
-      },
-      interactive: {
-        true: "active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      elevation: "flat",
-      interactive: false
-    }
-  }
-);
-const Card = React.forwardRef(
-  ({ className, elevation, interactive, as, ...props }, ref) => {
-    const Component = as || "div";
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: cn(cardVariants({ elevation, interactive }), className),
-        role: interactive ? "button" : void 0,
-        tabIndex: interactive ? 0 : void 0,
-        ...props
-      }
-    );
-  }
-);
-Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-4 pb-0", className), ...props }));
-CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn("text-ui-md leading-none font-semibold tracking-tight text-neutral6", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
-);
-CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4", className), ...props }));
-CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-4 pt-0", className), ...props }));
-CardFooter.displayName = "CardFooter";
-
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { C as Card, a as CardContent, b as CardDescription, c as CardFooter, d as CardHeader, e as CardTitle } from '../Card-BOmiCU4T.js';
 //# sourceMappingURL=Card.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.es.js","sources":["../../src/ds/components/Card/Card.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 cardVariants = cva(\n  // Base styles\n  'duration-normal rounded-lg border border-border1 bg-surface2 transition-all ease-out-custom',\n  {\n    variants: {\n      elevation: {\n        flat: '',\n        raised: 'shadow-card',\n        elevated: 'shadow-elevated',\n      },\n      interactive: {\n        true: 'active:scale-0.99 cursor-pointer hover:border-border2 hover:bg-surface3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      elevation: 'flat',\n      interactive: false,\n    },\n  },\n);\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof cardVariants> & {\n    as?: React.ElementType;\n  };\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, elevation, interactive, as, ...props }, ref) => {\n    const Component = as || 'div';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(cardVariants({ elevation, interactive }), className)}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        {...props}\n      />\n    );\n  },\n);\nCard.displayName = 'Card';\n\n// Card Header component\nexport type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-4 pb-0', className)} {...props} />\n));\nCardHeader.displayName = 'CardHeader';\n\n// Card Title component\nexport type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-ui-md leading-none font-semibold tracking-tight text-neutral6', className)}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n// Card Description component\nexport type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => <p ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />,\n);\nCardDescription.displayName = 'CardDescription';\n\n// Card Content component\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('p-4', className)} {...props} />\n));\nCardContent.displayName = 'CardContent';\n\n// Card Footer component\nexport type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center p-4 pt-0', className)} {...props} />\n));\nCardFooter.displayName = 'CardFooter';\n"],"names":[],"mappings":";;;;;AAKA,MAAM,YAAA,GAAe,GAAA;AAAA;AAAA,EAEnB,6FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,EAAA;AAAA,QACN,MAAA,EAAQ,aAAA;AAAA,QACR,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,yEAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,MAAA;AAAA,MACX,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA;AAOO,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,aAAa,EAAA,EAAI,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC5D,IAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,WAAW,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,QACjE,IAAA,EAAM,cAAc,QAAA,GAAW,MAAA;AAAA,QAC/B,QAAA,EAAU,cAAc,CAAA,GAAI,MAAA;AAAA,QAC3B,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAKZ,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA,EAAI,GAAG,OAAO,CAC3F;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;AAKlB,MAAM,SAAA,GAAY,MAAM,UAAA,CAA+C,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACtG,GAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,oEAAA,EAAsE,SAAS,CAAA;AAAA,IAC5F,GAAG;AAAA;AACN,CACD;AACD,SAAA,CAAU,WAAA,GAAc,WAAA;AAKjB,MAAM,kBAAkB,KAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQ,GAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAClH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAKvB,MAAM,WAAA,GAAc,MAAM,UAAA,CAA6C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACrG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,OAAO,CAC5D;AACD,WAAA,CAAY,WAAA,GAAc,aAAA;AAKnB,MAAM,UAAA,GAAa,MAAM,UAAA,CAA4C,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,yBACnG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,OAAO,CACnF;AACD,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}
+{"version":3,"file":"Card.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}