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

package/dist/{search-field-block-C4njnmUx.cjs → search-field-block-DmqZsrrI.cjs}

@@ -6,7 +6,7 @@ const React = require('react');
 const Button = require('./Button-B5RnKrGb.cjs');
 const input = require('./input-0R-fQTCF.cjs');
 const tooltip = require('./tooltip-VGyJcEoE.cjs');
-const fieldBlock = require('./field-block-Dx-fDIP9.cjs');
+const fieldBlock = require('./field-block-CEbnWKc0.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const utils_cn = require('./cn-vA5sWo9W.cjs');
 
@@ -54,12 +54,13 @@ function SearchFieldBlock({
   return /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Layout, { layout, className, children: [
     layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) }) : null,
     /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
-      layout === "vertical" && label && !labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, children: label }) : null,
+      layout === "vertical" && label ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name, required, children: labelIsHidden ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: label }) : label }) : null,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           input.Input,
           {
             ref: inputRef,
+            id: `input-${name}`,
             name,
             disabled,
             value,
@@ -114,4 +115,4 @@ function SearchFieldBlock({
 }
 
 exports.SearchFieldBlock = SearchFieldBlock;
-//# sourceMappingURL=search-field-block-C4njnmUx.cjs.map
+//# sourceMappingURL=search-field-block-DmqZsrrI.cjs.map

package/dist/search-field-block-DmqZsrrI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-field-block-DmqZsrrI.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  variant?: InputProps['variant'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  variant,\n  isMinimized,\n  onMinimizedChange,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const buttonSize = size === 'default' ? 'lg' : size;\n\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={buttonSize || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label name={name} required={required}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        ) : null}\n        <div className=\"group relative\">\n          <Input\n            ref={inputRef}\n            id={`input-${name}`}\n            name={name}\n            disabled={disabled}\n            value={value}\n            placeholder={placeholder}\n            onChange={onChange}\n            size={size}\n            variant={variant}\n            className={cn(\n              size === 'sm' && 'px-8',\n              size === 'md' && 'px-9',\n              (!size || size === 'default') && 'px-10',\n              size === 'lg' && 'px-11',\n            )}\n          />\n          <SearchIcon\n            aria-hidden=\"true\"\n            className={cn(\n              'absolute top-1/2 left-3 -translate-y-1/2 text-neutral4 opacity-50 group-has-focus:opacity-100',\n              size === 'sm' && 'size-3.5',\n              size === 'md' && 'size-4',\n              (!size || size === 'default') && 'size-[1.125rem]',\n              size === 'lg' && 'size-5',\n            )}\n          />\n          {onReset && (value || isMinimized === false) && (\n            <Button\n              variant=\"ghost\"\n              size={buttonSize || 'lg'}\n              aria-label=\"Clear search\"\n              onClick={() => {\n                if (value) {\n                  onReset();\n                }\n                if (isMinimized === false) {\n                  onMinimizedChange?.(true);\n                }\n              }}\n              className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n            >\n              <XIcon />\n            </Button>\n          )}\n        </div>\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","VisuallyHidden","Input","cn","XIcon"],"mappings":";;;;;;;;;;;;AAgCO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,WAAA,GAAc,WAAA;AAAA,EACd,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,QAAA,GAAWA,aAAyB,IAAI,CAAA;AAC9C,EAAA,MAAM,UAAA,GAAa,IAAA,KAAS,SAAA,GAAY,IAAA,GAAO,IAAA;AAE/C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAgB,KAAA,EAAO;AACzB,MAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,IAC1B;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,uCACGC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAD,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,MAAM,UAAA,IAAc,IAAA;AAAA,UACpB,cAAY,KAAA,IAAS,QAAA;AAAA,UACrB,QAAA;AAAA,UACA,OAAA,EAAS,MAAM,iBAAA,GAAoB,KAAK,CAAA;AAAA,UAExC,yCAACC,sBAAA,EAAA,EAAW;AAAA;AAAA,OACd,EACF,CAAA;AAAA,sBACAH,cAAA,CAACI,sBAAA,EAAA,EAAgB,QAAA,EAAA,KAAA,IAAS,QAAA,EAAS;AAAA,KAAA,EACrC,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEC,eAAA,CAACC,qBAAA,CAAW,MAAA,EAAX,EAAkB,QAAgB,SAAA,EAChC,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACVN,cAAA,CAACM,qBAAA,CAAW,QAAX,EACC,QAAA,kBAAAN,cAAA,CAACM,sBAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,0CAAgBN,cAAA,CAACO,kCAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJF,eAAA,CAACC,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,mBACxBN,cAAA,CAACM,qBAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,QAAA,EAAA,aAAA,mBAAgBN,cAAA,CAACO,kCAAA,EAAA,EAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,OAC9D,CAAA,GACE,IAAA;AAAA,sBACJF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wBAAAL,cAAA;AAAA,UAACQ,WAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,QAAA;AAAA,YACL,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,YACjB,IAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,OAAA;AAAA,YACA,SAAA,EAAWC,WAAA;AAAA,cACT,SAAS,IAAA,IAAQ,MAAA;AAAA,cACjB,SAAS,IAAA,IAAQ,MAAA;AAAA,cAAA,CAChB,CAAC,IAAA,IAAQ,IAAA,KAAS,SAAA,KAAc,OAAA;AAAA,cACjC,SAAS,IAAA,IAAQ;AAAA;AACnB;AAAA,SACF;AAAA,wBACAT,cAAA;AAAA,UAACG,sBAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAWM,WAAA;AAAA,cACT,+FAAA;AAAA,cACA,SAAS,IAAA,IAAQ,UAAA;AAAA,cACjB,SAAS,IAAA,IAAQ,QAAA;AAAA,cAAA,CAChB,CAAC,IAAA,IAAQ,IAAA,KAAS,SAAA,KAAc,iBAAA;AAAA,cACjC,SAAS,IAAA,IAAQ;AAAA;AACnB;AAAA,SACF;AAAA,QACC,OAAA,KAAY,KAAA,IAAS,WAAA,KAAgB,KAAA,CAAA,oBACpCT,cAAA;AAAA,UAACE,aAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,OAAA;AAAA,YACR,MAAM,UAAA,IAAc,IAAA;AAAA,YACpB,YAAA,EAAW,cAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,IAAI,KAAA,EAAO;AACT,gBAAA,OAAA,EAAQ;AAAA,cACV;AACA,cAAA,IAAI,gBAAgB,KAAA,EAAO;AACzB,gBAAA,iBAAA,GAAoB,IAAI,CAAA;AAAA,cAC1B;AAAA,YACF,CAAA;AAAA,YACA,SAAA,EAAU,2CAAA;AAAA,YAEV,yCAACQ,iBAAA,EAAA,EAAM;AAAA;AAAA;AACT,OAAA,EAEJ,CAAA;AAAA,MACC,QAAA,oBAAYV,cAAA,CAACM,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYN,cAAA,CAACM,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{select-field-block-dq1ZmZVb.cjs → select-field-block-BI_NZs2R.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const fieldBlock = require('./field-block-Dx-fDIP9.cjs');
+const fieldBlock = require('./field-block-CEbnWKc0.cjs');
 const select = require('./select-CUMnhTBS.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 
@@ -47,4 +47,4 @@ function SelectFieldBlock({
 }
 
 exports.SelectFieldBlock = SelectFieldBlock;
-//# sourceMappingURL=select-field-block-dq1ZmZVb.cjs.map
+//# sourceMappingURL=select-field-block-BI_NZs2R.cjs.map

package/dist/{select-field-block-dq1ZmZVb.cjs.map → select-field-block-BI_NZs2R.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-field-block-dq1ZmZVb.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Select\n          aria-label={labelIsHidden ? label : undefined}\n          name={name}\n          value={value}\n          onValueChange={onValueChange}\n          disabled={disabled}\n        >\n          <SelectTrigger size={size}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map(option => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;AA2BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACVC,cAAA,CAACD,qBAAA,CAAW,QAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,sBAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,0CAAgBC,cAAA,CAACC,kCAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClCC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,UACpC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,aAAA;AAAA,UACA,QAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACI,oBAAA,EAAA,EAAc,IAAA,EACb,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,aAA0B,CAAA,EACzC,CAAA;AAAA,4BACAL,cAAA,CAACM,oBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACXN,cAAA,CAACO,iBAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,oBAAYP,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"select-field-block-BI_NZs2R.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Select\n          aria-label={labelIsHidden ? label : undefined}\n          name={name}\n          value={value}\n          onValueChange={onValueChange}\n          disabled={disabled}\n        >\n          <SelectTrigger size={size}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map(option => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;AA2BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACVC,cAAA,CAACD,qBAAA,CAAW,QAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,sBAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,0CAAgBC,cAAA,CAACC,kCAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClCC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJG,eAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,UACpC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,aAAA;AAAA,UACA,QAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACI,oBAAA,EAAA,EAAc,IAAA,EACb,QAAA,kBAAAJ,cAAA,CAACK,kBAAA,EAAA,EAAY,aAA0B,CAAA,EACzC,CAAA;AAAA,4BACAL,cAAA,CAACM,oBAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACXN,cAAA,CAACO,iBAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,oBAAYP,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{select-field-block-BWuqWh4k.js → select-field-block-BSlngEHK.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { F as FieldBlock } from './field-block-CC_EYPWe.js';
+import { F as FieldBlock } from './field-block-CBdMcT-i.js';
 import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-LyQqK1ph.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 
@@ -45,4 +45,4 @@ function SelectFieldBlock({
 }
 
 export { SelectFieldBlock as S };
-//# sourceMappingURL=select-field-block-BWuqWh4k.js.map
+//# sourceMappingURL=select-field-block-BSlngEHK.js.map

package/dist/{select-field-block-BWuqWh4k.js.map → select-field-block-BSlngEHK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-field-block-BWuqWh4k.js","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Select\n          aria-label={labelIsHidden ? label : undefined}\n          name={name}\n          value={value}\n          onValueChange={onValueChange}\n          disabled={disabled}\n        >\n          <SelectTrigger size={size}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map(option => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AA2BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACV,GAAA,CAAC,UAAA,CAAW,QAAX,EACC,QAAA,kBAAA,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,0CAAgB,GAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClC,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,UACpC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,aAAA;AAAA,UACA,QAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EACb,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,aAA0B,CAAA,EACzC,CAAA;AAAA,4BACA,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACX,GAAA,CAAC,UAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"select-field-block-BSlngEHK.js","sources":["../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Pick<FieldBlockLabelProps, 'name' | 'required'> & {\n    testId?: string;\n    label?: string | null;\n    labelIsHidden?: boolean;\n    labelSize?: FieldBlockLabelProps['size'];\n    disabled?: boolean;\n    value?: string;\n    options: { value: string; label: string }[];\n    placeholder?: string;\n    onValueChange: (value: string) => void;\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    error?: boolean;\n    className?: string;\n    size?: SelectTriggerProps['size'];\n  };\n\nexport function SelectFieldBlock({\n  name,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  size = 'md',\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  labelColumnWidth,\n  options,\n  placeholder = 'Select an option',\n  onValueChange,\n  className,\n}: SelectFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {layout === 'vertical' && label && !labelIsHidden ? (\n          <FieldBlock.Label name={name} required={required}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Select\n          aria-label={labelIsHidden ? label : undefined}\n          name={name}\n          value={value}\n          onValueChange={onValueChange}\n          disabled={disabled}\n        >\n          <SelectTrigger size={size}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map(option => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AA2BO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,MAAA,GAAS,UAAA;AAAA,EACT,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,kBAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA0B;AACxB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,+BACV,GAAA,CAAC,UAAA,CAAW,QAAX,EACC,QAAA,kBAAA,GAAA,CAAC,WAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,0CAAgB,GAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB,KAAA,EAC9D,GACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,MAAA,KAAW,UAAA,IAAc,KAAA,IAAS,CAAC,aAAA,mBAClC,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAC3B,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,sBACJ,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,UACpC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,aAAA;AAAA,UACA,QAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EACb,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,aAA0B,CAAA,EACzC,CAAA;AAAA,4BACA,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,4BACX,GAAA,CAAC,UAAA,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,OAC1C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADO,MAAA,CAAO,KAExB,CACD,CAAA,EACH;AAAA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/signals-empty-state.css

@@ -0,0 +1,54 @@
+.signals-pipeline-connector {
+  animation: signals-connector 2.8s ease-in-out infinite;
+}
+
+.signals-engine-pulse {
+  animation: signals-engine-pulse 3.2s ease-in-out infinite;
+}
+
+.signals-chip {
+  animation: signals-chip 3.6s ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .signals-pipeline-connector,
+  .signals-engine-pulse,
+  .signals-chip {
+    animation: none;
+  }
+}
+
+@keyframes signals-connector {
+  0%,
+  100% {
+    opacity: 0.45;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes signals-engine-pulse {
+  0%,
+  100% {
+    opacity: 0.5;
+    transform: scale(0.96);
+  }
+
+  50% {
+    opacity: 0.9;
+    transform: scale(1.04);
+  }
+}
+
+@keyframes signals-chip {
+  0%,
+  100% {
+    opacity: 0.72;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}

package/dist/src/ds/components/Card/Card.d.ts

@@ -1,6 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
+import { LinkComponent } from '../../types/link-component';
 import * as React from 'react';
 declare const cardVariants: (props?: ({
+    appearance?: "surface" | "outlined" | null | undefined;
     elevation?: "flat" | "raised" | "elevated" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -8,19 +10,30 @@ export type CardProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<type
     as?: React.ElementType;
 };
 export declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    appearance?: "surface" | "outlined" | null | undefined;
     elevation?: "flat" | "raised" | "elevated" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
     as?: React.ElementType;
 } & React.RefAttributes<HTMLDivElement>>;
+export type CardLinkProps = Omit<React.ComponentPropsWithoutRef<'a'>, 'href'> & Omit<VariantProps<typeof cardVariants>, 'interactive'> & {
+    href: string;
+    LinkComponent?: LinkComponent;
+};
+export declare function CardLink({ className, appearance, elevation, LinkComponent: Link, ...props }: CardLinkProps): React.JSX.Element;
 export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export type CardTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
 export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 export type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
 export declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const cardContentVariants: (props?: ({
+    density?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardContentVariants>;
+export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    density?: "default" | "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/src/ds/components/Card/index.d.ts

@@ -1,2 +1,2 @@
-export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './Card';
-export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './Card';
+export { Card, CardLink, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './Card';
+export type { CardProps, CardLinkProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './Card';

package/dist/src/ds/components/ClampedText/clamped-text.d.ts

@@ -0,0 +1,20 @@
+import { TxtProps } from '../Txt';
+declare const clampClasses: {
+    readonly 1: "line-clamp-1";
+    readonly 2: "line-clamp-2";
+    readonly 3: "line-clamp-3";
+    readonly 4: "line-clamp-4";
+    readonly 5: "line-clamp-5";
+    readonly 6: "line-clamp-6";
+};
+export type ClampedTextLines = keyof typeof clampClasses;
+export interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {
+    children: string;
+    /** Number of lines to clamp to (default: 2) */
+    lines?: ClampedTextLines;
+    readMoreLabel?: string;
+    showLessLabel?: string;
+}
+/** Text clamped to a number of lines, with a "read more" toggle shown only when the clamp actually cuts content. */
+export declare function ClampedText({ children, lines, readMoreLabel, showLessLabel, className, ...txtProps }: ClampedTextProps): import("react").JSX.Element;
+export {};

package/dist/src/ds/components/ClampedText/clamped-text.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ClampedText } from './clamped-text';
+declare const meta: Meta<typeof ClampedText>;
+export default meta;
+type Story = StoryObj<typeof ClampedText>;
+export declare const Default: Story;
+export declare const ShortTextNoToggle: Story;
+export declare const ThreeLines: Story;

package/dist/src/ds/components/ClampedText/index.d.ts

@@ -0,0 +1 @@
+export * from './clamped-text';

package/dist/src/ds/components/Composer/composer.d.ts

@@ -1,10 +1,14 @@
 import { ComponentPropsWithoutRef } from 'react';
 export type ComposerProps = ComponentPropsWithoutRef<'form'>;
+export interface ComposerInputProps extends ComponentPropsWithoutRef<'textarea'> {
+    /** Maximum height of the scrolling input viewport. */
+    maxHeight?: string;
+}
 export declare const Composer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
 export interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {
     sendingPulseKey?: number;
 }
 export declare const ComposerBox: import('react').ForwardRefExoticComponent<ComposerBoxProps & import('react').RefAttributes<HTMLDivElement>>;
 export declare const ComposerAttachments: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ComposerInput: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export declare const ComposerInput: import('react').ForwardRefExoticComponent<ComposerInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export declare const ComposerActions: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/Composer/index.d.ts

@@ -1,2 +1,2 @@
 export { Composer, ComposerActions, ComposerAttachments, ComposerBox, ComposerInput } from './composer';
-export type { ComposerBoxProps, ComposerProps } from './composer';
+export type { ComposerBoxProps, ComposerInputProps, ComposerProps } from './composer';

package/dist/src/ds/components/SankeyChart/index.d.ts

@@ -2,5 +2,6 @@ export { Sankey, useSankey } from './sankey-context';
 export type { SankeyControlColumn, SankeyControls, SankeyProps } from './sankey-context';
 export { SankeyChart } from './sankey-chart';
 export type { SankeyChartProps } from './sankey-chart';
-export { buildSankeyChartGraph, getSankeyChartCurveSelection, getSankeyChartValue, reorderSankeyChartColumns, } from './sankey-chart-utils';
+export { buildSankeyHueMap, hashHue, nodeColor, nodeColorVivid } from './sankeyColor';
+export { buildSankeyChartGraph, getSankeyChartCurveSelection, getSankeyChartNodeWeights, getSankeyChartValue, reorderSankeyChartColumns, } from './sankey-chart-utils';
 export type { SankeyChartColumn, SankeyChartCurveSelection, SankeyChartGraph, SankeyChartLink, SankeyChartNode, SankeyChartRecord, } from './sankey-chart-utils';

package/dist/src/ds/components/SankeyChart/sankey-chart-utils.d.ts

@@ -35,5 +35,6 @@ export type SankeyChartCurveSelection = {
 };
 export declare function getSankeyChartValue(value: unknown): string | number | undefined;
 export declare function reorderSankeyChartColumns(columns: Array<SankeyChartColumn>, startIndex: number, endIndex: number): Array<SankeyChartColumn>;
-export declare function buildSankeyChartGraph(data: Array<SankeyChartRecord>, columns: Array<SankeyChartColumn>): SankeyChartGraph;
+export declare function buildSankeyChartGraph(data: Array<SankeyChartRecord>, columns: Array<SankeyChartColumn>, getRecordWeight?: (record: SankeyChartRecord) => number): SankeyChartGraph;
+export declare function getSankeyChartNodeWeights(graph: SankeyChartGraph): Map<string, number>;
 export declare function getSankeyChartCurveSelection(link: SankeyChartLink): SankeyChartCurveSelection;

package/dist/src/ds/components/SankeyChart/sankey-chart.d.ts

@@ -1,8 +1,10 @@
-import { CSSProperties } from 'react';
+import { ComponentProps, CSSProperties } from 'react';
+import { Sankey as RechartsSankey } from 'recharts';
 import { SankeyChartCurveSelection } from './sankey-chart-utils';
 export type SankeyChartProps = {
     height?: CSSProperties['height'];
     className?: string;
+    margin?: ComponentProps<typeof RechartsSankey>['margin'];
     onCurveClick?: (selection: SankeyChartCurveSelection) => void;
 };
-export declare function SankeyChart({ height, className, onCurveClick }: SankeyChartProps): import("react").JSX.Element;
+export declare function SankeyChart({ height, className, margin, onCurveClick, }: SankeyChartProps): import("react").JSX.Element;

package/dist/src/ds/components/SankeyChart/sankey-context.d.ts

@@ -8,6 +8,8 @@ export type SankeyProps = {
     onColumnOrderChange?: (columnOrder: Array<string>) => void;
     visibleColumnIds?: Array<string>;
     onVisibleColumnIdsChange?: (columnIds: Array<string>) => void;
+    getRecordWeight?: (record: SankeyChartRecord) => number;
+    getColumnHue?: (column: SankeyChartColumn) => number;
 };
 export type SankeyControlColumn = SankeyChartColumn & {
     visible: boolean;
@@ -23,7 +25,7 @@ type SankeyRenderContext = {
     hueMap: Record<string, number>;
 };
 declare const SankeyRenderContext: import('react').Context<SankeyRenderContext | undefined>;
-export declare function Sankey({ data, columns, children, columnOrder, onColumnOrderChange, visibleColumnIds, onVisibleColumnIdsChange, }: SankeyProps): import("react").JSX.Element;
+export declare function Sankey({ data, columns, children, columnOrder, onColumnOrderChange, visibleColumnIds, onVisibleColumnIdsChange, getRecordWeight, getColumnHue, }: SankeyProps): import("react").JSX.Element;
 export declare function useSankey(): SankeyControls;
 export declare function useSankeyRenderContext(): SankeyRenderContext;
 export {};

package/dist/src/ds/components/Toaster/index.d.ts

@@ -1 +1 @@
-export { Toaster } from '../../../lib/toast';
+export { Toaster, toast } from '../../../lib/toast';

package/dist/src/ds/components/Txt/Txt.d.ts

@@ -1,7 +1,8 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, Ref } from 'react';
 import { FontSizes } from '../../tokens';
 export interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
+    ref?: Ref<HTMLElement>;
     variant?: keyof typeof FontSizes;
     font?: 'mono';
     htmlFor?: string;
@@ -9,4 +10,4 @@ export interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelEleme
     title?: string;
     children?: ReactNode;
 }
-export declare const Txt: ({ as: Root, className, variant, font, ...props }: TxtProps) => import("react").JSX.Element;
+export declare const Txt: ({ as: Root, className, variant, font, ref, ...props }: TxtProps) => import("react").JSX.Element;

package/dist/src/ds/components/ai/ask-user/ask-user.d.ts

@@ -0,0 +1,42 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Button } from '../../Button';
+export type AskUserSelectionMode = 'single_select' | 'multi_select';
+export type AskUserAnswer = string | string[];
+export interface AskUserOption {
+    label: string;
+    description?: string;
+}
+export interface AskUserPayload {
+    question: string;
+    options?: AskUserOption[];
+    selectionMode?: AskUserSelectionMode;
+}
+export interface AskUserResult {
+    content: string;
+    isError?: boolean;
+}
+export declare const AskUserContainer: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
+export declare const AskUserQuestion: ({ className, ...props }: ComponentProps<"legend">) => import("react").JSX.Element;
+export declare const AskUserOptionDescription: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
+interface AskUserOptionControlProps extends Omit<ComponentProps<'input'>, 'type'> {
+    type: 'radio' | 'checkbox';
+    label: string;
+    description?: string;
+}
+export declare const AskUserOptionControl: ({ type, label, description, className, ...props }: AskUserOptionControlProps) => import("react").JSX.Element;
+export declare const AskUserSubmit: ({ children, ...props }: ComponentProps<typeof Button>) => import("react").JSX.Element;
+export declare const AskUserPending: ({ children, className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
+export interface AskUserOutputProps extends ComponentProps<'div'> {
+    result: AskUserResult;
+}
+export declare const AskUserOutput: ({ result, className, ...props }: AskUserOutputProps) => import("react").JSX.Element;
+export interface AskUserProps extends Omit<ComponentProps<typeof AskUserContainer>, 'children' | 'onSubmit'> {
+    payload: AskUserPayload;
+    result?: AskUserResult;
+    isAnswered?: boolean;
+    isSubmitting?: boolean;
+    onSubmit: (answer: AskUserAnswer) => void;
+    footer?: ReactNode;
+}
+export declare const AskUser: ({ payload, ...props }: AskUserProps) => import("react").JSX.Element;
+export {};

package/dist/src/ds/components/ai/ask-user/ask-user.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { AskUser } from './ask-user';
+declare const meta: Meta<typeof AskUser>;
+export default meta;
+type Story = StoryObj<typeof AskUser>;
+export declare const FreeText: Story;
+export declare const SingleSelect: Story;
+export declare const MultiSelect: Story;
+export declare const Submitting: Story;
+export declare const Answered: Story;
+export declare const Error: Story;

package/dist/src/ds/components/ai/ask-user/index.d.ts

@@ -0,0 +1 @@
+export * from './ask-user';

package/dist/src/ds/components/ai/task-list/index.d.ts

@@ -0,0 +1 @@
+export * from './task-list';

package/dist/src/ds/components/ai/task-list/task-list.d.ts

@@ -0,0 +1,31 @@
+import { TaskItem } from '@mastra/core/signals';
+import { ComponentProps, ReactNode } from 'react';
+export type TaskListItem = TaskItem;
+export declare const TaskListContainer: ({ className, ...props }: ComponentProps<"section">) => import("react").JSX.Element;
+export declare const TaskListHeader: ({ className, ...props }: ComponentProps<"header">) => import("react").JSX.Element;
+export interface TaskListCountProps extends ComponentProps<'span'> {
+    completed: number;
+    total: number;
+}
+export declare const TaskListCount: ({ completed, total, className, ...props }: TaskListCountProps) => import("react").JSX.Element;
+export interface TaskListProgressProps extends Omit<ComponentProps<'div'>, 'children'> {
+    completed: number;
+    total: number;
+}
+export declare const TaskListProgress: ({ completed, total, className, ...props }: TaskListProgressProps) => import("react").JSX.Element;
+export interface TaskListStatusIconProps extends ComponentProps<'span'> {
+    status: TaskListItem['status'];
+}
+export declare const TaskListStatusIcon: ({ status, className, ...props }: TaskListStatusIconProps) => import("react").JSX.Element;
+export interface TaskListRowProps extends ComponentProps<'li'> {
+    task: TaskListItem;
+}
+export declare const TaskListRow: ({ task, className, ...props }: TaskListRowProps) => import("react").JSX.Element;
+export interface TaskListProps extends Omit<ComponentProps<typeof TaskListContainer>, 'children' | 'title'> {
+    tasks: TaskListItem[];
+    title?: ReactNode;
+    hideWhenEmpty?: boolean;
+    hideWhenComplete?: boolean;
+    scrollActiveIntoView?: boolean;
+}
+export declare const TaskList: ({ tasks, title, hideWhenEmpty, hideWhenComplete, scrollActiveIntoView, ...props }: TaskListProps) => import("react").JSX.Element | null;

package/dist/src/ds/components/ai/task-list/task-list.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { TaskList } from './task-list';
+declare const meta: Meta<typeof TaskList>;
+export default meta;
+type Story = StoryObj<typeof TaskList>;
+export declare const MixedProgress: Story;
+export declare const OneActiveTask: Story;
+export declare const Empty: Story;
+export declare const Completed: Story;

package/dist/src/ee/signals/components/index.d.ts

@@ -1,3 +1 @@
-export * from './signal-details-page';
-export * from './signals-entity-filter';
 export * from './signals-overview-page';

package/dist/src/ee/signals/components/signals-empty-state.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { LinkComponent } from '../../../ds/types/link-component';
+export type SignalsEmptyStateProps = {
+    actionSlot?: ReactNode;
+    LinkComponent?: LinkComponent;
+};
+export declare const SignalsEmptyState: ({ actionSlot, LinkComponent }: SignalsEmptyStateProps) => import("react").JSX.Element;

package/dist/src/ee/signals/components/signals-overview-page.d.ts

@@ -1,22 +1,2 @@
-import { EntityLearningEntitySummary, EntityLearningTopic } from '../services';
-import { SelectedEntity, SignalCatalogEntry } from '../types';
-interface SignalClusterCardProps {
-    topic: EntityLearningTopic;
-    onSelect: (topicId: string) => void;
-}
-export declare function SignalClusterCard({ topic, onSelect }: SignalClusterCardProps): import("react").JSX.Element;
-interface SignalSectionProps {
-    entity: EntityLearningEntitySummary;
-    catalog: SignalCatalogEntry;
-    signalName: string;
-    onSeeDetails: (signalName: string) => void;
-    onSelectCluster: (signalName: string, topicId: string) => void;
-}
-export declare function SignalSection({ entity, catalog, signalName, onSeeDetails, onSelectCluster }: SignalSectionProps): import("react").JSX.Element;
-export interface SignalsOverviewPageProps {
-    selectedEntity: SelectedEntity | null;
-    onEntityChange: (selected: SelectedEntity | null) => void;
-    onSignalSelect: (signalName: string, topicId?: string) => void;
-}
-export declare function SignalsOverviewPage({ selectedEntity, onEntityChange, onSignalSelect }: SignalsOverviewPageProps): import("react").JSX.Element;
-export {};
+import { SignalsEmptyStateProps } from './signals-empty-state';
+export declare function SignalsOverviewPage(props: SignalsEmptyStateProps): import("react").JSX.Element;

package/dist/src/ee/signals/index.d.ts

@@ -1,5 +1,2 @@
 export * from './components';
-export * from './hooks';
-export * from './services';
-export * from './signals-data';
-export * from './types';
+export * from './signal-colors';

package/dist/src/ee/signals/signal-colors.d.ts

@@ -0,0 +1,7 @@
+export declare const SIGNAL_HUES: {
+    readonly goal: 145;
+    readonly outcome: 35;
+    readonly behavior: 225;
+    readonly sentiment: 300;
+};
+export declare function getSignalHue(signalName: string): 0 | 145 | 35 | 225 | 300;

package/dist/src/hooks/use-is-clamped.d.ts

@@ -0,0 +1,11 @@
+import { RefCallback } from 'react';
+export interface UseIsClampedOptions {
+    /** Set false while the clamp is lifted (e.g. text expanded) to freeze the last measurement. */
+    enabled?: boolean;
+}
+export interface UseIsClampedResult<TElement extends HTMLElement> {
+    ref: RefCallback<TElement>;
+    isClamped: boolean;
+}
+/** Measures whether a clamped element has content cut off (`scrollHeight > clientHeight`), re-measuring on resize and font load. */
+export declare function useIsClamped<TElement extends HTMLElement = HTMLElement>({ enabled, }?: UseIsClampedOptions): UseIsClampedResult<TElement>;