@mastra/playground-ui 41.1.0-alpha.2 → 42.0.0-alpha.13

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            'flex min-w-0 items-center gap-2 truncate text-ui-md leading-ui-md',\n            transitions.colors,\n            isCurrent ? 'font-medium text-neutral6' : 'text-neutral3 hover:text-neutral5',\n            className,\n          )}\n          {...props}\n        />\n        {action}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className={cn('text-neutral2', transitions.colors)}>\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n"],"names":["jsx","cn","jsxs","Fragment","transitions","Icon","SlashIcon"],"mappings":";;;;;;;;;;AAcO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWC,WAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,QAAG,SAAA,EAAWD,WAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAAD,cAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAWC,WAAA;AAAA,YACT,mEAAA;AAAA,YACAG,kCAAA,CAAY,MAAA;AAAA,YACZ,YAAY,2BAAA,GAA8B,mCAAA;AAAA,YAC1C;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACAJ,cAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAAA,cAAA,CAACK,mBAAK,SAAA,EAAWJ,WAAA,CAAG,iBAAiBG,kCAAA,CAAY,MAAM,GACrD,QAAA,kBAAAJ,cAAA,CAACM,yBAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"Breadcrumb.cjs.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            'flex min-w-0 items-center gap-2 truncate rounded-md px-1 text-ui-md leading-ui-md',\n            transitions.colors,\n            isCurrent\n              ? 'font-medium text-neutral6'\n              : 'cursor-pointer text-neutral3 hover:bg-neutral6/5 hover:text-neutral5 active:bg-neutral6/10',\n            className,\n          )}\n          {...props}\n        />\n        {action}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className={cn('text-neutral2', transitions.colors)}>\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n"],"names":["jsx","cn","jsxs","Fragment","transitions","Icon","SlashIcon"],"mappings":";;;;;;;;;;AAcO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWC,WAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,QAAG,SAAA,EAAWD,WAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAAD,cAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAWC,WAAA;AAAA,YACT,mFAAA;AAAA,YACAG,kCAAA,CAAY,MAAA;AAAA,YACZ,YACI,2BAAA,GACA,4FAAA;AAAA,YACJ;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACAJ,cAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAAA,cAAA,CAACK,mBAAK,SAAA,EAAWJ,WAAA,CAAG,iBAAiBG,kCAAA,CAAY,MAAM,GACrD,QAAA,kBAAAJ,cAAA,CAACM,yBAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;;"}

package/dist/components/Breadcrumb.es.js

@@ -16,9 +16,9 @@ const Crumb = ({ className, as, isCurrent, action, ...props }) => {
         {
           "aria-current": isCurrent ? "page" : void 0,
           className: cn(
-            "flex min-w-0 items-center gap-2 truncate text-ui-md leading-ui-md",
+            "flex min-w-0 items-center gap-2 truncate rounded-md px-1 text-ui-md leading-ui-md",
             transitions.colors,
-            isCurrent ? "font-medium text-neutral6" : "text-neutral3 hover:text-neutral5",
+            isCurrent ? "font-medium text-neutral6" : "cursor-pointer text-neutral3 hover:bg-neutral6/5 hover:text-neutral5 active:bg-neutral6/10",
             className
           ),
           ...props

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.es.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            'flex min-w-0 items-center gap-2 truncate text-ui-md leading-ui-md',\n            transitions.colors,\n            isCurrent ? 'font-medium text-neutral6' : 'text-neutral3 hover:text-neutral5',\n            className,\n          )}\n          {...props}\n        />\n        {action}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className={cn('text-neutral2', transitions.colors)}>\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAG,SAAA,EAAW,EAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAW,EAAA;AAAA,YACT,mEAAA;AAAA,YACA,WAAA,CAAY,MAAA;AAAA,YACZ,YAAY,2BAAA,GAA8B,mCAAA;AAAA,YAC1C;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACA,GAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,iBAAiB,WAAA,CAAY,MAAM,GACrD,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Breadcrumb.es.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children: React.ReactNode;\n  action?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const Crumb = ({ className, as, isCurrent, action, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('flex h-full min-w-0 items-center gap-1', isCurrent ? 'shrink' : 'shrink-0')}>\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            'flex min-w-0 items-center gap-2 truncate rounded-md px-1 text-ui-md leading-ui-md',\n            transitions.colors,\n            isCurrent\n              ? 'font-medium text-neutral6'\n              : 'cursor-pointer text-neutral3 hover:bg-neutral6/5 hover:text-neutral5 active:bg-neutral6/10',\n            className,\n          )}\n          {...props}\n        />\n        {action}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className={cn('text-neutral2', transitions.colors)}>\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAaO,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,IAAI,SAAA,EAAW,MAAA,EAAQ,GAAG,KAAA,EAAM,KAAkB;AACnF,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAG,SAAA,EAAW,EAAA,CAAG,0CAA0C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC3F,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAW,EAAA;AAAA,YACT,mFAAA;AAAA,YACA,WAAA,CAAY,MAAA;AAAA,YACZ,YACI,2BAAA,GACA,4FAAA;AAAA,YACJ;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC;AAAA,KAAA,EACH,CAAA;AAAA,IACC,CAAC,SAAA,oBACA,GAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,iBAAiB,WAAA,CAAY,MAAM,GACrD,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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,15 @@
 
 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-WU2qkiHB.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.CardLink = Card.CardLink;
