@cube-dev/ui-kit 0.199.1 → 0.199.2

package/dist/components/form/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","tasty","forwardRef","useI18n","useProviderProps","LabelPosition","NecessityIndicator","ValidationProps","extractStyles","getValidationMods","REQUIRED_ICON","enableBackground","width","height","transform","NecessityLabelElement","as","qa","styles","preset","color","fontWeight","CubeNecessityIndicatorProps","necessityIndicator","isRequired","isOptional","includeNecessityIndicatorInAccessibilityName","NecessityIndicatorMark","props","$","_c","t0","t1","undefined","t","t2","requiredLabel","t3","separator","role","t4","INLINE_LABEL_STYLES","invalid","const","LABEL_STYLES","display","side","split","LabelElement","CubeLabelProps","labelPosition","htmlFor","for","size","Label","ref","children","isDisabled","isInvalid","isValid","labelFor","otherProps","domRef","mark","T0","t5","t6","t7","t8","disabled","t9","t10","_Label","displayName","_c"],"sources":["../../../src/components/form/Label.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../i18n';\nimport { useProviderProps } from '../../provider';\nimport {\n  LabelPosition,\n  NecessityIndicator,\n  ValidationProps,\n} from '../../shared/index';\nimport { extractStyles } from '../../utils/styles';\n\nimport { getValidationMods } from './validation/index';\n\nconst REQUIRED_ICON = (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    version=\"1.1\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 100 125\"\n    style={{\n      // @ts-ignore\n      enableBackground: 'new 0 0 100 100',\n      width: '.8em',\n      height: '.8em',\n      transform: 'rotate(-5deg)',\n    }}\n  >\n    <switch>\n      <g>\n        <polygon\n          fill=\"currentColor\"\n          points=\"97.5,47.5 90.5,26.1 61.3,35.6 61.3,4.8 38.7,4.8 38.7,35.6 9.5,26.1 2.5,47.5 31.8,57 13.7,82 31.9,95.2     50,70.3 68.1,95.2 86.3,82 68.2,57\"\n        />\n      </g>\n    </switch>\n  </svg>\n);\n\n/**\n * The `(required)` / `(optional)` note. Deliberately quieter than the label it\n * follows: it is an aside about the field, not part of its name.\n *\n * `t4` / `#dark-03` is the same tier `FieldWrapper` already gives `description`\n * and `message`, so the note joins the established secondary text rather than\n * inventing a size of its own. The weight is dropped back to 400 — `t4` carries\n * 500, the same weight as the label — because that contrast is what makes the\n * note read as an aside at a glance.\n */\nconst NecessityLabelElement = tasty({\n  as: 'span',\n  qa: 'NecessityLabel',\n  styles: {\n    preset: 't4',\n    color: '#dark-03',\n    fontWeight: 400,\n  },\n});\n\nexport interface CubeNecessityIndicatorProps {\n  /**\n   * `'icon'` renders the asterisk, `'label'` the `(required)` / `(optional)`\n   * text. Defaults to `'icon'`, which has no optional form and so only ever\n   * marks a required field. `null` suppresses the indicator entirely.\n   */\n  necessityIndicator?: NecessityIndicator | null;\n  /**\n   * Marks the label as required. Only an `isRequired` authored on the input,\n   * the label or the `Form` reaches this — a `required` validation rule drives\n   * validation and `aria-required` without decorating the label.\n   */\n  isRequired?: boolean;\n  /**\n   * Marks the label as optional. Purely presentational, and ignored when the\n   * field is required.\n   */\n  isOptional?: boolean;\n  /**\n   * Whether the indicator contributes to the field's accessible name. Off by\n   * default because a required field already announces `aria-required`, and\n   * repeating it in the name is noise.\n   */\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\n/**\n * The `*` or `(required)` / `(optional)` marker that follows a field label.\n *\n * Its own component because two places render it and both need the same\n * strings: `Label` when it is given plain text, and `FieldWrapper`, which\n * builds a element tree around the label and therefore has to place the marker\n * beside the label text itself rather than after the whole tree.\n *\n * Both marks are opt-in: nothing renders unless the call site passed\n * `isRequired` or `isOptional`.\n */\nexport function NecessityIndicatorMark(props: CubeNecessityIndicatorProps) {\n  const {\n    isRequired,\n    isOptional,\n    necessityIndicator = 'icon',\n    includeNecessityIndicatorInAccessibilityName = false,\n  } = props;\n  const { t } = useI18n();\n\n  const requiredLabel = t('form.required', '(required)');\n\n  // A plain space would collapse against the label text in a flex container,\n  // and the zero-width space keeps the pair from being split across lines.\n  const separator = ' ​';\n\n  // Anything that is not one of the two shapes means \"no indicator\" — `null`,\n  // and also any stray falsy value a caller might still be passing.\n  if (necessityIndicator !== 'icon' && necessityIndicator !== 'label') {\n    return null;\n  }\n\n  if (isRequired) {\n    if (necessityIndicator === 'icon') {\n      return (\n        <>\n          {separator}\n          {/*\n            An image named \"(required)\" when it belongs in the name, hidden\n            otherwise — never a bare `<svg>`, which a screen reader announces\n            as an unnamed graphic.\n          */}\n          <span\n            {...(includeNecessityIndicatorInAccessibilityName\n              ? { role: 'img', 'aria-label': requiredLabel }\n              : { 'aria-hidden': true })}\n          >\n            {REQUIRED_ICON}\n          </span>\n        </>\n      );\n    }\n\n    // Hidden from screen readers by default, because `aria-required` on the\n    // input already announces it and repeating it in the name is noise.\n    return (\n      <>\n        {separator}\n        <NecessityLabelElement\n          aria-hidden={\n            !includeNecessityIndicatorInAccessibilityName ? true : undefined\n          }\n        >\n          {requiredLabel}\n        </NecessityLabelElement>\n      </>\n    );\n  }\n\n  // There is no icon form of \"optional\", so the note is rendered whichever\n  // indicator was asked for. Nothing else tells a screen reader the field is\n  // optional, so this one stays in the accessible name.\n  if (!isOptional) return null;\n\n  return (\n    <>\n      {separator}\n      <NecessityLabelElement>\n        {t('form.optional', '(optional)')}\n      </NecessityLabelElement>\n    </>\n  );\n}\n\nexport const INLINE_LABEL_STYLES: Styles = {\n  preset: 't3',\n  color: {\n    '': '#dark-02',\n    invalid: '#danger-text',\n  },\n} as const;\n\nexport const LABEL_STYLES: Styles = {\n  display: 'block',\n  preset: {\n    '': 't3m',\n    'size=small': 't4',\n  },\n  color: {\n    '': '#dark',\n    invalid: '#danger-text',\n  },\n  width: {\n    '': 'initial',\n    side: '($label-width, initial)',\n    split: 'initial',\n  },\n};\n\nconst LabelElement = tasty({\n  as: 'label',\n  qa: 'Label',\n  styles: LABEL_STYLES,\n});\n\nexport interface CubeLabelProps\n  extends BaseProps, ContainerStyleProps, ValidationProps {\n  labelPosition?: LabelPosition;\n  necessityIndicator?: NecessityIndicator | null;\n  isRequired?: boolean;\n  isOptional?: boolean;\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n  htmlFor?: string;\n  for?: string;\n  size?: 'medium' | 'small';\n}\n\nfunction Label(props: CubeLabelProps, ref) {\n  props = useProviderProps<CubeLabelProps>(props);\n\n  const { t } = useI18n();\n\n  let {\n    as,\n    qa,\n    children,\n    labelPosition = 'top',\n    isRequired,\n    isOptional,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    isDisabled,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    for: labelFor,\n    ...otherProps\n  } = props;\n\n  let domRef = useObjectRef(ref);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  const mark = (\n    <NecessityIndicatorMark\n      isRequired={isRequired}\n      isOptional={isOptional}\n      necessityIndicator={necessityIndicator}\n      includeNecessityIndicatorInAccessibilityName={\n        includeNecessityIndicatorInAccessibilityName\n      }\n    />\n  );\n\n  return (\n    <LabelElement\n      {...filterBaseProps(otherProps)}\n      ref={domRef}\n      styles={styles}\n      htmlFor={labelFor || htmlFor}\n      data-size={size}\n      mods={{\n        side: labelPosition === 'side',\n        disabled: isDisabled,\n        ...getValidationMods({ isInvalid, isValid }),\n      }}\n    >\n      {/*\n        A non-string child is a tree the caller laid out \\u2014 `FieldWrapper`'s\n        full-width `Flex`, for one \\u2014 and appending the marker after it would put\n        it at the far end of that layout rather than next to the label text. So\n        the marker is only appended here for plain-text labels; callers that\n        build their own tree place `NecessityIndicatorMark` where it belongs.\n      */}\n      {typeof children !== 'string' ? (\n        children\n      ) : (\n        <>\n          {children}\n          {mark}\n        </>\n      )}\n    </LabelElement>\n  );\n}\n\nlet _Label = forwardRef(Label);\n\n_Label.displayName = 'Label';\n\nexport { _Label as Label };\n"],"mappings":"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"}
+{"version":3,"file":"Label.js","names":["useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","tasty","forwardRef","useI18n","useProviderProps","LabelPosition","NecessityIndicator","ValidationProps","extractStyles","getValidationMods","RequiredIconElement","as","element","styles","width","height","transform","REQUIRED_ICON","NecessityLabelElement","qa","preset","color","fontWeight","CubeNecessityIndicatorProps","necessityIndicator","isRequired","isOptional","includeNecessityIndicatorInAccessibilityName","NecessityIndicatorMark","props","$","_c","t0","t1","undefined","t","t2","requiredLabel","t3","separator","role","t4","INLINE_LABEL_STYLES","invalid","const","LABEL_STYLES","display","side","split","LabelElement","CubeLabelProps","labelPosition","htmlFor","for","size","Label","ref","children","isDisabled","isInvalid","isValid","labelFor","otherProps","domRef","mark","T0","t5","t6","t7","t8","disabled","t9","t10","_Label","displayName","_c"],"sources":["../../../src/components/form/Label.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../i18n';\nimport { useProviderProps } from '../../provider';\nimport {\n  LabelPosition,\n  NecessityIndicator,\n  ValidationProps,\n} from '../../shared/index';\nimport { extractStyles } from '../../utils/styles';\n\nimport { getValidationMods } from './validation/index';\n\nconst RequiredIconElement = tasty({\n  as: 'svg',\n  element: 'RequiredIcon',\n  styles: {\n    width: '.8em',\n    height: '.8em',\n    transform: 'rotate(-5deg)',\n  },\n});\n\nconst REQUIRED_ICON = (\n  <RequiredIconElement\n    xmlns=\"http://www.w3.org/2000/svg\"\n    version=\"1.1\"\n    x=\"0px\"\n    y=\"0px\"\n    viewBox=\"0 0 100 125\"\n  >\n    <switch>\n      <g>\n        <polygon\n          fill=\"currentColor\"\n          points=\"97.5,47.5 90.5,26.1 61.3,35.6 61.3,4.8 38.7,4.8 38.7,35.6 9.5,26.1 2.5,47.5 31.8,57 13.7,82 31.9,95.2     50,70.3 68.1,95.2 86.3,82 68.2,57\"\n        />\n      </g>\n    </switch>\n  </RequiredIconElement>\n);\n\n/**\n * The `(required)` / `(optional)` note. Deliberately quieter than the label it\n * follows: it is an aside about the field, not part of its name.\n *\n * `t4` / `#dark-03` is the same tier `FieldWrapper` already gives `description`\n * and `message`, so the note joins the established secondary text rather than\n * inventing a size of its own. The weight is dropped back to 400 — `t4` carries\n * 500, the same weight as the label — because that contrast is what makes the\n * note read as an aside at a glance.\n */\nconst NecessityLabelElement = tasty({\n  as: 'span',\n  qa: 'NecessityLabel',\n  styles: {\n    preset: 't4',\n    color: '#dark-03',\n    fontWeight: 400,\n  },\n});\n\nexport interface CubeNecessityIndicatorProps {\n  /**\n   * `'icon'` renders the asterisk, `'label'` the `(required)` / `(optional)`\n   * text. Defaults to `'icon'`, which has no optional form and so only ever\n   * marks a required field. `null` suppresses the indicator entirely.\n   */\n  necessityIndicator?: NecessityIndicator | null;\n  /**\n   * Marks the label as required. Only an `isRequired` authored on the input,\n   * the label or the `Form` reaches this — a `required` validation rule drives\n   * validation and `aria-required` without decorating the label.\n   */\n  isRequired?: boolean;\n  /**\n   * Marks the label as optional. Purely presentational, and ignored when the\n   * field is required.\n   */\n  isOptional?: boolean;\n  /**\n   * Whether the indicator contributes to the field's accessible name. Off by\n   * default because a required field already announces `aria-required`, and\n   * repeating it in the name is noise.\n   */\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n}\n\n/**\n * The `*` or `(required)` / `(optional)` marker that follows a field label.\n *\n * Its own component because two places render it and both need the same\n * strings: `Label` when it is given plain text, and `FieldWrapper`, which\n * builds a element tree around the label and therefore has to place the marker\n * beside the label text itself rather than after the whole tree.\n *\n * Both marks are opt-in: nothing renders unless the call site passed\n * `isRequired` or `isOptional`.\n */\nexport function NecessityIndicatorMark(props: CubeNecessityIndicatorProps) {\n  const {\n    isRequired,\n    isOptional,\n    necessityIndicator = 'icon',\n    includeNecessityIndicatorInAccessibilityName = false,\n  } = props;\n  const { t } = useI18n();\n\n  const requiredLabel = t('form.required', '(required)');\n\n  // A plain space would collapse against the label text in a flex container,\n  // and the zero-width space keeps the pair from being split across lines.\n  const separator = ' ​';\n\n  // Anything that is not one of the two shapes means \"no indicator\" — `null`,\n  // and also any stray falsy value a caller might still be passing.\n  if (necessityIndicator !== 'icon' && necessityIndicator !== 'label') {\n    return null;\n  }\n\n  if (isRequired) {\n    if (necessityIndicator === 'icon') {\n      return (\n        <>\n          {separator}\n          {/*\n            An image named \"(required)\" when it belongs in the name, hidden\n            otherwise — never a bare `<svg>`, which a screen reader announces\n            as an unnamed graphic.\n          */}\n          <span\n            {...(includeNecessityIndicatorInAccessibilityName\n              ? { role: 'img', 'aria-label': requiredLabel }\n              : { 'aria-hidden': true })}\n          >\n            {REQUIRED_ICON}\n          </span>\n        </>\n      );\n    }\n\n    // Hidden from screen readers by default, because `aria-required` on the\n    // input already announces it and repeating it in the name is noise.\n    return (\n      <>\n        {separator}\n        <NecessityLabelElement\n          aria-hidden={\n            !includeNecessityIndicatorInAccessibilityName ? true : undefined\n          }\n        >\n          {requiredLabel}\n        </NecessityLabelElement>\n      </>\n    );\n  }\n\n  // There is no icon form of \"optional\", so the note is rendered whichever\n  // indicator was asked for. Nothing else tells a screen reader the field is\n  // optional, so this one stays in the accessible name.\n  if (!isOptional) return null;\n\n  return (\n    <>\n      {separator}\n      <NecessityLabelElement>\n        {t('form.optional', '(optional)')}\n      </NecessityLabelElement>\n    </>\n  );\n}\n\nexport const INLINE_LABEL_STYLES: Styles = {\n  preset: 't3',\n  color: {\n    '': '#dark-02',\n    invalid: '#danger-text',\n  },\n} as const;\n\nexport const LABEL_STYLES: Styles = {\n  display: 'block',\n  preset: {\n    '': 't3m',\n    'size=small': 't4',\n  },\n  color: {\n    '': '#dark',\n    invalid: '#danger-text',\n  },\n  width: {\n    '': 'initial',\n    side: '($label-width, initial)',\n    split: 'initial',\n  },\n};\n\nconst LabelElement = tasty({\n  as: 'label',\n  qa: 'Label',\n  styles: LABEL_STYLES,\n});\n\nexport interface CubeLabelProps\n  extends BaseProps, ContainerStyleProps, ValidationProps {\n  labelPosition?: LabelPosition;\n  necessityIndicator?: NecessityIndicator | null;\n  isRequired?: boolean;\n  isOptional?: boolean;\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n  htmlFor?: string;\n  for?: string;\n  size?: 'medium' | 'small';\n}\n\nfunction Label(props: CubeLabelProps, ref) {\n  props = useProviderProps<CubeLabelProps>(props);\n\n  const { t } = useI18n();\n\n  let {\n    as,\n    qa,\n    children,\n    labelPosition = 'top',\n    isRequired,\n    isOptional,\n    necessityIndicator,\n    includeNecessityIndicatorInAccessibilityName = false,\n    htmlFor,\n    isDisabled,\n    isInvalid,\n    isValid,\n    size = 'medium',\n    for: labelFor,\n    ...otherProps\n  } = props;\n\n  let domRef = useObjectRef(ref);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  const mark = (\n    <NecessityIndicatorMark\n      isRequired={isRequired}\n      isOptional={isOptional}\n      necessityIndicator={necessityIndicator}\n      includeNecessityIndicatorInAccessibilityName={\n        includeNecessityIndicatorInAccessibilityName\n      }\n    />\n  );\n\n  return (\n    <LabelElement\n      {...filterBaseProps(otherProps)}\n      ref={domRef}\n      styles={styles}\n      htmlFor={labelFor || htmlFor}\n      data-size={size}\n      mods={{\n        side: labelPosition === 'side',\n        disabled: isDisabled,\n        ...getValidationMods({ isInvalid, isValid }),\n      }}\n    >\n      {/*\n        A non-string child is a tree the caller laid out \\u2014 `FieldWrapper`'s\n        full-width `Flex`, for one \\u2014 and appending the marker after it would put\n        it at the far end of that layout rather than next to the label text. So\n        the marker is only appended here for plain-text labels; callers that\n        build their own tree place `NecessityIndicatorMark` where it belongs.\n      */}\n      {typeof children !== 'string' ? (\n        children\n      ) : (\n        <>\n          {children}\n          {mark}\n        </>\n      )}\n    </LabelElement>\n  );\n}\n\nlet _Label = forwardRef(Label);\n\n_Label.displayName = 'Label';\n\nexport { _Label as Label };\n"],"mappings":"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"}

