@mantine/core 9.1.1 → 9.2.1

package/esm/components/TreeSelect/TreeSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.mjs","names":["useId","classes"],"sources":["../../../src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  genericFactory,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { Combobox, ComboboxLikeStylesNames, useCombobox } from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Pill } from '../Pill';\nimport { PillsInput } from '../PillsInput';\nimport { ScrollArea, ScrollAreaProps } from '../ScrollArea';\nimport type { TreeNodeData } from '../Tree';\nimport { filterTreeData } from '../Tree/filter-tree-data/filter-tree-data';\nimport {\n  findTreeNode,\n  getChildrenNodesValues,\n} from '../Tree/get-children-nodes-values/get-children-nodes-values';\nimport { isNodeChecked } from '../Tree/is-node-checked/is-node-checked';\nimport { isNodeIndeterminate } from '../Tree/is-node-indeterminate/is-node-indeterminate';\nimport { getTreeExpandedState, TreeExpandedState } from '../Tree/use-tree';\nimport { flattenTreeSelectData } from './flatten-tree-select-data';\nimport {\n  CheckedStrategy,\n  checkedToValue,\n  expandToLeafChecked,\n} from './get-checked-values-by-strategy';\nimport {\n  TreeSelectChevronAriaLabels,\n  TreeSelectOption,\n  TreeSelectRenderNodePayload,\n} from './TreeSelectOption';\nimport classes from './TreeSelect.module.css';\n\nexport type TreeSelectStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'pill'\n  | 'pillsList'\n  | 'inputField';\n\nexport type TreeSelectMode = 'single' | 'multiple' | 'checkbox';\n\nexport type TreeSelectValue<Mode extends TreeSelectMode> = Mode extends 'single'\n  ? string | null\n  : string[];\n\nexport interface TreeSelectProps<Mode extends TreeSelectMode = 'single'>\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<TreeSelectFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Tree data */\n  data: TreeNodeData[];\n\n  /** Selection mode: 'single', 'multiple', or 'checkbox' (with cascade) @default 'single' */\n  mode?: Mode;\n\n  /** Controlled value */\n  value?: TreeSelectValue<Mode>;\n\n  /** Default value */\n  defaultValue?: TreeSelectValue<Mode>;\n\n  /** Called when value changes */\n  onChange?: (value: TreeSelectValue<Mode>) => void;\n\n  /** Disables parent-child cascade in checkbox mode @default false */\n  checkStrictly?: boolean;\n\n  /** Controls which checked nodes appear in value/pills in checkbox mode @default 'child' */\n  checkedStrategy?: CheckedStrategy;\n\n  /** Default expanded node values */\n  defaultExpandedValues?: string[];\n\n  /** Expand all nodes by default @default false */\n  defaultExpandAll?: boolean;\n\n  /** Controlled expanded state */\n  expandedValues?: string[];\n\n  /** Called when expanded state changes */\n  onExpandedChange?: (values: string[]) => void;\n\n  /** Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand. @default false */\n  expandOnClick?: boolean;\n\n  /** Enables search filtering @default false */\n  searchable?: boolean;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Default search value */\n  defaultSearchValue?: string;\n\n  /** Called when search changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Custom filter function */\n  filter?: (query: string, node: TreeNodeData) => boolean;\n\n  /** Message when no nodes match search */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Allows deselecting in single mode @default true */\n  allowDeselect?: boolean;\n\n  /** Shows clear button @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props for the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Maximum selectable values (multiple/checkbox mode) */\n  maxValues?: number;\n\n  /** Maximum displayed pills before \"+N more\" */\n  maxDisplayedValues?: number;\n\n  /** Content shown when values overflow maxDisplayedValues */\n  maxDisplayedValuesContent?: React.ReactNode | ((overflow: number) => React.ReactNode);\n\n  /** Called with removed value in multiple/checkbox mode */\n  onRemove?: (value: string) => void;\n\n  /** Called when clear button is clicked */\n  onClear?: () => void;\n\n  /** Custom node rendering in the dropdown */\n  renderNode?: (payload: TreeSelectRenderNodePayload) => React.ReactNode;\n\n  /** Show tree connection lines between parent and child nodes @default true */\n  withLines?: boolean;\n\n  /** Props for the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Divider for hidden input values @default ',' */\n  hiddenInputValuesDivider?: string;\n\n  /** Props for the ScrollArea in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls the default chevron color */\n  chevronColor?: MantineColor;\n\n  /** Max dropdown height @default 220 */\n  maxDropdownHeight?: number | string;\n\n  /** Controlled dropdown state */\n  dropdownOpened?: boolean;\n\n  /** Default dropdown state */\n  defaultDropdownOpened?: boolean;\n\n  /** Called when dropdown opens */\n  onDropdownOpen?: () => void;\n\n  /** Called when dropdown closes */\n  onDropdownClose?: () => void;\n\n  /** Props passed to the underlying Combobox */\n  comboboxProps?: Record<string, any>;\n\n  /** Clear search on selection change @default true */\n  clearSearchOnChange?: boolean;\n\n  /** Opens dropdown on focus (searchable mode) @default true */\n  openOnFocus?: boolean;\n\n  /** aria-label values for the expand/collapse chevron button */\n  chevronAriaLabels?: TreeSelectChevronAriaLabels;\n}\n\nexport type TreeSelectFactory = Factory<{\n  props: TreeSelectProps;\n  ref: HTMLInputElement;\n  stylesNames: TreeSelectStylesNames;\n  variant: InputVariant;\n  signature: <Mode extends TreeSelectMode = 'single'>(\n    props: TreeSelectProps<Mode>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  mode: 'single',\n  allowDeselect: true,\n  checkedStrategy: 'child',\n  maxValues: Infinity,\n  hiddenInputValuesDivider: ',',\n  clearSearchOnChange: true,\n  openOnFocus: true,\n  size: 'sm',\n  withLines: true,\n} satisfies Partial<TreeSelectProps<TreeSelectMode>>;\n\nconst clearSectionOffset: Record<string, number> = {\n  xs: 41,\n  sm: 50,\n  md: 60,\n  lg: 72,\n  xl: 89,\n};\n\nfunction getAncestorsToNode(value: string, nodes: TreeNodeData[]): string[] | null {\n  for (const node of nodes) {\n    if (node.value === value) {\n      return [];\n    }\n    if (Array.isArray(node.children)) {\n      const path = getAncestorsToNode(value, node.children);\n      if (path !== null) {\n        return [node.value, ...path];\n      }\n    }\n  }\n  return null;\n}\n\nexport const TreeSelect = genericFactory<TreeSelectFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'TreeSelect'], defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    data,\n    mode,\n    value,\n    defaultValue,\n    onChange,\n    checkStrictly,\n    checkedStrategy,\n    defaultExpandedValues,\n    defaultExpandAll,\n    expandedValues,\n    onExpandedChange,\n    expandOnClick,\n    searchable,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    filter,\n    nothingFoundMessage,\n    allowDeselect,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    maxValues,\n    maxDisplayedValues,\n    maxDisplayedValuesContent,\n    onRemove,\n    onClear,\n    renderNode,\n    withLines,\n    hiddenInputProps,\n    hiddenInputValuesDivider,\n    scrollAreaProps,\n    chevronColor,\n    maxDropdownHeight,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    comboboxProps,\n    clearSearchOnChange,\n    openOnFocus,\n    chevronAriaLabels,\n    variant,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onClick,\n    readOnly,\n    disabled,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    withErrorStyles,\n    name,\n    form,\n    id,\n    placeholder,\n    required,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const isMulti = mode === 'multiple' || mode === 'checkbox';\n  const isCheckbox = mode === 'checkbox';\n  const _id = useId(id);\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      combobox.updateSelectedOptionIndex('active', { scrollIntoView: true });\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      combobox.resetSelectedOption();\n    },\n  });\n\n  const initialExpanded = useMemo(() => {\n    if (defaultExpandAll) {\n      return getTreeExpandedState(data, '*');\n    }\n    if (defaultExpandedValues) {\n      return getTreeExpandedState(data, defaultExpandedValues);\n    }\n    return getTreeExpandedState(data, []);\n  }, []);\n\n  const expandedToRecord = useCallback(\n    (values: string[] | undefined): TreeExpandedState | undefined => {\n      if (!values) {\n        return undefined;\n      }\n      return getTreeExpandedState(data, values);\n    },\n    [data]\n  );\n\n  const [_expandedState, setExpandedState] = useUncontrolled<TreeExpandedState>({\n    value: expandedToRecord(expandedValues),\n    defaultValue: initialExpanded,\n    finalValue: {},\n    onChange: (val) => {\n      if (onExpandedChange) {\n        onExpandedChange(\n          Object.entries(val)\n            .filter(([, v]) => v)\n            .map(([k]) => k)\n        );\n      }\n    },\n  });\n\n  const toggleExpand = useCallback(\n    (nodeValue: string) => {\n      setExpandedState({ ..._expandedState, [nodeValue]: !_expandedState[nodeValue] });\n    },\n    [_expandedState]\n  );\n\n  const initialSearchValue = useMemo(() => {\n    if (mode !== 'single' || !defaultValue) {\n      return '';\n    }\n    const node = findTreeNode(defaultValue as string, data);\n    return node ? (typeof node.label === 'string' ? node.label : '') : '';\n  }, []);\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: initialSearchValue,\n    onChange: onSearchChange,\n  });\n\n  const handleSearchChange = (val: string) => {\n    setSearchValue(val);\n    combobox.resetSelectedOption();\n  };\n\n  const [_value, setValue] = useUncontrolled({\n    value: value as any,\n    defaultValue: defaultValue as any,\n    finalValue: isMulti ? [] : null,\n    onChange,\n  });\n\n  const internalChecked = useMemo(() => {\n    if (!isCheckbox || !_value || !Array.isArray(_value)) {\n      return [];\n    }\n    if (checkStrictly) {\n      return _value;\n    }\n    return expandToLeafChecked(_value, data);\n  }, [isCheckbox, _value, data, checkStrictly]);\n\n  const filteredData = useMemo(() => {\n    if (!searchable || !_searchValue) {\n      return data;\n    }\n    if (mode === 'single' && _value) {\n      const node = findTreeNode(_value as string, data);\n      if (node && _searchValue === (typeof node.label === 'string' ? node.label : '')) {\n        return data;\n      }\n    }\n    return filterTreeData(data, _searchValue, filter);\n  }, [data, _searchValue, filter, searchable, mode, _value]);\n\n  const expandedForRender = useMemo(() => {\n    if (_searchValue && filteredData !== data) {\n      const expanded = { ..._expandedState };\n      const expandFilteredParents = (nodes: TreeNodeData[]) => {\n        for (const node of nodes) {\n          if (Array.isArray(node.children) && node.children.length > 0) {\n            expanded[node.value] = true;\n            expandFilteredParents(node.children);\n          }\n        }\n      };\n      expandFilteredParents(filteredData);\n      return expanded;\n    }\n    return _expandedState;\n  }, [filteredData, _expandedState, _searchValue, data]);\n\n  const flatNodes = useMemo(\n    () => flattenTreeSelectData(filteredData, expandedForRender),\n    [filteredData, expandedForRender]\n  );\n\n  const flatNodesRef = useRef(flatNodes);\n  flatNodesRef.current = flatNodes;\n\n  const nodeLookup = useMemo(() => {\n    const lookup: Record<string, TreeNodeData> = {};\n    const walk = (nodes: TreeNodeData[]) => {\n      for (const node of nodes) {\n        lookup[node.value] = node;\n        if (Array.isArray(node.children)) {\n          walk(node.children);\n        }\n      }\n    };\n    walk(data);\n    return lookup;\n  }, [data]);\n\n  const getNodeLabel = (nodeValue: string): string => {\n    const node = nodeLookup[nodeValue];\n    if (!node) {\n      return nodeValue;\n    }\n    return typeof node.label === 'string' ? node.label : nodeValue;\n  };\n\n  const getStyles = useStyles<TreeSelectFactory>({\n    name: 'TreeSelect',\n    classes: {} as any,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TreeSelectFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const handleOptionSubmit = (val: string) => {\n    if (mode === 'single') {\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          toggleExpand(val);\n          return;\n        }\n      }\n      const nextValue = allowDeselect && val === _value ? null : val;\n      setValue(nextValue);\n      combobox.closeDropdown();\n      if (clearSearchOnChange) {\n        handleSearchChange(nextValue ? getNodeLabel(nextValue) : '');\n      }\n    } else if (mode === 'multiple') {\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          toggleExpand(val);\n          return;\n        }\n      }\n      const arr = (_value as string[]) || [];\n      if (arr.includes(val)) {\n        setValue(arr.filter((v: string) => v !== val));\n        onRemove?.(val);\n      } else if (arr.length < (maxValues ?? Infinity)) {\n        setValue([...arr, val]);\n      } else {\n        return;\n      }\n      if (clearSearchOnChange) {\n        setSearchValue('');\n      }\n    } else if (mode === 'checkbox') {\n      const nodeChecked = checkStrictly\n        ? internalChecked.includes(val)\n        : isNodeChecked(val, data, internalChecked);\n\n      let newInternalChecked: string[];\n      if (checkStrictly) {\n        newInternalChecked = nodeChecked\n          ? internalChecked.filter((v) => v !== val)\n          : [...internalChecked, val];\n      } else {\n        const childLeaves = getChildrenNodesValues(val, data);\n        if (nodeChecked) {\n          newInternalChecked = internalChecked.filter((v) => !childLeaves.includes(v));\n        } else {\n          newInternalChecked = [...new Set([...internalChecked, ...childLeaves])];\n        }\n      }\n\n      const newValue = checkedToValue(newInternalChecked, data, checkedStrategy!);\n      if (!nodeChecked && newValue.length > (maxValues ?? Infinity)) {\n        return;\n      }\n      setValue(newValue);\n      if (clearSearchOnChange) {\n        setSearchValue('');\n      }\n\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          if (!_expandedState[val]) {\n            toggleExpand(val);\n          }\n        }\n      }\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.key === ' ' && !searchable && isMulti) {\n      event.preventDefault();\n      combobox.toggleDropdown();\n    }\n\n    if (event.key === 'Backspace' && _searchValue.length === 0 && isMulti) {\n      const arr = (_value as string[]) || [];\n      if (arr.length > 0) {\n        const removed = arr[arr.length - 1];\n        onRemove?.(removed);\n        setValue(arr.slice(0, -1));\n      }\n    }\n\n    if (!combobox.dropdownOpened) {\n      return;\n    }\n\n    const index = combobox.getSelectedOptionIndex();\n    if (index < 0 || index >= flatNodesRef.current.length) {\n      return;\n    }\n\n    const currentNode = flatNodesRef.current[index];\n\n    if (event.key === 'ArrowRight') {\n      if (currentNode.hasChildren && !currentNode.expanded) {\n        event.preventDefault();\n        toggleExpand(currentNode.node.value);\n      }\n    }\n\n    if (event.key === 'ArrowLeft') {\n      if (currentNode.hasChildren && currentNode.expanded) {\n        event.preventDefault();\n        toggleExpand(currentNode.node.value);\n      } else if (currentNode.parent) {\n        event.preventDefault();\n        const parentIndex = flatNodesRef.current.findIndex(\n          (n) => n.node.value === currentNode.parent\n        );\n        if (parentIndex >= 0) {\n          combobox.selectOption(parentIndex);\n        }\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (mode !== 'single' || !searchable) {\n      return;\n    }\n    if (value === null) {\n      handleSearchChange('');\n    } else if (typeof value === 'string') {\n      handleSearchChange(getNodeLabel(value));\n    }\n  }, [value]);\n\n  const prevDropdownOpenedRef = useRef(false);\n  useEffect(() => {\n    if (combobox.dropdownOpened && !prevDropdownOpenedRef.current && searchable && _value) {\n      const targets = Array.isArray(_value) ? _value : [_value];\n      const newExpanded = { ..._expandedState };\n      let changed = false;\n      for (const target of targets) {\n        const ancestors = getAncestorsToNode(target as string, data);\n        if (ancestors) {\n          for (const a of ancestors) {\n            if (!newExpanded[a]) {\n              newExpanded[a] = true;\n              changed = true;\n            }\n          }\n        }\n      }\n      if (changed) {\n        setExpandedState(newExpanded);\n        requestAnimationFrame(() => {\n          combobox.updateSelectedOptionIndex('active', { scrollIntoView: true });\n        });\n      }\n    }\n    prevDropdownOpenedRef.current = combobox.dropdownOpened;\n  });\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        setValue(isMulti ? [] : null);\n        handleSearchChange('');\n        combobox.focusTarget();\n      }}\n    />\n  );\n\n  const hasValue = isMulti\n    ? Array.isArray(_value) && _value.length > 0\n    : _value != null && _value !== '';\n  const _clearable = clearable && hasValue && !disabled && !readOnly;\n\n  const singleDisplayLabel = useMemo(() => {\n    if (mode !== 'single' || !_value) {\n      return '';\n    }\n    return getNodeLabel(_value as string);\n  }, [mode, _value, nodeLookup]);\n\n  const displayValues = useMemo(() => {\n    if (!isMulti || !Array.isArray(_value)) {\n      return [];\n    }\n    return _value as string[];\n  }, [isMulti, _value]);\n\n  const pillsListStyle =\n    _clearable && isMulti\n      ? { paddingInlineEnd: clearSectionOffset[size as string] ?? clearSectionOffset.sm }\n      : undefined;\n\n  const visiblePills =\n    maxDisplayedValues != null ? displayValues.slice(0, maxDisplayedValues) : displayValues;\n\n  const overflowCount =\n    maxDisplayedValues != null ? Math.max(0, displayValues.length - maxDisplayedValues) : 0;\n\n  const pills = visiblePills.map((item, index) => (\n    <Pill\n      key={`${item}-${index}`}\n      withRemoveButton={!readOnly}\n      onRemove={() => {\n        if (isCheckbox) {\n          const childLeaves = checkStrictly ? [item] : getChildrenNodesValues(item, data);\n          const newInternal = internalChecked.filter((v) => !childLeaves.includes(v));\n          setValue(checkedToValue(newInternal, data, checkedStrategy!));\n        } else {\n          setValue((_value as string[]).filter((v: string) => v !== item));\n        }\n        onRemove?.(item);\n      }}\n      unstyled={unstyled}\n      disabled={disabled}\n      {...getStyles('pill')}\n    >\n      {getNodeLabel(item)}\n    </Pill>\n  ));\n\n  if (overflowCount > 0) {\n    const overflowContent =\n      typeof maxDisplayedValuesContent === 'function'\n        ? maxDisplayedValuesContent(overflowCount)\n        : maxDisplayedValuesContent || `+${overflowCount} more`;\n    pills.push(\n      <Pill key=\"__overflow\" unstyled={unstyled} disabled={disabled} {...getStyles('pill')}>\n        {overflowContent}\n      </Pill>\n    );\n  }\n\n  const isEmpty = flatNodes.length === 0;\n\n  const options = flatNodes.map((flatNode) => {\n    const isSelected =\n      mode === 'single'\n        ? _value === flatNode.node.value\n        : mode === 'multiple'\n          ? ((_value as string[]) || []).includes(flatNode.node.value)\n          : false;\n\n    const nodeChecked = isCheckbox\n      ? checkStrictly\n        ? internalChecked.includes(flatNode.node.value)\n        : isNodeChecked(flatNode.node.value, data, internalChecked)\n      : false;\n\n    const nodeIndeterminate =\n      isCheckbox && !checkStrictly\n        ? isNodeIndeterminate(flatNode.node.value, data, internalChecked)\n        : false;\n\n    return (\n      <TreeSelectOption\n        key={flatNode.node.value}\n        node={flatNode.node}\n        level={flatNode.level}\n        expanded={flatNode.expanded}\n        hasChildren={flatNode.hasChildren}\n        selected={isSelected}\n        checked={nodeChecked}\n        indeterminate={nodeIndeterminate}\n        showCheckbox={isCheckbox}\n        isLastChild={flatNode.isLastChild}\n        lineGuides={flatNode.lineGuides}\n        withLines={!!withLines}\n        onToggleExpand={toggleExpand}\n        renderNode={renderNode}\n        chevronAriaLabels={chevronAriaLabels}\n      />\n    );\n  });\n\n  const dropdown = (\n    <Combobox.Dropdown hidden={readOnly || disabled}>\n      <Combobox.Options\n        className={classes.optionsWrapper}\n        aria-multiselectable={isMulti || undefined}\n      >\n        <ScrollArea.Autosize\n          mah={maxDropdownHeight ?? 220}\n          type=\"scroll\"\n          scrollbarSize=\"var(--combobox-padding)\"\n          offsetScrollbars=\"y\"\n          {...scrollAreaProps}\n        >\n          {options}\n        </ScrollArea.Autosize>\n        {isEmpty && nothingFoundMessage && <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>}\n      </Combobox.Options>\n    </Combobox.Dropdown>\n  );\n\n  if (isMulti) {\n    return (\n      <>\n        <Combobox\n          store={combobox}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          size={size}\n          readOnly={readOnly}\n          __staticSelector=\"TreeSelect\"\n          attributes={attributes}\n          onOptionSubmit={handleOptionSubmit}\n          {...comboboxProps}\n        >\n          <Combobox.DropdownTarget>\n            <PillsInput\n              {...styleProps}\n              __staticSelector=\"TreeSelect\"\n              classNames={resolvedClassNames}\n              styles={resolvedStyles}\n              unstyled={unstyled}\n              size={size}\n              className={className}\n              style={style}\n              variant={variant}\n              disabled={disabled}\n              radius={radius}\n              __defaultRightSection={\n                <Combobox.Chevron\n                  size={size}\n                  error={error}\n                  unstyled={unstyled}\n                  color={chevronColor}\n                />\n              }\n              __clearSection={clearButton}\n              __clearable={_clearable}\n              __clearSectionMode={clearSectionMode}\n              rightSection={rightSection}\n              rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n              rightSectionWidth={rightSectionWidth}\n              rightSectionProps={rightSectionProps}\n              leftSection={leftSection}\n              leftSectionWidth={leftSectionWidth}\n              leftSectionPointerEvents={leftSectionPointerEvents}\n              leftSectionProps={leftSectionProps}\n              inputContainer={inputContainer}\n              inputWrapperOrder={inputWrapperOrder}\n              withAsterisk={withAsterisk}\n              labelProps={labelProps}\n              descriptionProps={descriptionProps}\n              errorProps={errorProps}\n              wrapperProps={wrapperProps}\n              description={description}\n              label={label}\n              error={error}\n              withErrorStyles={withErrorStyles}\n              __stylesApiProps={{\n                ...props,\n                rightSectionPointerEvents: rightSectionPointerEvents || 'none',\n                multiline: true,\n              }}\n              pointer={!searchable}\n              onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n              data-expanded={combobox.dropdownOpened || undefined}\n              id={_id}\n              required={required}\n              mod={mod}\n              attributes={attributes}\n            >\n              <Pill.Group\n                attributes={attributes}\n                disabled={disabled}\n                unstyled={unstyled}\n                {...getStyles('pillsList', { style: pillsListStyle })}\n              >\n                {pills}\n                <Combobox.EventsTarget autoComplete={autoComplete}>\n                  <PillsInput.Field\n                    {...rest}\n                    id={_id}\n                    placeholder={placeholder}\n                    type={!searchable && !placeholder ? 'hidden' : 'visible'}\n                    {...getStyles('inputField')}\n                    unstyled={unstyled}\n                    onFocus={(event) => {\n                      onFocus?.(event);\n                      if (openOnFocus && searchable) {\n                        combobox.openDropdown();\n                      }\n                    }}\n                    onBlur={(event) => {\n                      onBlur?.(event);\n                      combobox.closeDropdown();\n                      handleSearchChange('');\n                    }}\n                    onKeyDown={handleKeyDown}\n                    value={_searchValue}\n                    onChange={(event) => {\n                      handleSearchChange(event.currentTarget.value);\n                      if (searchable) {\n                        combobox.openDropdown();\n                      }\n                    }}\n                    disabled={disabled}\n                    readOnly={readOnly || !searchable}\n                    pointer={!searchable}\n                  />\n                </Combobox.EventsTarget>\n              </Pill.Group>\n            </PillsInput>\n          </Combobox.DropdownTarget>\n          {dropdown}\n        </Combobox>\n        <Combobox.HiddenInput\n          name={name}\n          valuesDivider={hiddenInputValuesDivider}\n          value={_value}\n          form={form}\n          disabled={disabled}\n          {...hiddenInputProps}\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        __staticSelector=\"TreeSelect\"\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        readOnly={readOnly}\n        size={size}\n        attributes={attributes}\n        onOptionSubmit={handleOptionSubmit}\n        {...comboboxProps}\n      >\n        <Combobox.Target targetType={searchable ? 'input' : 'button'} autoComplete={autoComplete}>\n          <InputBase\n            id={_id}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            {...rest}\n            {...styleProps}\n            size={size}\n            __staticSelector=\"TreeSelect\"\n            disabled={disabled}\n            readOnly={readOnly || !searchable}\n            value={searchable ? _searchValue : singleDisplayLabel}\n            onChange={(event) => {\n              handleSearchChange(event.currentTarget.value);\n              combobox.openDropdown();\n            }}\n            onFocus={(event) => {\n              if (openOnFocus && searchable) {\n                combobox.openDropdown();\n              }\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              if (searchable) {\n                combobox.closeDropdown();\n              }\n              handleSearchChange(_value ? getNodeLabel(_value as string) : '');\n              onBlur?.(event);\n            }}\n            onClick={(event) => {\n              searchable ? combobox.openDropdown() : combobox.toggleDropdown();\n              onClick?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            pointer={!searchable}\n            error={error}\n            attributes={attributes}\n            className={className}\n            style={style}\n            variant={variant}\n            radius={radius}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            withErrorStyles={withErrorStyles}\n            placeholder={placeholder}\n            required={required}\n            mod={mod}\n          />\n        </Combobox.Target>\n        {dropdown}\n      </Combobox>\n      <Combobox.HiddenInput\n        value={_value}\n        name={name}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nTreeSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nTreeSelect.displayName = '@mantine/core/TreeSelect';\n"],"mappings":"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"}