+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 CardLink, f as CardTitle } from '../Card-BjFMX3pD.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":""}

package/dist/components/ClampedText.cjs.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Button = require('../Button-B5RnKrGb.cjs');
+const Txt = require('../Txt-I5lK8zy7.cjs');
+const icons_ChevronIcon = require('../icons/ChevronIcon.cjs.js');
+const hooks_useIsClamped = require('../hooks/use-is-clamped.cjs.js');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
+
+const clampClasses = {
+  1: "line-clamp-1",
+  2: "line-clamp-2",
+  3: "line-clamp-3",
+  4: "line-clamp-4",
+  5: "line-clamp-5",
+  6: "line-clamp-6"
+};
+function ClampedText({
+  children,
+  lines = 2,
+  readMoreLabel = "Read more",
+  showLessLabel = "Show less",
+  className,
+  ...txtProps
+}) {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const { ref, isClamped } = hooks_useIsClamped.useIsClamped({ enabled: !isExpanded });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { ...txtProps, className: utils_cn.cn(!isExpanded && clampClasses[lines], className), ref, children }),
+    (isClamped || isExpanded) && /* @__PURE__ */ jsxRuntime.jsxs(
+      Button.Button,
+      {
+        variant: "ghost",
+        size: "xs",
+        className: "mt-1 -ml-[.8em] self-start justify-self-start",
+        "aria-expanded": isExpanded,
+        onClick: () => setIsExpanded((v) => !v),
+        children: [
+          isExpanded ? showLessLabel : readMoreLabel,
+          /* @__PURE__ */ jsxRuntime.jsx(icons_ChevronIcon.ChevronIcon, { className: utils_cn.cn("transition-transform", isExpanded && "rotate-180") })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.ClampedText = ClampedText;
+//# sourceMappingURL=ClampedText.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClampedText.cjs.js","sources":["../../src/ds/components/ClampedText/clamped-text.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { ChevronIcon } from '@/ds/icons/ChevronIcon';\nimport { useIsClamped } from '@/hooks/use-is-clamped';\nimport { cn } from '@/lib/utils';\n\n// Tailwind needs static class names — map instead of interpolating.\nconst clampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const;\n\nexport type ClampedTextLines = keyof typeof clampClasses;\n\nexport interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {\n  children: string;\n  /** Number of lines to clamp to (default: 2) */\n  lines?: ClampedTextLines;\n  readMoreLabel?: string;\n  showLessLabel?: string;\n}\n\n/** Text clamped to a number of lines, with a \"read more\" toggle shown only when the clamp actually cuts content. */\nexport function ClampedText({\n  children,\n  lines = 2,\n  readMoreLabel = 'Read more',\n  showLessLabel = 'Show less',\n  className,\n  ...txtProps\n}: ClampedTextProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });\n\n  return (\n    <>\n      <Txt {...txtProps} className={cn(!isExpanded && clampClasses[lines], className)} ref={ref}>\n        {children}\n      </Txt>\n      {(isClamped || isExpanded) && (\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"mt-1 -ml-[.8em] self-start justify-self-start\"\n          aria-expanded={isExpanded}\n          onClick={() => setIsExpanded(v => !v)}\n        >\n          {isExpanded ? showLessLabel : readMoreLabel}\n          <ChevronIcon className={cn('transition-transform', isExpanded && 'rotate-180')} />\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":["useState","useIsClamped","jsxs","Fragment","jsx","Txt","cn","Button","ChevronIcon"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,aAAA,GAAgB,WAAA;AAAA,EAChB,aAAA,GAAgB,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAClD,EAAA,MAAM,EAAE,KAAK,SAAA,EAAU,GAAIC,gCAAa,EAAE,OAAA,EAAS,CAAC,UAAA,EAAY,CAAA;AAEhE,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,OAAA,EAAA,EAAK,GAAG,QAAA,EAAU,SAAA,EAAWC,WAAA,CAAG,CAAC,UAAA,IAAc,YAAA,CAAa,KAAK,CAAA,EAAG,SAAS,CAAA,EAAG,KAC9E,QAAA,EACH,CAAA;AAAA,IAAA,CACE,aAAa,UAAA,qBACbJ,eAAA;AAAA,MAACK,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,+CAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QAEnC,QAAA,EAAA;AAAA,UAAA,UAAA,GAAa,aAAA,GAAgB,aAAA;AAAA,yCAC7BC,6BAAA,EAAA,EAAY,SAAA,EAAWF,YAAG,sBAAA,EAAwB,UAAA,IAAc,YAAY,CAAA,EAAG;AAAA;AAAA;AAAA;AAClF,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/ClampedText.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/ClampedText/index'
+export {}

package/dist/components/ClampedText.es.js

@@ -0,0 +1,47 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { B as Button } from '../Button-Dh5CZ6Ir.js';
+import { T as Txt } from '../Txt-Df42XG5p.js';
+import { ChevronIcon } from '../icons/ChevronIcon.es.js';
+import { useIsClamped } from '../hooks/use-is-clamped.es.js';
+import { c as cn } from '../cn-BakJzhuv.js';
+
+const clampClasses = {
+  1: "line-clamp-1",
+  2: "line-clamp-2",
+  3: "line-clamp-3",
+  4: "line-clamp-4",
+  5: "line-clamp-5",
+  6: "line-clamp-6"
+};
+function ClampedText({
+  children,
+  lines = 2,
+  readMoreLabel = "Read more",
+  showLessLabel = "Show less",
+  className,
+  ...txtProps
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Txt, { ...txtProps, className: cn(!isExpanded && clampClasses[lines], className), ref, children }),
+    (isClamped || isExpanded) && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "xs",
+        className: "mt-1 -ml-[.8em] self-start justify-self-start",
+        "aria-expanded": isExpanded,
+        onClick: () => setIsExpanded((v) => !v),
+        children: [
+          isExpanded ? showLessLabel : readMoreLabel,
+          /* @__PURE__ */ jsx(ChevronIcon, { className: cn("transition-transform", isExpanded && "rotate-180") })
+        ]
+      }
+    )
+  ] });
+}
+
+export { ClampedText };
+//# sourceMappingURL=ClampedText.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClampedText.es.js","sources":["../../src/ds/components/ClampedText/clamped-text.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { ChevronIcon } from '@/ds/icons/ChevronIcon';\nimport { useIsClamped } from '@/hooks/use-is-clamped';\nimport { cn } from '@/lib/utils';\n\n// Tailwind needs static class names — map instead of interpolating.\nconst clampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const;\n\nexport type ClampedTextLines = keyof typeof clampClasses;\n\nexport interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {\n  children: string;\n  /** Number of lines to clamp to (default: 2) */\n  lines?: ClampedTextLines;\n  readMoreLabel?: string;\n  showLessLabel?: string;\n}\n\n/** Text clamped to a number of lines, with a \"read more\" toggle shown only when the clamp actually cuts content. */\nexport function ClampedText({\n  children,\n  lines = 2,\n  readMoreLabel = 'Read more',\n  showLessLabel = 'Show less',\n  className,\n  ...txtProps\n}: ClampedTextProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });\n\n  return (\n    <>\n      <Txt {...txtProps} className={cn(!isExpanded && clampClasses[lines], className)} ref={ref}>\n        {children}\n      </Txt>\n      {(isClamped || isExpanded) && (\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          className=\"mt-1 -ml-[.8em] self-start justify-self-start\"\n          aria-expanded={isExpanded}\n          onClick={() => setIsExpanded(v => !v)}\n        >\n          {isExpanded ? showLessLabel : readMoreLabel}\n          <ChevronIcon className={cn('transition-transform', isExpanded && 'rotate-180')} />\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,aAAA,GAAgB,WAAA;AAAA,EAChB,aAAA,GAAgB,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,EAAE,KAAK,SAAA,EAAU,GAAI,aAAa,EAAE,OAAA,EAAS,CAAC,UAAA,EAAY,CAAA;AAEhE,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,QAAA,EAAU,SAAA,EAAW,EAAA,CAAG,CAAC,UAAA,IAAc,YAAA,CAAa,KAAK,CAAA,EAAG,SAAS,CAAA,EAAG,KAC9E,QAAA,EACH,CAAA;AAAA,IAAA,CACE,aAAa,UAAA,qBACb,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,+CAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QAEnC,QAAA,EAAA;AAAA,UAAA,UAAA,GAAa,aAAA,GAAgB,aAAA;AAAA,8BAC7B,WAAA,EAAA,EAAY,SAAA,EAAW,GAAG,sBAAA,EAAwB,UAAA,IAAc,YAAY,CAAA,EAAG;AAAA;AAAA;AAAA;AAClF,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/Composer.cjs.js

