@cube-dev/ui-kit 0.182.0 → 0.183.0

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  BaseProps,\n  BasePropsWithoutChildren,\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/RightIcon';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\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    // Flex and grid items get `min-width: auto`, which resolves to the\n    // min-content width of the panel — so a disclosure holding a code block or\n    // a table used to blow out of any flex/grid parent, and no amount of\n    // `flexShrink` could pull it back. The panel is already clipped by the\n    // wrapper's `overflow: hidden`, so opting out of that minimum is what lets\n    // the disclosure take its width from the parent.\n    width: 'min 0',\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: {\n      '': false,\n      'shape=card': '#surface',\n    },\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    // Always visible: `content-visibility: auto` while height animates\n    // `0 → max-content` can leave the panel at 0px (children skipped for\n    // layout, so max-content resolves to 0). Collapsed content is already\n    // clipped via height:0 + overflow:hidden on the wrapper, and\n    // DisplayTransition unmounts when fully closed.\n    contentVisibility: 'visible',\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  'data-popover-keep': true,\n  styles: {\n    radius: {\n      '': '1r',\n      // Card shape: the trigger sits inside the bordered root, so it follows\n      // the root's inner radius and drops its bottom corners while open so the\n      // header reads as one surface with the panel below it.\n      'shape=card': '(1cr - 1bw)',\n      'expanded & shape=card': '(1cr - 1bw) top',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n    // `radius` on the disclosure timing so the corners un-round in step with\n    // the panel opening, and follow `transitionDuration` when it is set.\n    transition: 'theme, radius $disclosure-transition',\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    // Declared on the root rather than the panel so both animations driven by\n    // it — the panel height and the trigger radius — share one duration.\n    const tokens = useMemo(\n      () =>\n        transitionDuration != null\n          ? { '$disclosure-transition': `${transitionDuration}ms` }\n          : undefined,\n      [transitionDuration],\n    );\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={outerStyles}\n          tokens={tokens}\n        >\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, shown: isShown }}\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":["BaseProps","BasePropsWithoutChildren","OUTER_STYLES","OuterStyleProps","Styles","tasty","createContext","forwardRef","Key","ReactNode","RefObject","useContext","useMemo","useRef","mergeProps","useDisclosure","useId","DisclosureGroupState","DisclosureState","useDisclosureGroupState","useDisclosureState","RightIcon","mergeRefs","extractStyles","CubeItemButtonProps","ItemButton","DisplayTransition","DisclosureStateContext","isExpanded","toggle","expand","collapse","DisclosureContextValue","state","buttonProps","Record","panelProps","panelRef","HTMLDivElement","isDisabled","shape","transitionDuration","triggerProps","Partial","contentStyles","DisclosureGroupContextValue","groupState","CubeDisclosureProps","defaultExpanded","onExpandedChange","children","CubeDisclosureTriggerProps","Omit","CubeDisclosureContentProps","CubeDisclosureGroupProps","allowsMultipleExpanded","expandedKeys","Iterable","defaultExpandedKeys","keys","Set","CubeDisclosureItemProps","id","DisclosureContext","DisclosureGroupContext","useDisclosureContext","context","Error","useDisclosureGroupContext","DisclosureRoot","qa","styles","display","flow","gap","position","width","border","radius","fill","ContentWrapperElement","overflow","interpolateSize","height","shown","transition","ContentElement","contentVisibility","GroupRoot","TriggerIcon","rotate","expanded","StyledTrigger","type","DisclosureComponent","Disclosure","props","ref","$","_c","controlledIsExpanded","t0","t1","mods","otherProps","undefined","groupContext","effectiveIsExpanded","t2","t3","t4","t5","t6","t7","t8","contextValue","t9","stateContext","outerStyles","t10","disabled","finalMods","t11","content","t12","tokens","t13","t14","DisclosureTrigger","HTMLButtonElement","icon","selected","defaultIcon","T0","DisclosureContent","mergedStyles","filteredPanelProps","hidden","phase","isShown","transitionRef","DisclosureGroup","finalStyles","DisclosureItem","providedId","itemDisabled","defaultId","has","groupIsExpanded","toggleKey","_Disclosure","Object","assign","Trigger","Content","Group","Item","DisclosureProps","DisclosureTriggerProps","DisclosureContentProps","DisclosureGroupProps","DisclosureItemProps"],"sources":["../../../../src/components/content/Disclosure/Disclosure.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BasePropsWithoutChildren,\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/RightIcon';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\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    // Flex and grid items get `min-width: auto`, which resolves to the\n    // min-content width of the panel — so a disclosure holding a code block or\n    // a table used to blow out of any flex/grid parent, and no amount of\n    // `flexShrink` could pull it back. The panel is already clipped by the\n    // wrapper's `overflow: hidden`, so opting out of that minimum is what lets\n    // the disclosure take its width from the parent.\n    width: 'min 0',\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: {\n      '': false,\n      'shape=card': '#surface',\n    },\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    // Always visible: `content-visibility: auto` while height animates\n    // `0 → max-content` can leave the panel at 0px (children skipped for\n    // layout, so max-content resolves to 0). Collapsed content is already\n    // clipped via height:0 + overflow:hidden on the wrapper, and\n    // DisplayTransition unmounts when fully closed.\n    contentVisibility: 'visible',\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  'data-popover-keep': true,\n  styles: {\n    radius: {\n      '': '1r',\n      // Card shape: the trigger sits inside the bordered root, so it follows\n      // the root's inner radius and drops its bottom corners while open so the\n      // header reads as one surface with the panel below it.\n      'shape=card': '(1cr - 1bw)',\n      'expanded & shape=card': '(1cr - 1bw) top',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n    // `radius` on the disclosure timing so the corners un-round in step with\n    // the panel opening, and follow `transitionDuration` when it is set.\n    transition: 'theme, radius $disclosure-transition',\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    // Declared on the root rather than the panel so both animations driven by\n    // it — the panel height and the trigger radius — share one duration.\n    const tokens = useMemo(\n      () =>\n        transitionDuration != null\n          ? { '$disclosure-transition': `${transitionDuration}ms` }\n          : undefined,\n      [transitionDuration],\n    );\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={outerStyles}\n          tokens={tokens}\n        >\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, shown: isShown }}\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.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
+import { c } from "react-compiler-runtime";
 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";