package/esm/components/TreeSelect/TreeSelect.module.mjs

@@ -0,0 +1,16 @@
+"use client";
+//#region packages/@mantine/core/src/components/TreeSelect/TreeSelect.module.css
+var TreeSelect_module_default = {
+	"optionsWrapper": "m_529d33e8",
+	"option": "m_28bb748",
+	"expandIcon": "m_aa3e3f86",
+	"checkIcon": "m_eaa4cdee",
+	"label": "m_ffe3a9c1",
+	"guideLine": "m_57207d5d",
+	"branchVertical": "m_41b9db0b",
+	"branchHorizontal": "m_1246e79"
+};
+//#endregion
+export { TreeSelect_module_default as default };
+
+//# sourceMappingURL=TreeSelect.module.mjs.map

package/esm/components/TreeSelect/TreeSelect.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.module.mjs","names":[],"sources":["../../../src/components/TreeSelect/TreeSelect.module.css"],"sourcesContent":[".optionsWrapper {\n  --ts-level-offset: 20px;\n  --ts-line-width: rem(1px);\n  --ts-line-color: var(--mantine-color-default-border);\n  --ts-option-padding-y: 4px;\n  --ts-option-padding-x: 8px;\n}\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  position: relative;\n  padding: var(--ts-option-padding-y) var(--ts-option-padding-x);\n  padding-inline-start: var(--ts-option-padding-x);\n}\n\n.expandIcon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --_ts-expand-icon-size: calc(1.45 * var(--combobox-option-fz, var(--mantine-font-size-sm)));\n  width: var(--_ts-expand-icon-size);\n  min-width: var(--_ts-expand-icon-size);\n  height: var(--_ts-expand-icon-size);\n  border-radius: var(--mantine-radius-sm);\n  cursor: pointer;\n  color: var(--mantine-color-dimmed);\n  transform: rotate(-90deg);\n\n  :where([data-combobox-selected]) & {\n    color: var(--mantine-color-white);\n  }\n\n  @mixin where-rtl {\n    transform: rotate(90deg);\n  }\n\n  &:where([data-expanded]) {\n    transform: rotate(0deg);\n  }\n\n  @mixin hover {\n    @mixin where-light {\n      background-color: var(--mantine-color-gray-1);\n    }\n\n    @mixin where-dark {\n      background-color: var(--mantine-color-dark-5);\n    }\n  }\n}\n\n.checkIcon {\n  opacity: 0.4;\n  width: 0.8em;\n  min-width: 0.8em;\n  height: 0.8em;\n  margin-inline-start: auto;\n\n  :where([data-combobox-selected]) & {\n    opacity: 1;\n  }\n}\n\n.label {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Tree lines */\n.guideLine {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  border-inline-start: var(--ts-line-width) solid var(--ts-line-color);\n  pointer-events: none;\n}\n\n.branchVertical {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  border-inline-start: var(--ts-line-width) solid var(--ts-line-color);\n  pointer-events: none;\n\n  &:where([data-last]) {\n    bottom: auto;\n    height: 50%;\n  }\n}\n\n.branchHorizontal {\n  position: absolute;\n  top: 50%;\n  height: 0;\n  border-top: var(--ts-line-width) solid var(--ts-line-color);\n  pointer-events: none;\n}\n"],"mappings":""}

package/esm/components/TreeSelect/TreeSelectOption.mjs

@@ -0,0 +1,94 @@
+"use client";
+import { AccordionChevron } from "../Accordion/AccordionChevron.mjs";
+import { Combobox } from "../Combobox/Combobox.mjs";
+import { CheckIcon } from "../Checkbox/CheckIcon.mjs";
+import { CheckboxIndicator } from "../Checkbox/CheckboxIndicator/CheckboxIndicator.mjs";
+import TreeSelect_module_default from "./TreeSelect.module.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/TreeSelect/TreeSelectOption.tsx
+const LEVEL_OFFSET = 20;
+const BASE_PADDING = 8;
+const LINE_CONTENT_GAP = 5;
+const OPTION_GAP = 6;
+function TreeSelectOption({ node, level, expanded, hasChildren, selected, checked, indeterminate, showCheckbox, isLastChild, lineGuides, withLines, onToggleExpand, renderNode, chevronAriaLabels }) {
+	const indentPx = (level - 1) * LEVEL_OFFSET;
+	const handleExpandClick = (event) => {
+		event.stopPropagation();
+		event.preventDefault();
+		onToggleExpand(node.value);
+	};
+	const handleExpandMouseDown = (event) => {
+		event.preventDefault();
+	};
+	const customContent = renderNode ? renderNode({
+		node,
+		level,
+		expanded,
+		hasChildren,
+		selected,
+		checked,
+		indeterminate
+	}) : null;
+	const lineElements = withLines && level > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		lineGuides.map((show, g) => show ? /* @__PURE__ */ jsx("span", {
+			className: TreeSelect_module_default.guideLine,
+			style: { insetInlineStart: BASE_PADDING + (g + 1) * LEVEL_OFFSET - LEVEL_OFFSET / 2 }
+		}, `g${g}`) : null),
+		/* @__PURE__ */ jsx("span", {
+			className: TreeSelect_module_default.branchVertical,
+			"data-last": isLastChild || void 0,
+			style: { insetInlineStart: BASE_PADDING + (level - 1) * LEVEL_OFFSET - LEVEL_OFFSET / 2 }
+		}),
+		/* @__PURE__ */ jsx("span", {
+			className: TreeSelect_module_default.branchHorizontal,
+			style: {
+				insetInlineStart: BASE_PADDING + (level - 1) * LEVEL_OFFSET - LEVEL_OFFSET / 2,
+				width: LEVEL_OFFSET / 2
+			}
+		})
+	] }) : null;
+	const isActive = selected || checked;
+	const showCheckMark = !showCheckbox && isActive;
+	const ariaChecked = showCheckbox ? indeterminate && !checked ? "mixed" : checked : void 0;
+	return /* @__PURE__ */ jsxs(Combobox.Option, {
+		value: node.value,
+		disabled: node.nodeProps?.disabled,
+		active: isActive,
+		className: TreeSelect_module_default.option,
+		style: { paddingInlineStart: BASE_PADDING + indentPx + (withLines && level > 1 ? LINE_CONTENT_GAP : 0) + (!hasChildren ? OPTION_GAP : 0) },
+		"aria-selected": isActive,
+		"aria-level": level,
+		"aria-expanded": hasChildren ? expanded : void 0,
+		"aria-checked": ariaChecked,
+		children: [lineElements, customContent || /* @__PURE__ */ jsxs(Fragment, { children: [
+			hasChildren && /* @__PURE__ */ jsx("span", {
+				className: TreeSelect_module_default.expandIcon,
+				"data-expanded": expanded || void 0,
+				onClick: handleExpandClick,
+				onKeyDown: (e) => {
+					if (e.key === "Enter") handleExpandClick(e);
+				},
+				onMouseDown: handleExpandMouseDown,
+				role: "button",
+				tabIndex: -1,
+				"aria-label": expanded ? chevronAriaLabels?.collapse ?? "Collapse" : chevronAriaLabels?.expand ?? "Expand",
+				children: /* @__PURE__ */ jsx(AccordionChevron, { size: "80%" })
+			}),
+			showCheckbox && /* @__PURE__ */ jsx(CheckboxIndicator, {
+				checked: checked || indeterminate,
+				indeterminate: !checked && indeterminate,
+				size: "18px"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: TreeSelect_module_default.label,
+				children: node.label
+			}),
+			showCheckMark && /* @__PURE__ */ jsx(CheckIcon, { className: TreeSelect_module_default.checkIcon })
+		] })]
+	});
+}
+TreeSelectOption.displayName = "@mantine/core/TreeSelectOption";
+//#endregion
+export { TreeSelectOption };
+
+//# sourceMappingURL=TreeSelectOption.mjs.map

