@mastra/playground-ui 63.1.0-alpha.5 → 64.0.0-alpha.7

package/dist/checkbox-DNlMGoJH.cjs

@@ -1,102 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const checkbox = require('@base-ui/react/checkbox');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const fieldControlAria = require('./field-control-aria-WzMGs0A4.cjs');
-const primitives_selectionControl = require('./primitives/selection-control.cjs.js');
-const utils_cn = require('./cn-TqD01zH-.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 Checkbox = React__namespace.forwardRef(
-  ({ className, checked, indeterminate, ...props }, ref) => {
-    const isCheckedIndeterminate = checked === "indeterminate";
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      checkbox.Checkbox.Root,
-      {
-        ref,
-        checked: isCheckedIndeterminate ? false : checked,
-        indeterminate: indeterminate ?? isCheckedIndeterminate,
-        "data-slot": "checkbox",
-        render: /* @__PURE__ */ jsxRuntime.jsx("span", { ...fieldControlAria.keepOwnAccessibleName(props) }),
-        className: utils_cn.cn(
-          "peer rounded-[0.3125rem]",
-          primitives_selectionControl.selectionControlStyle,
-          // Indeterminate is checkbox-only and mirrors the checked chip.
-          "data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background",
-          "data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90",
-          "data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75",
-          "data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          checkbox.Checkbox.Indicator,
-          {
-            keepMounted: true,
-            className: utils_cn.cn(
-              "group/checkbox-indicator flex items-center justify-center text-current",
-              "scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom",
-              "data-[checked]:scale-100 data-[checked]:opacity-100",
-              "data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100",
-              "data-[starting-style]:scale-75 data-[starting-style]:opacity-0",
-              "data-[ending-style]:scale-75 data-[ending-style]:opacity-0"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxIndicatorIcon, {})
-          }
-        )
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-function CheckboxIndicatorIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      lucideReact.Check,
-      {
-        className: utils_cn.cn(
-          "stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
-          // Lucide's check path is ~22.6 units long. Use a longer dash so the
-          // final checked mark is never clipped.
-          "[stroke-dasharray:28] [stroke-dashoffset:28]",
-          "group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]",
-          "group-data-[checked]/checkbox-indicator:scale-100",
-          "group-data-[indeterminate]/checkbox-indicator:hidden"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      lucideReact.Minus,
-      {
-        className: utils_cn.cn(
-          "stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom",
-          "group-data-[indeterminate]/checkbox-indicator:block",
-          "group-data-[indeterminate]/checkbox-indicator:scale-100"
-        )
-      }
-    )
-  ] });
-}
-
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=checkbox-DNlMGoJH.cjs.map