@@ -40,26 +41,63 @@ const DividerElement = tasty({
 	]
 });
 const Divider = forwardRef(function Divider(props, ref) {
+	const $ = c(16);
 	const { mods, children, styles, ...otherProps } = useSlotProps(props, "divider");
 	const elementType = children ? "div" : "hr";
 	const combinedRef = useCombinedRefs(ref, useRef(null));
-	const { separatorProps } = useSeparator({ elementType });
-	return /* @__PURE__ */ jsx(DividerElement, {
-		...separatorProps,
-		as: elementType,
-		mods: {
-			text: !!children,
+	let t0;
+	if ($[0] !== elementType) {
+		t0 = { elementType };
+		$[0] = elementType;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { separatorProps } = useSeparator(t0);
+	const T0 = DividerElement;
+	const t1 = elementType;
+	const t2 = !!children;
+	let t3;
+	if ($[2] !== mods || $[3] !== t2) {
+		t3 = {
+			text: t2,
 			...mods
-		},
-		...filterBaseProps(otherProps, { eventProps: true }),
-		ref: combinedRef,
-		styles,
-		children: children && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		};
+		$[2] = mods;
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	const t4 = filterBaseProps(otherProps, { eventProps: true });
+	let t5;
+	if ($[5] !== children) {
+		t5 = children && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx("div", { "data-element": "Line" }),
 			/* @__PURE__ */ jsx("div", { children }),
 			/* @__PURE__ */ jsx("div", { "data-element": "Line" })
-		] })
-	});
+		] });
+		$[5] = children;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== T0 || $[8] !== combinedRef || $[9] !== separatorProps || $[10] !== styles || $[11] !== t1 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx(T0, {
+			...separatorProps,
+			as: t1,
+			mods: t3,
+			...t4,
+			ref: combinedRef,
+			styles,
+			children: t5
+		});
+		$[7] = T0;
+		$[8] = combinedRef;
+		$[9] = separatorProps;
+		$[10] = styles;
+		$[11] = t1;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Divider.js","names":["BASE_STYLES","BaseProps","COLOR_STYLES","filterBaseProps","OUTER_STYLES","OuterStyleProps","tasty","forwardRef","useRef","useSeparator","useCombinedRefs","useSlotProps","DividerElement","styles","gridArea","display","text","gridColumns","placeItems","gap","preset","height","fill","border","margin","Line","styleProps","CubeDividerProps","Divider","props","ref","$","_c","mods","children","otherProps","elementType","internalRef","combinedRef","t0","separatorProps","T0","t1","t2","t3","t4","eventProps","t5","t6"],"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,MAAMY,iBAAiBN,MAAM;CAC3BO,QAAQ;EACNC,UAAU;EACVC,SAAS;GACP,IAAI;GACJC,MAAM;GACP;EACDC,aAAa;EACbC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJL,MAAM;GACP;EACDM,MAAM;GACJ,IAAI;GACJN,MAAM;GACP;EACDO,QAAQ;EACRC,QAAQ;EAERC,MAAM;GACJJ,QAAQ;GACRC,MAAM;GACR;EACD;CACDI,YAAY;EAAC,GAAGtB;EAAc,GAAGJ;EAAa,GAAGE;EAAY;CAC9D,CAAC;AAIF,MAAa0B,UAAUrB,WAAW,SAAAqB,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIhC,MAAA,EAAAC,MAAAC,UAAArB,QAAA,GAAAsB,eAAkDxB,aAChDkB,OACA,UACD;CAGD,MAAAO,cAAoBF,WAAA,QAAA;CAGpB,MAAAI,cAAoB5B,gBAAgBoB,KADhBtB,OAAO,KAAK,CACqB;CAAC,IAAA+B;AAAA,KAAAR,EAAA,OAAAK,aAAA;AAEdG,OAAA,EAAAH,aAAe;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAvD,MAAA,EAAAS,mBAA2B/B,aAAa8B,GAAgB;CAGrD,MAAAE,KAAA7B;CAEK,MAAA8B,KAAAN;CAEI,MAAAO,KAAA,CAAC,CAACT;CAAQ,IAAAU;AAAA,KAAAb,EAAA,OAAAE,QAAAF,EAAA,OAAAY,IAAA;AADZC,OAAA;GAAA5B,MACE2B;GAAU,GACbV;GACJ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CACG,MAAAc,KAAA1C,gBAAgBgC,YAAY,EAAAW,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAhB,EAAA,OAAAG,UAAA;AAIpDa,OAAAb,YAAA;GAEG,oBAAA,SAAkB,gBAAA,SAClB;uBAAA,SAAMA,WACN;uBAAA,SAAkB,gBAAA,SAAa;MAElC;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAU,MAAAV,EAAA,OAAAO,eAAAP,EAAA,OAAAS,kBAAAT,EAAA,QAAAlB,UAAAkB,EAAA,QAAAW,MAAAX,EAAA,QAAAa,MAAAb,EAAA,QAAAc,MAAAd,EAAA,QAAAgB,IAAA;AAjBHC,OAAA,oBAAC;GAAc,GACTR;GACA,IAAAE;GACE,MAAAE;GAGL,GACGC;GACCP,KAAAA;GACGzB;aAEPkC;IAOc;AAAAhB,IAAA,KAAAU;AAAAV,IAAA,KAAAO;AAAAP,IAAA,KAAAS;AAAAT,IAAA,MAAAlB;AAAAkB,IAAA,MAAAW;AAAAX,IAAA,MAAAa;AAAAb,IAAA,MAAAc;AAAAd,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;AAAA,QAlBjBiB;EAoBF"}