package/esm/components/TreeSelect/TreeSelectOption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectOption.mjs","names":["classes"],"sources":["../../../src/components/TreeSelect/TreeSelectOption.tsx"],"sourcesContent":["import { AccordionChevron } from '../Accordion';\nimport { CheckboxIndicator } from '../Checkbox/CheckboxIndicator/CheckboxIndicator';\nimport { CheckIcon } from '../Checkbox/CheckIcon';\nimport { Combobox } from '../Combobox';\nimport type { TreeNodeData } from '../Tree';\nimport classes from './TreeSelect.module.css';\n\nconst LEVEL_OFFSET = 20;\nconst BASE_PADDING = 8;\nconst LINE_CONTENT_GAP = 5;\nconst OPTION_GAP = 6;\n\nexport interface TreeSelectChevronAriaLabels {\n  /** aria-label for the expand button when the node is collapsed @default 'Expand' */\n  expand?: string;\n\n  /** aria-label for the expand button when the node is expanded @default 'Collapse' */\n  collapse?: string;\n}\n\nexport interface TreeSelectOptionProps {\n  node: TreeNodeData;\n  level: number;\n  expanded: boolean;\n  hasChildren: boolean;\n  selected: boolean;\n  checked: boolean;\n  indeterminate: boolean;\n  showCheckbox: boolean;\n  isLastChild: boolean;\n  lineGuides: boolean[];\n  withLines: boolean;\n  onToggleExpand: (value: string) => void;\n  renderNode?: (payload: TreeSelectRenderNodePayload) => React.ReactNode;\n  chevronAriaLabels?: TreeSelectChevronAriaLabels;\n}\n\nexport interface TreeSelectRenderNodePayload {\n  node: TreeNodeData;\n  level: number;\n  expanded: boolean;\n  hasChildren: boolean;\n  selected: boolean;\n  checked: boolean;\n  indeterminate: boolean;\n}\n\nexport function TreeSelectOption({\n  node,\n  level,\n  expanded,\n  hasChildren,\n  selected,\n  checked,\n  indeterminate,\n  showCheckbox,\n  isLastChild,\n  lineGuides,\n  withLines,\n  onToggleExpand,\n  renderNode,\n  chevronAriaLabels,\n}: TreeSelectOptionProps) {\n  const indentPx = (level - 1) * LEVEL_OFFSET;\n\n  const handleExpandClick = (event: React.MouseEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n    onToggleExpand(node.value);\n  };\n\n  const handleExpandMouseDown = (event: React.MouseEvent) => {\n    event.preventDefault();\n  };\n\n  const customContent = renderNode\n    ? renderNode({ node, level, expanded, hasChildren, selected, checked, indeterminate })\n    : null;\n\n  const lineElements =\n    withLines && level > 1 ? (\n      <>\n        {lineGuides.map((show, g) =>\n          show ? (\n            <span\n              key={`g${g}`}\n              className={classes.guideLine}\n              style={{ insetInlineStart: BASE_PADDING + (g + 1) * LEVEL_OFFSET - LEVEL_OFFSET / 2 }}\n            />\n          ) : null\n        )}\n        <span\n          className={classes.branchVertical}\n          data-last={isLastChild || undefined}\n          style={{\n            insetInlineStart: BASE_PADDING + (level - 1) * LEVEL_OFFSET - LEVEL_OFFSET / 2,\n          }}\n        />\n        <span\n          className={classes.branchHorizontal}\n          style={{\n            insetInlineStart: BASE_PADDING + (level - 1) * LEVEL_OFFSET - LEVEL_OFFSET / 2,\n            width: LEVEL_OFFSET / 2,\n          }}\n        />\n      </>\n    ) : null;\n\n  const isActive = selected || checked;\n  const showCheckMark = !showCheckbox && isActive;\n\n  const ariaChecked = showCheckbox ? (indeterminate && !checked ? 'mixed' : checked) : undefined;\n\n  return (\n    <Combobox.Option\n      value={node.value}\n      disabled={node.nodeProps?.disabled}\n      active={isActive}\n      className={classes.option}\n      style={{\n        paddingInlineStart:\n          BASE_PADDING +\n          indentPx +\n          (withLines && level > 1 ? LINE_CONTENT_GAP : 0) +\n          (!hasChildren ? OPTION_GAP : 0),\n      }}\n      aria-selected={isActive}\n      aria-level={level}\n      aria-expanded={hasChildren ? expanded : undefined}\n      aria-checked={ariaChecked}\n    >\n      {lineElements}\n      {customContent || (\n        <>\n          {hasChildren && (\n            <span\n              className={classes.expandIcon}\n              data-expanded={expanded || undefined}\n              onClick={handleExpandClick}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter') {\n                  handleExpandClick(e as any);\n                }\n              }}\n              onMouseDown={handleExpandMouseDown}\n              role=\"button\"\n              tabIndex={-1}\n              aria-label={\n                expanded\n                  ? (chevronAriaLabels?.collapse ?? 'Collapse')\n                  : (chevronAriaLabels?.expand ?? 'Expand')\n              }\n            >\n              <AccordionChevron size=\"80%\" />\n            </span>\n          )}\n          {showCheckbox && (\n            <CheckboxIndicator\n              checked={checked || indeterminate}\n              indeterminate={!checked && indeterminate}\n              size=\"18px\"\n            />\n          )}\n          <span className={classes.label}>{node.label}</span>\n          {showCheckMark && <CheckIcon className={classes.checkIcon} />}\n        </>\n      )}\n    </Combobox.Option>\n  );\n}\n\nTreeSelectOption.displayName = '@mantine/core/TreeSelectOption';\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,mBAAmB;AACzB,MAAM,aAAa;AAqCnB,SAAgB,iBAAiB,EAC/B,MACA,OACA,UACA,aACA,UACA,SACA,eACA,cACA,aACA,YACA,WACA,gBACA,YACA,qBACwB;CACxB,MAAM,YAAY,QAAQ,KAAK;CAE/B,MAAM,qBAAqB,UAA4B;EACrD,MAAM,gBAAgB;EACtB,MAAM,eAAe;EACrB,eAAe,KAAK,KAAK;CAC3B;CAEA,MAAM,yBAAyB,UAA4B;EACzD,MAAM,eAAe;CACvB;CAEA,MAAM,gBAAgB,aAClB,WAAW;EAAE;EAAM;EAAO;EAAU;EAAa;EAAU;EAAS;CAAc,CAAC,IACnF;CAEJ,MAAM,eACJ,aAAa,QAAQ,IACnB,qBAAA,UAAA,EAAA,UAAA;EACG,WAAW,KAAK,MAAM,MACrB,OACE,oBAAC,QAAD;GAEE,WAAWA,0BAAQ;GACnB,OAAO,EAAE,kBAAkB,gBAAgB,IAAI,KAAK,eAAe,eAAe,EAAE;EACrF,GAHM,IAAI,GAGV,IACC,IACN;EACA,oBAAC,QAAD;GACE,WAAWA,0BAAQ;GACnB,aAAW,eAAe,KAAA;GAC1B,OAAO,EACL,kBAAkB,gBAAgB,QAAQ,KAAK,eAAe,eAAe,EAC/E;EACD,CAAA;EACD,oBAAC,QAAD;GACE,WAAWA,0BAAQ;GACnB,OAAO;IACL,kBAAkB,gBAAgB,QAAQ,KAAK,eAAe,eAAe;IAC7E,OAAO,eAAe;GACxB;EACD,CAAA;CACD,EAAA,CAAA,IACA;CAEN,MAAM,WAAW,YAAY;CAC7B,MAAM,gBAAgB,CAAC,gBAAgB;CAEvC,MAAM,cAAc,eAAgB,iBAAiB,CAAC,UAAU,UAAU,UAAW,KAAA;CAErF,OACE,qBAAC,SAAS,QAAV;EACE,OAAO,KAAK;EACZ,UAAU,KAAK,WAAW;EAC1B,QAAQ;EACR,WAAWA,0BAAQ;EACnB,OAAO,EACL,oBACE,eACA,YACC,aAAa,QAAQ,IAAI,mBAAmB,MAC5C,CAAC,cAAc,aAAa,GACjC;EACA,iBAAe;EACf,cAAY;EACZ,iBAAe,cAAc,WAAW,KAAA;EACxC,gBAAc;YAfhB,CAiBG,cACA,iBACC,qBAAA,UAAA,EAAA,UAAA;GACG,eACC,oBAAC,QAAD;IACE,WAAWA,0BAAQ;IACnB,iBAAe,YAAY,KAAA;IAC3B,SAAS;IACT,YAAY,MAAM;KAChB,IAAI,EAAE,QAAQ,SACZ,kBAAkB,CAAQ;IAE9B;IACA,aAAa;IACb,MAAK;IACL,UAAU;IACV,cACE,WACK,mBAAmB,YAAY,aAC/B,mBAAmB,UAAU;cAGpC,oBAAC,kBAAD,EAAkB,MAAK,MAAO,CAAA;GAC1B,CAAA;GAEP,gBACC,oBAAC,mBAAD;IACE,SAAS,WAAW;IACpB,eAAe,CAAC,WAAW;IAC3B,MAAK;GACN,CAAA;GAEH,oBAAC,QAAD;IAAM,WAAWA,0BAAQ;cAAQ,KAAK;GAAY,CAAA;GACjD,iBAAiB,oBAAC,WAAD,EAAW,WAAWA,0BAAQ,UAAY,CAAA;EAC5D,EAAA,CAAA,CAEW;;AAErB;AAEA,iBAAiB,cAAc"}

package/esm/components/TreeSelect/flatten-tree-select-data.mjs

@@ -0,0 +1,34 @@
+"use client";
+//#region packages/@mantine/core/src/components/TreeSelect/flatten-tree-select-data.ts
+function flattenTo(acc, data, expandedState, parent, level, parentGuides) {
+	for (let i = 0; i < data.length; i++) {
+		const node = data[i];
+		const isLast = i === data.length - 1;
+		const hasLoadedChildren = Array.isArray(node.children);
+		const hasAsyncChildren = !!node.hasChildren && !hasLoadedChildren;
+		const hasChildren = hasLoadedChildren || hasAsyncChildren;
+		const expanded = expandedState[node.value] || false;
+		acc.push({
+			node,
+			level,
+			parent,
+			hasChildren,
+			expanded,
+			isLastChild: isLast,
+			lineGuides: parentGuides
+		});
+		if (expanded && hasLoadedChildren) {
+			const childGuides = level >= 2 ? [...parentGuides, !isLast] : [];
+			flattenTo(acc, node.children, expandedState, node.value, level + 1, childGuides);
+		}
+	}
+}
+function flattenTreeSelectData(data, expandedState) {
+	const result = [];
+	flattenTo(result, data, expandedState, null, 1, []);
+	return result;
+}
+//#endregion
+export { flattenTreeSelectData };
+
+//# sourceMappingURL=flatten-tree-select-data.mjs.map

package/esm/components/TreeSelect/flatten-tree-select-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-tree-select-data.mjs","names":[],"sources":["../../../src/components/TreeSelect/flatten-tree-select-data.ts"],"sourcesContent":["import type { TreeNodeData } from '../Tree';\nimport type { TreeExpandedState } from '../Tree/use-tree';\n\nexport interface TreeSelectFlatNode {\n  node: TreeNodeData;\n  level: number;\n  parent: string | null;\n  hasChildren: boolean;\n  expanded: boolean;\n  isLastChild: boolean;\n  lineGuides: boolean[];\n}\n\nfunction flattenTo(\n  acc: TreeSelectFlatNode[],\n  data: TreeNodeData[],\n  expandedState: TreeExpandedState,\n  parent: string | null,\n  level: number,\n  parentGuides: boolean[]\n): void {\n  for (let i = 0; i < data.length; i++) {\n    const node = data[i];\n    const isLast = i === data.length - 1;\n    const hasLoadedChildren = Array.isArray(node.children);\n    const hasAsyncChildren = !!node.hasChildren && !hasLoadedChildren;\n    const hasChildren = hasLoadedChildren || hasAsyncChildren;\n    const expanded = expandedState[node.value] || false;\n\n    acc.push({\n      node,\n      level,\n      parent,\n      hasChildren,\n      expanded,\n      isLastChild: isLast,\n      lineGuides: parentGuides,\n    });\n\n    if (expanded && hasLoadedChildren) {\n      const childGuides = level >= 2 ? [...parentGuides, !isLast] : [];\n      flattenTo(acc, node.children!, expandedState, node.value, level + 1, childGuides);\n    }\n  }\n}\n\nexport function flattenTreeSelectData(\n  data: TreeNodeData[],\n  expandedState: TreeExpandedState\n): TreeSelectFlatNode[] {\n  const result: TreeSelectFlatNode[] = [];\n  flattenTo(result, data, expandedState, null, 1, []);\n  return result;\n}\n"],"mappings":";;AAaA,SAAS,UACP,KACA,MACA,eACA,QACA,OACA,cACM;CACN,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;EACpC,MAAM,OAAO,KAAK;EAClB,MAAM,SAAS,MAAM,KAAK,SAAS;EACnC,MAAM,oBAAoB,MAAM,QAAQ,KAAK,QAAQ;EACrD,MAAM,mBAAmB,CAAC,CAAC,KAAK,eAAe,CAAC;EAChD,MAAM,cAAc,qBAAqB;EACzC,MAAM,WAAW,cAAc,KAAK,UAAU;EAE9C,IAAI,KAAK;GACP;GACA;GACA;GACA;GACA;GACA,aAAa;GACb,YAAY;EACd,CAAC;EAED,IAAI,YAAY,mBAAmB;GACjC,MAAM,cAAc,SAAS,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,IAAI,CAAC;GAC/D,UAAU,KAAK,KAAK,UAAW,eAAe,KAAK,OAAO,QAAQ,GAAG,WAAW;EAClF;CACF;AACF;AAEA,SAAgB,sBACd,MACA,eACsB;CACtB,MAAM,SAA+B,CAAC;CACtC,UAAU,QAAQ,MAAM,eAAe,MAAM,GAAG,CAAC,CAAC;CAClD,OAAO;AACT"}

package/esm/components/TreeSelect/get-checked-values-by-strategy.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { getChildrenNodesValues } from "../Tree/get-children-nodes-values/get-children-nodes-values.mjs";
+import { getAllCheckedNodes } from "../Tree/get-all-checked-nodes/get-all-checked-nodes.mjs";
+import { isNodeChecked } from "../Tree/is-node-checked/is-node-checked.mjs";
+//#region packages/@mantine/core/src/components/TreeSelect/get-checked-values-by-strategy.ts
+function expandToLeafChecked(value, data) {
+	const leaves = /* @__PURE__ */ new Set();
+	for (const v of value) for (const leaf of getChildrenNodesValues(v, data)) leaves.add(leaf);
+	return Array.from(leaves);
+}
+function getTopmostCheckedParents(data, checkedState) {
+	const result = [];
+	for (const node of data) if (isNodeChecked(node.value, data, checkedState)) result.push(node.value);
+	else if (Array.isArray(node.children) && node.children.length > 0) result.push(...getTopmostCheckedParents(node.children, checkedState));
+	return result;
+}
+function checkedToValue(checkedState, data, strategy) {
+	if (checkedState.length === 0) return [];
+	switch (strategy) {
+		case "child": return checkedState;
+		case "all": return getAllCheckedNodes(data, checkedState).result.filter((n) => n.checked).map((n) => n.value);
+		case "parent": return getTopmostCheckedParents(data, checkedState);
+		default: return checkedState;
+	}
+}
+//#endregion
+export { checkedToValue, expandToLeafChecked };
+
+//# sourceMappingURL=get-checked-values-by-strategy.mjs.map

package/esm/components/TreeSelect/get-checked-values-by-strategy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-checked-values-by-strategy.mjs","names":[],"sources":["../../../src/components/TreeSelect/get-checked-values-by-strategy.ts"],"sourcesContent":["import type { TreeNodeData } from '../Tree';\nimport { getAllCheckedNodes } from '../Tree/get-all-checked-nodes/get-all-checked-nodes';\nimport { getChildrenNodesValues } from '../Tree/get-children-nodes-values/get-children-nodes-values';\nimport { isNodeChecked } from '../Tree/is-node-checked/is-node-checked';\n\nexport type CheckedStrategy = 'all' | 'parent' | 'child';\n\nexport function expandToLeafChecked(value: string[], data: TreeNodeData[]): string[] {\n  const leaves = new Set<string>();\n  for (const v of value) {\n    for (const leaf of getChildrenNodesValues(v, data)) {\n      leaves.add(leaf);\n    }\n  }\n  return Array.from(leaves);\n}\n\nfunction getTopmostCheckedParents(data: TreeNodeData[], checkedState: string[]): string[] {\n  const result: string[] = [];\n  for (const node of data) {\n    if (isNodeChecked(node.value, data, checkedState)) {\n      result.push(node.value);\n    } else if (Array.isArray(node.children) && node.children.length > 0) {\n      result.push(...getTopmostCheckedParents(node.children, checkedState));\n    }\n  }\n  return result;\n}\n\nexport function checkedToValue(\n  checkedState: string[],\n  data: TreeNodeData[],\n  strategy: CheckedStrategy\n): string[] {\n  if (checkedState.length === 0) {\n    return [];\n  }\n\n  switch (strategy) {\n    case 'child':\n      return checkedState;\n    case 'all':\n      return getAllCheckedNodes(data, checkedState)\n        .result.filter((n) => n.checked)\n        .map((n) => n.value);\n    case 'parent':\n      return getTopmostCheckedParents(data, checkedState);\n    default:\n      return checkedState;\n  }\n}\n"],"mappings":";;;;;AAOA,SAAgB,oBAAoB,OAAiB,MAAgC;CACnF,MAAM,yBAAS,IAAI,IAAY;CAC/B,KAAK,MAAM,KAAK,OACd,KAAK,MAAM,QAAQ,uBAAuB,GAAG,IAAI,GAC/C,OAAO,IAAI,IAAI;CAGnB,OAAO,MAAM,KAAK,MAAM;AAC1B;AAEA,SAAS,yBAAyB,MAAsB,cAAkC;CACxF,MAAM,SAAmB,CAAC;CAC1B,KAAK,MAAM,QAAQ,MACjB,IAAI,cAAc,KAAK,OAAO,MAAM,YAAY,GAC9C,OAAO,KAAK,KAAK,KAAK;MACjB,IAAI,MAAM,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,SAAS,GAChE,OAAO,KAAK,GAAG,yBAAyB,KAAK,UAAU,YAAY,CAAC;CAGxE,OAAO;AACT;AAEA,SAAgB,eACd,cACA,MACA,UACU;CACV,IAAI,aAAa,WAAW,GAC1B,OAAO,CAAC;CAGV,QAAQ,UAAR;EACE,KAAK,SACH,OAAO;EACT,KAAK,OACH,OAAO,mBAAmB,MAAM,YAAY,EACzC,OAAO,QAAQ,MAAM,EAAE,OAAO,EAC9B,KAAK,MAAM,EAAE,KAAK;EACvB,KAAK,UACH,OAAO,yBAAyB,MAAM,YAAY;EACpD,SACE,OAAO;CACX;AACF"}

package/esm/components/Typography/Typography.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.mjs","names":["classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n  extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n  props: TypographyProps;\n  ref: HTMLDivElement;\n  stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n  const props = useProps('Typography', null, _props);\n  const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n  const getStyles = useStyles<TypographyFactory>({\n    name: 'Typography',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n\nexport namespace Typography {\n  export type Props = TypographyProps;\n  export type StylesNames = TypographyStylesNames;\n  export type Factory = TypographyFactory;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,MAAM,OAAO;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;AAclF,QAAO,oBAAC,KAAD;EAAK,GAZM,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEwB,OAAO;EAAE,GAAI;EAAU,CAAA;EACjD;AAEF,WAAW,UAAUA;AACrB,WAAW,cAAc"}
+{"version":3,"file":"Typography.mjs","names":["classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n  extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n  props: TypographyProps;\n  ref: HTMLDivElement;\n  stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n  const props = useProps('Typography', null, _props);\n  const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n  const getStyles = useStyles<TypographyFactory>({\n    name: 'Typography',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n\nexport namespace Typography {\n  export type Props = TypographyProps;\n  export type StylesNames = TypographyStylesNames;\n  export type Factory = TypographyFactory;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;CAclF,OAAO,oBAAC,KAAD;EAAK,GAZM,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEwB,EAAE,MAAM;EAAG,GAAI;CAAS,CAAA;AAClD,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,cAAc"}

package/esm/components/UnstyledButton/UnstyledButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.mjs","names":["classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n  Box,\n  BoxComponentProps,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n  extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n  __staticSelector?: string;\n}\n\nconst defaultProps = {\n  __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n  props: UnstyledButtonProps;\n  stylesNames: UnstyledButtonStylesNames;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n  (_props: UnstyledButtonProps & { component?: any }) => {\n    const props = useProps('UnstyledButton', defaultProps, _props);\n    const {\n      className,\n      component = 'button',\n      __staticSelector,\n      unstyled,\n      classNames,\n      styles,\n      style,\n      attributes,\n      ...others\n    } = props;\n\n    const getStyles = useStyles<UnstyledButtonFactory>({\n      name: __staticSelector,\n      props,\n      classes,\n      className,\n      style,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n    });\n\n    return (\n      <Box\n        {...getStyles('root', { focusable: true })}\n        component={component}\n        type={component === 'button' ? 'button' : undefined}\n        {...others}\n      />\n    );\n  }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n  export type Props = UnstyledButtonProps;\n  export type StylesNames = UnstyledButtonStylesNames;\n  export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,kBACnB;AASD,MAAa,iBAAiB,oBAC3B,WAAsD;CACrD,MAAM,QAAQ,SAAS,kBAAkB,cAAc,OAAO;CAC9D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;AAcJ,QACE,oBAAC,KAAD;EACE,GAdc,UAAiC;GACjD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAIgB,QAAQ,EAAE,WAAW,MAAM,CAAC;EAC/B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;EACJ,CAAA;EAGP;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"UnstyledButton.mjs","names":["classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n  Box,\n  BoxComponentProps,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n  extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n  __staticSelector?: string;\n}\n\nconst defaultProps = {\n  __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n  props: UnstyledButtonProps;\n  stylesNames: UnstyledButtonStylesNames;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n  (_props: UnstyledButtonProps & { component?: any }) => {\n    const props = useProps('UnstyledButton', defaultProps, _props);\n    const {\n      className,\n      component = 'button',\n      __staticSelector,\n      unstyled,\n      classNames,\n      styles,\n      style,\n      attributes,\n      ...others\n    } = props;\n\n    const getStyles = useStyles<UnstyledButtonFactory>({\n      name: __staticSelector,\n      props,\n      classes,\n      className,\n      style,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n    });\n\n    return (\n      <Box\n        {...getStyles('root', { focusable: true })}\n        component={component}\n        type={component === 'button' ? 'button' : undefined}\n        {...others}\n      />\n    );\n  }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n  export type Props = UnstyledButtonProps;\n  export type StylesNames = UnstyledButtonStylesNames;\n  export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AASA,MAAa,iBAAiB,oBAC3B,WAAsD;CACrD,MAAM,QAAQ,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;CAcJ,OACE,oBAAC,KAAD;EACE,GAdc,UAAiC;GACjD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAIgB,EAAE,QAAQ,EAAE,WAAW,KAAK,CAAC;EAC9B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;CACL,CAAA;AAEL,CACF;AAEA,eAAe,UAAUA;AACzB,eAAe,cAAc"}

package/esm/components/VisuallyHidden/VisuallyHidden.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.mjs","names":["classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n  extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n  props: VisuallyHiddenProps;\n  ref: HTMLSpanElement;\n  stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n  const props = useProps('VisuallyHidden', null, _props);\n  const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n  const getStyles = useStyles<VisuallyHiddenFactory>({\n    name: 'VisuallyHidden',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n  export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,QAAQ,SAAS,kBAAkB,MAAM,OAAO;CACtD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;AAcxF,QAAO,oBAAC,KAAD;EAAK,WAAU;EAAO,GAZX,UAAiC;GACjD,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEyC,OAAO;EAAE,GAAI;EAAU,CAAA;EAClE;AAEF,eAAe,UAAUA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"VisuallyHidden.mjs","names":["classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n  extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n  props: VisuallyHiddenProps;\n  ref: HTMLSpanElement;\n  stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n  const props = useProps('VisuallyHidden', null, _props);\n  const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n  const getStyles = useStyles<VisuallyHiddenFactory>({\n    name: 'VisuallyHidden',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n  export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,QAAQ,SAAS,kBAAkB,MAAM,MAAM;CACrD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAcxF,OAAO,oBAAC,KAAD;EAAK,WAAU;EAAO,GAZX,UAAiC;GACjD,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEyC,EAAE,MAAM;EAAG,GAAI;CAAS,CAAA;AACnE,CAAC;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}

package/esm/core/Box/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","names":[],"sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphic } from '../factory';\nimport { hashStyleProps, InlineStyles } from '../InlineStyles';\nimport {\n  MantineBreakpoint,\n  useMantineDeduplicateInlineStyles,\n  useMantineSxTransform,\n  useMantineTheme,\n} from '../MantineProvider';\nimport { isNumberLike } from '../utils';\nimport type { CssVarsProp, MantineStyleProp } from './Box.types';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport {\n  extractStyleProps,\n  MantineStyleProps,\n  parseStyleProps,\n  STYlE_PROPS_DATA,\n} from './style-props';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n  /** Class added to the root element, if applicable */\n  className?: string;\n\n  /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n  style?: MantineStyleProp;\n\n  /** CSS variables defined on root component element */\n  __vars?: CssVarsProp;\n\n  /** `size` property passed down the HTML element */\n  __size?: string;\n\n  /** Breakpoint above which the component is hidden with `display: none` */\n  hiddenFrom?: MantineBreakpoint;\n\n  /** Breakpoint below which the component is hidden with `display: none` */\n  visibleFrom?: MantineBreakpoint;\n\n  /** Determines whether component should be hidden in light color scheme with `display: none` */\n  lightHidden?: boolean;\n\n  /** Determines whether component should be hidden in dark color scheme with `display: none` */\n  darkHidden?: boolean;\n\n  /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n  mod?: BoxMod;\n}\n\nexport type ElementProps<\n  ElementType extends React.ElementType,\n  PropsToOmit extends string = never,\n> = Omit<React.ComponentProps<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n  /** Variant passed from parent component, sets `data-variant` */\n  variant?: string;\n\n  /** Size passed from parent component, sets `data-size` if value is not number like */\n  size?: string | number;\n}\n\nfunction _Box({\n  component,\n  style,\n  __vars,\n  className,\n  variant,\n  mod,\n  size,\n  hiddenFrom,\n  visibleFrom,\n  lightHidden,\n  darkHidden,\n  renderRoot,\n  __size,\n  ref,\n  ...others\n}: BoxComponentProps & { component: any; className: string; renderRoot: any; ref: any }) {\n  const theme = useMantineTheme();\n  const Element = component || 'div';\n  const { styleProps, rest } = extractStyleProps(others);\n  const useSxTransform = useMantineSxTransform();\n  const transformedSx = useSxTransform?.()?.(styleProps.sx);\n  const randomClassName = useRandomClassName();\n  const parsedStyleProps = parseStyleProps({\n    styleProps,\n    theme,\n    data: STYlE_PROPS_DATA,\n  });\n\n  const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n  const responsiveClassName =\n    deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n      ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n      : randomClassName;\n\n  const props = {\n    ref,\n    style: getBoxStyle({\n      theme,\n      style,\n      vars: __vars,\n      styleProps: parsedStyleProps.inlineStyles,\n    }),\n    className: cx(className, transformedSx, {\n      [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n      'mantine-light-hidden': lightHidden,\n      'mantine-dark-hidden': darkHidden,\n      [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n      [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n    }),\n    'data-variant': variant,\n    'data-size': isNumberLike(size) ? undefined : size || undefined,\n    size: __size,\n    ...getBoxMod(mod),\n    ...rest,\n  };\n\n  return (\n    <>\n      {parsedStyleProps.hasResponsiveStyles && (\n        <InlineStyles\n          selector={`.${responsiveClassName}`}\n          styles={parsedStyleProps.styles}\n          media={parsedStyleProps.media}\n          deduplicate={deduplicateInlineStyles}\n        />\n      )}\n\n      {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n    </>\n  );\n}\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = polymorphic<'div', BoxComponentProps>(_Box);\n"],"mappings":";;;;;;;;;;;;;;;;AAkEA,SAAS,KAAK,EACZ,WACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,YACA,QACA,KACA,GAAG,UACoF;CACvF,MAAM,QAAQ,iBAAiB;CAC/B,MAAM,UAAU,aAAa;CAC7B,MAAM,EAAE,YAAY,SAAS,kBAAkB,OAAO;CAEtD,MAAM,gBADiB,uBAAuB,IACN,GAAG,WAAW,GAAG;CACzD,MAAM,kBAAkB,oBAAoB;CAC5C,MAAM,mBAAmB,gBAAgB;EACvC;EACA;EACA,MAAM;EACP,CAAC;CAEF,MAAM,0BAA0B,mCAAmC;CACnE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxC,eAAe,iBAAiB,QAAQ,iBAAiB,MAAM,GAC/D;CAEN,MAAM,QAAQ;EACZ;EACA,OAAO,YAAY;GACjB;GACA;GACA,MAAM;GACN,YAAY,iBAAiB;GAC9B,CAAC;EACF,WAAW,GAAG,WAAW,eAAe;IACrC,sBAAsB,iBAAiB;GACxC,wBAAwB;GACxB,uBAAuB;IACtB,uBAAuB,eAAe;IACtC,wBAAwB,gBAAgB;GAC1C,CAAC;EACF,gBAAgB;EAChB,aAAa,aAAa,KAAK,GAAG,KAAA,IAAY,QAAQ,KAAA;EACtD,MAAM;EACN,GAAG,UAAU,IAAI;EACjB,GAAG;EACJ;AAED,QACE,qBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,oBAAC,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;EACb,CAAA,EAGH,OAAO,eAAe,aAAa,WAAW,MAAM,GAAG,oBAAC,SAAD,EAAS,GAAI,OAAS,CAAA,CAC7E,EAAA,CAAA;;AAIP,KAAK,cAAc;AAEnB,MAAa,MAAM,YAAsC,KAAK"}
+{"version":3,"file":"Box.mjs","names":[],"sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphic } from '../factory';\nimport { hashStyleProps, InlineStyles } from '../InlineStyles';\nimport {\n  MantineBreakpoint,\n  useMantineDeduplicateInlineStyles,\n  useMantineSxTransform,\n  useMantineTheme,\n} from '../MantineProvider';\nimport { isNumberLike } from '../utils';\nimport type { CssVarsProp, MantineStyleProp } from './Box.types';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport {\n  extractStyleProps,\n  MantineStyleProps,\n  parseStyleProps,\n  STYlE_PROPS_DATA,\n} from './style-props';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n  /** Class added to the root element, if applicable */\n  className?: string;\n\n  /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n  style?: MantineStyleProp;\n\n  /** CSS variables defined on root component element */\n  __vars?: CssVarsProp;\n\n  /** `size` property passed down the HTML element */\n  __size?: string;\n\n  /** Breakpoint above which the component is hidden with `display: none` */\n  hiddenFrom?: MantineBreakpoint;\n\n  /** Breakpoint below which the component is hidden with `display: none` */\n  visibleFrom?: MantineBreakpoint;\n\n  /** Determines whether component should be hidden in light color scheme with `display: none` */\n  lightHidden?: boolean;\n\n  /** Determines whether component should be hidden in dark color scheme with `display: none` */\n  darkHidden?: boolean;\n\n  /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n  mod?: BoxMod;\n}\n\nexport type ElementProps<\n  ElementType extends React.ElementType,\n  PropsToOmit extends string = never,\n> = Omit<React.ComponentProps<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n  /** Variant passed from parent component, sets `data-variant` */\n  variant?: string;\n\n  /** Size passed from parent component, sets `data-size` if value is not number like */\n  size?: string | number;\n}\n\nfunction _Box({\n  component,\n  style,\n  __vars,\n  className,\n  variant,\n  mod,\n  size,\n  hiddenFrom,\n  visibleFrom,\n  lightHidden,\n  darkHidden,\n  renderRoot,\n  __size,\n  ref,\n  ...others\n}: BoxComponentProps & { component: any; className: string; renderRoot: any; ref: any }) {\n  const theme = useMantineTheme();\n  const Element = component || 'div';\n  const { styleProps, rest } = extractStyleProps(others);\n  const useSxTransform = useMantineSxTransform();\n  const transformedSx = useSxTransform?.()?.(styleProps.sx);\n  const randomClassName = useRandomClassName();\n  const parsedStyleProps = parseStyleProps({\n    styleProps,\n    theme,\n    data: STYlE_PROPS_DATA,\n  });\n\n  const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n  const responsiveClassName =\n    deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n      ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n      : randomClassName;\n\n  const props = {\n    ref,\n    style: getBoxStyle({\n      theme,\n      style,\n      vars: __vars,\n      styleProps: parsedStyleProps.inlineStyles,\n    }),\n    className: cx(className, transformedSx, {\n      [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n      'mantine-light-hidden': lightHidden,\n      'mantine-dark-hidden': darkHidden,\n      [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n      [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n    }),\n    'data-variant': variant,\n    'data-size': isNumberLike(size) ? undefined : size || undefined,\n    size: __size,\n    ...getBoxMod(mod),\n    ...rest,\n  };\n\n  return (\n    <>\n      {parsedStyleProps.hasResponsiveStyles && (\n        <InlineStyles\n          selector={`.${responsiveClassName}`}\n          styles={parsedStyleProps.styles}\n          media={parsedStyleProps.media}\n          deduplicate={deduplicateInlineStyles}\n        />\n      )}\n\n      {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n    </>\n  );\n}\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = polymorphic<'div', BoxComponentProps>(_Box);\n"],"mappings":";;;;;;;;;;;;;;;;AAkEA,SAAS,KAAK,EACZ,WACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,YACA,QACA,KACA,GAAG,UACoF;CACvF,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,UAAU,aAAa;CAC7B,MAAM,EAAE,YAAY,SAAS,kBAAkB,MAAM;CAErD,MAAM,gBADiB,sBACY,IAAI,IAAI,WAAW,EAAE;CACxD,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,mBAAmB,gBAAgB;EACvC;EACA;EACA,MAAM;CACR,CAAC;CAED,MAAM,0BAA0B,kCAAkC;CAClE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxC,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAC9D;CAEN,MAAM,QAAQ;EACZ;EACA,OAAO,YAAY;GACjB;GACA;GACA,MAAM;GACN,YAAY,iBAAiB;EAC/B,CAAC;EACD,WAAW,GAAG,WAAW,eAAe;IACrC,sBAAsB,iBAAiB;GACxC,wBAAwB;GACxB,uBAAuB;IACtB,uBAAuB,eAAe;IACtC,wBAAwB,gBAAgB;EAC3C,CAAC;EACD,gBAAgB;EAChB,aAAa,aAAa,IAAI,IAAI,KAAA,IAAY,QAAQ,KAAA;EACtD,MAAM;EACN,GAAG,UAAU,GAAG;EAChB,GAAG;CACL;CAEA,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,oBAAC,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;CACd,CAAA,GAGF,OAAO,eAAe,aAAa,WAAW,KAAK,IAAI,oBAAC,SAAD,EAAS,GAAI,MAAQ,CAAA,CAC7E,EAAA,CAAA;AAEN;AAEA,KAAK,cAAc;AAEnB,MAAa,MAAM,YAAsC,IAAI"}

package/esm/core/Box/get-box-mod/get-box-mod.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-mod.mjs","names":[],"sources":["../../../../src/core/Box/get-box-mod/get-box-mod.ts"],"sourcesContent":["function transformModKey(key: string) {\n  const cleanKey = key.startsWith('data-') ? key.slice(5) : key;\n  const kebabKey = cleanKey.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n  return `data-${kebabKey}`;\n}\n\nexport function getMod(props: Record<string, any>) {\n  return Object.keys(props).reduce<Record<string, any>>((acc, key) => {\n    const value = props[key];\n\n    if (value === undefined || value === '' || value === false || value === null) {\n      return acc;\n    }\n\n    acc[transformModKey(key)] = props[key];\n    return acc;\n  }, {});\n}\n\nexport function getBoxMod(mod?: any): Record<string, any> | null {\n  if (!mod) {\n    return null;\n  }\n\n  if (typeof mod === 'string') {\n    return { [transformModKey(mod)]: true };\n  }\n\n  if (Array.isArray(mod)) {\n    return [...mod].reduce<Record<`data-${string}`, any>>(\n      (acc, value) => ({ ...acc, ...getBoxMod(value) }),\n      {}\n    );\n  }\n\n  return getMod(mod);\n}\n"],"mappings":";;AAAA,SAAS,gBAAgB,KAAa;AAGpC,QAAO,SAFU,IAAI,WAAW,QAAQ,GAAG,IAAI,MAAM,EAAE,GAAG,KAChC,QAAQ,mBAAmB,QAAQ,CAAC,aAAa;;AAI7E,SAAgB,OAAO,OAA4B;AACjD,QAAO,OAAO,KAAK,MAAM,CAAC,QAA6B,KAAK,QAAQ;EAClE,MAAM,QAAQ,MAAM;AAEpB,MAAI,UAAU,KAAA,KAAa,UAAU,MAAM,UAAU,SAAS,UAAU,KACtE,QAAO;AAGT,MAAI,gBAAgB,IAAI,IAAI,MAAM;AAClC,SAAO;IACN,EAAE,CAAC;;AAGR,SAAgB,UAAU,KAAuC;AAC/D,KAAI,CAAC,IACH,QAAO;AAGT,KAAI,OAAO,QAAQ,SACjB,QAAO,GAAG,gBAAgB,IAAI,GAAG,MAAM;AAGzC,KAAI,MAAM,QAAQ,IAAI,CACpB,QAAO,CAAC,GAAG,IAAI,CAAC,QACb,KAAK,WAAW;EAAE,GAAG;EAAK,GAAG,UAAU,MAAM;EAAE,GAChD,EAAE,CACH;AAGH,QAAO,OAAO,IAAI"}
+{"version":3,"file":"get-box-mod.mjs","names":[],"sources":["../../../../src/core/Box/get-box-mod/get-box-mod.ts"],"sourcesContent":["function transformModKey(key: string) {\n  const cleanKey = key.startsWith('data-') ? key.slice(5) : key;\n  const kebabKey = cleanKey.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n  return `data-${kebabKey}`;\n}\n\nexport function getMod(props: Record<string, any>) {\n  return Object.keys(props).reduce<Record<string, any>>((acc, key) => {\n    const value = props[key];\n\n    if (value === undefined || value === '' || value === false || value === null) {\n      return acc;\n    }\n\n    acc[transformModKey(key)] = props[key];\n    return acc;\n  }, {});\n}\n\nexport function getBoxMod(mod?: any): Record<string, any> | null {\n  if (!mod) {\n    return null;\n  }\n\n  if (typeof mod === 'string') {\n    return { [transformModKey(mod)]: true };\n  }\n\n  if (Array.isArray(mod)) {\n    return [...mod].reduce<Record<`data-${string}`, any>>(\n      (acc, value) => ({ ...acc, ...getBoxMod(value) }),\n      {}\n    );\n  }\n\n  return getMod(mod);\n}\n"],"mappings":";;AAAA,SAAS,gBAAgB,KAAa;CAGpC,OAAO,SAFU,IAAI,WAAW,OAAO,IAAI,IAAI,MAAM,CAAC,IAAI,KAChC,QAAQ,mBAAmB,OAAO,EAAE,YACxC;AACxB;AAEA,SAAgB,OAAO,OAA4B;CACjD,OAAO,OAAO,KAAK,KAAK,EAAE,QAA6B,KAAK,QAAQ;EAClE,MAAM,QAAQ,MAAM;EAEpB,IAAI,UAAU,KAAA,KAAa,UAAU,MAAM,UAAU,SAAS,UAAU,MACtE,OAAO;EAGT,IAAI,gBAAgB,GAAG,KAAK,MAAM;EAClC,OAAO;CACT,GAAG,CAAC,CAAC;AACP;AAEA,SAAgB,UAAU,KAAuC;CAC/D,IAAI,CAAC,KACH,OAAO;CAGT,IAAI,OAAO,QAAQ,UACjB,OAAO,GAAG,gBAAgB,GAAG,IAAI,KAAK;CAGxC,IAAI,MAAM,QAAQ,GAAG,GACnB,OAAO,CAAC,GAAG,GAAG,EAAE,QACb,KAAK,WAAW;EAAE,GAAG;EAAK,GAAG,UAAU,KAAK;CAAE,IAC/C,CAAC,CACH;CAGF,OAAO,OAAO,GAAG;AACnB"}

package/esm/core/Box/get-box-style/get-box-style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-box-style.mjs","names":[],"sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { CssVarsProp, MantineStyleProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n  theme: MantineTheme;\n  styleProps: React.CSSProperties;\n  style?: MantineStyleProp;\n  vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n  styles: MantineStyleProp | CssVarsProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme);\n  }\n\n  if (styles == null) {\n    return {};\n  }\n\n  return styles;\n}\n\nexport function getBoxStyle({\n  theme,\n  style,\n  vars,\n  styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n  const _style = mergeStyles(style, theme);\n  const _vars = mergeStyles(vars, theme);\n  return { ..._style, ..._vars, ...styleProps };\n}\n"],"mappings":";;AAUA,SAAS,YACP,QACA,OACqB;AACrB,KAAI,MAAM,QAAQ,OAAO,CACvB,QAAO,CAAC,GAAG,OAAO,CAAC,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,MAAM;EAAE,GACvD,EAAE,CACH;AAGH,KAAI,OAAO,WAAW,WACpB,QAAO,OAAO,MAAM;AAGtB,KAAI,UAAU,KACZ,QAAO,EAAE;AAGX,QAAO;;AAGT,SAAgB,YAAY,EAC1B,OACA,OACA,MACA,cAC0C;CAC1C,MAAM,SAAS,YAAY,OAAO,MAAM;CACxC,MAAM,QAAQ,YAAY,MAAM,MAAM;AACtC,QAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;EAAY"}
+{"version":3,"file":"get-box-style.mjs","names":[],"sources":["../../../../src/core/Box/get-box-style/get-box-style.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { CssVarsProp, MantineStyleProp } from '../Box.types';\n\ninterface GetBoxStyleOptions {\n  theme: MantineTheme;\n  styleProps: React.CSSProperties;\n  style?: MantineStyleProp;\n  vars?: CssVarsProp;\n}\n\nfunction mergeStyles(\n  styles: MantineStyleProp | CssVarsProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(styles)) {\n    return [...styles].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...mergeStyles(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof styles === 'function') {\n    return styles(theme);\n  }\n\n  if (styles == null) {\n    return {};\n  }\n\n  return styles;\n}\n\nexport function getBoxStyle({\n  theme,\n  style,\n  vars,\n  styleProps,\n}: GetBoxStyleOptions): React.CSSProperties {\n  const _style = mergeStyles(style, theme);\n  const _vars = mergeStyles(vars, theme);\n  return { ..._style, ..._vars, ...styleProps };\n}\n"],"mappings":";;AAUA,SAAS,YACP,QACA,OACqB;CACrB,IAAI,MAAM,QAAQ,MAAM,GACtB,OAAO,CAAC,GAAG,MAAM,EAAE,QAChB,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,YAAY,MAAM,KAAK;CAAE,IACtD,CAAC,CACH;CAGF,IAAI,OAAO,WAAW,YACpB,OAAO,OAAO,KAAK;CAGrB,IAAI,UAAU,MACZ,OAAO,CAAC;CAGV,OAAO;AACT;AAEA,SAAgB,YAAY,EAC1B,OACA,OACA,MACA,cAC0C;CAC1C,MAAM,SAAS,YAAY,OAAO,KAAK;CACvC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,OAAO;EAAE,GAAG;EAAQ,GAAG;EAAO,GAAG;CAAW;AAC9C"}

package/esm/core/Box/get-style-object/get-style-object.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-style-object.mjs","names":[],"sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n  style: MantineStyleProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"mappings":";;AAGA,SAAgB,eACd,OACA,OACqB;AACrB,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,CAAC,GAAG,MAAM,CAAC,QACf,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,eAAe,MAAM,MAAM;EAAE,GAC1D,EAAE,CACH;AAGH,KAAI,OAAO,UAAU,WACnB,QAAO,MAAM,MAAM;AAGrB,KAAI,SAAS,KACX,QAAO,EAAE;AAGX,QAAO"}
+{"version":3,"file":"get-style-object.mjs","names":[],"sources":["../../../../src/core/Box/get-style-object/get-style-object.ts"],"sourcesContent":["import type { MantineTheme } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../Box.types';\n\nexport function getStyleObject(\n  style: MantineStyleProp | undefined,\n  theme: MantineTheme\n): React.CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...getStyleObject(item, theme) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"mappings":";;AAGA,SAAgB,eACd,OACA,OACqB;CACrB,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,CAAC,GAAG,KAAK,EAAE,QACf,KAAK,UAAU;EAAE,GAAG;EAAK,GAAG,eAAe,MAAM,KAAK;CAAE,IACzD,CAAC,CACH;CAGF,IAAI,OAAO,UAAU,YACnB,OAAO,MAAM,KAAK;CAGpB,IAAI,SAAS,MACX,OAAO,CAAC;CAGV,OAAO;AACT"}

package/esm/core/Box/style-props/extract-style-props/extract-style-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-style-props.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils';\nimport type { MantineStyleProps } from '../style-props.types';\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: MantineStyleProps & T\n): { styleProps: MantineStyleProps & { sx?: any }; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pe,\n    ps,\n    pis,\n    pie,\n    bd,\n    bdrs,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n    ...rest\n  } = others;\n\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pis,\n    pie,\n    pe,\n    ps,\n    bd,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    bdrs,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n  });\n\n  return { styleProps, rest: rest as unknown as T };\n}\n"],"mappings":";;;AAGA,SAAgB,kBACd,QAC2D;CAC3D,MAAM,EACJ,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,IACA,MACA,IACA,GACA,SACA,IACA,IACA,IACA,KACA,IACA,IACA,IACA,IACA,IACA,GACA,KACA,KACA,GACA,KACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,QACA,OACA,OACA,SACA,MACA,YACA,aACA,aACA,YACA,IACA,GAAG,SACD;AAgEJ,QAAO;EAAE,YA9DU,YAAY;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EAEyB;EAAsB"}
+{"version":3,"file":"extract-style-props.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/extract-style-props/extract-style-props.ts"],"sourcesContent":["import { filterProps } from '../../../utils';\nimport type { MantineStyleProps } from '../style-props.types';\n\nexport function extractStyleProps<T extends Record<string, any>>(\n  others: MantineStyleProps & T\n): { styleProps: MantineStyleProps & { sx?: any }; rest: T } {\n  const {\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pe,\n    ps,\n    pis,\n    pie,\n    bd,\n    bdrs,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n    ...rest\n  } = others;\n\n  const styleProps = filterProps({\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    me,\n    ms,\n    mis,\n    mie,\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    pis,\n    pie,\n    pe,\n    ps,\n    bd,\n    bg,\n    c,\n    opacity,\n    ff,\n    fz,\n    fw,\n    lts,\n    ta,\n    lh,\n    fs,\n    tt,\n    td,\n    w,\n    miw,\n    maw,\n    h,\n    mih,\n    mah,\n    bgsz,\n    bgp,\n    bgr,\n    bga,\n    pos,\n    top,\n    left,\n    bottom,\n    right,\n    inset,\n    display,\n    flex,\n    bdrs,\n    hiddenFrom,\n    visibleFrom,\n    lightHidden,\n    darkHidden,\n    sx,\n  });\n\n  return { styleProps, rest: rest as unknown as T };\n}\n"],"mappings":";;;AAGA,SAAgB,kBACd,QAC2D;CAC3D,MAAM,EACJ,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,KACA,IACA,MACA,IACA,GACA,SACA,IACA,IACA,IACA,KACA,IACA,IACA,IACA,IACA,IACA,GACA,KACA,KACA,GACA,KACA,KACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,QACA,OACA,OACA,SACA,MACA,YACA,aACA,aACA,YACA,IACA,GAAG,SACD;CAgEJ,OAAO;EAAE,YA9DU,YAAY;GAC7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEkB;EAAS;CAAqB;AAClD"}

package/esm/core/Box/style-props/parse-style-props/parse-style-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"parse-style-props.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { MantineTheme } from '../../../MantineProvider';\nimport { keys } from '../../../utils';\nimport { resolvers } from '../resolvers';\nimport type { SystemPropData } from '../style-props-data';\nimport type { StyleProp } from '../style-props.types';\nimport { sortMediaQueries, SortMediaQueriesResult } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n  if (typeof styleProp !== 'object' || styleProp === null) {\n    return false;\n  }\n\n  const breakpoints = Object.keys(styleProp);\n\n  if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    if ('base' in value) {\n      return value.base;\n    }\n\n    return undefined;\n  }\n\n  return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    return keys(value).filter((key) => key !== 'base');\n  }\n\n  return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n  if (typeof value === 'object' && value !== null && breakpoint in value) {\n    return value[breakpoint as keyof typeof value];\n  }\n\n  return value;\n}\n\ninterface ParseStylePropsOptions {\n  styleProps: Record<string, StyleProp<any>>;\n  theme: MantineTheme;\n  data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n  hasResponsiveStyles: boolean;\n  inlineStyles: React.CSSProperties;\n  styles: React.CSSProperties;\n  media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n  styleProps,\n  data,\n  theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n  return sortMediaQueries(\n    keys(styleProps).reduce<{\n      hasResponsiveStyles: boolean;\n      inlineStyles: Record<string, unknown>;\n      styles: Record<string, unknown>;\n      media: Record<string, Record<string, unknown>>;\n    }>(\n      (acc, styleProp) => {\n        if (\n          (styleProp as string) === 'hiddenFrom' ||\n          (styleProp as string) === 'visibleFrom' ||\n          (styleProp as string) === 'sx'\n        ) {\n          return acc;\n        }\n\n        const propertyData = data[styleProp];\n        const properties = Array.isArray(propertyData.property)\n          ? propertyData.property\n          : [propertyData.property];\n        const baseValue = getBaseValue(styleProps[styleProp]);\n\n        if (!hasResponsiveStyles(styleProps[styleProp])) {\n          properties.forEach((property) => {\n            acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n          });\n\n          return acc;\n        }\n\n        acc.hasResponsiveStyles = true;\n\n        const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n        properties.forEach((property) => {\n          if (baseValue != null) {\n            acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n          }\n\n          breakpoints.forEach((breakpoint) => {\n            const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n            acc.media[bp] = {\n              ...acc.media[bp],\n              [property]: resolvers[propertyData.type](\n                getBreakpointValue(styleProps[styleProp], breakpoint),\n                theme\n              ),\n            };\n          });\n        });\n\n        return acc;\n      },\n      {\n        hasResponsiveStyles: false,\n        styles: {},\n        inlineStyles: {},\n        media: {},\n      }\n    )\n  );\n}\n"],"mappings":";;;;;AAOA,SAAS,oBAAoB,WAA+B;AAC1D,KAAI,OAAO,cAAc,YAAY,cAAc,KACjD,QAAO;CAGT,MAAM,cAAc,OAAO,KAAK,UAAU;AAE1C,KAAI,YAAY,WAAW,KAAK,YAAY,OAAO,OACjD,QAAO;AAGT,QAAO;;AAGT,SAAS,aAAa,OAA2B;AAC/C,KAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,MAAI,UAAU,MACZ,QAAO,MAAM;AAGf;;AAGF,QAAO;;AAGT,SAAS,kBAAkB,OAA2B;AACpD,KAAI,OAAO,UAAU,YAAY,UAAU,KACzC,QAAO,KAAK,MAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO;AAGpD,QAAO,EAAE;;AAGX,SAAS,mBAAmB,OAA2B,YAAoB;AACzE,KAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,MAC/D,QAAO,MAAM;AAGf,QAAO;;AAgBT,SAAgB,gBAAgB,EAC9B,YACA,MACA,SACiD;AACjD,QAAO,iBACL,KAAK,WAAW,CAAC,QAMd,KAAK,cAAc;AAClB,MACG,cAAyB,gBACzB,cAAyB,iBACzB,cAAyB,KAE1B,QAAO;EAGT,MAAM,eAAe,KAAK;EAC1B,MAAM,aAAa,MAAM,QAAQ,aAAa,SAAS,GACnD,aAAa,WACb,CAAC,aAAa,SAAS;EAC3B,MAAM,YAAY,aAAa,WAAW,WAAW;AAErD,MAAI,CAAC,oBAAoB,WAAW,WAAW,EAAE;AAC/C,cAAW,SAAS,aAAa;AAC/B,QAAI,aAAa,YAAY,UAAU,aAAa,MAAM,WAAW,MAAM;KAC3E;AAEF,UAAO;;AAGT,MAAI,sBAAsB;EAE1B,MAAM,cAAc,kBAAkB,WAAW,WAAW;AAE5D,aAAW,SAAS,aAAa;AAC/B,OAAI,aAAa,KACf,KAAI,OAAO,YAAY,UAAU,aAAa,MAAM,WAAW,MAAM;AAGvE,eAAY,SAAS,eAAe;IAClC,MAAM,KAAK,eAAe,MAAM,YAAY,YAAY;AACxD,QAAI,MAAM,MAAM;KACd,GAAG,IAAI,MAAM;MACZ,WAAW,UAAU,aAAa,MACjC,mBAAmB,WAAW,YAAY,WAAW,EACrD,MACD;KACF;KACD;IACF;AAEF,SAAO;IAET;EACE,qBAAqB;EACrB,QAAQ,EAAE;EACV,cAAc,EAAE;EAChB,OAAO,EAAE;EACV,CACF,CACF"}
+{"version":3,"file":"parse-style-props.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { MantineTheme } from '../../../MantineProvider';\nimport { keys } from '../../../utils';\nimport { resolvers } from '../resolvers';\nimport type { SystemPropData } from '../style-props-data';\nimport type { StyleProp } from '../style-props.types';\nimport { sortMediaQueries, SortMediaQueriesResult } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n  if (typeof styleProp !== 'object' || styleProp === null) {\n    return false;\n  }\n\n  const breakpoints = Object.keys(styleProp);\n\n  if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n    return false;\n  }\n\n  return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    if ('base' in value) {\n      return value.base;\n    }\n\n    return undefined;\n  }\n\n  return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n  if (typeof value === 'object' && value !== null) {\n    return keys(value).filter((key) => key !== 'base');\n  }\n\n  return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n  if (typeof value === 'object' && value !== null && breakpoint in value) {\n    return value[breakpoint as keyof typeof value];\n  }\n\n  return value;\n}\n\ninterface ParseStylePropsOptions {\n  styleProps: Record<string, StyleProp<any>>;\n  theme: MantineTheme;\n  data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n  hasResponsiveStyles: boolean;\n  inlineStyles: React.CSSProperties;\n  styles: React.CSSProperties;\n  media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n  styleProps,\n  data,\n  theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n  return sortMediaQueries(\n    keys(styleProps).reduce<{\n      hasResponsiveStyles: boolean;\n      inlineStyles: Record<string, unknown>;\n      styles: Record<string, unknown>;\n      media: Record<string, Record<string, unknown>>;\n    }>(\n      (acc, styleProp) => {\n        if (\n          (styleProp as string) === 'hiddenFrom' ||\n          (styleProp as string) === 'visibleFrom' ||\n          (styleProp as string) === 'sx'\n        ) {\n          return acc;\n        }\n\n        const propertyData = data[styleProp];\n        const properties = Array.isArray(propertyData.property)\n          ? propertyData.property\n          : [propertyData.property];\n        const baseValue = getBaseValue(styleProps[styleProp]);\n\n        if (!hasResponsiveStyles(styleProps[styleProp])) {\n          properties.forEach((property) => {\n            acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n          });\n\n          return acc;\n        }\n\n        acc.hasResponsiveStyles = true;\n\n        const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n        properties.forEach((property) => {\n          if (baseValue != null) {\n            acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n          }\n\n          breakpoints.forEach((breakpoint) => {\n            const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n            acc.media[bp] = {\n              ...acc.media[bp],\n              [property]: resolvers[propertyData.type](\n                getBreakpointValue(styleProps[styleProp], breakpoint),\n                theme\n              ),\n            };\n          });\n        });\n\n        return acc;\n      },\n      {\n        hasResponsiveStyles: false,\n        styles: {},\n        inlineStyles: {},\n        media: {},\n      }\n    )\n  );\n}\n"],"mappings":";;;;;AAOA,SAAS,oBAAoB,WAA+B;CAC1D,IAAI,OAAO,cAAc,YAAY,cAAc,MACjD,OAAO;CAGT,MAAM,cAAc,OAAO,KAAK,SAAS;CAEzC,IAAI,YAAY,WAAW,KAAK,YAAY,OAAO,QACjD,OAAO;CAGT,OAAO;AACT;AAEA,SAAS,aAAa,OAA2B;CAC/C,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM;EAC/C,IAAI,UAAU,OACZ,OAAO,MAAM;EAGf;CACF;CAEA,OAAO;AACT;AAEA,SAAS,kBAAkB,OAA2B;CACpD,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO,KAAK,KAAK,EAAE,QAAQ,QAAQ,QAAQ,MAAM;CAGnD,OAAO,CAAC;AACV;AAEA,SAAS,mBAAmB,OAA2B,YAAoB;CACzE,IAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,OAC/D,OAAO,MAAM;CAGf,OAAO;AACT;AAeA,SAAgB,gBAAgB,EAC9B,YACA,MACA,SACiD;CACjD,OAAO,iBACL,KAAK,UAAU,EAAE,QAMd,KAAK,cAAc;EAClB,IACG,cAAyB,gBACzB,cAAyB,iBACzB,cAAyB,MAE1B,OAAO;EAGT,MAAM,eAAe,KAAK;EAC1B,MAAM,aAAa,MAAM,QAAQ,aAAa,QAAQ,IAClD,aAAa,WACb,CAAC,aAAa,QAAQ;EAC1B,MAAM,YAAY,aAAa,WAAW,UAAU;EAEpD,IAAI,CAAC,oBAAoB,WAAW,UAAU,GAAG;GAC/C,WAAW,SAAS,aAAa;IAC/B,IAAI,aAAa,YAAY,UAAU,aAAa,MAAM,WAAW,KAAK;GAC5E,CAAC;GAED,OAAO;EACT;EAEA,IAAI,sBAAsB;EAE1B,MAAM,cAAc,kBAAkB,WAAW,UAAU;EAE3D,WAAW,SAAS,aAAa;GAC/B,IAAI,aAAa,MACf,IAAI,OAAO,YAAY,UAAU,aAAa,MAAM,WAAW,KAAK;GAGtE,YAAY,SAAS,eAAe;IAClC,MAAM,KAAK,eAAe,MAAM,YAAY,YAAY;IACxD,IAAI,MAAM,MAAM;KACd,GAAG,IAAI,MAAM;MACZ,WAAW,UAAU,aAAa,MACjC,mBAAmB,WAAW,YAAY,UAAU,GACpD,KACF;IACF;GACF,CAAC;EACH,CAAC;EAED,OAAO;CACT,GACA;EACE,qBAAqB;EACrB,QAAQ,CAAC;EACT,cAAc,CAAC;EACf,OAAO,CAAC;CACV,CACF,CACF;AACF"}

package/esm/core/Box/style-props/parse-style-props/sort-media-queries.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sort-media-queries.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import type { InlineStylesMediaQuery } from '../../../InlineStyles';\nimport type { ParseStylePropsResult } from './parse-style-props';\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n  media: InlineStylesMediaQuery[];\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '');\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media);\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }));\n\n  return { ...props, media: sortedMedia };\n}\n"],"mappings":";;AAOA,SAAS,kBAAkB,OAAe;AACxC,QAAO,MAAM,QAAQ,gBAAgB,GAAG,CAAC,QAAQ,OAAO,GAAG;;AAG7D,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,MAAM,CAEnC,MAAM,GAAG,MAAM,OAAO,kBAAkB,EAAE,CAAC,GAAG,OAAO,kBAAkB,EAAE,CAAC,CAAC,CAC3E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;EAAQ,EAAE;AAEpD,QAAO;EAAE,GAAG;EAAO,OAAO;EAAa"}
+{"version":3,"file":"sort-media-queries.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/parse-style-props/sort-media-queries.ts"],"sourcesContent":["import type { InlineStylesMediaQuery } from '../../../InlineStyles';\nimport type { ParseStylePropsResult } from './parse-style-props';\n\nexport interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {\n  media: InlineStylesMediaQuery[];\n}\n\nfunction replaceMediaQuery(query: string) {\n  return query.replace('(min-width: ', '').replace('em)', '');\n}\n\nexport function sortMediaQueries({\n  media,\n  ...props\n}: ParseStylePropsResult): SortMediaQueriesResult {\n  const breakpoints = Object.keys(media);\n  const sortedMedia = breakpoints\n    .sort((a, b) => Number(replaceMediaQuery(a)) - Number(replaceMediaQuery(b)))\n    .map((query) => ({ query, styles: media[query] }));\n\n  return { ...props, media: sortedMedia };\n}\n"],"mappings":";;AAOA,SAAS,kBAAkB,OAAe;CACxC,OAAO,MAAM,QAAQ,gBAAgB,EAAE,EAAE,QAAQ,OAAO,EAAE;AAC5D;AAEA,SAAgB,iBAAiB,EAC/B,OACA,GAAG,SAC6C;CAEhD,MAAM,cADc,OAAO,KAAK,KACF,EAC3B,MAAM,GAAG,MAAM,OAAO,kBAAkB,CAAC,CAAC,IAAI,OAAO,kBAAkB,CAAC,CAAC,CAAC,EAC1E,KAAK,WAAW;EAAE;EAAO,QAAQ,MAAM;CAAO,EAAE;CAEnD,OAAO;EAAE,GAAG;EAAO,OAAO;CAAY;AACxC"}

package/esm/core/Box/style-props/resolvers/border-resolver/border-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"border-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\nimport { colorResolver } from '../color-resolver/color-resolver';\n\nexport function borderResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    const [size, style, ...colorTuple] = value.split(' ').filter((val) => val.trim() !== '');\n    let result = `${rem(size)}`;\n    style && (result += ` ${style}`);\n    colorTuple.length > 0 && (result += ` ${colorResolver(colorTuple.join(' '), theme)}`);\n    return result.trim();\n  }\n\n  return value;\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAqB;AAClE,KAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM;AAGnB,KAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAAM,MAAM,IAAI,CAAC,QAAQ,QAAQ,IAAI,MAAM,KAAK,GAAG;EACxF,IAAI,SAAS,GAAG,IAAI,KAAK;AACzB,YAAU,UAAU,IAAI;AACxB,aAAW,SAAS,MAAM,UAAU,IAAI,cAAc,WAAW,KAAK,IAAI,EAAE,MAAM;AAClF,SAAO,OAAO,MAAM;;AAGtB,QAAO"}
+{"version":3,"file":"border-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/border-resolver/border-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\nimport { colorResolver } from '../color-resolver/color-resolver';\n\nexport function borderResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    const [size, style, ...colorTuple] = value.split(' ').filter((val) => val.trim() !== '');\n    let result = `${rem(size)}`;\n    style && (result += ` ${style}`);\n    colorTuple.length > 0 && (result += ` ${colorResolver(colorTuple.join(' '), theme)}`);\n    return result.trim();\n  }\n\n  return value;\n}\n"],"mappings":";;;;AAIA,SAAgB,eAAe,OAAgB,OAAqB;CAClE,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,MAAM,MAAM,GAAG,EAAE,QAAQ,QAAQ,IAAI,KAAK,MAAM,EAAE;EACvF,IAAI,SAAS,GAAG,IAAI,IAAI;EACxB,UAAU,UAAU,IAAI;EACxB,WAAW,SAAS,MAAM,UAAU,IAAI,cAAc,WAAW,KAAK,GAAG,GAAG,KAAK;EACjF,OAAO,OAAO,KAAK;CACrB;CAEA,OAAO;AACT"}