package/dist/components/form/field-chrome.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 //#region src/components/form/field-chrome.ts
 /** Empty slot values suppress content; numeric zero is still text. */

package/dist/components/form/legacy-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 //#region src/components/form/legacy-tooltip.ts
 let hasWarnedAboutLegacyTooltip = false;

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 import { c } from "react/compiler-runtime";

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { hasFieldContent, warnAboutForceField } from "./field-chrome.js";
 import { warnAboutLegacyTooltip } from "./legacy-tooltip.js";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","DIMENSION_STYLES","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","PanelElement","as","qa","styles","position","inset","stretched","display","radius","card","border","flexGrow","placeSelf","PanelInnerElement","flex","top","left","right","bottom","overflow","scrollbar","gridColumns","gridRows","flow","placeContent","styleProps","CubePanelProps","isStretched","isCard","isFloating","innerStyles","placeItems","gap","isFlex","children","extra","STYLES","const","Panel","props","ref","$","_c","mods","otherProps","style","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","forEach","style_0","style_1","floating","appliedMods","_Panel","displayName","_c"],"sources":["../../../src/components/layout/Panel.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  DIMENSION_STYLES,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\n\nconst PanelElement = tasty({\n  as: 'section',\n  qa: 'Panel',\n  styles: {\n    position: {\n      '': 'relative',\n      'stretched | floating': 'absolute',\n    },\n    inset: {\n      '': 'initial',\n      stretched: true,\n    },\n    display: 'block',\n    radius: {\n      '': '0',\n      card: '1r',\n    },\n    border: {\n      '': '0',\n      card: '1bw',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n  },\n});\n\nconst PanelInnerElement = tasty({\n  styles: {\n    position: 'absolute',\n    display: {\n      '': 'grid',\n      flex: 'flex',\n    },\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'auto',\n    scrollbar: 'thin #dark.2',\n    gridColumns: 'minmax(100%, 100%)',\n    gridRows: {\n      '': 'initial',\n      stretched: 'minmax(0, 1fr)',\n    },\n    radius: {\n      '': '0',\n      card: '(1r - 1bw)',\n    },\n    flow: 'row',\n    placeContent: 'start stretch',\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubePanelProps\n  extends\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    BaseProps {\n  isStretched?: boolean;\n  isCard?: boolean;\n  isFloating?: boolean;\n  styles?: Styles;\n  innerStyles?: Styles;\n  placeContent?: Styles['placeContent'];\n  placeItems?: Styles['placeItems'];\n  gridColumns?: Styles['gridTemplateColumns'];\n  gridRows?: Styles['gridTemplateRows'];\n  flow?: Styles['flow'];\n  gap?: Styles['gap'];\n  isFlex?: boolean;\n  children?: ReactNode;\n  extra?: ReactNode;\n}\n\nconst STYLES = [\n  'placeContent',\n  'placeItems',\n  'gridColumns',\n  'gridRows',\n  'flow',\n  'gap',\n  'padding',\n  'overflow',\n  'fill',\n  'color',\n  'preset',\n] as const;\n\nfunction Panel(props: CubePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    qa,\n    mods,\n    isStretched,\n    isFloating,\n    isCard,\n    isFlex,\n    styles,\n    innerStyles,\n    children,\n    extra,\n    style,\n    ...otherProps\n  } = props;\n\n  STYLES.forEach((style) => {\n    if (props[style]) {\n      innerStyles = { ...innerStyles, [style]: props[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  [\n    ...OUTER_STYLES,\n    ...BASE_STYLES,\n    ...BLOCK_STYLES,\n    ...COLOR_STYLES,\n    ...DIMENSION_STYLES,\n  ].forEach((style) => {\n    if (style in otherProps) {\n      styles = { ...styles, [style]: otherProps[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  const appliedMods = {\n    floating: isFloating,\n    stretched: isStretched,\n    card: isCard,\n    flex: isFlex,\n    ...mods,\n  };\n\n  return (\n    <PanelElement\n      ref={ref}\n      qa={qa}\n      mods={appliedMods}\n      styles={styles}\n      style={style}\n      // The loops above moved the style props into `styles` and\n      // `innerStyles`, but the type still lists them, and the `color` style\n      // prop collides with the HTML attribute of the same name.\n      {...(otherProps as BaseProps)}\n    >\n      <PanelInnerElement mods={appliedMods} styles={innerStyles}>\n        {children}\n      </PanelInnerElement>\n      {extra}\n    </PanelElement>\n  );\n}\n\nconst _Panel = forwardRef(Panel);\n\n_Panel.displayName = 'Panel';\n\nexport { _Panel as Panel };\n"],"mappings":"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"}
+{"version":3,"file":"Panel.js","names":["BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","DIMENSION_STYLES","OUTER_STYLES","OuterStyleProps","Styles","tasty","ForwardedRef","forwardRef","ReactNode","PanelElement","as","qa","styles","position","inset","stretched","display","radius","card","border","flexGrow","placeSelf","PanelInnerElement","flex","top","left","right","bottom","overflow","scrollbar","gridColumns","gridRows","flow","placeContent","styleProps","CubePanelProps","isStretched","isCard","isFloating","innerStyles","placeItems","gap","isFlex","children","extra","STYLES","const","Panel","props","ref","$","_c","mods","otherProps","style","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","forEach","style_0","style_1","floating","appliedMods","_Panel","displayName","_c"],"sources":["../../../src/components/layout/Panel.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  DIMENSION_STYLES,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode } from 'react';\n\nconst PanelElement = tasty({\n  as: 'section',\n  qa: 'Panel',\n  styles: {\n    position: {\n      '': 'relative',\n      'stretched | floating': 'absolute',\n    },\n    inset: {\n      '': 'initial',\n      stretched: true,\n    },\n    display: 'block',\n    radius: {\n      '': '0',\n      card: '1r',\n    },\n    border: {\n      '': '0',\n      card: '1bw',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n  },\n});\n\nconst PanelInnerElement = tasty({\n  styles: {\n    position: 'absolute',\n    display: {\n      '': 'grid',\n      flex: 'flex',\n    },\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflow: 'auto',\n    scrollbar: 'thin #dark.2',\n    gridColumns: 'minmax(100%, 100%)',\n    gridRows: {\n      '': 'initial',\n      stretched: 'minmax(0, 1fr)',\n    },\n    radius: {\n      '': '0',\n      card: '(1r - 1bw)',\n    },\n    flow: 'row',\n    placeContent: 'start stretch',\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubePanelProps\n  extends\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    BaseProps {\n  isStretched?: boolean;\n  isCard?: boolean;\n  isFloating?: boolean;\n  styles?: Styles;\n  innerStyles?: Styles;\n  placeContent?: Styles['placeContent'];\n  placeItems?: Styles['placeItems'];\n  gridColumns?: Styles['gridTemplateColumns'];\n  gridRows?: Styles['gridTemplateRows'];\n  flow?: Styles['flow'];\n  gap?: Styles['gap'];\n  isFlex?: boolean;\n  children?: ReactNode;\n  extra?: ReactNode;\n}\n\nconst STYLES = [\n  'placeContent',\n  'placeItems',\n  'gridColumns',\n  'gridRows',\n  'flow',\n  'gap',\n  'padding',\n  'overflow',\n  'fill',\n  'color',\n  'preset',\n] as const;\n\nfunction Panel(props: CubePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {\n    qa,\n    mods,\n    isStretched,\n    isFloating,\n    isCard,\n    isFlex,\n    styles,\n    innerStyles,\n    children,\n    extra,\n    style,\n    ...otherProps\n  } = props;\n\n  STYLES.forEach((style) => {\n    if (props[style]) {\n      innerStyles = { ...innerStyles, [style]: props[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  [\n    ...OUTER_STYLES,\n    ...BASE_STYLES,\n    ...BLOCK_STYLES,\n    ...COLOR_STYLES,\n    ...DIMENSION_STYLES,\n  ].forEach((style) => {\n    if (style in otherProps) {\n      styles = { ...styles, [style]: otherProps[style] };\n\n      delete otherProps[style];\n    }\n  });\n\n  const appliedMods = {\n    floating: isFloating,\n    stretched: isStretched,\n    card: isCard,\n    flex: isFlex,\n    ...mods,\n  };\n\n  return (\n    <PanelElement\n      ref={ref}\n      qa={qa}\n      mods={appliedMods}\n      styles={styles}\n      // oxlint-disable-next-line react/forbid-component-props -- forwards the consumer's public `style` prop\n      style={style}\n      // The loops above moved the style props into `styles` and\n      // `innerStyles`, but the type still lists them, and the `color` style\n      // prop collides with the HTML attribute of the same name.\n      {...(otherProps as BaseProps)}\n    >\n      <PanelInnerElement mods={appliedMods} styles={innerStyles}>\n        {children}\n      </PanelInnerElement>\n      {extra}\n    </PanelElement>\n  );\n}\n\nconst _Panel = forwardRef(Panel);\n\n_Panel.displayName = 'Panel';\n\nexport { _Panel as Panel };\n"],"mappings":"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"}

package/dist/components/layout/Prefix.js

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";
-import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
+import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/layout/Prefix.tsx
@@ -24,7 +24,7 @@ const PrefixElement = tasty({
 	}
 });
 const Prefix = forwardRef(function Prefix(allProps, outerRef) {
-	const $ = c(18);
+	const $ = c(16);
 	const { onWidthChange, outerGap: t0, children, ...props } = allProps;
 	const outerGap = t0 === void 0 ? "1bw" : t0;
 	const styles = extractStyles(props, CONTAINER_STYLES);
@@ -55,34 +55,28 @@ const Prefix = forwardRef(function Prefix(allProps, outerRef) {
 	const t3 = filterBaseProps(props, { eventProps: true });
 	let t4;
 	if ($[7] !== outerGap) {
-		t4 = parseStyle(outerGap);
+		t4 = { "$prefix-gap": outerGap };
 		$[7] = outerGap;
 		$[8] = t4;
 	} else t4 = $[8];
 	let t5;
-	if ($[9] !== t4.output) {
-		t5 = { "--prefix-gap": t4.output };
-		$[9] = t4.output;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== T0 || $[12] !== children || $[13] !== ref || $[14] !== styles || $[15] !== t3 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(T0, {
+	if ($[9] !== T0 || $[10] !== children || $[11] !== ref || $[12] !== styles || $[13] !== t3 || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(T0, {
 			...t3,
 			ref,
 			styles,
-			style: t5,
+			tokens: t4,
 			children
 		});
-		$[11] = T0;
-		$[12] = children;
-		$[13] = ref;
-		$[14] = styles;
-		$[15] = t3;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+		$[9] = T0;
+		$[10] = children;
+		$[11] = ref;
+		$[12] = styles;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 });
 //#endregion
 export { Prefix };

package/dist/components/layout/Prefix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Prefix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","parseStyle","tasty","CSSProperties","forwardRef","useCombinedRefs","useLayoutEffect","extractStyles","PrefixElement","element","styles","position","display","placeContent","placeItems","flow","gap","left","top","bottom","color","height","CubePrefixProps","onWidthChange","Function","outerGap","Prefix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","output","t6","_c"],"sources":["../../../src/components/layout/Prefix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { useCombinedRefs, useLayoutEffect } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst PrefixElement = tasty({\n  element: 'Prefix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    left: '$prefix-gap',\n    top: '$prefix-gap',\n    bottom: '$prefix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $prefix-gap))',\n  },\n});\n\nexport interface CubePrefixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Prefix = forwardRef<HTMLDivElement, CubePrefixProps>(\n  function Prefix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useLayoutEffect(() => {\n      if (ref?.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <PrefixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          // @ts-ignore\n          '--prefix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </PrefixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAaA,MAAMW,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAOD,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,KAAAA,IAAA,QAAAH;CAErB,MAAAtB,SAAeH,cAAc2B,OAAOpC,gBAAgB;CACpD,MAAAsC,MAAY/B,gBAAgBwB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAEtBC,WAAA;GACd,IAAID,KAAGE,WAAHf,eACFA,cAAca,IAAGE,QAAQC,WAAY;EACtC;EACFT,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAAEI,KAAA;GAACP;GAAUG;GAAKb;EAAa;EAACO,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJjCxB,kBAAgB+B,IAIbG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAK9BmB,KAAA3C,WAAWwB,QAAQ;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAc,GAAAE,QAAA;EAF/BD,KAAA,EAAA,gBAEWD,GAAoBE,OACtC;EAAChB,EAAA,KAAAc,GAAAE;EAAAhB,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,QAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,IAAA;EAPHE,KAAA,oBAAC,IAAD;GAAc,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAKNZ;EATW,CAAA;EAUEH,EAAA,MAAAW;EAAAX,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAApB;EAAAoB,EAAA,MAAAY;EAAAZ,EAAA,MAAAe;EAAAf,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAVhBiB;AAUgB,CAGtB"}
+{"version":3,"file":"Prefix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","CSSProperties","forwardRef","useCombinedRefs","useLayoutEffect","extractStyles","PrefixElement","element","styles","position","display","placeContent","placeItems","flow","gap","left","top","bottom","color","height","CubePrefixProps","onWidthChange","Function","outerGap","Prefix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","_c"],"sources":["../../../src/components/layout/Prefix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef } from 'react';\n\nimport { useCombinedRefs, useLayoutEffect } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst PrefixElement = tasty({\n  element: 'Prefix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    left: '$prefix-gap',\n    top: '$prefix-gap',\n    bottom: '$prefix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $prefix-gap))',\n  },\n});\n\nexport interface CubePrefixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Prefix = forwardRef<HTMLDivElement, CubePrefixProps>(\n  function Prefix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useLayoutEffect(() => {\n      if (ref?.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <PrefixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        tokens={{ '$prefix-gap': outerGap }}\n      >\n        {children}\n      </PrefixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AAYA,MAAMU,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAOD,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,KAAAA,IAAA,QAAAH;CAErB,MAAAtB,SAAeH,cAAc2B,OAAOnC,gBAAgB;CACpD,MAAAqC,MAAY/B,gBAAgBwB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAEtBC,WAAA;GACd,IAAID,KAAGE,WAAHf,eACFA,cAAca,IAAGE,QAAQC,WAAY;EACtC;EACFT,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAAEI,KAAA;GAACP;GAAUG;GAAKb;EAAa;EAACO,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJjCxB,kBAAgB+B,IAIbG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAAzC,gBAAgBiC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAGxCmB,KAAA,EAAA,eAAiBnB,SAAS;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,IAAA;EAJrCC,KAAA,oBAAC,IAAD;GAAc,GACRH;GACCN;GACG1B;GACA,QAAAkC;GAEPX;EANW,CAAA;EAOEH,EAAA,KAAAW;EAAAX,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAApB;EAAAoB,EAAA,MAAAY;EAAAZ,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAPhBe;AAOgB,CAGtB"}

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
@@ -398,11 +398,12 @@ function ResizablePanel(props, ref) {
 		$[49] = t19;
 	} else t19 = $[49];
 	const t20 = mergeProps$1(restProps, {
-		style: {
-			"--size": `${size_0}px`,
-			"--visual-size": `${visualSize}px`,
-			"--min-size": typeof minSize === "number" ? `${minSize}px` : minSize,
-			"--max-size": typeof maxSize === "number" ? `${maxSize}px` : maxSize
+		tokens: {
+			...restProps.tokens,
+			$size: `${size_0}px`,
+			"$visual-size": `${visualSize}px`,
+			"$min-size": typeof minSize === "number" ? `${minSize}px` : minSize,
+			"$max-size": typeof maxSize === "number" ? `${maxSize}px` : maxSize
 		},
 		innerStyles: { margin: `$indent-compensation ${direction}` }
 	});

package/dist/components/layout/ResizablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizablePanel.js","names":["useResizeObserver","BasePropsWithoutChildren","Styles","tasty","ForwardedRef","forwardRef","useEffect","useEffectEvent","useMemo","useState","useHover","useMove","useDebouncedValue","useEvent","mergeProps","useCombinedRefs","CubePanelProps","Panel","Direction","CubeResizablePanelProps","handlerStyles","direction","size","onSizeChange","minSize","maxSize","isDisabled","HandlerElement","qa","styles","width","horizontal","height","top","bottom","right","left","transform","position","zIndex","cursor","disabled","padding","boxSizing","transition","Track","inset","fill","outline","drag","outlineOffset","Drag","display","gap","flow","gridColumns","gridRows","DragPart","radius","HandlerProps","Handler","props","$","_c","t0","otherProps","undefined","t1","Symbol","for","hoverProps","isHovered","isHorizontal","localIsHovered","T0","t2","mods","hovered","t3","t4","t5","StyledPanel","flexGrow","placeSelf","touchAction","ResizablePanel","ref","isControllable","providedSize","restProps","isDragging","setIsDragging","clamp","Math","min","max","size_0","setSize","visualSize","setVisualSize","current","offsetProp","containerSize","abs","onResize","t6","t7","onMoveStart","e","offsetProp_0","round","onMove","e_0","size_1","pointerType","deltaX","deltaY","onMoveEnd","e_1","size_2","moveProps","t8","size_3","reconcileProvidedSize","t9","t10","t11","next","dragging","notifySizeChange","t12","t13","t14","timer","setTimeout","clearTimeout","t15","t16","t18","t19","t20","style","innerStyles","margin","t21","t17","_ResizablePanel","displayName","_c","mergeProps","Panel"],"sources":["../../../src/components/layout/ResizablePanel.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport { BasePropsWithoutChildren, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../_internal/hooks/use-debounced-value';\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { mergeProps } from '../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../utils/react/useCombinedRefs';\n\nimport { CubePanelProps, Panel } from './Panel';\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface CubeResizablePanelProps extends CubePanelProps {\n  handlerStyles?: Styles;\n  /**\n   * Optional because both `ResizablePanel` and `Handler` destructure it as\n   * `direction = 'right'`. Declaring it required contradicted that default and\n   * made `no-redundant-default-prop` unusable: the rule reads the same `'right'`\n   * default out of the generated registry and strips an explicit\n   * `direction=\"right\"`, which then fails to typecheck.\n   */\n  direction?: Direction;\n  size?: number;\n  onSizeChange?: (size: number) => void;\n  minSize?: string | number;\n  maxSize?: string | number;\n  isDisabled?: boolean;\n}\n\nconst HandlerElement = tasty({\n  qa: 'ResizeHandler',\n  styles: {\n    // The real size is slightly bigger than the visual one.\n    width: {\n      '': 'initial',\n      horizontal: '9px',\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': '9px',\n      horizontal: 'initial',\n      'disabled & !horizontal': '1bw',\n    },\n    top: {\n      '': 0,\n      '[data-direction=\"top\"]': 'initial',\n    },\n    bottom: {\n      '': 0,\n      '[data-direction=\"bottom\"]': 'initial',\n    },\n    right: {\n      '': 0,\n      '[data-direction=\"right\"]': 'initial',\n    },\n    left: {\n      '': 0,\n      '[data-direction=\"left\"]': 'initial',\n    },\n    // Transform requires a separate visual size property to respect size boundaries\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-direction=\"top\"]':\n        'translate(0, ($size-compensation - $visual-size))',\n      '[data-direction=\"right\"]':\n        'translate(($visual-size - $size-compensation), 0)',\n      '[data-direction=\"bottom\"]':\n        'translate(0, ($visual-size - $size-compensation))',\n      '[data-direction=\"left\"]':\n        'translate(($size-compensation - $visual-size), 0)',\n    },\n    position: 'absolute',\n    zIndex: 1,\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    padding: 0,\n    boxSizing: 'border-box',\n    transition: 'theme',\n    '--size-compensation': {\n      '': '6px',\n      disabled: '1bw',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag) & !disabled': '#purple-03',\n      },\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        drag: '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag': '#dark-02',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\ninterface HandlerProps extends BasePropsWithoutChildren {\n  direction?: Direction;\n}\n\nconst Handler = (props: HandlerProps) => {\n  const { direction = 'right', isDisabled, ...otherProps } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const isHorizontal = direction === 'left' || direction === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <HandlerElement\n      {...mergeProps(\n        hoverProps,\n        {\n          mods: {\n            hovered: localIsHovered,\n            horizontal: isHorizontal,\n            disabled: isDisabled,\n          },\n          'data-direction': direction,\n        },\n        otherProps,\n      )}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled ? (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      ) : null}\n    </HandlerElement>\n  );\n};\n\nconst StyledPanel = tasty(Panel, {\n  styles: {\n    flexGrow: 0,\n    width: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"top\"] | [data-direction=\"bottom\"]': 'initial',\n    },\n    height: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"left\"] | [data-direction=\"right\"]': 'initial',\n    },\n    placeSelf: 'stretch',\n    touchAction: 'none',\n\n    '$indent-compensation': {\n      '': '3px',\n      disabled: '1bw',\n    },\n  },\n});\n\nfunction ResizablePanel(\n  props: CubeResizablePanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const isControllable = typeof props.size === 'number';\n  const {\n    isDisabled,\n    direction = 'right',\n    size: providedSize,\n    onSizeChange,\n    minSize = 200,\n    maxSize = isControllable ? undefined : 'min(50%, 400px)',\n    ...restProps\n  } = props;\n  const [isDragging, setIsDragging] = useState(false);\n  const isHorizontal = direction === 'left' || direction === 'right';\n\n  ref = useCombinedRefs(ref);\n\n  function clamp(size: number) {\n    if (typeof maxSize === 'number') {\n      size = Math.min(maxSize, size);\n    }\n\n    if (typeof minSize === 'number' || !minSize) {\n      size = Math.max((minSize as number) || 0, size);\n    }\n\n    return Math.max(size, 0);\n  }\n\n  const [size, setSize] = useState<number>(\n    providedSize != null ? clamp(providedSize) : 200,\n  );\n  const [visualSize, setVisualSize] = useState<number | null>(null);\n\n  const onResize = useEvent(() => {\n    if (ref?.current) {\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n      const containerSize = ref.current[offsetProp];\n\n      if (Math.abs(containerSize - size) < 1 && !isDisabled) {\n        setVisualSize(size);\n      } else {\n        setVisualSize(containerSize);\n      }\n    }\n  });\n\n  useResizeObserver({\n    ref,\n    onResize,\n  });\n\n  let { moveProps } = useMove({\n    onMoveStart(e) {\n      if (isDisabled) {\n        return;\n      }\n\n      setIsDragging(true);\n\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n\n      if (ref.current && Math.abs(ref.current[offsetProp] - size) >= 1) {\n        setSize(Math.round(ref.current[offsetProp]));\n      }\n    },\n    onMove(e) {\n      setSize((size) => {\n        if (isDisabled) {\n          return size;\n        }\n\n        if (e.pointerType === 'keyboard') {\n          return size;\n        }\n\n        size += isHorizontal\n          ? e.deltaX * (direction === 'right' ? 1 : -1)\n          : e.deltaY * (direction === 'bottom' ? 1 : -1);\n\n        return size;\n      });\n    },\n    onMoveEnd(e) {\n      setIsDragging(false);\n      setSize((size) => clamp(Math.round(size)));\n    },\n  });\n\n  // Since we sync provided size and the local one in two ways,\n  // we need a way to prevent infinite loop in some cases.\n  // We will run this in setTimeout and make sure it will get the most recent state.\n  const reconcileProvidedSize = useEffectEvent(() => {\n    setSize((size) => {\n      if (providedSize != null && Math.abs(providedSize - size) > 0.5) {\n        return providedSize;\n      }\n\n      return size;\n    });\n  });\n\n  useEffect(() => {\n    onResize();\n  }, [size, isDisabled, isHorizontal, onResize]);\n\n  // Notifications follow measurement/drag changes. Callback replacement and\n  // controlled-prop updates must not echo a previous measurement to the parent.\n  const notifySizeChange = useEffectEvent(\n    (next: number | null, dragging: boolean) => {\n      if (\n        !dragging &&\n        next != null &&\n        (providedSize == null || Math.abs(providedSize - next) > 0.5)\n      ) {\n        onSizeChange?.(Math.round(next));\n      }\n    },\n  );\n\n  useEffect(() => {\n    notifySizeChange(visualSize, isDragging);\n  }, [visualSize, isDragging]);\n\n  useEffect(() => {\n    const timer = setTimeout(reconcileProvidedSize, 500);\n    return () => clearTimeout(timer);\n  }, [providedSize]);\n\n  const mods = useMemo(() => {\n    return {\n      drag: isDragging,\n      horizontal: isHorizontal,\n      disabled: isDisabled,\n    };\n  }, [isDragging, isHorizontal, isDisabled]);\n\n  return (\n    <StyledPanel\n      ref={ref}\n      data-direction={direction}\n      mods={mods}\n      extra={\n        <Handler\n          isDisabled={isDisabled || visualSize == null}\n          direction={direction}\n          {...moveProps}\n          mods={mods}\n        />\n      }\n      {...mergeProps(restProps, {\n        style: {\n          // We set the current size further via width/min-width/max-width styles to respect size boundaries\n          '--size': `${size}px`,\n          // We use a separate visual size to paint the handler for a smoother experience\n          '--visual-size': `${visualSize}px`,\n          '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n          '--max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,\n        },\n        innerStyles: {\n          // The panel inner space compensation for the handler\n          margin: `$indent-compensation ${direction}`,\n        },\n      })}\n    />\n  );\n}\n\nconst _ResizablePanel = forwardRef(ResizablePanel);\n\n_ResizablePanel.displayName = 'ResizablePanel';\n\nexport { _ResizablePanel as ResizablePanel };\n"],"mappings":";;;;;;;;;;;;;AAsCA,MAAM2B,iBAAiBxB,MAAM;CAC3ByB,IAAI;CACJC,QAAQ;EAENC,OAAO;GACL,IAAI;GACJC,YAAY;GACZ,yBAAyB;EAC3B;EACAC,QAAQ;GACN,IAAI;GACJD,YAAY;GACZ,0BAA0B;EAC5B;EACAE,KAAK;GACH,IAAI;GACJ,4BAA0B;EAC5B;EACAC,QAAQ;GACN,IAAI;GACJ,+BAA6B;EAC/B;EACAC,OAAO;GACL,IAAI;GACJ,8BAA4B;EAC9B;EACAC,MAAM;GACJ,IAAI;GACJ,6BAA2B;EAC7B;EAEAC,WAAW;GACT,IAAI;GACJ,4BACE;GACF,8BACE;GACF,+BACE;GACF,6BACE;EACJ;EACAC,UAAU;EACVC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJT,YAAY;GACZU,UAAU;EACZ;EACAC,SAAS;EACTC,WAAW;EACXC,YAAY;EACZ,uBAAuB;GACrB,IAAI;GACJH,UAAU;EACZ;EAEAI,OAAO;GACLf,OAAO;IACL,IAAI;IACJC,YAAY;IACZ,yBAAyB;GAC3B;GACAC,QAAQ;IACN,IAAI;IACJD,YAAY;IACZ,0BAA0B;GAC5B;GACAO,UAAU;GACVQ,OAAO;IACL,IAAI;IACJf,YAAY;IACZU,UAAU;GACZ;GACAM,MAAM;IACJ,IAAI;IACJ,gCAAgC;GAClC;GACAH,YAAY;GACZI,SAAS;IACP,IAAI;IACJC,MAAM;GACR;GACAC,eAAe;EACjB;EAEAC,MAAM;GACJC,SAAS;GACTC,KAAK;GACLC,MAAM;IACJ,IAAI;IACJvB,YAAY;GACd;GACAwB,aAAa;IACX,IAAI;IACJxB,YAAY;GACd;GACAyB,UAAU;IACR,IAAI;IACJzB,YAAY;GACd;GACAD,OAAO;IACL,IAAI;IACJC,YAAY;GACd;GACAC,QAAQ;IACN,IAAI;IACJD,YAAY;GACd;GACAe,OAAO;IACL,IAAI;IACJf,YAAY;GACd;GACAM,WAAW;IACT,IAAI;IACJN,YAAY;GACd;GACAO,UAAU;GACVM,YAAY;EACd;EAEAa,UAAU;GACRC,QAAQ;GACRX,MAAM;IACJ,IAAI;IACJ,kBAAkB;IAClBN,UAAU;GACZ;EACF;CACF;AACF,CAAC;AAMD,MAAMmB,WAAUC,UAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACd,MAAA,EAAA1C,WAAA2C,IAAAtC,YAAA,GAAAuC,eAA2DJ;CAAnD,MAAAxC,YAAA2C,OAAAE,KAAAA,IAAA,UAAAF;CAAmB,IAAAG;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACgBF,KAAA,CAAC;EAACL,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAA7C,MAAA,EAAAQ,YAAAC,cAAkC7D,SAASyD,EAAE;CAC7C,MAAAK,eAAqBnD,cAAc,UAAUA,cAAc;CAC3D,MAAAoD,iBAAuB7D,kBAAkB2D,WAAW,GAAG;CAGpD,MAAAG,KAAA/C;CACK,MAAAgD,KAAA7D,aACFwD,YACA;EAAAM,MACQ;GAAAC,SACKJ;GAAc1C,YACXyC;GAAY/B,UACdf;EACZ;EAAC,kBACiBL;CACpB,GACA4C,UACF;CAAC,IAAAa;CAAA,IAAAhB,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAEDS,KAAA,oBAAA,OAAA,EAAkB,gBAAA,QAAO,CAAA;EAAGhB,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAApC,YAAA;EAC3BqD,KAAA,CAACrD,aACA,qBAAA,OAAA;GAAkB,gBAAA;GAAlB,UAAA;IACE,oBAAA,OAAA,EAAkB,gBAAA,WAAU,CAAA;IAC5B,oBAAA,OAAA,EAAkB,gBAAA,WAAU,CAAA;IAC5B,oBAAA,OAAA,EAAkB,gBAAA,WAAU,CAAA;IAC5B,oBAAA,OAAA,EAAkB,gBAAA,WAAU,CAAA;IAC5B,oBAAA,OAAA,EAAkB,gBAAA,WAAU,CAAA;GACxB;EAPP,CAAA,IAAA;EAQOoC,EAAA,KAAApC;EAAAoC,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAY,MAAAZ,EAAA,OAAAa,MAAAb,EAAA,OAAAiB,IAAA;EAvBVC,KAAA,qBAAC,IAAD;GAAe,GACTL;GADN,UAAA,CAcEG,IACCC,EAfY;;EAwBEjB,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;EAAAb,EAAA,KAAAiB;EAAAjB,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,OAxBjBkB;AAwBiB;AAIrB,MAAMC,cAAc9E,MAAMc,QAAO,EAC/BY,QAAQ;CACNqD,UAAU;CACVpD,OAAO;EACL,IAAI;EACJ,0DAAsD;CACxD;CACAE,QAAQ;EACN,IAAI;EACJ,0DAAsD;CACxD;CACAmD,WAAW;CACXC,aAAa;CAEb,wBAAwB;EACtB,IAAI;EACJ3C,UAAU;CACZ;AACF,EACF,CAAC;AAED,SAAA4C,eAAAxB,OAAAyB,KAAA;CAAA,MAAAxB,IAAAC,EAAA,EAAA;CAIE,MAAAwB,iBAAuB,OAAO1B,MAAKvC,SAAU;CAC7C,MAAA,EAAAI,YAAAL,WAAA2C,IAAA1C,MAAAkE,cAAAjE,cAAAC,SAAA2C,IAAA1C,SAAAkD,IAAA,GAAAc,cAQI5B;CANF,MAAAxC,YAAA2C,OAAAE,KAAAA,IAAA,UAAAF;CAGA,MAAAxC,UAAA2C,OAAAD,KAAAA,IAAA,MAAAC;CACA,MAAA1C,UAAAkD,OAAAT,KAAAA,IAAUqB,iBAAArB,KAAAA,IAAA,oBAAVS;CAGF,MAAA,CAAAe,YAAAC,iBAAoClF,SAAS,KAAK;CAClD,MAAA+D,eAAqBnD,cAAc,UAAUA,cAAc;CAE3DiE,MAAMvE,gBAAgBuE,GAAG;CAAtB,IAAAR;CAAA,IAAAhB,EAAA,OAAArC,WAAAqC,EAAA,OAAAtC,SAAA;EAEHsD,KAAA,SAAAc,MAAAtE,MAAA;GACE,IAAI,OAAOG,YAAY,UACrBH,OAAOuE,KAAIC,IAAKrE,SAASH,IAAI;GAG/B,IAAI,OAAOE,YAAY,YAAnB,CAAgCA,SAClCF,OAAOuE,KAAIE,IAAMvE,WAAD,GAA0BF,IAAI;GAC/C,OAEMuE,KAAIE,IAAKzE,MAAM,CAAC;EAAC;EACzBwC,EAAA,KAAArC;EAAAqC,EAAA,KAAAtC;EAAAsC,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAVD,MAAA8B,QAAAd;CAYA,MAAA,CAAAkB,QAAAC,WAAwBxF,SACtB+E,gBAAgB,OAAOI,MAAMJ,YAAkB,IAA/C,GACF;CACA,MAAA,CAAAU,YAAAC,iBAAoC1F,SAAwB,IAAI;CAAE,IAAAsE;CAAA,IAAAjB,EAAA,OAAApC,cAAAoC,EAAA,OAAAU,gBAAAV,EAAA,OAAAwB,OAAAxB,EAAA,OAAAkC,QAAA;EAExCjB,WAAA;GACxB,IAAIO,KAAGc,SAAS;IACd,MAAAC,aAAmB7B,eAAA,gBAAA;IACnB,MAAA8B,gBAAsBhB,IAAGc,QAASC;IAElC,IAAIR,KAAIU,IAAKD,gBAAgBhF,MAAI,IAAI,KAAjC,CAAuCI,YACzCyE,cAAc7E,MAAI;SAElB6E,cAAcG,aAAa;GAC5B;EACF;EACFxC,EAAA,KAAApC;EAAAoC,EAAA,KAAAU;EAAAV,EAAA,KAAAwB;EAAAxB,EAAA,KAAAkC;EAAAlC,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAXD,MAAA0C,WAAiB3F,SAASkE,EAWzB;CAGCO,MAAAA,KAAAA;CAAG,IAAAmB;CAAA,IAAA3C,EAAA,OAAA0C,YAAA1C,EAAA,OAAAkB,IAAA;EADayB,KAAA;GAAAnB,KAChBA;GAAGkB;EAEL;EAAC1C,EAAA,KAAA0C;EAAA1C,EAAA,KAAAkB;EAAAlB,EAAA,MAAA2C;CAAA,OAAAA,KAAA3C,EAAA;CAHD9D,kBAAkByG,EAGjB;CAAC,IAAAC;CAAA,IAAA5C,EAAA,QAAA8B,SAAA9B,EAAA,QAAAzC,aAAAyC,EAAA,QAAApC,cAAAoC,EAAA,QAAAU,gBAAAV,EAAA,QAAAwB,OAAAxB,EAAA,QAAAkC,QAAA;EAE0BU,KAAA;GAAAC,YAAAC,GAAA;IAExB,IAAIlF,YAAU;IAIdiE,cAAc,IAAI;IAElB,MAAAkB,eAAmBrC,eAAA,gBAAA;IAEnB,IAAIc,IAAGc,WAAYP,KAAIU,IAAKjB,IAAGc,QAASC,gBAAc/E,MAAI,KAAK,GAC7D2E,QAAQJ,KAAIiB,MAAOxB,IAAGc,QAASC,aAAW,CAAC;GAC5C;GAAAU,OAAAC,KAAA;IAGDf,SAAQgB,WAAA;KACN,IAAIvF,YAAU,OACLJ;KAGT,IAAIsF,IAACM,gBAAiB,YAAU,OACvB5F;KAGT2F,SAAA3F,UAAQkD,eACJoC,IAACO,UAAW9F,cAAc,UAAd,IAAA,MACZuF,IAACQ,UAAW/F,cAAc,WAAd,IAAA;KAAgC,OAEzCC;IAAI,CACZ;GAAC;GAAA+F,UAAAC,KAAA;IAGF3B,cAAc,KAAK;IACnBM,SAAQsB,WAAU3B,MAAMC,KAAIiB,MAAOxF,MAAI,CAAC,CAAC;GAAC;EAE9C;EAACwC,EAAA,MAAA8B;EAAA9B,EAAA,MAAAzC;EAAAyC,EAAA,MAAApC;EAAAoC,EAAA,MAAAU;EAAAV,EAAA,MAAAwB;EAAAxB,EAAA,MAAAkC;EAAAlC,EAAA,MAAA4C;CAAA,OAAAA,KAAA5C,EAAA;CAnCD,MAAA,EAAA0D,cAAoB7G,QAAQ+F,EAmC3B;CAAE,IAAAe;CAAA,IAAA3D,EAAA,QAAA0B,cAAA;EAK0CiC,WAAA;GAC3CxB,SAAQyB,WAAA;IACN,IAAIlC,gBAAgB,QAAQK,KAAIU,IAAKf,eAAelE,MAAI,IAAI,IAAG,OACtDkE;IACR,OAEMlE;GAAI,CACZ;EAAC;EACHwC,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2D;CAAA,OAAAA,KAAA3D,EAAA;CARD,MAAA6D,wBAA8BpH,eAAekH,EAQ5C;CAAE,IAAAG;CAAA,IAAA9D,EAAA,QAAA0C,UAAA;EAEOoB,WAAA;GACRpB,SAAS;EAAC;EACX1C,EAAA,MAAA0C;EAAA1C,EAAA,MAAA8D;CAAA,OAAAA,KAAA9D,EAAA;CAAA,IAAA+D;CAAA,IAAA/D,EAAA,QAAApC,cAAAoC,EAAA,QAAAU,gBAAAV,EAAA,QAAA0C,YAAA1C,EAAA,QAAAkC,QAAA;EAAE6B,MAAA;GAACvG;GAAMI;GAAY8C;GAAcgC;EAAQ;EAAC1C,EAAA,MAAApC;EAAAoC,EAAA,MAAAU;EAAAV,EAAA,MAAA0C;EAAA1C,EAAA,MAAAkC;EAAAlC,EAAA,MAAA+D;CAAA,OAAAA,MAAA/D,EAAA;CAF7CxD,UAAUsH,IAEPC,GAA0C;CAAC,IAAAC;CAAA,IAAAhE,EAAA,QAAAvC,gBAAAuC,EAAA,QAAA0B,cAAA;EAK5CsC,OAAAC,MAAAC,aAAA;GACE,IACE,CAACA,YACDD,QAAQ,SACPvC,gBAAgB,QAAQK,KAAIU,IAAKf,eAAeuC,IAAI,IAAI,KAEzDxG,eAAesE,KAAIiB,MAAOiB,IAAI,CAAC;EAChC;EACFjE,EAAA,MAAAvC;EAAAuC,EAAA,MAAA0B;EAAA1B,EAAA,MAAAgE;CAAA,OAAAA,MAAAhE,EAAA;CATH,MAAAmE,mBAAyB1H,eACvBuH,GASF;CAAE,IAAAI;CAAA,IAAApE,EAAA,QAAA4B,cAAA5B,EAAA,QAAAmE,oBAAAnE,EAAA,QAAAoC,YAAA;EAEQgC,YAAA;GACRD,iBAAiB/B,YAAYR,UAAU;EAAC;EACzC5B,EAAA,MAAA4B;EAAA5B,EAAA,MAAAmE;EAAAnE,EAAA,MAAAoC;EAAApC,EAAA,MAAAoE;CAAA,OAAAA,MAAApE,EAAA;CAAA,IAAAqE;CAAA,IAAArE,EAAA,QAAA4B,cAAA5B,EAAA,QAAAoC,YAAA;EAAEiC,MAAA,CAACjC,YAAYR,UAAU;EAAC5B,EAAA,MAAA4B;EAAA5B,EAAA,MAAAoC;EAAApC,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAF3BxD,UAAU4H,KAEPC,GAAwB;CAAC,IAAAC;CAAA,IAAAtE,EAAA,QAAA6D,uBAAA;EAElBS,YAAA;GACR,MAAAC,QAAcC,WAAWX,uBAAuB,GAAG;GAAE,aACxCY,aAAaF,KAAK;EAAC;EACjCvE,EAAA,MAAA6D;EAAA7D,EAAA,MAAAsE;CAAA,OAAAA,MAAAtE,EAAA;CAAA,IAAA0E;CAAA,IAAA1E,EAAA,QAAA0B,cAAA;EAAEgD,MAAA,CAAChD,YAAY;EAAC1B,EAAA,MAAA0B;EAAA1B,EAAA,MAAA0E;CAAA,OAAAA,MAAA1E,EAAA;CAHjBxD,UAAU8H,KAGPI,GAAc;CAAC,IAAAC;CAAA,IAAA3E,EAAA,QAAApC,cAAAoC,EAAA,QAAA4B,cAAA5B,EAAA,QAAAU,cAAA;EAGTiE,MAAA;GAAAxF,MACCyC;GAAU3D,YACJyC;GAAY/B,UACdf;EACZ;EAACoC,EAAA,MAAApC;EAAAoC,EAAA,MAAA4B;EAAA5B,EAAA,MAAAU;EAAAV,EAAA,MAAA2E;CAAA,OAAAA,MAAA3E,EAAA;CALH,MAAAc,OACE6D;CAQC,MAAA/D,KAAAO;CACMK,MAAAA,MAAAA;CAKW,MAAAoD,MAAAhH,cAAcwE,cAAc;CAAI,IAAAyC;CAAA,IAAA7E,EAAA,QAAAzC,aAAAyC,EAAA,QAAAc,QAAAd,EAAA,QAAA0D,aAAA1D,EAAA,QAAA4E,KAAA;EAD9CC,MAAA,oBAAC,SAAD;GACc,YAAAD;GACDrH;GAAS,GAChBmG;GACE5C;EAAI,CAAA;EACVd,EAAA,MAAAzC;EAAAyC,EAAA,MAAAc;EAAAd,EAAA,MAAA0D;EAAA1D,EAAA,MAAA4E;EAAA5E,EAAA,MAAA6E;CAAA,OAAAA,MAAA7E,EAAA;CAEA,MAAA8E,MAAA9H,aAAW2E,WAAW;EAAAoD,OACjB;GAAA,UAEK,GAAGvH,OAAI;GAAI,iBAEJ,GAAG4E,WAAU;GAAI,cACpB,OAAO1E,YAAY,WAAnB,GAAiCA,QAAO,MAAxCA;GAAsD,cACtD,OAAOC,YAAY,WAAnB,GAAiCA,QAAO,MAAxCA;EAChB;EAACqH,aACY,EAAAC,QAEH,wBAAwB1H,YAClC;CACF,CAAC;CAAC,IAAA2H;CAAA,IAAAlF,EAAA,QAAAY,MAAAZ,EAAA,QAAAzC,aAAAyC,EAAA,QAAAc,QAAAd,EAAA,QAAAmF,OAAAnF,EAAA,QAAA6E,OAAA7E,EAAA,QAAA8E,KAAA;EAzBJI,MAAA,oBAAC,IAAD;GACO1D,KAAAA;GACWjE,kBAAAA;GACVuD;GAEJ,OAAA+D;GAKE,GAEAC;EAaF,CAAA;EACF9E,EAAA,MAAAY;EAAAZ,EAAA,MAAAzC;EAAAyC,EAAA,MAAAc;EAAAd,EAAA,MAAAmF;EAAAnF,EAAA,MAAA6E;EAAA7E,EAAA,MAAA8E;EAAA9E,EAAA,MAAAkF;CAAA,OAAAA,MAAAlF,EAAA;CAAA,OA1BFkF;AA0BE;AAIN,MAAME,kBAAkB7I,WAAWgF,cAAc;AAEjD6D,gBAAgBC,cAAc"}
+{"version":3,"file":"ResizablePanel.js","names":["useResizeObserver","BasePropsWithoutChildren","Styles","tasty","ForwardedRef","forwardRef","useEffect","useEffectEvent","useMemo","useState","useHover","useMove","useDebouncedValue","useEvent","mergeProps","useCombinedRefs","CubePanelProps","Panel","Direction","CubeResizablePanelProps","handlerStyles","direction","size","onSizeChange","minSize","maxSize","isDisabled","HandlerElement","qa","styles","width","horizontal","height","top","bottom","right","left","transform","position","zIndex","cursor","disabled","padding","boxSizing","transition","Track","inset","fill","outline","drag","outlineOffset","Drag","display","gap","flow","gridColumns","gridRows","DragPart","radius","HandlerProps","Handler","props","$","_c","t0","otherProps","undefined","t1","Symbol","for","hoverProps","isHovered","isHorizontal","localIsHovered","T0","t2","mods","hovered","t3","t4","t5","StyledPanel","flexGrow","placeSelf","touchAction","ResizablePanel","ref","isControllable","providedSize","restProps","isDragging","setIsDragging","clamp","Math","min","max","size_0","setSize","visualSize","setVisualSize","current","offsetProp","containerSize","abs","onResize","t6","t7","onMoveStart","e","offsetProp_0","round","onMove","e_0","size_1","pointerType","deltaX","deltaY","onMoveEnd","e_1","size_2","moveProps","t8","size_3","reconcileProvidedSize","t9","t10","t11","next","dragging","notifySizeChange","t12","t13","t14","timer","setTimeout","clearTimeout","t15","t16","t18","t19","t20","tokens","$size","innerStyles","margin","t21","t17","_ResizablePanel","displayName","_c","mergeProps","Panel"],"sources":["../../../src/components/layout/ResizablePanel.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport { BasePropsWithoutChildren, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useState,\n} from 'react';\nimport { useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../_internal/hooks/use-debounced-value';\nimport { useEvent } from '../../_internal/hooks/use-event';\nimport { mergeProps } from '../../utils/react/mergeProps';\nimport { useCombinedRefs } from '../../utils/react/useCombinedRefs';\n\nimport { CubePanelProps, Panel } from './Panel';\n\ntype Direction = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface CubeResizablePanelProps extends CubePanelProps {\n  handlerStyles?: Styles;\n  /**\n   * Optional because both `ResizablePanel` and `Handler` destructure it as\n   * `direction = 'right'`. Declaring it required contradicted that default and\n   * made `no-redundant-default-prop` unusable: the rule reads the same `'right'`\n   * default out of the generated registry and strips an explicit\n   * `direction=\"right\"`, which then fails to typecheck.\n   */\n  direction?: Direction;\n  size?: number;\n  onSizeChange?: (size: number) => void;\n  minSize?: string | number;\n  maxSize?: string | number;\n  isDisabled?: boolean;\n}\n\nconst HandlerElement = tasty({\n  qa: 'ResizeHandler',\n  styles: {\n    // The real size is slightly bigger than the visual one.\n    width: {\n      '': 'initial',\n      horizontal: '9px',\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': '9px',\n      horizontal: 'initial',\n      'disabled & !horizontal': '1bw',\n    },\n    top: {\n      '': 0,\n      '[data-direction=\"top\"]': 'initial',\n    },\n    bottom: {\n      '': 0,\n      '[data-direction=\"bottom\"]': 'initial',\n    },\n    right: {\n      '': 0,\n      '[data-direction=\"right\"]': 'initial',\n    },\n    left: {\n      '': 0,\n      '[data-direction=\"left\"]': 'initial',\n    },\n    // Transform requires a separate visual size property to respect size boundaries\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-direction=\"top\"]':\n        'translate(0, ($size-compensation - $visual-size))',\n      '[data-direction=\"right\"]':\n        'translate(($visual-size - $size-compensation), 0)',\n      '[data-direction=\"bottom\"]':\n        'translate(0, ($visual-size - $size-compensation))',\n      '[data-direction=\"left\"]':\n        'translate(($size-compensation - $visual-size), 0)',\n    },\n    position: 'absolute',\n    zIndex: 1,\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    padding: 0,\n    boxSizing: 'border-box',\n    transition: 'theme',\n    '--size-compensation': {\n      '': '6px',\n      disabled: '1bw',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag) & !disabled': '#purple-03',\n      },\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        drag: '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag': '#dark-02',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\ninterface HandlerProps extends BasePropsWithoutChildren {\n  direction?: Direction;\n}\n\nconst Handler = (props: HandlerProps) => {\n  const { direction = 'right', isDisabled, ...otherProps } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const isHorizontal = direction === 'left' || direction === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <HandlerElement\n      {...mergeProps(\n        hoverProps,\n        {\n          mods: {\n            hovered: localIsHovered,\n            horizontal: isHorizontal,\n            disabled: isDisabled,\n          },\n          'data-direction': direction,\n        },\n        otherProps,\n      )}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled ? (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      ) : null}\n    </HandlerElement>\n  );\n};\n\nconst StyledPanel = tasty(Panel, {\n  styles: {\n    flexGrow: 0,\n    width: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"top\"] | [data-direction=\"bottom\"]': 'initial',\n    },\n    height: {\n      '': '$min-size $size $max-size',\n      '[data-direction=\"left\"] | [data-direction=\"right\"]': 'initial',\n    },\n    placeSelf: 'stretch',\n    touchAction: 'none',\n\n    '$indent-compensation': {\n      '': '3px',\n      disabled: '1bw',\n    },\n  },\n});\n\nfunction ResizablePanel(\n  props: CubeResizablePanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const isControllable = typeof props.size === 'number';\n  const {\n    isDisabled,\n    direction = 'right',\n    size: providedSize,\n    onSizeChange,\n    minSize = 200,\n    maxSize = isControllable ? undefined : 'min(50%, 400px)',\n    ...restProps\n  } = props;\n  const [isDragging, setIsDragging] = useState(false);\n  const isHorizontal = direction === 'left' || direction === 'right';\n\n  ref = useCombinedRefs(ref);\n\n  function clamp(size: number) {\n    if (typeof maxSize === 'number') {\n      size = Math.min(maxSize, size);\n    }\n\n    if (typeof minSize === 'number' || !minSize) {\n      size = Math.max((minSize as number) || 0, size);\n    }\n\n    return Math.max(size, 0);\n  }\n\n  const [size, setSize] = useState<number>(\n    providedSize != null ? clamp(providedSize) : 200,\n  );\n  const [visualSize, setVisualSize] = useState<number | null>(null);\n\n  const onResize = useEvent(() => {\n    if (ref?.current) {\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n      const containerSize = ref.current[offsetProp];\n\n      if (Math.abs(containerSize - size) < 1 && !isDisabled) {\n        setVisualSize(size);\n      } else {\n        setVisualSize(containerSize);\n      }\n    }\n  });\n\n  useResizeObserver({\n    ref,\n    onResize,\n  });\n\n  let { moveProps } = useMove({\n    onMoveStart(e) {\n      if (isDisabled) {\n        return;\n      }\n\n      setIsDragging(true);\n\n      const offsetProp = isHorizontal ? 'offsetWidth' : 'offsetHeight';\n\n      if (ref.current && Math.abs(ref.current[offsetProp] - size) >= 1) {\n        setSize(Math.round(ref.current[offsetProp]));\n      }\n    },\n    onMove(e) {\n      setSize((size) => {\n        if (isDisabled) {\n          return size;\n        }\n\n        if (e.pointerType === 'keyboard') {\n          return size;\n        }\n\n        size += isHorizontal\n          ? e.deltaX * (direction === 'right' ? 1 : -1)\n          : e.deltaY * (direction === 'bottom' ? 1 : -1);\n\n        return size;\n      });\n    },\n    onMoveEnd(e) {\n      setIsDragging(false);\n      setSize((size) => clamp(Math.round(size)));\n    },\n  });\n\n  // Since we sync provided size and the local one in two ways,\n  // we need a way to prevent infinite loop in some cases.\n  // We will run this in setTimeout and make sure it will get the most recent state.\n  const reconcileProvidedSize = useEffectEvent(() => {\n    setSize((size) => {\n      if (providedSize != null && Math.abs(providedSize - size) > 0.5) {\n        return providedSize;\n      }\n\n      return size;\n    });\n  });\n\n  useEffect(() => {\n    onResize();\n  }, [size, isDisabled, isHorizontal, onResize]);\n\n  // Notifications follow measurement/drag changes. Callback replacement and\n  // controlled-prop updates must not echo a previous measurement to the parent.\n  const notifySizeChange = useEffectEvent(\n    (next: number | null, dragging: boolean) => {\n      if (\n        !dragging &&\n        next != null &&\n        (providedSize == null || Math.abs(providedSize - next) > 0.5)\n      ) {\n        onSizeChange?.(Math.round(next));\n      }\n    },\n  );\n\n  useEffect(() => {\n    notifySizeChange(visualSize, isDragging);\n  }, [visualSize, isDragging]);\n\n  useEffect(() => {\n    const timer = setTimeout(reconcileProvidedSize, 500);\n    return () => clearTimeout(timer);\n  }, [providedSize]);\n\n  const mods = useMemo(() => {\n    return {\n      drag: isDragging,\n      horizontal: isHorizontal,\n      disabled: isDisabled,\n    };\n  }, [isDragging, isHorizontal, isDisabled]);\n\n  return (\n    <StyledPanel\n      ref={ref}\n      data-direction={direction}\n      mods={mods}\n      extra={\n        <Handler\n          isDisabled={isDisabled || visualSize == null}\n          direction={direction}\n          {...moveProps}\n          mods={mods}\n        />\n      }\n      {...mergeProps(restProps, {\n        tokens: {\n          ...restProps.tokens,\n          // We set the current size further via width/min-width/max-width styles to respect size boundaries\n          $size: `${size}px`,\n          // We use a separate visual size to paint the handler for a smoother experience\n          '$visual-size': `${visualSize}px`,\n          '$min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n          '$max-size': typeof maxSize === 'number' ? `${maxSize}px` : maxSize,\n        },\n        innerStyles: {\n          // The panel inner space compensation for the handler\n          margin: `$indent-compensation ${direction}`,\n        },\n      })}\n    />\n  );\n}\n\nconst _ResizablePanel = forwardRef(ResizablePanel);\n\n_ResizablePanel.displayName = 'ResizablePanel';\n\nexport { _ResizablePanel as ResizablePanel };\n"],"mappings":"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"}

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react/compiler-runtime";
-import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";
+import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/layout/Suffix.tsx
@@ -23,7 +23,7 @@ const SuffixElement = tasty({
 	}
 });
 const Suffix = forwardRef(function Suffix(allProps, outerRef) {
-	const $ = c(18);
+	const $ = c(16);
 	const { onWidthChange, outerGap: t0, children, ...props } = allProps;
 	const outerGap = t0 === void 0 ? "1bw" : t0;
 	const styles = extractStyles(props, CONTAINER_STYLES);
@@ -54,34 +54,28 @@ const Suffix = forwardRef(function Suffix(allProps, outerRef) {
 	const t3 = filterBaseProps(props, { eventProps: true });
 	let t4;
 	if ($[7] !== outerGap) {
-		t4 = parseStyle(outerGap);
+		t4 = { "$suffix-gap": outerGap };
 		$[7] = outerGap;
 		$[8] = t4;
 	} else t4 = $[8];
 	let t5;
-	if ($[9] !== t4.output) {
-		t5 = { "--suffix-gap": t4.output };
-		$[9] = t4.output;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== T0 || $[12] !== children || $[13] !== ref || $[14] !== styles || $[15] !== t3 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(T0, {
+	if ($[9] !== T0 || $[10] !== children || $[11] !== ref || $[12] !== styles || $[13] !== t3 || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(T0, {
 			...t3,
 			ref,
 			styles,
-			style: t5,
+			tokens: t4,
 			children
 		});
-		$[11] = T0;
-		$[12] = children;
-		$[13] = ref;
-		$[14] = styles;
-		$[15] = t3;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
+		$[9] = T0;
+		$[10] = children;
+		$[11] = ref;
+		$[12] = styles;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 });
 //#endregion
 export { Suffix };

package/dist/components/layout/Suffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suffix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","parseStyle","tasty","CSSProperties","forwardRef","useEffect","useCombinedRefs","extractStyles","SuffixElement","element","styles","position","display","placeContent","placeItems","flow","gap","right","top","bottom","color","height","CubeSuffixProps","onWidthChange","Function","outerGap","Suffix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","output","t6","_c"],"sources":["../../../src/components/layout/Suffix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  parseStyle,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef, useEffect } from 'react';\n\nimport { useCombinedRefs } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst SuffixElement = tasty({\n  element: 'Suffix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    right: '$suffix-gap',\n    top: '$suffix-gap',\n    bottom: '$suffix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $suffix-gap))',\n  },\n});\n\nexport interface CubeSuffixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Suffix = forwardRef<HTMLDivElement, CubeSuffixProps>(\n  function Suffix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useEffect(() => {\n      if (ref && ref.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <SuffixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        style={{\n          '--suffix-gap': parseStyle(outerGap).output,\n        }}\n      >\n        {children}\n      </SuffixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAaA,MAAMW,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAOD,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,KAAAA,IAAA,QAAAH;CACrB,MAAAtB,SAAeH,cAAc2B,OAAOpC,gBAAgB;CACpD,MAAAsC,MAAY9B,gBAAgBuB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAE5BC,WAAA;GACR,IAAID,OAAOA,IAAGE,WAAVf,eACFA,cAAca,IAAGE,QAAQC,WAAY;EACtC;EACFT,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAAEI,KAAA;GAACP;GAAUG;GAAKb;EAAa;EAACO,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJjCzB,UAAUgC,IAIPG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAA1C,gBAAgBkC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAI9BmB,KAAA3C,WAAWwB,QAAQ;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAc,GAAAE,QAAA;EAD/BD,KAAA,EAAA,gBACWD,GAAoBE,OACtC;EAAChB,EAAA,KAAAc,GAAAE;EAAAhB,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,QAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAe,IAAA;EANHE,KAAA,oBAAC,IAAD;GAAc,GACRL;GACCN;GACG1B;GACD,OAAAmC;GAINZ;EARW,CAAA;EASEH,EAAA,MAAAW;EAAAX,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAApB;EAAAoB,EAAA,MAAAY;EAAAZ,EAAA,MAAAe;EAAAf,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAThBiB;AASgB,CAGtB"}
+{"version":3,"file":"Suffix.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","CSSProperties","forwardRef","useEffect","useCombinedRefs","extractStyles","SuffixElement","element","styles","position","display","placeContent","placeItems","flow","gap","right","top","bottom","color","height","CubeSuffixProps","onWidthChange","Function","outerGap","Suffix","HTMLDivElement","allProps","outerRef","$","_c","t0","children","props","undefined","ref","t1","current","offsetWidth","t2","T0","t3","eventProps","t4","t5","_c"],"sources":["../../../src/components/layout/Suffix.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { CSSProperties, forwardRef, useEffect } from 'react';\n\nimport { useCombinedRefs } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst SuffixElement = tasty({\n  element: 'Suffix',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    placeContent: 'stretch',\n    placeItems: 'center',\n    flow: 'column',\n    gap: 0,\n    right: '$suffix-gap',\n    top: '$suffix-gap',\n    bottom: '$suffix-gap',\n    color: '#dark-02',\n    height: '(100% - (2 * $suffix-gap))',\n  },\n});\n\nexport interface CubeSuffixProps extends BaseProps, ContainerStyleProps {\n  onWidthChange?: Function;\n  outerGap?: CSSProperties['gap'];\n}\n\nexport const Suffix = forwardRef<HTMLDivElement, CubeSuffixProps>(\n  function Suffix(allProps, outerRef) {\n    let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;\n    const styles = extractStyles(props, CONTAINER_STYLES);\n    const ref = useCombinedRefs(outerRef);\n\n    useEffect(() => {\n      if (ref && ref.current && onWidthChange) {\n        onWidthChange(ref.current.offsetWidth);\n      }\n    }, [children, ref, onWidthChange]);\n\n    return (\n      <SuffixElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={styles}\n        tokens={{ '$suffix-gap': outerGap }}\n      >\n        {children}\n      </SuffixElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;;AAYA,MAAMU,gBAAgBN,MAAM;CAC1BO,SAAS;CACTC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAOD,MAAaK,SAAStB,WACpB,SAAAsB,OAAAE,UAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAR,eAAAE,UAAAO,IAAAC,UAAA,GAAAC,UAA8DN;CAAzC,MAAAH,WAAAO,OAAAG,KAAAA,IAAA,QAAAH;CACrB,MAAAtB,SAAeH,cAAc2B,OAAOnC,gBAAgB;CACpD,MAAAqC,MAAY9B,gBAAgBuB,QAAQ;CAAE,IAAAQ;CAAA,IAAAP,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAE5BC,WAAA;GACR,IAAID,OAAOA,IAAGE,WAAVf,eACFA,cAAca,IAAGE,QAAQC,WAAY;EACtC;EACFT,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAG,YAAAH,EAAA,OAAAP,iBAAAO,EAAA,OAAAM,KAAA;EAAEI,KAAA;GAACP;GAAUG;GAAKb;EAAa;EAACO,EAAA,KAAAG;EAAAH,EAAA,KAAAP;EAAAO,EAAA,KAAAM;EAAAN,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJjCzB,UAAUgC,IAIPG,EAA8B;CAG9B,MAAAC,KAAAjC;CACK,MAAAkC,KAAAzC,gBAAgBiC,OAAO,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAd,EAAA,OAAAL,UAAA;EAGxCmB,KAAA,EAAA,eAAiBnB,SAAS;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAW,MAAAX,EAAA,QAAAG,YAAAH,EAAA,QAAAM,OAAAN,EAAA,QAAApB,UAAAoB,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,IAAA;EAJrCC,KAAA,oBAAC,IAAD;GAAc,GACRH;GACCN;GACG1B;GACA,QAAAkC;GAEPX;EANW,CAAA;EAOEH,EAAA,KAAAW;EAAAX,EAAA,MAAAG;EAAAH,EAAA,MAAAM;EAAAN,EAAA,MAAApB;EAAAoB,EAAA,MAAAY;EAAAZ,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAPhBe;AAOgB,CAGtB"}

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/BoardDragActiveProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
@@ -717,6 +717,7 @@ function TabButton(t0) {
 				skipActionsWidthTransition,
 				autoHideActions: effectiveAutoHideActions,
 				as: "button",
+				htmlType: "button",
 				...mergeProps$1(tabProps, hoverProps, focusProps, {
 					onKeyDown: handleKeyDown,
 					onPointerEnter: handleSpringLoadEnter,