package/dist/components/content/Footer.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -17,13 +18,34 @@ const FooterElement = tasty({
 	}
 });
 const Footer = forwardRef(function Footer(props, ref) {
+	const $ = c(8);
 	props = useSlotProps(props, "footer");
-	const styles = extractStyles(props, STYLE_LIST);
-	return /* @__PURE__ */ jsx(FooterElement, {
-		...filterBaseProps(props, { eventProps: true }),
-		ref,
-		styles
-	});
+	let t0;
+	if ($[0] !== props) {
+		t0 = extractStyles(props, STYLE_LIST);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const styles = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = filterBaseProps(props, { eventProps: true });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== ref || $[5] !== styles || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(FooterElement, {
+			...t1,
+			ref,
+			styles
+		});
+		$[4] = ref;
+		$[5] = styles;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/content/Footer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\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":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","FooterElement","qa","styles","gridArea","display","flow","CubeFooterProps","Footer","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../src/components/content/Footer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\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,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,YAAY;AAExD,MAAMM,gBAAgBP,MAAM;CAC1BQ,IAAI;CACJ,WAAW;CACXC,QAAQ;EACNC,UAAU;EACVC,SAAS;EACTC,MAAM;EACR;CACD,CAAC;AAOF,MAAaE,SAASX,WAAW,SAAAW,OAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAC/BH,SAAQX,aAAaW,OAAO,SAAS;CAAhC,IAAAI;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAEUI,OAAAd,cAAcU,OAAOT,WAAW;AAAAW,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA/C,MAAAR,SAAeU;CAAiC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIxCK,OAAArB,gBAAgBgB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAR,UAAAQ,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAa,GACRF;GACCJ;GACGP;IACR;AAAAQ,IAAA,KAAAD;AAAAC,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}

package/dist/components/content/Header.js

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -18,13 +19,34 @@ const HeaderElement = tasty({
 	}
 });
 const Header = forwardRef(function Header(props, ref) {
+	const $ = c(8);
 	props = useSlotProps(props, "header");
-	const styles = extractStyles(props, STYLE_LIST);
-	return /* @__PURE__ */ jsx(HeaderElement, {
-		...filterBaseProps(props, { eventProps: true }),
-		ref,
-		styles
-	});
+	let t0;
+	if ($[0] !== props) {
+		t0 = extractStyles(props, STYLE_LIST);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const styles = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = filterBaseProps(props, { eventProps: true });
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== ref || $[5] !== styles || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(HeaderElement, {
+			...t1,
+			ref,
+			styles
+		});
+		$[4] = ref;
+		$[5] = styles;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/content/Header.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\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":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","TEXT_STYLES","TextStyleProps","forwardRef","useSlotProps","extractStyles","STYLE_LIST","HeaderElement","qa","as","styles","display","gridArea","flow","boxSizing","CubeHeaderProps","Header","props","ref","$","_c","t0","t1","eventProps","t2"],"sources":["../../../src/components/content/Header.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\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,MAAMU,aAAa,CAAC,GAAGT,kBAAkB,GAAGI,YAAY;AAExD,MAAMM,gBAAgBP,MAAM;CAC1BQ,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,UAAU;EACVC,MAAM;EACNC,WAAW;EACb;CACD,CAAC;AAOF,MAAaE,SAASb,WAAW,SAAAa,OAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;AAC/BH,SAAQb,aAAaa,OAAO,SAAS;CAAhC,IAAAI;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAEUI,OAAAhB,cAAcY,OAAOX,WAAW;AAAAa,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAA/C,MAAAT,SAAeW;CAAiC,IAAAC;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIxCK,OAAAvB,gBAAgBkB,OAAO,EAAAM,YAAc,MAAM,CAAC;AAAAJ,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAAT,UAAAS,EAAA,OAAAG,IAAA;AADlDE,OAAA,oBAAC;GAAa,GACRF;GACCJ;GACGR;IACR;AAAAS,IAAA,KAAAD;AAAAC,IAAA,KAAAT;AAAAS,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAJFK;EAMF"}

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

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";
 import { Space } from "../../layout/Space.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { Fragment, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -51,36 +52,63 @@ const KeyElement = tasty({
 	}
 });
 function HotKeys(props, ref) {
+	const $ = c(11);
 	const { children: keys, type, ...otherProps } = props;
 	const parsedKeys = useKeySymbols(keys);
 	const styles = extractStyles(otherProps, CONTAINER_STYLES);
-	return /* @__PURE__ */ jsx(StyledHotKeys, {
-		qa: "HotKeys",
-		...filterBaseProps(otherProps, {
-			eventProps: true,
-			labelable: true
-		}),
-		ref,
-		styles,
-		children: parsedKeys.map((keyGroup, groupIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [groupIndex > 0 && /* @__PURE__ */ jsx(_Text, {
-			color: "#dark-03",
-			role: "separator",
-			"aria-hidden": "true",
-			children: "or"
-		}), /* @__PURE__ */ jsx(Space, {
-			flow: "row",
-			gap: "0.25x",
-			role: "group",
-			"aria-label": `Key combination ${groupIndex + 1}`,
-			children: keyGroup.map((key, keyIndex) => /* @__PURE__ */ jsx(KeyElement, {
-				"data-type": type,
-				as: "kbd",
-				role: "text",
-				"aria-label": `Key ${key}`,
-				children: key
-			}, keyIndex))
-		})] }, groupIndex))
+	const T0 = StyledHotKeys;
+	const t0 = "HotKeys";
+	const t1 = filterBaseProps(otherProps, {
+		eventProps: true,
+		labelable: true
 	});
+	let t2;
+	if ($[0] !== parsedKeys || $[1] !== type) {
+		let t3;
+		if ($[3] !== type) {
+			t3 = (keyGroup, groupIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [groupIndex > 0 && /* @__PURE__ */ jsx(_Text, {
+				color: "#dark-03",
+				role: "separator",
+				"aria-hidden": "true",
+				children: "or"
+			}), /* @__PURE__ */ jsx(Space, {
+				flow: "row",
+				gap: "0.25x",
+				role: "group",
+				"aria-label": `Key combination ${groupIndex + 1}`,
+				children: keyGroup.map((key, keyIndex) => /* @__PURE__ */ jsx(KeyElement, {
+					"data-type": type,
+					as: "kbd",
+					role: "text",
+					"aria-label": `Key ${key}`,
+					children: key
+				}, keyIndex))
+			})] }, groupIndex);
+			$[3] = type;
+			$[4] = t3;
+		} else t3 = $[4];
+		t2 = parsedKeys.map(t3);
+		$[0] = parsedKeys;
+		$[1] = type;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[5] !== T0 || $[6] !== ref || $[7] !== styles || $[8] !== t1 || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T0, {
+			qa: t0,
+			...t1,
+			ref,
+			styles,
+			children: t2
+		});
+		$[5] = T0;
+		$[6] = ref;
+		$[7] = styles;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 }
 const _HotKeys = forwardRef(HotKeys);
 _HotKeys.displayName = "HotKeys";

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 {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, Fragment } from 'react';\n\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { extractStyles } from '../../../utils/styles';\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': '#current',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': '#current',\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":["BasePropsWithoutChildren","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","forwardRef","Fragment","useKeySymbols","extractStyles","Space","Text","StyledHotKeys","qa","role","styles","display","flow","gap","placeSelf","KeyElement","as","placeContent","placeItems","radius","preset","boxSizing","width","height","textAlign","whiteSpace","padding","color","fill","border","CubeHotKeysProps","children","type","HotKeys","props","ref","$","_c","keys","otherProps","parsedKeys","T0","t0","t1","eventProps","labelable","t2","t3","keyGroup","groupIndex","map","key","keyIndex","_HotKeys","displayName"],"sources":["../../../../src/components/content/HotKeys/HotKeys.tsx"],"sourcesContent":["import {\n  BasePropsWithoutChildren,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, Fragment } from 'react';\n\nimport { useKeySymbols } from '../../../utils/react/useKeySymbols';\nimport { extractStyles } from '../../../utils/styles';\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': '#current',\n    },\n    fill: {\n      '': '#dark.04',\n      'type=primary | type=inherit': '#clear',\n    },\n    border: {\n      '': true,\n      'type=primary': '#white',\n      'type=inherit': '#current',\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,MAAMW,gBAAgBP,MAAMK,OAAO;CACjCG,IAAI;CACJC,MAAM;CACN,cAAc;CACdC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,WAAW;EACb;CACD,CAAC;AAEF,MAAMC,aAAaf,MAAM;CACvBgB,IAAI;CACJP,MAAM;CACNC,QAAQ;EACNC,SAAS;EACTM,cAAc;EACdC,YAAY;EACZC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,OAAO;GACL,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GACjB;EACDC,MAAM;GACJ,IAAI;GACJ,+BAA+B;GAChC;EACDC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GAChB,gBAAgB;GAClB;EACF;CACD,CAAC;AASF,SAAAI,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAN,UAAAO,MAAAN,MAAA,GAAAO,eAAgDL;CAChD,MAAAM,aAAmBrC,cAAcmC,KAAK;CACtC,MAAA5B,SAAeN,cAAcmC,YAAY1C,iBAAiB;CAGvD,MAAA4C,KAAAlC;CACI,MAAAmC,KAAA;CACC,MAAAC,KAAA5C,gBAAgBwC,YAAY;EAAAK,YAAc;EAAIC,WAAa;EAAM,CAAC;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAI,cAAAJ,EAAA,OAAAJ,MAAA;EAAA,IAAAe;AAAA,MAAAX,EAAA,OAAAJ,MAAA;AAItDe,SAAAC,UAAAC,eACd,qBAAC,uBACEA,aAAa,KACZ,oBAAC;IAAW,OAAA;IAAgB,MAAA;IAAwB,eAAA;cAAO;KAG7D,EACA,oBAAC;IACM,MAAA;IACD,KAAA;IACC,MAAA;IACO,cAAA,mBAAmBA,aAAa;cAE3CD,SAAQE,KAAKC,KAAAC,aACZ,oBAAC;KAEYpB,aAAAA;KACR,IAAA;KACE,MAAA;KACO,cAAA,OAAOmB;eAElBA;OANIC,SAQR,CAAA;KAEL,KAxBeH,WAyBhB;AAAAb,KAAA,KAAAJ;AAAAI,KAAA,KAAAW;QAAAA,MAAAX,EAAA;AA1BAU,OAAAN,WAAUU,IAAKH,GA0Bd;AAAAX,IAAA,KAAAI;AAAAJ,IAAA,KAAAJ;AAAAI,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAK,MAAAL,EAAA,OAAAD,OAAAC,EAAA,OAAA1B,UAAA0B,EAAA,OAAAO,MAAAP,EAAA,OAAAU,IAAA;AAhCJC,OAAA,oBAAC;GACI,IAAAL;GAAS,GACRC;GACCR;GACGzB;aAEPoC;IA2Ba;AAAAV,IAAA,KAAAK;AAAAL,IAAA,KAAAD;AAAAC,IAAA,KAAA1B;AAAA0B,IAAA,KAAAO;AAAAP,IAAA,KAAAU;AAAAV,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QAjChBW;;AAqCJ,MAAMM,WAAWpD,WAAWgC,QAAQ;AAEpCoB,SAASC,cAAc"}

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -100,7 +100,7 @@ const InfoBadge = forwardRef(function InfoBadge(allProps, ref) {
 	const { t } = useI18n();
 	const { tooltip, tooltipSuffix, icon = /* @__PURE__ */ jsx(InfoCircleIcon, {}), size = "medium", type = "clear", theme = "default", to, onPress, navigationOptions, target, label, qa = "InfoBadge", styles, ...rest } = allProps;
 	const isInteractive = to != null || onPress != null;
-	const { title, tooltipProps } = useMemo(() => {
+	const { title: title_0, tooltipProps: tooltipProps_0 } = useMemo(() => {
 		if (isTooltipConfig(tooltip)) {
 			const { title, ...tooltipProps } = tooltip;
 			return {
@@ -115,18 +115,18 @@ const InfoBadge = forwardRef(function InfoBadge(allProps, ref) {
 	}, [tooltip]);
 	const suffix = tooltipSuffix === void 0 ? isInteractive ? t("infoBadge.learnMore", "Click to learn more.") : null : tooltipSuffix;
 	const finalTooltip = useMemo(() => ({
-		...tooltipProps,
+		...tooltipProps_0,
 		title: suffix ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			title,
+			title_0,
 			" ",
 			suffix
-		] }) : title
+		] }) : title_0
 	}), [
-		tooltipProps,
-		title,
+		tooltipProps_0,
+		title_0,
 		suffix
 	]);
-	const ariaLabel = label ?? rest["aria-label"] ?? (typeof title === "string" ? title : t("infoBadge.ariaLabel", "More information"));
+	const ariaLabel = label ?? rest["aria-label"] ?? (typeof title_0 === "string" ? title_0 : t("infoBadge.ariaLabel", "More information"));
 	const finalStyles = useMemo(() => mergeStyles(sizeStyles(size), theme === "default" && type === "clear" ? INFO_STYLES : null, styles), [
 		size,
 		theme,