package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { MantineTheme, parseThemeColor } from '../../../../MantineProvider';\n\nexport function colorResolver(color: unknown, theme: MantineTheme) {\n  const parsedColor = parseThemeColor({ color, theme });\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--mantine-color-dimmed)';\n  }\n\n  if (parsedColor.color === 'bright') {\n    return 'var(--mantine-color-bright)';\n  }\n  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;\n}\n\nexport function textColorResolver(color: unknown, theme: MantineTheme) {\n  const parsedColor = parseThemeColor({ color, theme });\n\n  if (parsedColor.isThemeColor && parsedColor.shade === undefined) {\n    return `var(--mantine-color-${parsedColor.color}-text)`;\n  }\n\n  return colorResolver(color, theme);\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAgB,OAAqB;CACjE,MAAM,cAAc,gBAAgB;EAAE;EAAO;EAAO,CAAC;AAErD,KAAI,YAAY,UAAU,SACxB,QAAO;AAGT,KAAI,YAAY,UAAU,SACxB,QAAO;AAET,QAAO,YAAY,WAAW,OAAO,YAAY,SAAS,KAAK,YAAY;;AAG7E,SAAgB,kBAAkB,OAAgB,OAAqB;CACrE,MAAM,cAAc,gBAAgB;EAAE;EAAO;EAAO,CAAC;AAErD,KAAI,YAAY,gBAAgB,YAAY,UAAU,KAAA,EACpD,QAAO,uBAAuB,YAAY,MAAM;AAGlD,QAAO,cAAc,OAAO,MAAM"}
+{"version":3,"file":"color-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/color-resolver/color-resolver.ts"],"sourcesContent":["import { MantineTheme, parseThemeColor } from '../../../../MantineProvider';\n\nexport function colorResolver(color: unknown, theme: MantineTheme) {\n  const parsedColor = parseThemeColor({ color, theme });\n\n  if (parsedColor.color === 'dimmed') {\n    return 'var(--mantine-color-dimmed)';\n  }\n\n  if (parsedColor.color === 'bright') {\n    return 'var(--mantine-color-bright)';\n  }\n  return parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;\n}\n\nexport function textColorResolver(color: unknown, theme: MantineTheme) {\n  const parsedColor = parseThemeColor({ color, theme });\n\n  if (parsedColor.isThemeColor && parsedColor.shade === undefined) {\n    return `var(--mantine-color-${parsedColor.color}-text)`;\n  }\n\n  return colorResolver(color, theme);\n}\n"],"mappings":";;;AAEA,SAAgB,cAAc,OAAgB,OAAqB;CACjE,MAAM,cAAc,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,UAAU,UACxB,OAAO;CAGT,IAAI,YAAY,UAAU,UACxB,OAAO;CAET,OAAO,YAAY,WAAW,OAAO,YAAY,SAAS,KAAK,YAAY;AAC7E;AAEA,SAAgB,kBAAkB,OAAgB,OAAqB;CACrE,MAAM,cAAc,gBAAgB;EAAE;EAAO;CAAM,CAAC;CAEpD,IAAI,YAAY,gBAAgB,YAAY,UAAU,KAAA,GACpD,OAAO,uBAAuB,YAAY,MAAM;CAGlD,OAAO,cAAc,OAAO,KAAK;AACnC"}