@@ -42,13 +42,13 @@ const ComposerAttachments = React.forwardRef(
 );
 ComposerAttachments.displayName = "ComposerAttachments";
 const ComposerInput = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { maxHeight: "212px", children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ className, maxHeight = "212px", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { maxHeight, children: /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
       ref,
       "data-slot": "composer-input",
       className: utils_cn.cn(
-        "min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+        "min-h-17 field-sizing-content w-full resize-none overflow-hidden bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props

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

@@ -1 +1 @@
-{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComponentPropsWithoutRef<'textarea'>>(\n  ({ className, ...props }, ref) => (\n    <ScrollArea maxHeight=\"212px\">\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Dark blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Darker blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n"],"names":["forwardRef","jsx","jsxs","cn","ScrollArea"],"mappings":"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"}
+{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport interface ComposerInputProps extends ComponentPropsWithoutRef<'textarea'> {\n  /** Maximum height of the scrolling input viewport. */\n  maxHeight?: string;\n}\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComposerInputProps>(\n  ({ className, maxHeight = '212px', ...props }, ref) => (\n    <ScrollArea maxHeight={maxHeight}>\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'min-h-17 field-sizing-content w-full resize-none overflow-hidden bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Dark blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Darker blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n"],"names":["forwardRef","jsx","jsxs","cn","ScrollArea"],"mappings":"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"}

package/dist/components/Composer.es.js

@@ -38,13 +38,13 @@ const ComposerAttachments = forwardRef(
 );
 ComposerAttachments.displayName = "ComposerAttachments";
 const ComposerInput = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea, { maxHeight: "212px", children: /* @__PURE__ */ jsx(
+  ({ className, maxHeight = "212px", ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea, { maxHeight, children: /* @__PURE__ */ jsx(
     "textarea",
     {
       ref,
       "data-slot": "composer-input",
       className: cn(
-        "min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+        "min-h-17 field-sizing-content w-full resize-none overflow-hidden bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props

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

@@ -1 +1 @@
-{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComponentPropsWithoutRef<'textarea'>>(\n  ({ className, ...props }, ref) => (\n    <ScrollArea maxHeight=\"212px\">\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Dark blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Darker blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport interface ComposerInputProps extends ComponentPropsWithoutRef<'textarea'> {\n  /** Maximum height of the scrolling input viewport. */\n  maxHeight?: string;\n}\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComposerInputProps>(\n  ({ className, maxHeight = '212px', ...props }, ref) => (\n    <ScrollArea maxHeight={maxHeight}>\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'min-h-17 field-sizing-content w-full resize-none overflow-hidden bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Dark blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Darker blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentBlocks.cjs.js","sources":["../../src/ds/components/ContentBlocks/content-blocks.tsx","../../src/ds/components/ContentBlocks/content-block.tsx"],"sourcesContent":["import type { DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport { DragDropContext, Droppable } from '@hello-pangea/dnd';\n\nexport interface ContentBlocksProps<T> {\n  children: React.ReactNode;\n  items: Array<T>;\n  onChange: (items: Array<T>) => void;\n  className?: string;\n}\n\nconst reorder = <T,>(list: Array<T>, startIndex: number, endIndex: number): Array<T> => {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n  if (removed === undefined) return result;\n  result.splice(endIndex, 0, removed);\n  return result;\n};\n\nexport function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>) {\n  const handleDragEnd = (result: DropResult) => {\n    if (!result.destination) return;\n\n    const nextItems = reorder(items, result.source.index, result.destination.index);\n\n    onChange(nextItems);\n  };\n\n  return (\n    <DragDropContext onDragEnd={handleDragEnd}>\n      <Droppable droppableId=\"droppable\">\n        {(provided: DroppableProvided) => (\n          <div {...provided.droppableProps} ref={provided.innerRef} className={className}>\n            {children}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  );\n}\n","import type { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd';\nimport { Draggable } from '@hello-pangea/dnd';\n\nexport type ContentBlockChildren =\n  | React.ReactNode\n  | ((dragHandleProps: DraggableProvidedDragHandleProps | null) => React.ReactNode);\n\nexport interface ContentBlockProps {\n  children: ContentBlockChildren;\n  index: number;\n  draggableId: string;\n  className?: string;\n}\n\nexport const ContentBlock = ({ children, index, draggableId, className }: ContentBlockProps) => {\n  const isRenderProp = typeof children === 'function';\n\n  return (\n    <Draggable draggableId={draggableId} index={index}>\n      {provided => (\n        <div\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(isRenderProp ? {} : provided.dragHandleProps)}\n          className={className}\n          style={provided.draggableProps.style}\n        >\n          {isRenderProp ? children(provided.dragHandleProps) : children}\n        </div>\n      )}\n    </Draggable>\n  );\n};\n"],"names":["DragDropContext","jsx","Droppable","jsxs","Draggable"],"mappings":";;;;;;;AAUA,MAAM,OAAA,GAAU,CAAK,IAAA,EAAgB,UAAA,EAAoB,QAAA,KAA+B;AACtF,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC9B,EAAA,MAAM,CAAC,OAAO,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,YAAY,CAAC,CAAA;AAC7C,EAAA,IAAI,OAAA,KAAY,QAAW,OAAO,MAAA;AAClC,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU,CAAA,EAAG,OAAO,CAAA;AAClC,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,cAAiB,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,WAAU,EAA0B;AAChG,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAuB;AAC5C,IAAA,IAAI,CAAC,OAAO,WAAA,EAAa;AAEzB,IAAA,MAAM,SAAA,GAAY,QAAQ,KAAA,EAAO,MAAA,CAAO,OAAO,KAAA,EAAO,MAAA,CAAO,YAAY,KAAK,CAAA;AAE9E,IAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,sCACGA,mBAAA,EAAA,EAAgB,SAAA,EAAW,eAC1B,QAAA,kBAAAC,cAAA,CAACC,aAAA,EAAA,EAAU,aAAY,WAAA,EACpB,QAAA,EAAA,CAAC,QAAA,qBACAC,eAAA,CAAC,SAAK,GAAG,QAAA,CAAS,gBAAgB,GAAA,EAAK,QAAA,CAAS,UAAU,SAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA,CAAS;AAAA,GAAA,EACZ,GAEJ,CAAA,EACF,CAAA;AAEJ;;ACzBO,MAAM,eAAe,CAAC,EAAE,UAAU,KAAA,EAAO,WAAA,EAAa,WAAU,KAAyB;AAC9F,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,UAAA;AAEzC,EAAA,uBACEF,cAAA,CAACG,aAAA,EAAA,EAAU,WAAA,EAA0B,KAAA,EAClC,QAAA,EAAA,CAAA,QAAA,qBACCH,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAK,QAAA,CAAS,QAAA;AAAA,MACb,GAAG,QAAA,CAAS,cAAA;AAAA,MACZ,GAAI,YAAA,GAAe,EAAC,GAAI,QAAA,CAAS,eAAA;AAAA,MAClC,SAAA;AAAA,MACA,KAAA,EAAO,SAAS,cAAA,CAAe,KAAA;AAAA,MAE9B,QAAA,EAAA,YAAA,GAAe,QAAA,CAAS,QAAA,CAAS,eAAe,CAAA,GAAI;AAAA;AAAA,GACvD,EAEJ,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"ContentBlocks.cjs.js","sources":["../../src/ds/components/ContentBlocks/content-blocks.tsx","../../src/ds/components/ContentBlocks/content-block.tsx"],"sourcesContent":["import type { DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport { DragDropContext, Droppable } from '@hello-pangea/dnd';\n\nexport interface ContentBlocksProps<T> {\n  children: React.ReactNode;\n  items: Array<T>;\n  onChange: (items: Array<T>) => void;\n  className?: string;\n}\n\nconst reorder = <T,>(list: Array<T>, startIndex: number, endIndex: number): Array<T> => {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n  if (removed === undefined) return result;\n  result.splice(endIndex, 0, removed);\n  return result;\n};\n\nexport function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>) {\n  const handleDragEnd = (result: DropResult) => {\n    if (!result.destination) return;\n\n    const nextItems = reorder(items, result.source.index, result.destination.index);\n\n    onChange(nextItems);\n  };\n\n  return (\n    <DragDropContext onDragEnd={handleDragEnd}>\n      <Droppable droppableId=\"droppable\">\n        {(provided: DroppableProvided) => (\n          <div {...provided.droppableProps} ref={provided.innerRef} className={className}>\n            {children}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  );\n}\n","import type { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd';\nimport { Draggable } from '@hello-pangea/dnd';\n\nexport type ContentBlockChildren =\n  React.ReactNode | ((dragHandleProps: DraggableProvidedDragHandleProps | null) => React.ReactNode);\n\nexport interface ContentBlockProps {\n  children: ContentBlockChildren;\n  index: number;\n  draggableId: string;\n  className?: string;\n}\n\nexport const ContentBlock = ({ children, index, draggableId, className }: ContentBlockProps) => {\n  const isRenderProp = typeof children === 'function';\n\n  return (\n    <Draggable draggableId={draggableId} index={index}>\n      {provided => (\n        <div\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(isRenderProp ? {} : provided.dragHandleProps)}\n          className={className}\n          style={provided.draggableProps.style}\n        >\n          {isRenderProp ? children(provided.dragHandleProps) : children}\n        </div>\n      )}\n    </Draggable>\n  );\n};\n"],"names":["DragDropContext","jsx","Droppable","jsxs","Draggable"],"mappings":";;;;;;;AAUA,MAAM,OAAA,GAAU,CAAK,IAAA,EAAgB,UAAA,EAAoB,QAAA,KAA+B;AACtF,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC9B,EAAA,MAAM,CAAC,OAAO,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,YAAY,CAAC,CAAA;AAC7C,EAAA,IAAI,OAAA,KAAY,QAAW,OAAO,MAAA;AAClC,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU,CAAA,EAAG,OAAO,CAAA;AAClC,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,cAAiB,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,WAAU,EAA0B;AAChG,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAuB;AAC5C,IAAA,IAAI,CAAC,OAAO,WAAA,EAAa;AAEzB,IAAA,MAAM,SAAA,GAAY,QAAQ,KAAA,EAAO,MAAA,CAAO,OAAO,KAAA,EAAO,MAAA,CAAO,YAAY,KAAK,CAAA;AAE9E,IAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,sCACGA,mBAAA,EAAA,EAAgB,SAAA,EAAW,eAC1B,QAAA,kBAAAC,cAAA,CAACC,aAAA,EAAA,EAAU,aAAY,WAAA,EACpB,QAAA,EAAA,CAAC,QAAA,qBACAC,eAAA,CAAC,SAAK,GAAG,QAAA,CAAS,gBAAgB,GAAA,EAAK,QAAA,CAAS,UAAU,SAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA,CAAS;AAAA,GAAA,EACZ,GAEJ,CAAA,EACF,CAAA;AAEJ;;AC1BO,MAAM,eAAe,CAAC,EAAE,UAAU,KAAA,EAAO,WAAA,EAAa,WAAU,KAAyB;AAC9F,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,UAAA;AAEzC,EAAA,uBACEF,cAAA,CAACG,aAAA,EAAA,EAAU,WAAA,EAA0B,KAAA,EAClC,QAAA,EAAA,CAAA,QAAA,qBACCH,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAK,QAAA,CAAS,QAAA;AAAA,MACb,GAAG,QAAA,CAAS,cAAA;AAAA,MACZ,GAAI,YAAA,GAAe,EAAC,GAAI,QAAA,CAAS,eAAA;AAAA,MAClC,SAAA;AAAA,MACA,KAAA,EAAO,SAAS,cAAA,CAAe,KAAA;AAAA,MAE9B,QAAA,EAAA,YAAA,GAAe,QAAA,CAAS,QAAA,CAAS,eAAe,CAAA,GAAI;AAAA;AAAA,GACvD,EAEJ,CAAA;AAEJ;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentBlocks.es.js","sources":["../../src/ds/components/ContentBlocks/content-blocks.tsx","../../src/ds/components/ContentBlocks/content-block.tsx"],"sourcesContent":["import type { DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport { DragDropContext, Droppable } from '@hello-pangea/dnd';\n\nexport interface ContentBlocksProps<T> {\n  children: React.ReactNode;\n  items: Array<T>;\n  onChange: (items: Array<T>) => void;\n  className?: string;\n}\n\nconst reorder = <T,>(list: Array<T>, startIndex: number, endIndex: number): Array<T> => {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n  if (removed === undefined) return result;\n  result.splice(endIndex, 0, removed);\n  return result;\n};\n\nexport function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>) {\n  const handleDragEnd = (result: DropResult) => {\n    if (!result.destination) return;\n\n    const nextItems = reorder(items, result.source.index, result.destination.index);\n\n    onChange(nextItems);\n  };\n\n  return (\n    <DragDropContext onDragEnd={handleDragEnd}>\n      <Droppable droppableId=\"droppable\">\n        {(provided: DroppableProvided) => (\n          <div {...provided.droppableProps} ref={provided.innerRef} className={className}>\n            {children}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  );\n}\n","import type { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd';\nimport { Draggable } from '@hello-pangea/dnd';\n\nexport type ContentBlockChildren =\n  | React.ReactNode\n  | ((dragHandleProps: DraggableProvidedDragHandleProps | null) => React.ReactNode);\n\nexport interface ContentBlockProps {\n  children: ContentBlockChildren;\n  index: number;\n  draggableId: string;\n  className?: string;\n}\n\nexport const ContentBlock = ({ children, index, draggableId, className }: ContentBlockProps) => {\n  const isRenderProp = typeof children === 'function';\n\n  return (\n    <Draggable draggableId={draggableId} index={index}>\n      {provided => (\n        <div\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(isRenderProp ? {} : provided.dragHandleProps)}\n          className={className}\n          style={provided.draggableProps.style}\n        >\n          {isRenderProp ? children(provided.dragHandleProps) : children}\n        </div>\n      )}\n    </Draggable>\n  );\n};\n"],"names":[],"mappings":";;;AAUA,MAAM,OAAA,GAAU,CAAK,IAAA,EAAgB,UAAA,EAAoB,QAAA,KAA+B;AACtF,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC9B,EAAA,MAAM,CAAC,OAAO,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,YAAY,CAAC,CAAA;AAC7C,EAAA,IAAI,OAAA,KAAY,QAAW,OAAO,MAAA;AAClC,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU,CAAA,EAAG,OAAO,CAAA;AAClC,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,cAAiB,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,WAAU,EAA0B;AAChG,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAuB;AAC5C,IAAA,IAAI,CAAC,OAAO,WAAA,EAAa;AAEzB,IAAA,MAAM,SAAA,GAAY,QAAQ,KAAA,EAAO,MAAA,CAAO,OAAO,KAAA,EAAO,MAAA,CAAO,YAAY,KAAK,CAAA;AAE9E,IAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,2BACG,eAAA,EAAA,EAAgB,SAAA,EAAW,eAC1B,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,aAAY,WAAA,EACpB,QAAA,EAAA,CAAC,QAAA,qBACA,IAAA,CAAC,SAAK,GAAG,QAAA,CAAS,gBAAgB,GAAA,EAAK,QAAA,CAAS,UAAU,SAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA,CAAS;AAAA,GAAA,EACZ,GAEJ,CAAA,EACF,CAAA;AAEJ;;ACzBO,MAAM,eAAe,CAAC,EAAE,UAAU,KAAA,EAAO,WAAA,EAAa,WAAU,KAAyB;AAC9F,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,UAAA;AAEzC,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAA0B,KAAA,EAClC,QAAA,EAAA,CAAA,QAAA,qBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAK,QAAA,CAAS,QAAA;AAAA,MACb,GAAG,QAAA,CAAS,cAAA;AAAA,MACZ,GAAI,YAAA,GAAe,EAAC,GAAI,QAAA,CAAS,eAAA;AAAA,MAClC,SAAA;AAAA,MACA,KAAA,EAAO,SAAS,cAAA,CAAe,KAAA;AAAA,MAE9B,QAAA,EAAA,YAAA,GAAe,QAAA,CAAS,QAAA,CAAS,eAAe,CAAA,GAAI;AAAA;AAAA,GACvD,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ContentBlocks.es.js","sources":["../../src/ds/components/ContentBlocks/content-blocks.tsx","../../src/ds/components/ContentBlocks/content-block.tsx"],"sourcesContent":["import type { DropResult, DroppableProvided } from '@hello-pangea/dnd';\nimport { DragDropContext, Droppable } from '@hello-pangea/dnd';\n\nexport interface ContentBlocksProps<T> {\n  children: React.ReactNode;\n  items: Array<T>;\n  onChange: (items: Array<T>) => void;\n  className?: string;\n}\n\nconst reorder = <T,>(list: Array<T>, startIndex: number, endIndex: number): Array<T> => {\n  const result = Array.from(list);\n  const [removed] = result.splice(startIndex, 1);\n  if (removed === undefined) return result;\n  result.splice(endIndex, 0, removed);\n  return result;\n};\n\nexport function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>) {\n  const handleDragEnd = (result: DropResult) => {\n    if (!result.destination) return;\n\n    const nextItems = reorder(items, result.source.index, result.destination.index);\n\n    onChange(nextItems);\n  };\n\n  return (\n    <DragDropContext onDragEnd={handleDragEnd}>\n      <Droppable droppableId=\"droppable\">\n        {(provided: DroppableProvided) => (\n          <div {...provided.droppableProps} ref={provided.innerRef} className={className}>\n            {children}\n            {provided.placeholder}\n          </div>\n        )}\n      </Droppable>\n    </DragDropContext>\n  );\n}\n","import type { DraggableProvidedDragHandleProps } from '@hello-pangea/dnd';\nimport { Draggable } from '@hello-pangea/dnd';\n\nexport type ContentBlockChildren =\n  React.ReactNode | ((dragHandleProps: DraggableProvidedDragHandleProps | null) => React.ReactNode);\n\nexport interface ContentBlockProps {\n  children: ContentBlockChildren;\n  index: number;\n  draggableId: string;\n  className?: string;\n}\n\nexport const ContentBlock = ({ children, index, draggableId, className }: ContentBlockProps) => {\n  const isRenderProp = typeof children === 'function';\n\n  return (\n    <Draggable draggableId={draggableId} index={index}>\n      {provided => (\n        <div\n          ref={provided.innerRef}\n          {...provided.draggableProps}\n          {...(isRenderProp ? {} : provided.dragHandleProps)}\n          className={className}\n          style={provided.draggableProps.style}\n        >\n          {isRenderProp ? children(provided.dragHandleProps) : children}\n        </div>\n      )}\n    </Draggable>\n  );\n};\n"],"names":[],"mappings":";;;AAUA,MAAM,OAAA,GAAU,CAAK,IAAA,EAAgB,UAAA,EAAoB,QAAA,KAA+B;AACtF,EAAA,MAAM,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC9B,EAAA,MAAM,CAAC,OAAO,CAAA,GAAI,MAAA,CAAO,MAAA,CAAO,YAAY,CAAC,CAAA;AAC7C,EAAA,IAAI,OAAA,KAAY,QAAW,OAAO,MAAA;AAClC,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU,CAAA,EAAG,OAAO,CAAA;AAClC,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,SAAS,cAAiB,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,WAAU,EAA0B;AAChG,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAuB;AAC5C,IAAA,IAAI,CAAC,OAAO,WAAA,EAAa;AAEzB,IAAA,MAAM,SAAA,GAAY,QAAQ,KAAA,EAAO,MAAA,CAAO,OAAO,KAAA,EAAO,MAAA,CAAO,YAAY,KAAK,CAAA;AAE9E,IAAA,QAAA,CAAS,SAAS,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,2BACG,eAAA,EAAA,EAAgB,SAAA,EAAW,eAC1B,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,aAAY,WAAA,EACpB,QAAA,EAAA,CAAC,QAAA,qBACA,IAAA,CAAC,SAAK,GAAG,QAAA,CAAS,gBAAgB,GAAA,EAAK,QAAA,CAAS,UAAU,SAAA,EACvD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA,CAAS;AAAA,GAAA,EACZ,GAEJ,CAAA,EACF,CAAA;AAEJ;;AC1BO,MAAM,eAAe,CAAC,EAAE,UAAU,KAAA,EAAO,WAAA,EAAa,WAAU,KAAyB;AAC9F,EAAA,MAAM,YAAA,GAAe,OAAO,QAAA,KAAa,UAAA;AAEzC,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAU,WAAA,EAA0B,KAAA,EAClC,QAAA,EAAA,CAAA,QAAA,qBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAK,QAAA,CAAS,QAAA;AAAA,MACb,GAAG,QAAA,CAAS,cAAA;AAAA,MACZ,GAAI,YAAA,GAAe,EAAC,GAAI,QAAA,CAAS,eAAA;AAAA,MAClC,SAAA;AAAA,MACA,KAAA,EAAO,SAAS,cAAA,CAAe,KAAA;AAAA,MAE9B,QAAA,EAAA,YAAA,GAAe,QAAA,CAAS,QAAA,CAAS,eAAe,CAAA,GAAI;AAAA;AAAA,GACvD,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/DataCodeSection.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataCodeSection = require('../data-code-section-DYy_n9I1.cjs');
+const dataCodeSection = require('../data-code-section-D0BwpqvV.cjs');
 
 
 

package/dist/components/DataCodeSection.es.js

@@ -1,2 +1,2 @@
-export { D as DataCodeSection } from '../data-code-section-Crs5wpnX.js';
+export { D as DataCodeSection } from '../data-code-section-BjqDCzy3.js';
 //# sourceMappingURL=DataCodeSection.es.js.map

package/dist/components/DataDetailsPanel.cjs.js

@@ -13,7 +13,7 @@ const highlight = require('@lezer/highlight');
 const codemirrorThemeDracula = require('@uiw/codemirror-theme-dracula');
 const ReactCodeMirror = require('@uiw/react-codemirror');
 const React = require('react');
-const buttonsGroup = require('../buttons-group-C0fJastT.cjs');
+const buttonsGroup = require('../buttons-group-Dw8Wu4sj.cjs');
 const copyButton = require('../copy-button-DNR760m7.cjs');
 const themeProvider = require('../theme-provider-aO5-jZVp.cjs');
 const spinner = require('../spinner-BBAmiRCS.cjs');
@@ -187,13 +187,13 @@ function Root({ className, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: utils_cn.cn("grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5", className), children });
 }
 function Key({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils_cn.cn("text-ui-smd  text-neutral2 shrink-0 py-0.5", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils_cn.cn("shrink-0  py-0.5 text-ui-smd text-neutral2", className), children });
 }
 function Value({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils_cn.cn("text-ui-smd text-neutral3 truncate min-w-0 py-0.5", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("dd", { className: utils_cn.cn("min-w-0 truncate py-0.5 text-ui-smd text-neutral3", className), children });
 }
 function Header({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils_cn.cn("col-span-2 text-ui-sm uppercase tracking-widest text-neutral2 py-3", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("dt", { className: utils_cn.cn("col-span-2 py-3 text-ui-sm tracking-widest text-neutral2 uppercase", className), children });
 }
 const DataDetailsPanelKeyValueList = Object.assign(Root, {
   Key,