@mastra/playground-ui 56.0.0-alpha.9 → 56.0.0

package/dist/checkbox-BHOqsV3k.js

@@ -1,89 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import './new-theme.css';/* empty css                   */
-import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
-import { Check, Minus } from 'lucide-react';
-import * as React from 'react';
-import { transitions } from './primitives/transitions.es.js';
-import { c as cn } from './cn-C6s2yXwM.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",
-        className: cn(
-          "new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]",
-          "border border-border bg-foreground/14 text-background outline-hidden",
-          transitions.all,
-          "hover:border-foreground/18 hover:bg-foreground/18",
-          "active:scale-95 active:border-foreground/30 active:bg-foreground/30",
-          "focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid",
-          "data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background",
-          "data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background",
-          "data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90",
-          "data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90",
-          "data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75",
-          "data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75",
-          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
-          "data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100",
-          "data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground",
-          "data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground",
-          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-BHOqsV3k.js.map

package/dist/checkbox-BHOqsV3k.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-BHOqsV3k.js","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { transitions } from '@/ds/primitives/transitions';\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        className={cn(\n          'new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]',\n          'border border-border bg-foreground/14 text-background outline-hidden',\n          transitions.all,\n          'hover:border-foreground/18 hover:bg-foreground/18',\n          'active:scale-95 active:border-foreground/30 active:bg-foreground/30',\n          'focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid',\n          'data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background',\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.\n          'data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100',\n          'data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground',\n          'data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground',\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,SAAA,EAAW,EAAA;AAAA,UACT,oGAAA;AAAA,UACA,sEAAA;AAAA,UACA,WAAA,CAAY,GAAA;AAAA,UACZ,mDAAA;AAAA,UACA,qEAAA;AAAA,UACA,2JAAA;AAAA,UACA,8FAAA;AAAA,UACA,gHAAA;AAAA,UACA,iFAAA;AAAA,UACA,6FAAA;AAAA,UACA,mFAAA;AAAA,UACA,+FAAA;AAAA;AAAA,UAEA,6NAAA;AAAA,UACA,oJAAA;AAAA,UACA,sKAAA;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;;;;"}

package/dist/checkbox-DXapLh4O.cjs

@@ -1,110 +0,0 @@
-'use strict';
-
-require('./new-theme.css');const jsxRuntime = require('react/jsx-runtime');
-;/* empty css                     */
-const checkbox = require('@base-ui/react/checkbox');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const primitives_transitions = require('./primitives/transitions.cjs.js');
-const utils_cn = require('./cn-BuHW7Wrt.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",
-        className: utils_cn.cn(
-          "new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]",
-          "border border-border bg-foreground/14 text-background outline-hidden",
-          primitives_transitions.transitions.all,
-          "hover:border-foreground/18 hover:bg-foreground/18",
-          "active:scale-95 active:border-foreground/30 active:bg-foreground/30",
-          "focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid",
-          "data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background",
-          "data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background",
-          "data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90",
-          "data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90",
-          "data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75",
-          "data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75",
-          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.
-          "data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100",
-          "data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground",
-          "data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground",
-          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-DXapLh4O.cjs.map

package/dist/checkbox-DXapLh4O.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-DXapLh4O.cjs","sources":["../src/ds/components/Checkbox/checkbox.tsx"],"sourcesContent":["import '../../../../new-theme.css';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { Check, Minus } from 'lucide-react';\nimport * as React from 'react';\n\nimport { transitions } from '@/ds/primitives/transitions';\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        className={cn(\n          'new-theme peer flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[0.3125rem]',\n          'border border-border bg-foreground/14 text-background outline-hidden',\n          transitions.all,\n          'hover:border-foreground/18 hover:bg-foreground/18',\n          'active:scale-95 active:border-foreground/30 active:bg-foreground/30',\n          'focus-visible:border-foreground/45 focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-foreground/45 focus-visible:outline-solid',\n          'data-[checked]:border-foreground data-[checked]:bg-foreground data-[checked]:text-background',\n          'data-[indeterminate]:border-foreground data-[indeterminate]:bg-foreground data-[indeterminate]:text-background',\n          'data-[checked]:hover:border-foreground/90 data-[checked]:hover:bg-foreground/90',\n          'data-[indeterminate]:hover:border-foreground/90 data-[indeterminate]:hover:bg-foreground/90',\n          'data-[checked]:active:border-foreground/75 data-[checked]:active:bg-foreground/75',\n          'data-[indeterminate]:active:border-foreground/75 data-[indeterminate]:active:bg-foreground/75',\n          // Base UI's Checkbox.Root is a `<span>`, so `:disabled` never matches; target `data-disabled`.\n          'data-[disabled]:cursor-not-allowed data-[disabled]:border-foreground/45 data-[disabled]:bg-foreground/45 data-[disabled]:hover:border-foreground/45 data-[disabled]:hover:bg-foreground/45 data-[disabled]:active:scale-100',\n          'data-[disabled]:data-[checked]:border-foreground/45 data-[disabled]:data-[checked]:bg-foreground/45 data-[disabled]:data-[checked]:text-foreground',\n          'data-[disabled]:data-[indeterminate]:border-foreground/45 data-[disabled]:data-[indeterminate]:bg-foreground/45 data-[disabled]:data-[indeterminate]:text-foreground',\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","cn","transitions","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,SAAA,EAAWC,WAAA;AAAA,UACT,oGAAA;AAAA,UACA,sEAAA;AAAA,UACAC,kCAAA,CAAY,GAAA;AAAA,UACZ,mDAAA;AAAA,UACA,qEAAA;AAAA,UACA,2JAAA;AAAA,UACA,8FAAA;AAAA,UACA,gHAAA;AAAA,UACA,iFAAA;AAAA,UACA,6FAAA;AAAA,UACA,mFAAA;AAAA,UACA,+FAAA;AAAA;AAAA,UAEA,6NAAA;AAAA,UACA,oJAAA;AAAA,UACA,sKAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAH,cAAA;AAAA,UAACC,iBAAA,CAAkB,SAAA;AAAA,UAAlB;AAAA,YACC,WAAA,EAAW,IAAA;AAAA,YACX,SAAA,EAAWC,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,oBAAAL,cAAA;AAAA,MAACM,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,oBACAF,cAAA;AAAA,MAACO,iBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWL,WAAA;AAAA,UACT,sFAAA;AAAA,UACA,qDAAA;AAAA,UACA;AAAA;AACF;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}