package/esm/core/Box/style-props/resolvers/font-family-resolver/font-family-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"font-family-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/font-family-resolver/font-family-resolver.ts"],"sourcesContent":["const values = {\n  text: 'var(--mantine-font-family)',\n  mono: 'var(--mantine-font-family-monospace)',\n  monospace: 'var(--mantine-font-family-monospace)',\n  heading: 'var(--mantine-font-family-headings)',\n  headings: 'var(--mantine-font-family-headings)',\n};\n\nexport function fontFamilyResolver(fontFamily: unknown) {\n  if (typeof fontFamily === 'string' && fontFamily in values) {\n    return values[fontFamily as keyof typeof values];\n  }\n\n  return fontFamily;\n}\n"],"mappings":";;AAAA,MAAM,SAAS;CACb,MAAM;CACN,MAAM;CACN,WAAW;CACX,SAAS;CACT,UAAU;CACX;AAED,SAAgB,mBAAmB,YAAqB;AACtD,KAAI,OAAO,eAAe,YAAY,cAAc,OAClD,QAAO,OAAO;AAGhB,QAAO"}
+{"version":3,"file":"font-family-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/font-family-resolver/font-family-resolver.ts"],"sourcesContent":["const values = {\n  text: 'var(--mantine-font-family)',\n  mono: 'var(--mantine-font-family-monospace)',\n  monospace: 'var(--mantine-font-family-monospace)',\n  heading: 'var(--mantine-font-family-headings)',\n  headings: 'var(--mantine-font-family-headings)',\n};\n\nexport function fontFamilyResolver(fontFamily: unknown) {\n  if (typeof fontFamily === 'string' && fontFamily in values) {\n    return values[fontFamily as keyof typeof values];\n  }\n\n  return fontFamily;\n}\n"],"mappings":";;AAAA,MAAM,SAAS;CACb,MAAM;CACN,MAAM;CACN,WAAW;CACX,SAAS;CACT,UAAU;AACZ;AAEA,SAAgB,mBAAmB,YAAqB;CACtD,IAAI,OAAO,eAAe,YAAY,cAAc,QAClD,OAAO,OAAO;CAGhB,OAAO;AACT"}