package/dist/checkbox-DNlMGoJH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-DNlMGoJH.cjs","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        render={<span {...keepOwnAccessibleName(props)} />}\n        className={cn(\n          'peer rounded-[0.3125rem]',\n          selectionControlStyle,\n          // Indeterminate is checkbox-only and mirrors the checked chip.\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          'data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["React","jsx","CheckboxPrimitive","keepOwnAccessibleName","cn","selectionControlStyle","jsxs","Fragment","Check","Minus"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,WAAWA,gBAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACEC,cAAA;AAAA,MAACC,iBAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,wBAAQD,cAAA,CAAC,MAAA,EAAA,EAAM,GAAGE,sCAAA,CAAsB,KAAK,CAAA,EAAG,CAAA;AAAA,QAChD,SAAA,EAAWC,WAAA;AAAA,UACT,0BAAA;AAAA,UACAC,iDAAA;AAAA;AAAA,UAEA,gHAAA;AAAA,UACA,6FAAA;AAAA,UACA,+FAAA;AAAA,UACA,4KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAJ,cAAA;AAAA,UAACC,iBAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAWE,WAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,yCAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACEE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAN,cAAA;AAAA,MAACO,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWJ,WAAA;AAAA,UACT,mGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACAH,cAAA;AAAA,MAACQ,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWL,WAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/checkbox-mmR3rD2j.js

@@ -1,81 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
-import { Check, Minus } from 'lucide-react';
-import * as React from 'react';
-import { k as keepOwnAccessibleName } from './field-control-aria-DB6y41tQ.js';
-import { selectionControlStyle } from './primitives/selection-control.es.js';
-import { c as cn } from './cn-coERSHz5.js';
-
-const Checkbox = React.forwardRef(
-  ({ className, checked, indeterminate, ...props }, ref) => {
-    const isCheckedIndeterminate = checked === "indeterminate";
-    return /* @__PURE__ */ jsx(
-      Checkbox$1.Root,
-      {
-        ref,
-        checked: isCheckedIndeterminate ? false : checked,
-        indeterminate: indeterminate ?? isCheckedIndeterminate,
-        "data-slot": "checkbox",
-        render: /* @__PURE__ */ jsx("span", { ...keepOwnAccessibleName(props) }),
-        className: cn(
-          "peer rounded-[0.3125rem]",
-          selectionControlStyle,
-          // Indeterminate is checkbox-only and mirrors the checked chip.
-          "data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background",
-          "data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90",
-          "data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75",
-          "data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          Checkbox$1.Indicator,
-          {
-            keepMounted: true,
-            className: cn(
-              "group/checkbox-indicator flex items-center justify-center text-current",
-              "scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom",
-              "data-[checked]:scale-100 data-[checked]:opacity-100",
-              "data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100",
-              "data-[starting-style]:scale-75 data-[starting-style]:opacity-0",
-              "data-[ending-style]:scale-75 data-[ending-style]:opacity-0"
-            ),
-            children: /* @__PURE__ */ jsx(CheckboxIndicatorIcon, {})
-          }
-        )
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-function CheckboxIndicatorIcon() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Check,
-      {
-        className: cn(
-          "stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom",
-          // Lucide's check path is ~22.6 units long. Use a longer dash so the
-          // final checked mark is never clipped.
-          "[stroke-dasharray:28] [stroke-dashoffset:28]",
-          "group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]",
-          "group-data-[checked]/checkbox-indicator:scale-100",
-          "group-data-[indeterminate]/checkbox-indicator:hidden"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Minus,
-      {
-        className: cn(
-          "stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom",
-          "group-data-[indeterminate]/checkbox-indicator:block",
-          "group-data-[indeterminate]/checkbox-indicator:scale-100"
-        )
-      }
-    )
-  ] });
-}
-
-export { Checkbox as C };
-//# sourceMappingURL=checkbox-mmR3rD2j.js.map

package/dist/checkbox-mmR3rD2j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-mmR3rD2j.js","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { selectionControlStyle } from '@/ds/primitives/selection-control';\nimport { cn } from '@/lib/utils';\n\n/**\n * Radix-style tri-state value for the controlled `checked` prop. Base UI splits\n * this into a strict `checked` boolean plus a separate `indeterminate` boolean —\n * we keep the Radix union here so existing consumers (which pass\n * `checked=\"indeterminate\"`) keep working without changes.\n *\n * `defaultChecked` is intentionally a plain boolean: an uncontrolled checkbox\n * cannot start \"indeterminate\" and then be toggled out of it (the indeterminate\n * state is inherently controlled), so `'indeterminate'` is not allowed there.\n */\nexport type CheckedState = boolean | 'indeterminate';\n\ntype CheckboxProps = Omit<CheckboxPrimitive.Root.Props, 'className' | 'checked'> & {\n  className?: string;\n  checked?: CheckedState;\n};\n\nconst Checkbox = React.forwardRef<HTMLSpanElement, CheckboxProps>(\n  ({ className, checked, indeterminate, ...props }, ref) => {\n    // Translate the Radix `'indeterminate'` sentinel into Base UI's dedicated\n    // `indeterminate` prop while leaving `checked` as a boolean.\n    const isCheckedIndeterminate = checked === 'indeterminate';\n\n    return (\n      <CheckboxPrimitive.Root\n        ref={ref}\n        checked={isCheckedIndeterminate ? false : checked}\n        indeterminate={indeterminate ?? isCheckedIndeterminate}\n        data-slot=\"checkbox\"\n        render={<span {...keepOwnAccessibleName(props)} />}\n        className={cn(\n          'peer rounded-[0.3125rem]',\n          selectionControlStyle,\n          // Indeterminate is checkbox-only and mirrors the checked chip.\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          'data-[disabled]:data-[indeterminate]:border-muted-foreground data-[disabled]:data-[indeterminate]:bg-muted-foreground data-[disabled]:data-[indeterminate]:text-background',\n          className,\n        )}\n        {...props}\n      >\n        <CheckboxPrimitive.Indicator\n          keepMounted\n          className={cn(\n            'group/checkbox-indicator flex items-center justify-center text-current',\n            'scale-75 opacity-0 transition-[opacity,transform] duration-200 ease-out-custom',\n            'data-[checked]:scale-100 data-[checked]:opacity-100',\n            'data-[indeterminate]:scale-100 data-[indeterminate]:opacity-100',\n            'data-[starting-style]:scale-75 data-[starting-style]:opacity-0',\n            'data-[ending-style]:scale-75 data-[ending-style]:opacity-0',\n          )}\n        >\n          <CheckboxIndicatorIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\n/**\n * Picks the checkmark vs. the dash based on the Indicator's data attributes.\n * The Indicator stays mounted so unchecked transitions can animate out cleanly.\n */\nfunction CheckboxIndicatorIcon() {\n  return (\n    <>\n      <Check\n        className={cn(\n          'stroke-3.25 size-3 scale-95 transition-[stroke-dashoffset,transform] duration-200 ease-out-custom',\n          // Lucide's check path is ~22.6 units long. Use a longer dash so the\n          // final checked mark is never clipped.\n          '[stroke-dasharray:28] [stroke-dashoffset:28]',\n          'group-data-[checked]/checkbox-indicator:[stroke-dashoffset:0]',\n          'group-data-[checked]/checkbox-indicator:scale-100',\n          'group-data-[indeterminate]/checkbox-indicator:hidden',\n        )}\n      />\n      <Minus\n        className={cn(\n          'stroke-3.25 hidden size-3 scale-95 transition-transform duration-200 ease-out-custom',\n          'group-data-[indeterminate]/checkbox-indicator:block',\n          'group-data-[indeterminate]/checkbox-indicator:scale-100',\n        )}\n      />\n    </>\n  );\n}\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],"names":["CheckboxPrimitive"],"mappings":";;;;;;;;AAyBA,MAAM,WAAW,KAAA,CAAM,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,eAAe,GAAG,KAAA,IAAS,GAAA,KAAQ;AAGxD,IAAA,MAAM,yBAAyB,OAAA,KAAY,eAAA;AAE3C,IAAA,uBACE,GAAA;AAAA,MAACA,UAAA,CAAkB,IAAA;AAAA,MAAlB;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,yBAAyB,KAAA,GAAQ,OAAA;AAAA,QAC1C,eAAe,aAAA,IAAiB,sBAAA;AAAA,QAChC,WAAA,EAAU,UAAA;AAAA,QACV,wBAAQ,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,qBAAA,CAAsB,KAAK,CAAA,EAAG,CAAA;AAAA,QAChD,SAAA,EAAW,EAAA;AAAA,UACT,0BAAA;AAAA,UACA,qBAAA;AAAA;AAAA,UAEA,gHAAA;AAAA,UACA,6FAAA;AAAA,UACA,+FAAA;AAAA,UACA,4KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAACA,UAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAW,EAAA;AAAA,cACT,wEAAA;AAAA,cACA,gFAAA;AAAA,cACA,qDAAA;AAAA,cACA,iEAAA;AAAA,cACA,gEAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,8BAAC,qBAAA,EAAA,EAAsB;AAAA;AAAA;AACzB;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,SAAS,qBAAA,GAAwB;AAC/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,mGAAA;AAAA;AAAA;AAAA,UAGA,8CAAA;AAAA,UACA,+DAAA;AAAA,UACA,mDAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}