@cube-dev/ui-kit 0.121.5 → 0.121.6

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Title } from "../Title.js";
@@ -9,7 +9,7 @@ import { IconAlertTriangleFilled, IconCircleCheckFilled, IconCircleXFilled, Icon
 
 //#region src/components/content/Result/Result.tsx
 const Container = tasty({
-	qa: "Result_Container",
+	qa: "ResultContainer",
 	as: "section",
 	styles: {
 		display: {

package/dist/components/content/Result/Result.js.map

@@ -1 +1 @@
-{"version":3,"file":"Result.js","names":["Title"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'Result_Container',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":";;;;;;;;;;AA6DA,MAAM,YAAY,MAAM;CACtB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACX,MAAM;EACN,cAAc;GACZ,IAAI;GACJ,SAAS;GACV;EACD,YAAY;GACV,IAAI;GACJ,SAAS;GACV;EACD,KAAK;GACH,IAAI;GACJ,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;GACT,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EAEf,MAAM;GACJ,GAAG;GACH,SAAS;GACT,UAAU;GACX;EAED,SAAS;GACP,GAAG;GACH,UAAU;GACV,SAAS;GACV;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,WAAW;GACZ;EACF;CACF,CAAC;AAEF,MAAM,gBAA+B;CACnC,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,0BAAwB;EAC3C;CACD,OAAO;EACL,OAAO;EACP,iBAAiB,oBAAC,sBAAoB;EACvC;CACD,MAAM;EACJ,OAAO;EACP,iBAAiB,oBAAC,yBAAuB;EAC1C;CACD,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,4BAA0B;EAC7C;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACF;AAED,SAAS,OAAO,OAAwB,KAAK;CAC3C,IAAI,EACF,UACA,WACA,MACA,QACA,UACA,UACA,OACA,GAAG,eACD;AAEJ,YAAW,YAAY;AAEvB,KAAI,QAAQ,OACV,SAAQ,KACN,8EACD;CAGH,MAAM,WAAW,cAAc;AAC7B,MAAI,KACF,QAAO;EAGT,MAAM,EAAE,OAAO,WAAW,cACxB,UAAU,cAAc,eAAe,OAAO,GAC1C,cAAc,UACd,cAAc;AAEpB,SACE,oBAAC;GAAI,gBAAa;GAAO,OAAO,EAAE,OAAO,SAAS,MAAM,UAAU;aAChE,oBAAC,aAAU,gBAAa,SAAS;IAC7B;IAEP,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,qBAAC;EACC,GAAI,WAAW,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC,EAAE,EAChE,MAAM,EAAE,SAAS,WAAW,EAC7B,CAAC;EACG;EACG;;GAEP;IACC,SAAS,aACT,qBAAC;IAAI,gBAAa;eACf,gBAAgB,aACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,OAAO;eACzC;MACK,CACR,EACD,gBAAgB,gBACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,QAAQ;eAC1C;MACK,CACR;KACE;GAEP,YAAY,oBAAC;IAAI,gBAAa;IAAW;KAAe;;GAC/C;;AAIhB,MAAM,UAAU,WAAW,OAAO;AAElC,QAAQ,cAAc"}
+{"version":3,"file":"Result.js","names":["Title"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":";;;;;;;;;;AA6DA,MAAM,YAAY,MAAM;CACtB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACX,MAAM;EACN,cAAc;GACZ,IAAI;GACJ,SAAS;GACV;EACD,YAAY;GACV,IAAI;GACJ,SAAS;GACV;EACD,KAAK;GACH,IAAI;GACJ,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;GACT,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EAEf,MAAM;GACJ,GAAG;GACH,SAAS;GACT,UAAU;GACX;EAED,SAAS;GACP,GAAG;GACH,UAAU;GACV,SAAS;GACV;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,WAAW;GACZ;EACF;CACF,CAAC;AAEF,MAAM,gBAA+B;CACnC,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,0BAAwB;EAC3C;CACD,OAAO;EACL,OAAO;EACP,iBAAiB,oBAAC,sBAAoB;EACvC;CACD,MAAM;EACJ,OAAO;EACP,iBAAiB,oBAAC,yBAAuB;EAC1C;CACD,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,4BAA0B;EAC7C;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACF;AAED,SAAS,OAAO,OAAwB,KAAK;CAC3C,IAAI,EACF,UACA,WACA,MACA,QACA,UACA,UACA,OACA,GAAG,eACD;AAEJ,YAAW,YAAY;AAEvB,KAAI,QAAQ,OACV,SAAQ,KACN,8EACD;CAGH,MAAM,WAAW,cAAc;AAC7B,MAAI,KACF,QAAO;EAGT,MAAM,EAAE,OAAO,WAAW,cACxB,UAAU,cAAc,eAAe,OAAO,GAC1C,cAAc,UACd,cAAc;AAEpB,SACE,oBAAC;GAAI,gBAAa;GAAO,OAAO,EAAE,OAAO,SAAS,MAAM,UAAU;aAChE,oBAAC,aAAU,gBAAa,SAAS;IAC7B;IAEP,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,qBAAC;EACC,GAAI,WAAW,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC,EAAE,EAChE,MAAM,EAAE,SAAS,WAAW,EAC7B,CAAC;EACG;EACG;;GAEP;IACC,SAAS,aACT,qBAAC;IAAI,gBAAa;eACf,gBAAgB,aACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,OAAO;eACzC;MACK,CACR,EACD,gBAAgB,gBACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,QAAQ;eAC1C;MACK,CACR;KACE;GAEP,YAAY,oBAAC;IAAI,gBAAa;IAAW;KAAe;;GAC/C;;AAIhB,MAAM,UAAU,WAAW,OAAO;AAElC,QAAQ,cAAc"}

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { FormContext, useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/Checkbox/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { createContext } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";
 import { ValidIcon } from "../../shared/ValidIcon.js";

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/intl.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/components/fields/DatePicker/intl.ts
 const dateMessages = {
 	time: "Time",

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";
 import { createFocusManager } from "@react-aria/focus";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useProviderProps } from "../../../provider.js";
 import { Action } from "../../actions/Action/Action.js";

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { modAttrs } from "../../../utils/react/index.js";

package/dist/components/fields/FilterPicker/FilterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { _FileInput } from "../FileInput/FileInput.js";
 import { TextInput } from "../TextInput/TextInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
 import { useProviderProps } from "../../../provider.js";

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { FormContext, useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SliderThumbElement } from "./elements.js";
 import { useMemo, useRef } from "react";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";
@@ -109,6 +109,7 @@ const SwitchElement = tasty({
 		}
 	}
 });
+const PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];
 function Switch(props, ref) {
 	props = castNullableIsSelected(props);
 	props = useProviderProps(props);
@@ -121,10 +122,9 @@ function Switch(props, ref) {
 			onChange
 		})
 	});
-	let { qa, isDisabled = false, children, label, labelStyles, insideForm, isLoading, labelPosition, inputStyles, validationState, size = "medium", form } = props;
+	let { qa, isDisabled = false, children, label, insideForm, isLoading, labelPosition, inputStyles, validationState, size = "medium", form } = props;
 	const id = useId$2(props.id);
-	let styles = extractStyles(props, OUTER_STYLES);
-	inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles, void 0, ["styles"]);
+	let styles = extractStyles(props, PROP_STYLES);
 	let { isFocused, focusProps } = useFocus$1({ isDisabled }, true);
 	let { hoverProps, isHovered } = useHover({ isDisabled });
 	let inputRef = useRef(null);

package/dist/components/fields/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["useId","useFocus","mergeProps","Text"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  extractStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { Text } from '../../content/Text';\nimport { useFieldProps, useFormProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n  as: 'label',\n  styles: {\n    display: 'flex',\n    position: 'relative',\n    placeItems: {\n      '': 'center stretch',\n      'side-label': 'baseline stretch',\n    },\n    gap: '1x',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst SwitchElement = tasty({\n  qa: 'Switch',\n  styles: {\n    boxSizing: 'border-box',\n    position: 'relative',\n    verticalAlign: 'baseline',\n    placeSelf: 'center',\n    radius: 'round',\n    fill: {\n      '': '#white',\n      checked: '#primary',\n      disabled: '#border.5',\n      'disabled & checked': '#border',\n    },\n    color: {\n      '': '#dark-03',\n      checked: '#white',\n    },\n    border: {\n      '': '#dark-05',\n      checked: '#primary-text',\n      disabled: '#dark-05.5',\n      invalid: '#danger',\n    },\n    width: {\n      '': '5x 5x',\n      'size=medium': '4x 4x',\n      'size=small': '3x 3x',\n    },\n    height: {\n      '': '3x 3x',\n      'size=medium': '2.5x 2.5x',\n      'size=small': '2x 2x',\n    },\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: '$pointer',\n\n    Thumb: {\n      position: 'absolute',\n      width: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      height: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      radius: 'round',\n      fill: {\n        '': 'currentColor',\n        disabled: '#current.5',\n        'disabled & checked': '#white.8',\n      },\n      top: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n      },\n      left: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n        checked: '2.25x',\n        'checked & size=medium': '1.75x',\n        'checked & size=small': '1.25x',\n      },\n      transition: 'left, theme',\n      cursor: '$pointer',\n    },\n  },\n});\n\nexport interface CubeSwitchProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps,\n    AriaSwitchProps {\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(props: WithNullableSelected<CubeSwitchProps>, ref) {\n  props = castNullableIsSelected(props);\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    qa,\n    isDisabled = false,\n    children,\n    label,\n    labelStyles,\n    insideForm,\n    isLoading,\n    labelPosition,\n    inputStyles,\n    validationState,\n    size = 'medium',\n    form,\n  } = props;\n\n  const id = useId(props.id);\n\n  let styles = extractStyles(props, OUTER_STYLES);\n\n  inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles, undefined, [\n    'styles',\n  ]);\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let { inputProps } = useSwitch(props, useToggleState(props), inputRef);\n\n  const mods = {\n    checked: inputProps.checked,\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    invalid: validationState === 'invalid',\n    valid: validationState === 'valid',\n    'inside-form': insideForm,\n    'side-label': labelPosition === 'side',\n  };\n\n  const switchField = (\n    <SwitchWrapperElement\n      qa=\"SwitchWrapper\"\n      mods={mods}\n      data-size={size}\n      styles={styles}\n      {...hoverProps}\n    >\n      <HiddenInput\n        qa={qa || 'Switch'}\n        data-input-type=\"switch\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement mods={mods} data-size={size} styles={inputStyles}>\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {children ? <Text nowrap>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, domRef, {\n    ...props,\n    id,\n    labelProps: {\n      ...props.labelProps,\n      for: id,\n    },\n    children: null,\n    inputStyles,\n  });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["useId","useFocus","mergeProps","Text"],"sources":["../../../../src/components/fields/Switch/Switch.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  extractStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaSwitchProps, useHover, useSwitch } from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { LoadingIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { useId } from '../../../utils/react/useId';\nimport { Text } from '../../content/Text';\nimport { useFieldProps, useFormProps, wrapWithField } from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nconst SwitchWrapperElement = tasty({\n  as: 'label',\n  styles: {\n    display: 'flex',\n    position: 'relative',\n    placeItems: {\n      '': 'center stretch',\n      'side-label': 'baseline stretch',\n    },\n    gap: '1x',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst SwitchElement = tasty({\n  qa: 'Switch',\n  styles: {\n    boxSizing: 'border-box',\n    position: 'relative',\n    verticalAlign: 'baseline',\n    placeSelf: 'center',\n    radius: 'round',\n    fill: {\n      '': '#white',\n      checked: '#primary',\n      disabled: '#border.5',\n      'disabled & checked': '#border',\n    },\n    color: {\n      '': '#dark-03',\n      checked: '#white',\n    },\n    border: {\n      '': '#dark-05',\n      checked: '#primary-text',\n      disabled: '#dark-05.5',\n      invalid: '#danger',\n    },\n    width: {\n      '': '5x 5x',\n      'size=medium': '4x 4x',\n      'size=small': '3x 3x',\n    },\n    height: {\n      '': '3x 3x',\n      'size=medium': '2.5x 2.5x',\n      'size=small': '2x 2x',\n    },\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: '$pointer',\n\n    Thumb: {\n      position: 'absolute',\n      width: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      height: {\n        '': '2x 2x',\n        'size=medium': '1.5x 1.5x',\n        'size=small': '1.25x 1.25x',\n      },\n      radius: 'round',\n      fill: {\n        '': 'currentColor',\n        disabled: '#current.5',\n        'disabled & checked': '#white.8',\n      },\n      top: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n      },\n      left: {\n        '': '.375x',\n        'size=medium': '.375x',\n        'size=small': '.25x',\n        checked: '2.25x',\n        'checked & size=medium': '1.75x',\n        'checked & size=small': '1.25x',\n      },\n      transition: 'left, theme',\n      cursor: '$pointer',\n    },\n  },\n});\n\nconst PROP_STYLES = [...OUTER_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeSwitchProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    FieldBaseProps,\n    AriaSwitchProps {\n  inputStyles?: Styles;\n  isLoading?: boolean;\n  size?: 'large' | 'medium' | 'small';\n}\n\nfunction Switch(props: WithNullableSelected<CubeSwitchProps>, ref) {\n  props = castNullableIsSelected(props);\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    qa,\n    isDisabled = false,\n    children,\n    label,\n    insideForm,\n    isLoading,\n    labelPosition,\n    inputStyles,\n    validationState,\n    size = 'medium',\n    form,\n  } = props;\n\n  const id = useId(props.id);\n\n  let styles = extractStyles(props, PROP_STYLES);\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let { inputProps } = useSwitch(props, useToggleState(props), inputRef);\n\n  const mods = {\n    checked: inputProps.checked,\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    invalid: validationState === 'invalid',\n    valid: validationState === 'valid',\n    'inside-form': insideForm,\n    'side-label': labelPosition === 'side',\n  };\n\n  const switchField = (\n    <SwitchWrapperElement\n      qa=\"SwitchWrapper\"\n      mods={mods}\n      data-size={size}\n      styles={styles}\n      {...hoverProps}\n    >\n      <HiddenInput\n        qa={qa || 'Switch'}\n        data-input-type=\"switch\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        id={id}\n      />\n      <SwitchElement mods={mods} data-size={size} styles={inputStyles}>\n        <div data-element=\"Thumb\" aria-hidden=\"true\" />\n      </SwitchElement>\n      {children ? <Text nowrap>{children}</Text> : null}\n      {isLoading ? (\n        <>\n          {label ? <>&nbsp;</> : null}\n          <LoadingIcon />\n        </>\n      ) : null}\n    </SwitchWrapperElement>\n  );\n\n  return wrapWithField(switchField, domRef, {\n    ...props,\n    id,\n    labelProps: {\n      ...props.labelProps,\n      for: id,\n    },\n    children: null,\n    inputStyles,\n  });\n}\n\n/**\n * Switches allow users to turn an individual option on or off.\n * They are usually used to activate or deactivate a specific setting.\n */\nlet _Switch = forwardRef(Switch);\n\n(_Switch as any).cubeInputType = 'Checkbox';\n_Switch.displayName = 'Switch';\n\nexport { _Switch as Switch };\nexport type { AriaSwitchProps };\nexport { useSwitch };\n"],"mappings":"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"}

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/TextInput/TextInputBase.d.ts

@@ -1,7 +1,7 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
-import { BaseProps, BlockStyleProps, OuterStyleProps, Props, Styles } from "@tenphi/tasty";
+import { BaseProps, BaseStyleProps, BlockStyleProps, ColorStyleProps, OuterStyleProps, Props, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { ReactElement, ReactNode, RefObject } from "react";
 import { AriaNumberFieldProps, AriaTextFieldProps as AriaTextFieldProps$1 } from "react-aria";
@@ -9,7 +9,7 @@ import { AriaNumberFieldProps, AriaTextFieldProps as AriaTextFieldProps$1 } from
 //#region src/components/fields/TextInput/TextInputBase.d.ts
 declare const INPUT_WRAPPER_STYLES: Styles;
 declare const DEFAULT_INPUT_STYLES: Styles;
-interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleProps, Omit<AriaTextFieldProps$1, 'validate'>, FieldBaseProps {
+interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleProps, BaseStyleProps, ColorStyleProps, Omit<AriaTextFieldProps$1, 'validate'>, FieldBaseProps {
   validate?: AriaTextFieldProps$1['validate'] | AriaNumberFieldProps['validate'];
   /** Left input icon */
   icon?: ReactElement | null;

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.121.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
@@ -9,7 +9,7 @@ import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";
 import { ValidIcon } from "../../shared/ValidIcon.js";
-import { BLOCK_STYLES, OUTER_STYLES, extractStyles, tasty } from "@tenphi/tasty";
+import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, OUTER_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { cloneElement, forwardRef, useImperativeHandle, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useHover } from "react-aria";
@@ -109,7 +109,12 @@ const InputWrapperElement = tasty({
 	qa: "InputWrapper",
 	styles: INPUT_WRAPPER_STYLES
 });
-const INPUT_STYLE_PROPS_LIST = [...BLOCK_STYLES, "resize"];
+const PROP_STYLES = [
+	...BASE_STYLES,
+	...OUTER_STYLES,
+	...BLOCK_STYLES,
+	...COLOR_STYLES
+];
 const DEFAULT_INPUT_STYLES = {
 	recipe: "reset input / input-autofill",
 	placeSelf: "stretch",
@@ -163,10 +168,13 @@ function _TextInputBase(props, ref) {
 			onChange
 		})
 	});
-	let { qa, mods, validationState, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, suffix, suffixPosition = "before", wrapperRef, tooltip, rows = 1, size = "medium", autocomplete, icon, maxLength, minLength, form, ...otherProps } = props;
-	let styles = extractStyles(otherProps, OUTER_STYLES);
+	let { qa, mods, validationState, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, suffix, suffixPosition = "before", wrapperRef, tooltip, rows = 1, size = "medium", autocomplete, icon, maxLength, minLength, form, resize, ...otherProps } = props;
+	let styles = extractStyles(otherProps, PROP_STYLES);
 	let type = otherProps.type;
-	inputStyles = extractStyles(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles, void 0, ["styles"]);
+	if (resize) inputStyles = {
+		...inputStyles,
+		resize
+	};
 	let ElementType = multiLine ? "textarea" : "input";
 	let { isFocused, focusProps } = useFocus$1({ isDisabled });
 	let { hoverProps, isHovered } = useHover({ isDisabled });