package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"font-size-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nconst headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\nexport function fontSizeResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.fontSizes) {\n    return `var(--mantine-font-size-${value})`;\n  }\n\n  if (typeof value === 'string' && headings.includes(value)) {\n    return `var(--mantine-${value}-font-size)`;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"mappings":";;;AAGA,MAAM,WAAW;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;CAAK;AAErD,SAAgB,iBAAiB,OAAgB,OAAqB;AACpE,KAAI,OAAO,UAAU,YAAY,SAAS,MAAM,UAC9C,QAAO,2BAA2B,MAAM;AAG1C,KAAI,OAAO,UAAU,YAAY,SAAS,SAAS,MAAM,CACvD,QAAO,iBAAiB,MAAM;AAGhC,KAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM;AAGnB,KAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM;AAGnB,QAAO"}
+{"version":3,"file":"font-size-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nconst headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\nexport function fontSizeResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.fontSizes) {\n    return `var(--mantine-font-size-${value})`;\n  }\n\n  if (typeof value === 'string' && headings.includes(value)) {\n    return `var(--mantine-${value}-font-size)`;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"mappings":";;;AAGA,MAAM,WAAW;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;AAAI;AAEpD,SAAgB,iBAAiB,OAAgB,OAAqB;CACpE,IAAI,OAAO,UAAU,YAAY,SAAS,MAAM,WAC9C,OAAO,2BAA2B,MAAM;CAG1C,IAAI,OAAO,UAAU,YAAY,SAAS,SAAS,KAAK,GACtD,OAAO,iBAAiB,MAAM;CAGhC,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,KAAK;CAGlB,OAAO;AACT"}

package/esm/core/Box/style-props/resolvers/identity-resolver/identity-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"identity-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/identity-resolver/identity-resolver.ts"],"sourcesContent":["export function identityResolver(value: unknown) {\n  return value;\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,OAAgB;AAC/C,QAAO"}
+{"version":3,"file":"identity-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/identity-resolver/identity-resolver.ts"],"sourcesContent":["export function identityResolver(value: unknown) {\n  return value;\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,OAAgB;CAC/C,OAAO;AACT"}

