@cube-dev/ui-kit 0.118.0 → 0.119.0

package/dist/components/content/Content.d.ts

@@ -1,6 +1,5 @@
 
-import { BaseProps, ContainerStyleProps, TextStyleProps } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { BaseProps, ContainerStyleProps, TextStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Content.d.ts

package/dist/components/content/Content.js

@@ -1,9 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../tasty/utils/styles.js";
-import { CONTAINER_STYLES, TEXT_STYLES } from "../../tasty/styles/list.js";
-import { tasty } from "../../tasty/tasty.js";
-import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
+import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","names":[],"sources":["../../../src/components/content/Content.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '../../tasty';\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst ContentElement = tasty({\n  qa: 'Content',\n  as: 'section',\n  styles: {\n    gridArea: 'content',\n    preset: 'p3',\n    color: '#dark-02',\n    display: 'block',\n    flow: 'column',\n    gap: '2x',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\nexport interface CubeContentProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Content = forwardRef(function Content(\n  props: CubeContentProps,\n  ref,\n) {\n  props = useSlotProps(props, 'content');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <ContentElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;AAcA,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,MAAM,iBAAiB,MAAM;CAC3B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,QAAQ;EACR,OAAO;EACP,SAAS;EACT,MAAM;EACN,KAAK;EACL,UAAU;EACV,WAAW;EACZ;CACF,CAAC;AAOF,MAAa,UAAU,WAAW,SAAS,QACzC,OACA,KACA;AACA,SAAQ,aAAa,OAAO,UAAU;CAEtC,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}
+{"version":3,"file":"Content.js","names":[],"sources":["../../../src/components/content/Content.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst ContentElement = tasty({\n  qa: 'Content',\n  as: 'section',\n  styles: {\n    gridArea: 'content',\n    preset: 'p3',\n    color: '#dark-02',\n    display: 'block',\n    flow: 'column',\n    gap: '2x',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\nexport interface CubeContentProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Content = forwardRef(function Content(\n  props: CubeContentProps,\n  ref,\n) {\n  props = useSlotProps(props, 'content');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <ContentElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAcA,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,MAAM,iBAAiB,MAAM;CAC3B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,QAAQ;EACR,OAAO;EACP,SAAS;EACT,MAAM;EACN,KAAK;EACL,UAAU;EACV,WAAW;EACZ;CACF,CAAC;AAOF,MAAa,UAAU,WAAW,SAAS,QACzC,OACA,KACA;AACA,SAAQ,aAAa,OAAO,UAAU;CAEtC,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.d.ts

@@ -1,8 +1,6 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { PositionStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { CubeCardProps } from "../Card/Card.js";
+import { PositionStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { ReactNode } from "react";
 

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,12 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { POSITION_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";
 import { Button } from "../../actions/index.js";
 import { useToast } from "../../overlays/Toast/useToast.js";
 import { Card } from "../Card/Card.js";
+import { POSITION_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { forwardRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "react-aria";

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

@@ -1 +1 @@
-{"version":3,"file":"CopyPasteBlock.js","names":[],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { CopyIcon } from '../../../icons';\nimport {\n  extractStyles,\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '../../../tasty';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#dark-bg',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: {\n        '': 'none',\n        ':focus & !error': 'inline',\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  'aria-label': 'Copy to clipboard',\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '0 1r 0 0',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>,\n    PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(`${title || 'Text'} copied`);\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(`${title || 'Text'} copied`);\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex=\"0\"\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || 'Invalid data'\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>{placeholder ? placeholder : 'Select and paste'}</>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={`Copy ${title}`}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}
+{"version":3,"file":"CopyPasteBlock.js","names":[],"sources":["../../../../src/components/content/CopyPasteBlock/CopyPasteBlock.tsx"],"sourcesContent":["import {\n  extractStyles,\n  POSITION_STYLES,\n  PositionStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ForwardedRef, forwardRef, ReactNode, useState } from 'react';\nimport { TextDropItem, useClipboard } from 'react-aria';\n\nimport { useTimer } from '../../../_internal';\nimport { CopyIcon } from '../../../icons';\nimport { Button } from '../../actions';\nimport { useToast } from '../../overlays/Toast';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst StyledBlock = tasty({\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeContent: 'center space-between',\n    placeItems: 'center stretch',\n    gap: '1x',\n    position: 'relative',\n    width: 'max 100%',\n    color: 'inherit',\n    padding: '0 1.5x',\n    // height: {\n    //   '': '4.5x',\n    //   '[data-size=\"small\"]': '3.5x',\n    //   '[data-size=\"large\"]': '5.5x',\n    // },\n    userSelect: 'none',\n\n    Label: {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n});\n\nconst CopyPasteBlockElement = tasty(Card, {\n  qa: 'CopyPasteBlock',\n  styles: {\n    display: 'grid',\n    fill: '#dark-bg',\n    radius: '1r',\n    padding: {\n      '': '0 1px',\n      ':focus': '0',\n    },\n    color: {\n      '': '#dark',\n      error: '#danger-text',\n    },\n    border: {\n      '': 'dashed #dark-03',\n      ':focus': '2px dashed #primary-text',\n      error: 'dashed #danger',\n    },\n    cursor: '$pointer',\n    preset: {\n      '': 't3',\n      'size=large': 't2',\n    },\n    height: {\n      '': '5x',\n      'size=small': '4x',\n      'size=large': '6x',\n    },\n    boxSizing: 'border-box',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) min-content',\n      placeContent: 'stretch',\n      width: 'min 20x',\n      radius: '1r',\n      position: 'relative',\n    },\n\n    Shortcut: {\n      display: {\n        '': 'none',\n        ':focus & !error': 'inline',\n      },\n    },\n  },\n});\n\nconst CopyButton = tasty(Button, {\n  type: 'clear',\n  icon: <CopyIcon />,\n  'aria-label': 'Copy to clipboard',\n  styles: {\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': '0 0 0 1ow #purple-03.0 inset',\n      focused: '0 0 0 1ow #purple-03 inset',\n    },\n    radius: {\n      '': '0 1r 1r 0',\n      'multiline | has-scroll': '0 1r 0 0',\n    },\n    height: 'auto',\n    outline: false,\n  },\n});\n\nexport interface CubeCopyPasteBlockProps\n  extends Omit<CubeCardProps, 'onPaste' | 'onCopy'>,\n    PositionStyleProps {\n  padding?: Styles['padding'];\n  /** The code snippet */\n  value?: string;\n  placeholder?: ReactNode;\n  /** The title of the snippet */\n  title?: string;\n  onPaste?: (text: string) => void | Promise<void | string>;\n  onCopy?: () => void;\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction CopyPasteBlock(\n  allProps: CubeCopyPasteBlockProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    value = '',\n    onPaste,\n    placeholder,\n    title,\n    size = 'medium',\n    ...props\n  } = allProps;\n  const styles = extractStyles(props, POSITION_STYLES);\n\n  const [error, setError] = useState<string | null>(null);\n  const toast = useToast();\n\n  const { clipboardProps } = useClipboard({\n    async onPaste(items) {\n      let pasted = await Promise.all(\n        items\n          .filter(\n            (item) => item.kind === 'text' && item.types.has('text/plain'),\n          )\n          .map((item) => (item as TextDropItem).getText('text/plain')),\n      );\n      try {\n        await onPaste?.(pasted.join('\\n'));\n      } catch (e) {\n        setError(String(e));\n      }\n    },\n    getItems() {\n      return value\n        ? [\n            {\n              'text/plain': value,\n            },\n          ]\n        : [];\n    },\n    onCopy() {\n      if (value) {\n        toast.success(`${title || 'Text'} copied`);\n      }\n    },\n  });\n\n  useTimer({\n    delay: 1000,\n    callback() {\n      setError(null);\n    },\n    isDisabled: !error,\n  });\n\n  async function onCopy() {\n    await copy(value);\n\n    toast.success(`${title || 'Text'} copied`);\n  }\n\n  const pristineValue = value.replace(/\\n/, ' ');\n\n  return (\n    <CopyPasteBlockElement\n      ref={ref}\n      mods={{ error: !!error }}\n      data-size={size}\n      styles={styles}\n      tabIndex=\"0\"\n      {...props}\n      {...clipboardProps}\n    >\n      <div data-element=\"Grid\">\n        <StyledBlock\n          data-size={size}\n          mods={{\n            placeholder: !!placeholder || !value,\n          }}\n        >\n          <div data-element=\"Label\">\n            {error != null ? (\n              error || 'Invalid data'\n            ) : value ? (\n              pristineValue\n            ) : (\n              <>{placeholder ? placeholder : 'Select and paste'}</>\n            )}\n          </div>\n          <span data-element=\"Shortcut\">\n            <kbd>Cmd</kbd> + <kbd>V</kbd>\n          </span>\n        </StyledBlock>\n        {value && !error && (\n          <CopyButton\n            size={size}\n            aria-label={`Copy ${title}`}\n            onPress={onCopy}\n          />\n        )}\n      </div>\n    </CopyPasteBlockElement>\n  );\n}\n\nconst _CopyPasteBlock = forwardRef(CopyPasteBlock);\n\n_CopyPasteBlock.displayName = 'CopyPasteBlock';\n\nexport { _CopyPasteBlock as CopyPasteBlock };\n"],"mappings":"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"}

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,5 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";
@@ -10,6 +9,7 @@ import { Button } from "../../actions/index.js";
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { useToast } from "../../overlays/Toast/useToast.js";
 import { Card } from "../Card/Card.js";
+import { tasty } from "@tenphi/tasty";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import copy from "clipboard-copy";

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

@@ -1 +1 @@
-{"version":3,"file":"CopySnippet.js","names":["PrismCode","Tooltip"],"sources":["../../../../src/components/content/CopySnippet/CopySnippet.tsx"],"sourcesContent":["import copy from 'clipboard-copy';\nimport { ReactNode, useMemo, useState } from 'react';\n\nimport { CopyIcon, EyeIcon, EyeInvisibleIcon } from '../../../icons';\nimport { tasty } from '../../../tasty';\nimport { Action, Button } from '../../actions';\nimport {\n  CubePrismCodeProps,\n  PrismCode,\n} from '../../content/PrismCode/PrismCode';\nimport { useToast } from '../../overlays/Toast';\nimport { Tooltip } from '../../overlays/Tooltip/Tooltip';\nimport { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst ActionElement = tasty(Action, {\n  styles: {\n    display: 'block',\n    cursor: 'default',\n    width: '100%',\n  },\n});\n\nconst StyledBlock = tasty({\n  styles: {\n    position: 'relative',\n    overflow: {\n      '': 'auto clip',\n      multiline: 'auto',\n    },\n    width: 'initial auto 100%',\n    height: {\n      '': 'max 5x',\n      multiline: 'auto',\n    },\n    boxSizing: 'border-box',\n    whiteSpace: {\n      '': 'initial',\n      nowrap: 'nowrap',\n    },\n    scrollbar: 'styled',\n    padding: '1.125x 1.5x',\n    fade: {\n      '': 'right 2x',\n      multiline: false,\n    },\n\n    '& code': {\n      font: {\n        '': 'monospace',\n        serif: true,\n      },\n    },\n  },\n});\n\nconst ButtonContainer = tasty({\n  styles: {\n    position: 'relative',\n    display: 'flex',\n    flow: {\n      '': 'row-reverse',\n      multiline: 'column',\n    },\n    placeContent: 'start',\n\n    '$button-size': {\n      '': '5x',\n      multiline: '4x',\n    },\n\n    '$first-button-radius': {\n      '': '0 1r 1r 0',\n      multiline: '0 1r 0 0',\n    },\n\n    '$last-button-radius': {\n      '': '0',\n      multiline: '0 0 0 1r',\n    },\n\n    '$first-and-last-button-radius': {\n      '': '0 1r 1r 0',\n      multiline: '0 1r 0 1r',\n    },\n\n    // Make sure there's a small gap between buttons and the content\n    border: 'left #clear',\n  },\n});\n\nconst CopySnippetElement = tasty(Card, {\n  qa: 'CopySnippet',\n  styles: {\n    display: 'grid',\n    gridRows: 'minmax(0, 1fr)',\n    fill: '#dark-bg',\n    border: 0,\n    padding: 0,\n    preset: 'default',\n    radius: '1r',\n    overflow: 'hidden',\n    height: 'max-content',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) auto',\n      gridRows: 'minmax(0, 1fr)',\n      width: 'min 20x',\n      position: 'relative',\n    },\n  },\n});\n\nconst ActionButton = tasty(Button, {\n  type: 'clear',\n  styles: {\n    width: '4x',\n    padding: 0,\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': 'inset 0 0 0 1ow #purple-03.0',\n      focused: 'inset 0 0 0 1ow #purple-03',\n    },\n    outline: false,\n    height: '$button-size',\n    radius: {\n      '': 0,\n      ':last-child': '$last-button-radius',\n      ':first-child': '$first-button-radius',\n      ':first-child & :last-child': '$first-and-last-button-radius',\n    },\n  },\n});\n\nconst CopyButton = tasty(ActionButton, {\n  icon: <CopyIcon />,\n  'aria-label': 'Copy to clipboard',\n});\n\nconst ShowButton = tasty(ActionButton, {\n  'aria-label': 'Show hidden parts',\n});\n\nexport interface CubeCopySnippetProps extends CubeCardProps {\n  /** The code snippet */\n  code: string;\n  /** The title of the snippet */\n  title?: string;\n  /** Whether the snippet is single-lined */\n  nowrap?: boolean;\n  /** The prefix for each line of code. Useful for bash snippets. */\n  prefix?: string;\n  /** The code language of the snippet */\n  language?: CubePrismCodeProps['language'];\n  /** Whether the snippet uses a serif font */\n  serif?: boolean;\n  /** Whether to show the tooltip with the full content */\n  showTooltip?: boolean;\n  hideText?: string[] | string | boolean;\n  actions?: ReactNode;\n}\n\n// const HIDDEN_SYMBOL = '●';\nconst HIDDEN_SYMBOL = '•';\n\nfunction replaceSymbolsToHidden(str: string) {\n  return HIDDEN_SYMBOL.repeat(str.length);\n}\n\nfunction CopySnippet(allProps: CubeCopySnippetProps) {\n  const {\n    code = '',\n    title = 'Code example',\n    nowrap,\n    prefix = '',\n    language,\n    serif,\n    actions,\n    showTooltip = false,\n    hideText,\n    ...props\n  } = allProps;\n\n  const toast = useToast();\n\n  const [showHidden, setShowHidden] = useState(false);\n\n  async function onCopy() {\n    await copy(code);\n\n    toast.success(`${title} copied`);\n  }\n\n  const pristineCode = code.replace(/\\n$/, '');\n\n  const multiline = pristineCode.includes('\\n') && !nowrap;\n  let formattedCode = pristineCode\n    .replace(/\\r/g, '')\n    .split(/\\n/g)\n    .map((line) => `${prefix}${line}`)\n    .join('\\n')\n    .trim();\n\n  if (!showHidden) {\n    if (hideText === true) {\n      formattedCode = replaceSymbolsToHidden(formattedCode);\n    } else if (typeof hideText === 'string') {\n      formattedCode = formattedCode.replaceAll(\n        hideText,\n        replaceSymbolsToHidden(hideText),\n      );\n    } else if (Array.isArray(hideText)) {\n      hideText.forEach((text) => {\n        formattedCode = formattedCode.replaceAll(\n          text,\n          replaceSymbolsToHidden(text),\n        );\n      });\n    }\n  }\n\n  const mods = useMemo(() => {\n    return {\n      nowrap,\n      multiline,\n      serif,\n      hidden: !!hideText,\n    };\n  }, [nowrap, multiline, hideText, serif]);\n\n  const Snippet = (\n    <CopySnippetElement mods={mods} {...props}>\n      <div data-element=\"Grid\">\n        <StyledBlock mods={mods}>\n          <PrismCode\n            style={{ margin: 0, overflow: 'visible' }}\n            code={formattedCode}\n            language={language || 'javascript'}\n          />\n        </StyledBlock>\n        <ButtonContainer mods={mods}>\n          <CopyButton aria-label={`Copy ${title}`} onPress={onCopy} />\n          {hideText && (\n            <ShowButton\n              icon={showHidden ? <EyeInvisibleIcon /> : <EyeIcon />}\n              onPress={() => setShowHidden(!showHidden)}\n            />\n          )}\n          {actions}\n        </ButtonContainer>\n      </div>\n    </CopySnippetElement>\n  );\n\n  if (showTooltip) {\n    return (\n      <TooltipTrigger>\n        <ActionElement>{Snippet}</ActionElement>\n        <Tooltip>{formattedCode}</Tooltip>\n      </TooltipTrigger>\n    );\n  }\n\n  return Snippet;\n}\n\nconst _CopySnippet = Object.assign(\n  CopySnippet as typeof CopySnippet & {\n    Button: typeof ActionButton;\n  },\n  {\n    Button: ActionButton,\n  },\n);\n\n(_CopySnippet as any).displayName = 'CopySnippet';\n\nexport { _CopySnippet as CopySnippet };\n"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAM,gBAAgB,MAAM,QAAQ,EAClC,QAAQ;CACN,SAAS;CACT,QAAQ;CACR,OAAO;CACR,EACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,UAAU;CACV,UAAU;EACR,IAAI;EACJ,WAAW;EACZ;CACD,OAAO;CACP,QAAQ;EACN,IAAI;EACJ,WAAW;EACZ;CACD,WAAW;CACX,YAAY;EACV,IAAI;EACJ,QAAQ;EACT;CACD,WAAW;CACX,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,WAAW;EACZ;CAED,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,OAAO;EACR,EACF;CACF,EACF,CAAC;AAEF,MAAM,kBAAkB,MAAM,EAC5B,QAAQ;CACN,UAAU;CACV,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,WAAW;EACZ;CACD,cAAc;CAEd,gBAAgB;EACd,IAAI;EACJ,WAAW;EACZ;CAED,wBAAwB;EACtB,IAAI;EACJ,WAAW;EACZ;CAED,uBAAuB;EACrB,IAAI;EACJ,WAAW;EACZ;CAED,iCAAiC;EAC/B,IAAI;EACJ,WAAW;EACZ;CAGD,QAAQ;CACT,EACF,CAAC;AAEF,MAAM,qBAAqB,MAAM,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACN,QAAQ;EACR,SAAS;EACT,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,QAAQ;EAER,MAAM;GACJ,SAAS;GACT,MAAM;GACN,aAAa;GACb,UAAU;GACV,OAAO;GACP,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,eAAe,MAAM,QAAQ;CACjC,MAAM;CACN,QAAQ;EACN,OAAO;EACP,SAAS;EACT,WAAW;EACX,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,SAAS;GACV;EACD,SAAS;EACT,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,gBAAgB;GAChB,8BAA8B;GAC/B;EACF;CACF,CAAC;AAEF,MAAM,aAAa,MAAM,cAAc;CACrC,MAAM,oBAAC,aAAW;CAClB,cAAc;CACf,CAAC;AAEF,MAAM,aAAa,MAAM,cAAc,EACrC,cAAc,qBACf,CAAC;AAsBF,MAAM,gBAAgB;AAEtB,SAAS,uBAAuB,KAAa;AAC3C,QAAO,cAAc,OAAO,IAAI,OAAO;;AAGzC,SAAS,YAAY,UAAgC;CACnD,MAAM,EACJ,OAAO,IACP,QAAQ,gBACR,QACA,SAAS,IACT,UACA,OACA,SACA,cAAc,OACd,UACA,GAAG,UACD;CAEJ,MAAM,QAAQ,UAAU;CAExB,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,eAAe,SAAS;AACtB,QAAM,KAAK,KAAK;AAEhB,QAAM,QAAQ,GAAG,MAAM,SAAS;;CAGlC,MAAM,eAAe,KAAK,QAAQ,OAAO,GAAG;CAE5C,MAAM,YAAY,aAAa,SAAS,KAAK,IAAI,CAAC;CAClD,IAAI,gBAAgB,aACjB,QAAQ,OAAO,GAAG,CAClB,MAAM,MAAM,CACZ,KAAK,SAAS,GAAG,SAAS,OAAO,CACjC,KAAK,KAAK,CACV,MAAM;AAET,KAAI,CAAC,YACH;MAAI,aAAa,KACf,iBAAgB,uBAAuB,cAAc;WAC5C,OAAO,aAAa,SAC7B,iBAAgB,cAAc,WAC5B,UACA,uBAAuB,SAAS,CACjC;WACQ,MAAM,QAAQ,SAAS,CAChC,UAAS,SAAS,SAAS;AACzB,mBAAgB,cAAc,WAC5B,MACA,uBAAuB,KAAK,CAC7B;IACD;;CAIN,MAAM,OAAO,cAAc;AACzB,SAAO;GACL;GACA;GACA;GACA,QAAQ,CAAC,CAAC;GACX;IACA;EAAC;EAAQ;EAAW;EAAU;EAAM,CAAC;CAExC,MAAM,UACJ,oBAAC;EAAyB;EAAM,GAAI;YAClC,qBAAC;GAAI,gBAAa;cAChB,oBAAC;IAAkB;cACjB,oBAACA;KACC,OAAO;MAAE,QAAQ;MAAG,UAAU;MAAW;KACzC,MAAM;KACN,UAAU,YAAY;MACtB;KACU,EACd,qBAAC;IAAsB;;KACrB,oBAAC;MAAW,cAAY,QAAQ;MAAS,SAAS;OAAU;KAC3D,YACC,oBAAC;MACC,MAAM,aAAa,oBAAC,qBAAmB,GAAG,oBAAC,YAAU;MACrD,eAAe,cAAc,CAAC,WAAW;OACzC;KAEH;;KACe;IACd;GACa;AAGvB,KAAI,YACF,QACE,qBAAC,6BACC,oBAAC,2BAAe,UAAwB,EACxC,oBAACC,sBAAS,gBAAwB,IACnB;AAIrB,QAAO;;AAGT,MAAM,eAAe,OAAO,OAC1B,aAGA,EACE,QAAQ,cACT,CACF;AAED,AAAC,aAAqB,cAAc"}
+{"version":3,"file":"CopySnippet.js","names":["PrismCode","Tooltip"],"sources":["../../../../src/components/content/CopySnippet/CopySnippet.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport copy from 'clipboard-copy';\nimport { ReactNode, useMemo, useState } from 'react';\n\nimport { CopyIcon, EyeIcon, EyeInvisibleIcon } from '../../../icons';\nimport { Action, Button } from '../../actions';\nimport {\n  CubePrismCodeProps,\n  PrismCode,\n} from '../../content/PrismCode/PrismCode';\nimport { useToast } from '../../overlays/Toast';\nimport { Tooltip } from '../../overlays/Tooltip/Tooltip';\nimport { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';\nimport { Card, CubeCardProps } from '../Card/Card';\n\nconst ActionElement = tasty(Action, {\n  styles: {\n    display: 'block',\n    cursor: 'default',\n    width: '100%',\n  },\n});\n\nconst StyledBlock = tasty({\n  styles: {\n    position: 'relative',\n    overflow: {\n      '': 'auto clip',\n      multiline: 'auto',\n    },\n    width: 'initial auto 100%',\n    height: {\n      '': 'max 5x',\n      multiline: 'auto',\n    },\n    boxSizing: 'border-box',\n    whiteSpace: {\n      '': 'initial',\n      nowrap: 'nowrap',\n    },\n    scrollbar: 'styled',\n    padding: '1.125x 1.5x',\n    fade: {\n      '': 'right 2x',\n      multiline: false,\n    },\n\n    '& code': {\n      font: {\n        '': 'monospace',\n        serif: true,\n      },\n    },\n  },\n});\n\nconst ButtonContainer = tasty({\n  styles: {\n    position: 'relative',\n    display: 'flex',\n    flow: {\n      '': 'row-reverse',\n      multiline: 'column',\n    },\n    placeContent: 'start',\n\n    '$button-size': {\n      '': '5x',\n      multiline: '4x',\n    },\n\n    '$first-button-radius': {\n      '': '0 1r 1r 0',\n      multiline: '0 1r 0 0',\n    },\n\n    '$last-button-radius': {\n      '': '0',\n      multiline: '0 0 0 1r',\n    },\n\n    '$first-and-last-button-radius': {\n      '': '0 1r 1r 0',\n      multiline: '0 1r 0 1r',\n    },\n\n    // Make sure there's a small gap between buttons and the content\n    border: 'left #clear',\n  },\n});\n\nconst CopySnippetElement = tasty(Card, {\n  qa: 'CopySnippet',\n  styles: {\n    display: 'grid',\n    gridRows: 'minmax(0, 1fr)',\n    fill: '#dark-bg',\n    border: 0,\n    padding: 0,\n    preset: 'default',\n    radius: '1r',\n    overflow: 'hidden',\n    height: 'max-content',\n\n    Grid: {\n      display: 'grid',\n      flow: 'row',\n      gridColumns: 'minmax(0, 1fr) auto',\n      gridRows: 'minmax(0, 1fr)',\n      width: 'min 20x',\n      position: 'relative',\n    },\n  },\n});\n\nconst ActionButton = tasty(Button, {\n  type: 'clear',\n  styles: {\n    width: '4x',\n    padding: 0,\n    placeSelf: 'stretch',\n    border: '#clear',\n    shadow: {\n      '': 'inset 0 0 0 1ow #purple-03.0',\n      focused: 'inset 0 0 0 1ow #purple-03',\n    },\n    outline: false,\n    height: '$button-size',\n    radius: {\n      '': 0,\n      ':last-child': '$last-button-radius',\n      ':first-child': '$first-button-radius',\n      ':first-child & :last-child': '$first-and-last-button-radius',\n    },\n  },\n});\n\nconst CopyButton = tasty(ActionButton, {\n  icon: <CopyIcon />,\n  'aria-label': 'Copy to clipboard',\n});\n\nconst ShowButton = tasty(ActionButton, {\n  'aria-label': 'Show hidden parts',\n});\n\nexport interface CubeCopySnippetProps extends CubeCardProps {\n  /** The code snippet */\n  code: string;\n  /** The title of the snippet */\n  title?: string;\n  /** Whether the snippet is single-lined */\n  nowrap?: boolean;\n  /** The prefix for each line of code. Useful for bash snippets. */\n  prefix?: string;\n  /** The code language of the snippet */\n  language?: CubePrismCodeProps['language'];\n  /** Whether the snippet uses a serif font */\n  serif?: boolean;\n  /** Whether to show the tooltip with the full content */\n  showTooltip?: boolean;\n  hideText?: string[] | string | boolean;\n  actions?: ReactNode;\n}\n\n// const HIDDEN_SYMBOL = '●';\nconst HIDDEN_SYMBOL = '•';\n\nfunction replaceSymbolsToHidden(str: string) {\n  return HIDDEN_SYMBOL.repeat(str.length);\n}\n\nfunction CopySnippet(allProps: CubeCopySnippetProps) {\n  const {\n    code = '',\n    title = 'Code example',\n    nowrap,\n    prefix = '',\n    language,\n    serif,\n    actions,\n    showTooltip = false,\n    hideText,\n    ...props\n  } = allProps;\n\n  const toast = useToast();\n\n  const [showHidden, setShowHidden] = useState(false);\n\n  async function onCopy() {\n    await copy(code);\n\n    toast.success(`${title} copied`);\n  }\n\n  const pristineCode = code.replace(/\\n$/, '');\n\n  const multiline = pristineCode.includes('\\n') && !nowrap;\n  let formattedCode = pristineCode\n    .replace(/\\r/g, '')\n    .split(/\\n/g)\n    .map((line) => `${prefix}${line}`)\n    .join('\\n')\n    .trim();\n\n  if (!showHidden) {\n    if (hideText === true) {\n      formattedCode = replaceSymbolsToHidden(formattedCode);\n    } else if (typeof hideText === 'string') {\n      formattedCode = formattedCode.replaceAll(\n        hideText,\n        replaceSymbolsToHidden(hideText),\n      );\n    } else if (Array.isArray(hideText)) {\n      hideText.forEach((text) => {\n        formattedCode = formattedCode.replaceAll(\n          text,\n          replaceSymbolsToHidden(text),\n        );\n      });\n    }\n  }\n\n  const mods = useMemo(() => {\n    return {\n      nowrap,\n      multiline,\n      serif,\n      hidden: !!hideText,\n    };\n  }, [nowrap, multiline, hideText, serif]);\n\n  const Snippet = (\n    <CopySnippetElement mods={mods} {...props}>\n      <div data-element=\"Grid\">\n        <StyledBlock mods={mods}>\n          <PrismCode\n            style={{ margin: 0, overflow: 'visible' }}\n            code={formattedCode}\n            language={language || 'javascript'}\n          />\n        </StyledBlock>\n        <ButtonContainer mods={mods}>\n          <CopyButton aria-label={`Copy ${title}`} onPress={onCopy} />\n          {hideText && (\n            <ShowButton\n              icon={showHidden ? <EyeInvisibleIcon /> : <EyeIcon />}\n              onPress={() => setShowHidden(!showHidden)}\n            />\n          )}\n          {actions}\n        </ButtonContainer>\n      </div>\n    </CopySnippetElement>\n  );\n\n  if (showTooltip) {\n    return (\n      <TooltipTrigger>\n        <ActionElement>{Snippet}</ActionElement>\n        <Tooltip>{formattedCode}</Tooltip>\n      </TooltipTrigger>\n    );\n  }\n\n  return Snippet;\n}\n\nconst _CopySnippet = Object.assign(\n  CopySnippet as typeof CopySnippet & {\n    Button: typeof ActionButton;\n  },\n  {\n    Button: ActionButton,\n  },\n);\n\n(_CopySnippet as any).displayName = 'CopySnippet';\n\nexport { _CopySnippet as CopySnippet };\n"],"mappings":"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"}

package/dist/components/content/Disclosure/Disclosure.d.ts

@@ -1,9 +1,7 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, BasePropsWithoutChildren, OuterStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { CubeItemButtonProps } from "../../actions/ItemButton/ItemButton.js";
 import "../../actions/ItemButton/index.js";
+import { BaseProps, BasePropsWithoutChildren, OuterStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { Key, ReactNode } from "react";
 

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,11 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { OUTER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
+import { OUTER_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { createContext, forwardRef, useContext, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps, useDisclosure, useId as useId$1 } from "react-aria";

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

@@ -1 +1 @@
-{"version":3,"file":"Disclosure.js","names":["ItemButton","useId"],"sources":["../../../../src/components/content/Disclosure/Disclosure.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  Key,\n  ReactNode,\n  RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport { mergeProps, useDisclosure, useId } from 'react-aria';\nimport {\n  DisclosureGroupState,\n  DisclosureState,\n  useDisclosureGroupState,\n  useDisclosureState,\n} from 'react-stately';\n\nimport { RightIcon } from '../../../icons';\nimport {\n  BaseProps,\n  BasePropsWithoutChildren,\n  extractStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '../../../tasty';\nimport { mergeRefs } from '../../../utils/react';\nimport { CubeItemButtonProps, ItemButton } from '../../actions/ItemButton';\nimport { DisplayTransition } from '../../helpers';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DisclosureStateContext {\n  isExpanded: boolean;\n  toggle: () => void;\n  expand: () => void;\n  collapse: () => void;\n}\n\ninterface DisclosureContextValue {\n  state: DisclosureState;\n  buttonProps: Record<string, unknown>;\n  panelProps: Record<string, unknown>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  shape: 'default' | 'card' | 'sharp';\n  transitionDuration?: number;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\ninterface DisclosureGroupContextValue {\n  groupState: DisclosureGroupState;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\nexport interface CubeDisclosureProps\n  extends BasePropsWithoutChildren,\n    OuterStyleProps {\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Render-prop alternative to achieve custom trigger markup */\n  children?: ReactNode | ((state: DisclosureStateContext) => ReactNode);\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n  /** Duration for DisplayTransition animation in milliseconds */\n  transitionDuration?: number;\n}\n\nexport interface CubeDisclosureTriggerProps\n  extends Omit<CubeItemButtonProps, 'onPress' | 'isDisabled'> {\n  /** Children content for the trigger */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureContentProps extends BaseProps {\n  /** Children content for the panel */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureGroupProps extends BaseProps, OuterStyleProps {\n  /** Allow more than one disclosure to be open */\n  allowsMultipleExpanded?: boolean;\n  /** Controlled expanded keys */\n  expandedKeys?: Iterable<Key>;\n  /** Uncontrolled default expanded keys */\n  defaultExpandedKeys?: Iterable<Key>;\n  /** Change handler providing the full expanded keys Set */\n  onExpandedChange?: (keys: Set<Key>) => void;\n  /** Disable all disclosures within group and force-close their content */\n  isDisabled?: boolean;\n  /** Props forwarded to all ItemButton triggers in the group */\n  triggerProps?: Partial<CubeItemButtonProps>;\n  /** Optional panel styles applied to all Content panels in the group */\n  contentStyles?: Styles;\n  children: ReactNode;\n}\n\nexport interface CubeDisclosureItemProps\n  extends Omit<BasePropsWithoutChildren, 'id'>,\n    OuterStyleProps {\n  /** Unique identifier for the disclosure item in a group */\n  id?: Key;\n  /** Children content */\n  children?: ReactNode;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n}\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\nconst DisclosureContext = createContext<DisclosureContextValue | null>(null);\nconst DisclosureGroupContext =\n  createContext<DisclosureGroupContextValue | null>(null);\n\nfunction useDisclosureContext(): DisclosureContextValue {\n  const context = useContext(DisclosureContext);\n\n  if (!context) {\n    throw new Error(\n      'Disclosure.Trigger and Disclosure.Content must be used within a Disclosure',\n    );\n  }\n\n  return context;\n}\n\nfunction useDisclosureGroupContext(): DisclosureGroupContextValue | null {\n  return useContext(DisclosureGroupContext);\n}\n\n// ============================================================================\n// Styled Components\n// ============================================================================\n\nconst DisclosureRoot = tasty({\n  qa: 'Disclosure',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: 0,\n    position: 'relative',\n    border: {\n      '': 'none',\n      'shape=card': '1bw solid #border',\n    },\n    radius: {\n      '': '1r',\n      'shape=card': '1cr',\n      'shape=sharp': '0',\n    },\n    fill: '#white',\n  },\n});\n\nconst ContentWrapperElement = tasty({\n  qa: 'DisclosureContentWrapper',\n  styles: {\n    display: 'block',\n    overflow: 'hidden',\n    interpolateSize: 'allow-keywords',\n    height: {\n      '': 0,\n      shown: 'max-content',\n    },\n    transition: 'height $disclosure-transition',\n  },\n});\n\nconst ContentElement = tasty({\n  qa: 'DisclosureContent',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    contentVisibility: 'auto',\n  },\n});\n\nconst GroupRoot = tasty({\n  qa: 'DisclosureGroup',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: '0',\n  },\n});\n\nconst TriggerIcon = tasty(RightIcon, {\n  styles: {\n    transition: 'rotate',\n    rotate: {\n      '': '0deg',\n      expanded: '90deg',\n    },\n  },\n});\n\nconst StyledTrigger = tasty(ItemButton, {\n  qa: 'DisclosureTrigger',\n  type: 'header',\n  styles: {\n    radius: {\n      '': '1r',\n      'expanded & shape=card': '(1cr - 1bw) (1cr - 1bw) 0 0',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n  },\n});\n\n// ============================================================================\n// Disclosure Component\n// ============================================================================\n\nconst DisclosureComponent = forwardRef<HTMLDivElement, CubeDisclosureProps>(\n  function Disclosure(props, ref) {\n    const {\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      children,\n      shape = 'default',\n      transitionDuration,\n      qa,\n      mods,\n      ...otherProps\n    } = props;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled ? false : controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange: isDisabled ? undefined : onExpandedChange,\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const stateContext = useMemo<DisclosureStateContext>(\n      () => ({\n        isExpanded,\n        toggle: state.toggle,\n        expand: state.expand,\n        collapse: state.collapse,\n      }),\n      [isExpanded, state.toggle, state.expand, state.collapse],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    const content =\n      typeof children === 'function' ? children(stateContext) : children;\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot ref={ref} qa={qa} mods={finalMods} styles={outerStyles}>\n          {content}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Trigger Component\n// ============================================================================\n\nconst DisclosureTrigger = forwardRef<\n  HTMLButtonElement,\n  CubeDisclosureTriggerProps\n>(function DisclosureTrigger(props, ref) {\n  const { children, icon, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const { buttonProps, isDisabled, isExpanded, shape, triggerProps } = context;\n\n  const finalMods = useMemo(\n    () => ({\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      selected: false,\n      ...mods,\n    }),\n    [isExpanded, isDisabled, shape, mods],\n  );\n\n  // Default icon is a rotating chevron\n  const defaultIcon = <TriggerIcon mods={{ expanded: isExpanded }} />;\n\n  return (\n    <StyledTrigger\n      ref={ref}\n      icon={icon ?? defaultIcon}\n      isDisabled={isDisabled}\n      isSelected={isExpanded}\n      {...triggerProps}\n      {...(mergeProps(otherProps, buttonProps as any) as any)}\n      mods={finalMods}\n    >\n      {children}\n    </StyledTrigger>\n  );\n});\n\n// ============================================================================\n// Disclosure.Content Component\n// ============================================================================\n\nconst DisclosureContent = forwardRef<\n  HTMLDivElement,\n  CubeDisclosureContentProps\n>(function DisclosureContent(props, ref) {\n  const { children, styles, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const {\n    panelProps,\n    panelRef,\n    isExpanded,\n    transitionDuration,\n    contentStyles,\n  } = context;\n\n  const mergedStyles = useMemo<Styles>(\n    () => ({\n      ...contentStyles,\n      ...styles,\n    }),\n    [contentStyles, styles],\n  );\n\n  // Filter out hidden attribute from panelProps since we manage visibility via CSS height animation\n  const { hidden, ...filteredPanelProps } = panelProps as Record<\n    string,\n    unknown\n  >;\n\n  return (\n    <DisplayTransition\n      isShown={isExpanded}\n      duration={transitionDuration}\n      animateOnMount={false}\n    >\n      {({ phase, isShown, ref: transitionRef }) => (\n        <ContentWrapperElement\n          ref={transitionRef}\n          mods={{ shown: isShown, phase }}\n        >\n          <ContentElement\n            ref={mergeRefs(ref, panelRef)}\n            mods={mods}\n            styles={mergedStyles}\n            {...filteredPanelProps}\n            {...otherProps}\n          >\n            {children}\n          </ContentElement>\n        </ContentWrapperElement>\n      )}\n    </DisplayTransition>\n  );\n});\n\n// ============================================================================\n// Disclosure.Group Component\n// ============================================================================\n\nconst DisclosureGroup = forwardRef<HTMLDivElement, CubeDisclosureGroupProps>(\n  function DisclosureGroup(props, ref) {\n    const {\n      allowsMultipleExpanded = false,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled = false,\n      triggerProps,\n      contentStyles,\n      children,\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const groupState = useDisclosureGroupState({\n      allowsMultipleExpanded,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled,\n    });\n\n    const contextValue = useMemo<DisclosureGroupContextValue>(\n      () => ({\n        groupState,\n        triggerProps,\n        contentStyles,\n      }),\n      [groupState, triggerProps, contentStyles],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    return (\n      <DisclosureGroupContext.Provider value={contextValue}>\n        <GroupRoot ref={ref} qa={qa} mods={mods} styles={finalStyles}>\n          {children}\n        </GroupRoot>\n      </DisclosureGroupContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Item Component\n// ============================================================================\n\nconst DisclosureItem = forwardRef<HTMLDivElement, CubeDisclosureItemProps>(\n  function DisclosureItem(props, ref) {\n    const {\n      id: providedId,\n      children,\n      isDisabled: itemDisabled = false,\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      shape = 'default',\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const defaultId = useId();\n    const id = providedId ?? defaultId;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Determine if disabled from group or item\n    const isDisabled =\n      itemDisabled || groupContext?.groupState?.isDisabled || false;\n\n    // Determine expanded state from group or local props\n    const groupIsExpanded = groupContext\n      ? groupContext.groupState.expandedKeys.has(id)\n      : undefined;\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled\n      ? false\n      : groupIsExpanded ?? controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange(expanded) {\n        if (isDisabled) return;\n\n        if (groupContext) {\n          groupContext.groupState.toggleKey(id);\n        }\n        onExpandedChange?.(expanded);\n      },\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration: undefined,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={finalStyles}\n          data-key={id}\n        >\n          {children}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nconst _Disclosure = Object.assign(DisclosureComponent, {\n  Trigger: DisclosureTrigger,\n  Content: DisclosureContent,\n  Group: DisclosureGroup,\n  Item: DisclosureItem,\n});\n\nexport { _Disclosure as Disclosure };\nexport type {\n  CubeDisclosureProps as DisclosureProps,\n  CubeDisclosureTriggerProps as DisclosureTriggerProps,\n  CubeDisclosureContentProps as DisclosureContentProps,\n  CubeDisclosureGroupProps as DisclosureGroupProps,\n  CubeDisclosureItemProps as DisclosureItemProps,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Disclosure.js","names":["ItemButton","useId"],"sources":["../../../../src/components/content/Disclosure/Disclosure.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BasePropsWithoutChildren,\n  extractStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  createContext,\n  forwardRef,\n  Key,\n  ReactNode,\n  RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport { mergeProps, useDisclosure, useId } from 'react-aria';\nimport {\n  DisclosureGroupState,\n  DisclosureState,\n  useDisclosureGroupState,\n  useDisclosureState,\n} from 'react-stately';\n\nimport { RightIcon } from '../../../icons';\nimport { mergeRefs } from '../../../utils/react';\nimport { CubeItemButtonProps, ItemButton } from '../../actions/ItemButton';\nimport { DisplayTransition } from '../../helpers';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DisclosureStateContext {\n  isExpanded: boolean;\n  toggle: () => void;\n  expand: () => void;\n  collapse: () => void;\n}\n\ninterface DisclosureContextValue {\n  state: DisclosureState;\n  buttonProps: Record<string, unknown>;\n  panelProps: Record<string, unknown>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  shape: 'default' | 'card' | 'sharp';\n  transitionDuration?: number;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\ninterface DisclosureGroupContextValue {\n  groupState: DisclosureGroupState;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\nexport interface CubeDisclosureProps\n  extends BasePropsWithoutChildren,\n    OuterStyleProps {\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Render-prop alternative to achieve custom trigger markup */\n  children?: ReactNode | ((state: DisclosureStateContext) => ReactNode);\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n  /** Duration for DisplayTransition animation in milliseconds */\n  transitionDuration?: number;\n}\n\nexport interface CubeDisclosureTriggerProps\n  extends Omit<CubeItemButtonProps, 'onPress' | 'isDisabled'> {\n  /** Children content for the trigger */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureContentProps extends BaseProps {\n  /** Children content for the panel */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureGroupProps extends BaseProps, OuterStyleProps {\n  /** Allow more than one disclosure to be open */\n  allowsMultipleExpanded?: boolean;\n  /** Controlled expanded keys */\n  expandedKeys?: Iterable<Key>;\n  /** Uncontrolled default expanded keys */\n  defaultExpandedKeys?: Iterable<Key>;\n  /** Change handler providing the full expanded keys Set */\n  onExpandedChange?: (keys: Set<Key>) => void;\n  /** Disable all disclosures within group and force-close their content */\n  isDisabled?: boolean;\n  /** Props forwarded to all ItemButton triggers in the group */\n  triggerProps?: Partial<CubeItemButtonProps>;\n  /** Optional panel styles applied to all Content panels in the group */\n  contentStyles?: Styles;\n  children: ReactNode;\n}\n\nexport interface CubeDisclosureItemProps\n  extends Omit<BasePropsWithoutChildren, 'id'>,\n    OuterStyleProps {\n  /** Unique identifier for the disclosure item in a group */\n  id?: Key;\n  /** Children content */\n  children?: ReactNode;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n}\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\nconst DisclosureContext = createContext<DisclosureContextValue | null>(null);\nconst DisclosureGroupContext =\n  createContext<DisclosureGroupContextValue | null>(null);\n\nfunction useDisclosureContext(): DisclosureContextValue {\n  const context = useContext(DisclosureContext);\n\n  if (!context) {\n    throw new Error(\n      'Disclosure.Trigger and Disclosure.Content must be used within a Disclosure',\n    );\n  }\n\n  return context;\n}\n\nfunction useDisclosureGroupContext(): DisclosureGroupContextValue | null {\n  return useContext(DisclosureGroupContext);\n}\n\n// ============================================================================\n// Styled Components\n// ============================================================================\n\nconst DisclosureRoot = tasty({\n  qa: 'Disclosure',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: 0,\n    position: 'relative',\n    border: {\n      '': 'none',\n      'shape=card': '1bw solid #border',\n    },\n    radius: {\n      '': '1r',\n      'shape=card': '1cr',\n      'shape=sharp': '0',\n    },\n    fill: '#white',\n  },\n});\n\nconst ContentWrapperElement = tasty({\n  qa: 'DisclosureContentWrapper',\n  styles: {\n    display: 'block',\n    overflow: 'hidden',\n    interpolateSize: 'allow-keywords',\n    height: {\n      '': 0,\n      shown: 'max-content',\n    },\n    transition: 'height $disclosure-transition',\n  },\n});\n\nconst ContentElement = tasty({\n  qa: 'DisclosureContent',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    contentVisibility: 'auto',\n  },\n});\n\nconst GroupRoot = tasty({\n  qa: 'DisclosureGroup',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: '0',\n  },\n});\n\nconst TriggerIcon = tasty(RightIcon, {\n  styles: {\n    transition: 'rotate',\n    rotate: {\n      '': '0deg',\n      expanded: '90deg',\n    },\n  },\n});\n\nconst StyledTrigger = tasty(ItemButton, {\n  qa: 'DisclosureTrigger',\n  type: 'header',\n  styles: {\n    radius: {\n      '': '1r',\n      'expanded & shape=card': '(1cr - 1bw) (1cr - 1bw) 0 0',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n  },\n});\n\n// ============================================================================\n// Disclosure Component\n// ============================================================================\n\nconst DisclosureComponent = forwardRef<HTMLDivElement, CubeDisclosureProps>(\n  function Disclosure(props, ref) {\n    const {\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      children,\n      shape = 'default',\n      transitionDuration,\n      qa,\n      mods,\n      ...otherProps\n    } = props;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled ? false : controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange: isDisabled ? undefined : onExpandedChange,\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const stateContext = useMemo<DisclosureStateContext>(\n      () => ({\n        isExpanded,\n        toggle: state.toggle,\n        expand: state.expand,\n        collapse: state.collapse,\n      }),\n      [isExpanded, state.toggle, state.expand, state.collapse],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    const content =\n      typeof children === 'function' ? children(stateContext) : children;\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot ref={ref} qa={qa} mods={finalMods} styles={outerStyles}>\n          {content}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Trigger Component\n// ============================================================================\n\nconst DisclosureTrigger = forwardRef<\n  HTMLButtonElement,\n  CubeDisclosureTriggerProps\n>(function DisclosureTrigger(props, ref) {\n  const { children, icon, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const { buttonProps, isDisabled, isExpanded, shape, triggerProps } = context;\n\n  const finalMods = useMemo(\n    () => ({\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      selected: false,\n      ...mods,\n    }),\n    [isExpanded, isDisabled, shape, mods],\n  );\n\n  // Default icon is a rotating chevron\n  const defaultIcon = <TriggerIcon mods={{ expanded: isExpanded }} />;\n\n  return (\n    <StyledTrigger\n      ref={ref}\n      icon={icon ?? defaultIcon}\n      isDisabled={isDisabled}\n      isSelected={isExpanded}\n      {...triggerProps}\n      {...(mergeProps(otherProps, buttonProps as any) as any)}\n      mods={finalMods}\n    >\n      {children}\n    </StyledTrigger>\n  );\n});\n\n// ============================================================================\n// Disclosure.Content Component\n// ============================================================================\n\nconst DisclosureContent = forwardRef<\n  HTMLDivElement,\n  CubeDisclosureContentProps\n>(function DisclosureContent(props, ref) {\n  const { children, styles, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const {\n    panelProps,\n    panelRef,\n    isExpanded,\n    transitionDuration,\n    contentStyles,\n  } = context;\n\n  const mergedStyles = useMemo<Styles>(\n    () => ({\n      ...contentStyles,\n      ...styles,\n    }),\n    [contentStyles, styles],\n  );\n\n  // Filter out hidden attribute from panelProps since we manage visibility via CSS height animation\n  const { hidden, ...filteredPanelProps } = panelProps as Record<\n    string,\n    unknown\n  >;\n\n  return (\n    <DisplayTransition\n      isShown={isExpanded}\n      duration={transitionDuration}\n      animateOnMount={false}\n    >\n      {({ phase, isShown, ref: transitionRef }) => (\n        <ContentWrapperElement\n          ref={transitionRef}\n          mods={{ shown: isShown, phase }}\n        >\n          <ContentElement\n            ref={mergeRefs(ref, panelRef)}\n            mods={mods}\n            styles={mergedStyles}\n            {...filteredPanelProps}\n            {...otherProps}\n          >\n            {children}\n          </ContentElement>\n        </ContentWrapperElement>\n      )}\n    </DisplayTransition>\n  );\n});\n\n// ============================================================================\n// Disclosure.Group Component\n// ============================================================================\n\nconst DisclosureGroup = forwardRef<HTMLDivElement, CubeDisclosureGroupProps>(\n  function DisclosureGroup(props, ref) {\n    const {\n      allowsMultipleExpanded = false,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled = false,\n      triggerProps,\n      contentStyles,\n      children,\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const groupState = useDisclosureGroupState({\n      allowsMultipleExpanded,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled,\n    });\n\n    const contextValue = useMemo<DisclosureGroupContextValue>(\n      () => ({\n        groupState,\n        triggerProps,\n        contentStyles,\n      }),\n      [groupState, triggerProps, contentStyles],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    return (\n      <DisclosureGroupContext.Provider value={contextValue}>\n        <GroupRoot ref={ref} qa={qa} mods={mods} styles={finalStyles}>\n          {children}\n        </GroupRoot>\n      </DisclosureGroupContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Item Component\n// ============================================================================\n\nconst DisclosureItem = forwardRef<HTMLDivElement, CubeDisclosureItemProps>(\n  function DisclosureItem(props, ref) {\n    const {\n      id: providedId,\n      children,\n      isDisabled: itemDisabled = false,\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      shape = 'default',\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const defaultId = useId();\n    const id = providedId ?? defaultId;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Determine if disabled from group or item\n    const isDisabled =\n      itemDisabled || groupContext?.groupState?.isDisabled || false;\n\n    // Determine expanded state from group or local props\n    const groupIsExpanded = groupContext\n      ? groupContext.groupState.expandedKeys.has(id)\n      : undefined;\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled\n      ? false\n      : groupIsExpanded ?? controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange(expanded) {\n        if (isDisabled) return;\n\n        if (groupContext) {\n          groupContext.groupState.toggleKey(id);\n        }\n        onExpandedChange?.(expanded);\n      },\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration: undefined,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={finalStyles}\n          data-key={id}\n        >\n          {children}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nconst _Disclosure = Object.assign(DisclosureComponent, {\n  Trigger: DisclosureTrigger,\n  Content: DisclosureContent,\n  Group: DisclosureGroup,\n  Item: DisclosureItem,\n});\n\nexport { _Disclosure as Disclosure };\nexport type {\n  CubeDisclosureProps as DisclosureProps,\n  CubeDisclosureTriggerProps as DisclosureTriggerProps,\n  CubeDisclosureContentProps as DisclosureContentProps,\n  CubeDisclosureGroupProps as DisclosureGroupProps,\n  CubeDisclosureItemProps as DisclosureItemProps,\n};\n"],"mappings":"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"}

package/dist/components/content/Divider.d.ts

@@ -1,6 +1,5 @@
 
-import { BaseProps, OuterStyleProps } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { BaseProps, OuterStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Divider.d.ts

package/dist/components/content/Divider.js

@@ -1,9 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES } from "../../tasty/styles/list.js";
-import { tasty } from "../../tasty/tasty.js";
-import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
+import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useSeparator } from "react-aria";

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/content/Divider.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { useSeparator } from 'react-aria';\n\nimport {\n  BASE_STYLES,\n  BaseProps,\n  COLOR_STYLES,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  tasty,\n} from '../../tasty';\nimport { useCombinedRefs, useSlotProps } from '../../utils/react';\n\nconst DividerElement = tasty({\n  styles: {\n    gridArea: 'divider',\n    display: {\n      '': 'block',\n      text: 'grid',\n    },\n    gridColumns: '1fr auto 1fr',\n    placeItems: 'center stretch',\n    gap: '1x',\n    preset: 'c1',\n    height: {\n      '': '1bw 1bw',\n      text: 'auto',\n    },\n    fill: {\n      '': '#border',\n      text: 'none',\n    },\n    border: '0',\n    margin: '0',\n\n    Line: {\n      height: '1bw 1bw',\n      fill: '#border',\n    },\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubeDividerProps extends BaseProps, OuterStyleProps {}\n\nexport const Divider = forwardRef(function Divider(\n  props: CubeDividerProps,\n  ref,\n) {\n  const { mods, children, styles, ...otherProps } = useSlotProps(\n    props,\n    'divider',\n  );\n\n  // Determine element type based on whether divider has content.\n  const elementType = children ? 'div' : 'hr';\n\n  const internalRef = useRef(null);\n  const combinedRef = useCombinedRefs(ref, internalRef);\n\n  const { separatorProps } = useSeparator({ elementType });\n\n  return (\n    <DividerElement\n      {...separatorProps}\n      as={elementType as any}\n      mods={{\n        text: !!children,\n        ...mods,\n      }}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      ref={combinedRef}\n      styles={styles}\n    >\n      {children && (\n        <>\n          <div data-element=\"Line\"></div>\n          <div>{children}</div>\n          <div data-element=\"Line\"></div>\n        </>\n      )}\n    </DividerElement>\n  );\n});\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,iBAAiB,MAAM;CAC3B,QAAQ;EACN,UAAU;EACV,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,aAAa;EACb,YAAY;EACZ,KAAK;EACL,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;EACR,QAAQ;EAER,MAAM;GACJ,QAAQ;GACR,MAAM;GACP;EACF;CACD,YAAY;EAAC,GAAG;EAAc,GAAG;EAAa,GAAG;EAAa;CAC/D,CAAC;AAIF,MAAa,UAAU,WAAW,SAAS,QACzC,OACA,KACA;CACA,MAAM,EAAE,MAAM,UAAU,QAAQ,GAAG,eAAe,aAChD,OACA,UACD;CAGD,MAAM,cAAc,WAAW,QAAQ;CAGvC,MAAM,cAAc,gBAAgB,KADhB,OAAO,KAAK,CACqB;CAErD,MAAM,EAAE,mBAAmB,aAAa,EAAE,aAAa,CAAC;AAExD,QACE,oBAAC;EACC,GAAI;EACJ,IAAI;EACJ,MAAM;GACJ,MAAM,CAAC,CAAC;GACR,GAAG;GACJ;EACD,GAAI,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC;EACrD,KAAK;EACG;YAEP,YACC;GACE,oBAAC,SAAI,gBAAa,SAAa;GAC/B,oBAAC,SAAK,WAAe;GACrB,oBAAC,SAAI,gBAAa,SAAa;MAC9B;GAEU;EAEnB"}
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/content/Divider.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  COLOR_STYLES,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { useSeparator } from 'react-aria';\n\nimport { useCombinedRefs, useSlotProps } from '../../utils/react';\n\nconst DividerElement = tasty({\n  styles: {\n    gridArea: 'divider',\n    display: {\n      '': 'block',\n      text: 'grid',\n    },\n    gridColumns: '1fr auto 1fr',\n    placeItems: 'center stretch',\n    gap: '1x',\n    preset: 'c1',\n    height: {\n      '': '1bw 1bw',\n      text: 'auto',\n    },\n    fill: {\n      '': '#border',\n      text: 'none',\n    },\n    border: '0',\n    margin: '0',\n\n    Line: {\n      height: '1bw 1bw',\n      fill: '#border',\n    },\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubeDividerProps extends BaseProps, OuterStyleProps {}\n\nexport const Divider = forwardRef(function Divider(\n  props: CubeDividerProps,\n  ref,\n) {\n  const { mods, children, styles, ...otherProps } = useSlotProps(\n    props,\n    'divider',\n  );\n\n  // Determine element type based on whether divider has content.\n  const elementType = children ? 'div' : 'hr';\n\n  const internalRef = useRef(null);\n  const combinedRef = useCombinedRefs(ref, internalRef);\n\n  const { separatorProps } = useSeparator({ elementType });\n\n  return (\n    <DividerElement\n      {...separatorProps}\n      as={elementType as any}\n      mods={{\n        text: !!children,\n        ...mods,\n      }}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      ref={combinedRef}\n      styles={styles}\n    >\n      {children && (\n        <>\n          <div data-element=\"Line\"></div>\n          <div>{children}</div>\n          <div data-element=\"Line\"></div>\n        </>\n      )}\n    </DividerElement>\n  );\n});\n"],"mappings":";;;;;;;;;AAcA,MAAM,iBAAiB,MAAM;CAC3B,QAAQ;EACN,UAAU;EACV,SAAS;GACP,IAAI;GACJ,MAAM;GACP;EACD,aAAa;EACb,YAAY;EACZ,KAAK;EACL,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;EACR,QAAQ;EAER,MAAM;GACJ,QAAQ;GACR,MAAM;GACP;EACF;CACD,YAAY;EAAC,GAAG;EAAc,GAAG;EAAa,GAAG;EAAa;CAC/D,CAAC;AAIF,MAAa,UAAU,WAAW,SAAS,QACzC,OACA,KACA;CACA,MAAM,EAAE,MAAM,UAAU,QAAQ,GAAG,eAAe,aAChD,OACA,UACD;CAGD,MAAM,cAAc,WAAW,QAAQ;CAGvC,MAAM,cAAc,gBAAgB,KADhB,OAAO,KAAK,CACqB;CAErD,MAAM,EAAE,mBAAmB,aAAa,EAAE,aAAa,CAAC;AAExD,QACE,oBAAC;EACC,GAAI;EACJ,IAAI;EACJ,MAAM;GACJ,MAAM,CAAC,CAAC;GACR,GAAG;GACJ;EACD,GAAI,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC;EACrD,KAAK;EACG;YAEP,YACC;GACE,oBAAC,SAAI,gBAAa,SAAa;GAC/B,oBAAC,SAAK,WAAe;GACrB,oBAAC,SAAI,gBAAa,SAAa;MAC9B;GAEU;EAEnB"}

package/dist/components/content/Footer.d.ts

@@ -1,6 +1,5 @@
 
-import { BaseProps, ContainerStyleProps, TextStyleProps } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { BaseProps, ContainerStyleProps, TextStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Footer.d.ts

package/dist/components/content/Footer.js

@@ -1,9 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../tasty/utils/styles.js";
-import { CONTAINER_STYLES, TEXT_STYLES } from "../../tasty/styles/list.js";
-import { tasty } from "../../tasty/tasty.js";
-import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
+import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/content/Footer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '../../tasty';\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst FooterElement = tasty({\n  qa: 'Footer',\n  'data-id': 'Footer',\n  styles: {\n    gridArea: 'footer',\n    display: 'block',\n    flow: 'column',\n  },\n});\n\nexport interface CubeFooterProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Footer = forwardRef(function Footer(props: CubeFooterProps, ref) {\n  props = useSlotProps(props, 'footer');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <FooterElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;AAcA,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,WAAW;CACX,QAAQ;EACN,UAAU;EACV,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAa,SAAS,WAAW,SAAS,OAAO,OAAwB,KAAK;AAC5E,SAAQ,aAAa,OAAO,SAAS;CAErC,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}
+{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/content/Footer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst FooterElement = tasty({\n  qa: 'Footer',\n  'data-id': 'Footer',\n  styles: {\n    gridArea: 'footer',\n    display: 'block',\n    flow: 'column',\n  },\n});\n\nexport interface CubeFooterProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Footer = forwardRef(function Footer(props: CubeFooterProps, ref) {\n  props = useSlotProps(props, 'footer');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <FooterElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAcA,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,WAAW;CACX,QAAQ;EACN,UAAU;EACV,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAa,SAAS,WAAW,SAAS,OAAO,OAAwB,KAAK;AAC5E,SAAQ,aAAa,OAAO,SAAS;CAErC,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}

package/dist/components/content/Header.d.ts

@@ -1,6 +1,5 @@
 
-import { BaseProps, ContainerStyleProps, TextStyleProps } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { BaseProps, ContainerStyleProps, TextStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Header.d.ts

package/dist/components/content/Header.js

@@ -1,9 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../tasty/utils/styles.js";
-import { CONTAINER_STYLES, TEXT_STYLES } from "../../tasty/styles/list.js";
-import { tasty } from "../../tasty/tasty.js";
-import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
+import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/content/Header.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '../../tasty';\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst HeaderElement = tasty({\n  qa: 'Header',\n  as: 'header',\n  styles: {\n    display: 'block',\n    gridArea: 'header',\n    flow: 'column',\n    boxSizing: 'border-box',\n  },\n});\n\nexport interface CubeHeaderProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Header = forwardRef(function Header(props: CubeHeaderProps, ref) {\n  props = useSlotProps(props, 'header');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <HeaderElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;AAcA,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACN,WAAW;EACZ;CACF,CAAC;AAOF,MAAa,SAAS,WAAW,SAAS,OAAO,OAAwB,KAAK;AAC5E,SAAQ,aAAa,OAAO,SAAS;CAErC,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/content/Header.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst HeaderElement = tasty({\n  qa: 'Header',\n  as: 'header',\n  styles: {\n    display: 'block',\n    gridArea: 'header',\n    flow: 'column',\n    boxSizing: 'border-box',\n  },\n});\n\nexport interface CubeHeaderProps\n  extends BaseProps,\n    ContainerStyleProps,\n    TextStyleProps {}\n\nexport const Header = forwardRef(function Header(props: CubeHeaderProps, ref) {\n  props = useSlotProps(props, 'header');\n\n  const styles = extractStyles(props, STYLE_LIST);\n\n  return (\n    <HeaderElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAcA,MAAM,aAAa,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAExD,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACN,WAAW;EACZ;CACF,CAAC;AAOF,MAAa,SAAS,WAAW,SAAS,OAAO,OAAwB,KAAK;AAC5E,SAAQ,aAAa,OAAO,SAAS;CAErC,MAAM,SAAS,cAAc,OAAO,WAAW;AAE/C,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}

package/dist/components/content/HotKeys/HotKeys.d.ts

@@ -1,6 +1,5 @@
 
-import { BasePropsWithoutChildren, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
+import { BasePropsWithoutChildren, ContainerStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/HotKeys/HotKeys.d.ts

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,11 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
-import { filterBaseProps } from "../../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";
 import { Space } from "../../layout/Space.js";
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { Fragment, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"HotKeys.js","names":["Text"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react';\n\nimport {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n} from '../../../tasty';\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { Space } from '../../layout/Space';\nimport { Text } from '../Text';\n\nconst StyledHotKeys = tasty(Space, {\n  qa: 'HotKeys',\n  role: 'group',\n  'aria-label': 'Keyboard shortcuts',\n  styles: {\n    display: 'inline-flex',\n    flow: 'row',\n    gap: '1x',\n    placeSelf: 'center',\n  },\n});\n\nconst KeyElement = tasty({\n  as: 'kbd',\n  role: 'text',\n  styles: {\n    display: 'inline-flex',\n    placeContent: 'center',\n    placeItems: 'center start',\n    radius: '1r',\n    preset: 'tag',\n    boxSizing: 'border-box',\n    width: '2.5x max-content max-content',\n    height: 'min-content',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n    padding: '0 (.5x - 1bw)',\n    color: {\n      '': '#dark.65',\n      'type=primary': '#white',\n      'type=inherit': 'currentColor',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': 'currentColor',\n    },\n  },\n});\n\nexport interface CubeHotKeysProps\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps {\n  children: string;\n  type?: 'default' | 'primary' | 'inherit';\n}\n\nfunction HotKeys(props: CubeHotKeysProps, ref) {\n  const { children: keys, type, ...otherProps } = props;\n  const parsedKeys = useKeySymbols(keys);\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <StyledHotKeys\n      qa=\"HotKeys\"\n      {...filterBaseProps(otherProps, { eventProps: true, labelable: true })}\n      ref={ref}\n      styles={styles}\n    >\n      {parsedKeys.map((keyGroup, groupIndex) => (\n        <Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <Text color=\"#dark-03\" role=\"separator\" aria-hidden=\"true\">\n              or\n            </Text>\n          )}\n          <Space\n            flow=\"row\"\n            gap=\"0.25x\"\n            role=\"group\"\n            aria-label={`Key combination ${groupIndex + 1}`}\n          >\n            {keyGroup.map((key, keyIndex) => (\n              <KeyElement\n                key={keyIndex}\n                data-type={type}\n                as=\"kbd\"\n                role=\"text\"\n                aria-label={`Key ${key}`}\n              >\n                {key}\n              </KeyElement>\n            ))}\n          </Space>\n        </Fragment>\n      ))}\n    </StyledHotKeys>\n  );\n}\n\nconst _HotKeys = forwardRef(HotKeys);\n\n_HotKeys.displayName = 'HotKeys';\n\nexport { _HotKeys as HotKeys };\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,gBAAgB,MAAM,OAAO;CACjC,IAAI;CACJ,MAAM;CACN,cAAc;CACd,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,WAAW;EACZ;CACF,CAAC;AAEF,MAAM,aAAa,MAAM;CACvB,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,cAAc;EACd,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,WAAW;EACX,OAAO;EACP,QAAQ;EACR,WAAW;EACX,YAAY;EACZ,SAAS;EACT,OAAO;GACL,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACD,MAAM;GACJ,IAAI;GACJ,+BAA+B;GAChC;EACD,QAAQ;GACN,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACF;CACF,CAAC;AASF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,MAAM,EAAE,UAAU,MAAM,MAAM,GAAG,eAAe;CAChD,MAAM,aAAa,cAAc,KAAK;CACtC,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,oBAAC;EACC,IAAG;EACH,GAAI,gBAAgB,YAAY;GAAE,YAAY;GAAM,WAAW;GAAM,CAAC;EACjE;EACG;YAEP,WAAW,KAAK,UAAU,eACzB,qBAAC,uBACE,aAAa,KACZ,oBAACA;GAAK,OAAM;GAAW,MAAK;GAAY,eAAY;aAAO;IAEpD,EAET,oBAAC;GACC,MAAK;GACL,KAAI;GACJ,MAAK;GACL,cAAY,mBAAmB,aAAa;aAE3C,SAAS,KAAK,KAAK,aAClB,oBAAC;IAEC,aAAW;IACX,IAAG;IACH,MAAK;IACL,cAAY,OAAO;cAElB;MANI,SAOM,CACb;IACI,KAvBK,WAwBJ,CACX;GACY;;AAIpB,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}
+{"version":3,"file":"HotKeys.js","names":["Text"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, Fragment } from 'react';\n\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { Space } from '../../layout/Space';\nimport { Text } from '../Text';\n\nconst StyledHotKeys = tasty(Space, {\n  qa: 'HotKeys',\n  role: 'group',\n  'aria-label': 'Keyboard shortcuts',\n  styles: {\n    display: 'inline-flex',\n    flow: 'row',\n    gap: '1x',\n    placeSelf: 'center',\n  },\n});\n\nconst KeyElement = tasty({\n  as: 'kbd',\n  role: 'text',\n  styles: {\n    display: 'inline-flex',\n    placeContent: 'center',\n    placeItems: 'center start',\n    radius: '1r',\n    preset: 'tag',\n    boxSizing: 'border-box',\n    width: '2.5x max-content max-content',\n    height: 'min-content',\n    textAlign: 'left',\n    whiteSpace: 'nowrap',\n    padding: '0 (.5x - 1bw)',\n    color: {\n      '': '#dark.65',\n      'type=primary': '#white',\n      'type=inherit': 'currentColor',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': 'currentColor',\n    },\n  },\n});\n\nexport interface CubeHotKeysProps\n  extends BasePropsWithoutChildren,\n    ContainerStyleProps {\n  children: string;\n  type?: 'default' | 'primary' | 'inherit';\n}\n\nfunction HotKeys(props: CubeHotKeysProps, ref) {\n  const { children: keys, type, ...otherProps } = props;\n  const parsedKeys = useKeySymbols(keys);\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <StyledHotKeys\n      qa=\"HotKeys\"\n      {...filterBaseProps(otherProps, { eventProps: true, labelable: true })}\n      ref={ref}\n      styles={styles}\n    >\n      {parsedKeys.map((keyGroup, groupIndex) => (\n        <Fragment key={groupIndex}>\n          {groupIndex > 0 && (\n            <Text color=\"#dark-03\" role=\"separator\" aria-hidden=\"true\">\n              or\n            </Text>\n          )}\n          <Space\n            flow=\"row\"\n            gap=\"0.25x\"\n            role=\"group\"\n            aria-label={`Key combination ${groupIndex + 1}`}\n          >\n            {keyGroup.map((key, keyIndex) => (\n              <KeyElement\n                key={keyIndex}\n                data-type={type}\n                as=\"kbd\"\n                role=\"text\"\n                aria-label={`Key ${key}`}\n              >\n                {key}\n              </KeyElement>\n            ))}\n          </Space>\n        </Fragment>\n      ))}\n    </StyledHotKeys>\n  );\n}\n\nconst _HotKeys = forwardRef(HotKeys);\n\n_HotKeys.displayName = 'HotKeys';\n\nexport { _HotKeys as HotKeys };\n"],"mappings":";;;;;;;;;AAcA,MAAM,gBAAgB,MAAM,OAAO;CACjC,IAAI;CACJ,MAAM;CACN,cAAc;CACd,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;EACL,WAAW;EACZ;CACF,CAAC;AAEF,MAAM,aAAa,MAAM;CACvB,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,cAAc;EACd,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,WAAW;EACX,OAAO;EACP,QAAQ;EACR,WAAW;EACX,YAAY;EACZ,SAAS;EACT,OAAO;GACL,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACD,MAAM;GACJ,IAAI;GACJ,+BAA+B;GAChC;EACD,QAAQ;GACN,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACF;CACF,CAAC;AASF,SAAS,QAAQ,OAAyB,KAAK;CAC7C,MAAM,EAAE,UAAU,MAAM,MAAM,GAAG,eAAe;CAChD,MAAM,aAAa,cAAc,KAAK;CACtC,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,oBAAC;EACC,IAAG;EACH,GAAI,gBAAgB,YAAY;GAAE,YAAY;GAAM,WAAW;GAAM,CAAC;EACjE;EACG;YAEP,WAAW,KAAK,UAAU,eACzB,qBAAC,uBACE,aAAa,KACZ,oBAACA;GAAK,OAAM;GAAW,MAAK;GAAY,eAAY;aAAO;IAEpD,EAET,oBAAC;GACC,MAAK;GACL,KAAI;GACJ,MAAK;GACL,cAAY,mBAAmB,aAAa;aAE3C,SAAS,KAAK,KAAK,aAClB,oBAAC;IAEC,aAAW;IACX,IAAG;IACH,MAAK;IACL,cAAY,OAAO;cAElB;MANI,SAOM,CACb;IACI,KAvBK,WAwBJ,CACX;GACY;;AAIpB,MAAM,WAAW,WAAW,QAAQ;AAEpC,SAAS,cAAc"}

package/dist/components/content/Item/Item.d.ts

@@ -1,7 +1,4 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, ContainerStyleProps, Mods, Props } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DynamicIcon } from "../../../utils/react/resolveIcon.js";
 import "../../../utils/react/index.js";
@@ -10,6 +7,7 @@ import "./index.js";
 import { ItemVariant } from "../../../data/item-themes.js";
 import { CubeItemActionProps } from "../../actions/ItemAction/ItemAction.js";
 import "../../actions/index.js";
+import { BaseProps, ContainerStyleProps, Mods, Props, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { ReactNode, RefObject } from "react";
 import { OverlayProps } from "react-aria";

package/dist/components/content/Item/Item.js

@@ -1,6 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
 import { highlightText } from "../highlightText.js";
@@ -14,6 +12,7 @@ import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { IconSwitch } from "../../helpers/IconSwitch/IconSwitch.js";
 import { _HotKeys } from "../HotKeys/HotKeys.js";
+import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, isValidElement, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHotkeys } from "react-hotkeys-hook";