package/esm/core/Box/style-props/resolvers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/resolvers/index.ts"],"sourcesContent":["import { borderResolver } from './border-resolver/border-resolver';\nimport { colorResolver, textColorResolver } from './color-resolver/color-resolver';\nimport { fontFamilyResolver } from './font-family-resolver/font-family-resolver';\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver';\nimport { identityResolver } from './identity-resolver/identity-resolver';\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver';\nimport { radiusResolver } from './radius-resolver/radius-resolver';\nimport { sizeResolver } from './size-resolver/size-resolver';\nimport { spacingResolver } from './spacing-resolver/spacing-resolver';\n\nexport const resolvers = {\n  color: colorResolver,\n  textColor: textColorResolver,\n  fontSize: fontSizeResolver,\n  spacing: spacingResolver,\n  radius: radiusResolver,\n  identity: identityResolver,\n  size: sizeResolver,\n  lineHeight: lineHeightResolver,\n  fontFamily: fontFamilyResolver,\n  border: borderResolver,\n};\n\nexport type StylePropType = keyof typeof resolvers;\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,YAAY;CACvB,OAAO;CACP,WAAW;CACX,UAAU;CACV,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,YAAY;CACZ,YAAY;CACZ,QAAQ;CACT"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/core/Box/style-props/resolvers/index.ts"],"sourcesContent":["import { borderResolver } from './border-resolver/border-resolver';\nimport { colorResolver, textColorResolver } from './color-resolver/color-resolver';\nimport { fontFamilyResolver } from './font-family-resolver/font-family-resolver';\nimport { fontSizeResolver } from './font-size-resolver/font-size-resolver';\nimport { identityResolver } from './identity-resolver/identity-resolver';\nimport { lineHeightResolver } from './line-height-resolver/line-height-resolver';\nimport { radiusResolver } from './radius-resolver/radius-resolver';\nimport { sizeResolver } from './size-resolver/size-resolver';\nimport { spacingResolver } from './spacing-resolver/spacing-resolver';\n\nexport const resolvers = {\n  color: colorResolver,\n  textColor: textColorResolver,\n  fontSize: fontSizeResolver,\n  spacing: spacingResolver,\n  radius: radiusResolver,\n  identity: identityResolver,\n  size: sizeResolver,\n  lineHeight: lineHeightResolver,\n  fontFamily: fontFamilyResolver,\n  border: borderResolver,\n};\n\nexport type StylePropType = keyof typeof resolvers;\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,YAAY;CACvB,OAAO;CACP,WAAW;CACX,UAAU;CACV,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,YAAY;CACZ,YAAY;CACZ,QAAQ;AACV"}

package/esm/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"line-height-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\n\nconst headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\nexport function lineHeightResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.lineHeights) {\n    return `var(--mantine-line-height-${value})`;\n  }\n\n  if (typeof value === 'string' && headings.includes(value)) {\n    return `var(--mantine-${value}-line-height)`;\n  }\n\n  return value;\n}\n"],"mappings":";;AAEA,MAAM,WAAW;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;CAAK;AAErD,SAAgB,mBAAmB,OAAgB,OAAqB;AACtE,KAAI,OAAO,UAAU,YAAY,SAAS,MAAM,YAC9C,QAAO,6BAA6B,MAAM;AAG5C,KAAI,OAAO,UAAU,YAAY,SAAS,SAAS,MAAM,CACvD,QAAO,iBAAiB,MAAM;AAGhC,QAAO"}
+{"version":3,"file":"line-height-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\n\nconst headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\nexport function lineHeightResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.lineHeights) {\n    return `var(--mantine-line-height-${value})`;\n  }\n\n  if (typeof value === 'string' && headings.includes(value)) {\n    return `var(--mantine-${value}-line-height)`;\n  }\n\n  return value;\n}\n"],"mappings":";;AAEA,MAAM,WAAW;CAAC;CAAM;CAAM;CAAM;CAAM;CAAM;AAAI;AAEpD,SAAgB,mBAAmB,OAAgB,OAAqB;CACtE,IAAI,OAAO,UAAU,YAAY,SAAS,MAAM,aAC9C,OAAO,6BAA6B,MAAM;CAG5C,IAAI,OAAO,UAAU,YAAY,SAAS,SAAS,KAAK,GACtD,OAAO,iBAAiB,MAAM;CAGhC,OAAO;AACT"}

package/esm/core/Box/style-props/resolvers/radius-resolver/radius-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radius-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/radius-resolver/radius-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nexport function radiusResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.radius) {\n    return `var(--mantine-radius-${value})`;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"mappings":";;;AAGA,SAAgB,eAAe,OAAgB,OAAqB;AAClE,KAAI,OAAO,UAAU,YAAY,SAAS,MAAM,OAC9C,QAAO,wBAAwB,MAAM;AAGvC,KAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM;AAGnB,KAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM;AAGnB,QAAO"}
+{"version":3,"file":"radius-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/radius-resolver/radius-resolver.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { rem } from '../../../../utils';\n\nexport function radiusResolver(value: unknown, theme: MantineTheme) {\n  if (typeof value === 'string' && value in theme.radius) {\n    return `var(--mantine-radius-${value})`;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  if (typeof value === 'string') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"mappings":";;;AAGA,SAAgB,eAAe,OAAgB,OAAqB;CAClE,IAAI,OAAO,UAAU,YAAY,SAAS,MAAM,QAC9C,OAAO,wBAAwB,MAAM;CAGvC,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,KAAK;CAGlB,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,KAAK;CAGlB,OAAO;AACT"}

package/esm/core/Box/style-props/resolvers/size-resolver/size-resolver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"size-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/size-resolver/size-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils';\n\nexport function sizeResolver(value: unknown) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa,OAAgB;AAC3C,KAAI,OAAO,UAAU,SACnB,QAAO,IAAI,MAAM;AAGnB,QAAO"}
+{"version":3,"file":"size-resolver.mjs","names":[],"sources":["../../../../../../src/core/Box/style-props/resolvers/size-resolver/size-resolver.ts"],"sourcesContent":["import { rem } from '../../../../utils';\n\nexport function sizeResolver(value: unknown) {\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa,OAAgB;CAC3C,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,KAAK;CAGlB,OAAO;AACT"}