npm - @mantine/core - Versions diffs - 9.3.2 → 9.4.0 - Mend

@mantine/core 9.3.2 → 9.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (828) hide show

package/cjs/components/Input/Input.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.module.cjs","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n position: relative;\n margin-top: var(--input-margin-top, 0rem);\n margin-bottom: var(--input-margin-bottom, 0rem);\n\n --input-height-xs: 30px;\n --input-height-sm: 36px;\n --input-height-md: 42px;\n --input-height-lg: 50px;\n --input-height-xl: 60px;\n\n --input-padding-y-xs: 5px;\n --input-padding-y-sm: 6px;\n --input-padding-y-md: 8px;\n --input-padding-y-lg: 10px;\n --input-padding-y-xl: 13px;\n\n --input-height: var(--input-height-sm);\n --input-radius: var(--mantine-radius-default);\n\n --input-cursor: text;\n --input-line-height: calc(var(--input-height) - rem(2px));\n --input-padding: calc(var(--input-height) / 3);\n --input-padding-inline-start: var(--input-padding);\n --input-padding-inline-end: var(--input-padding);\n --input-placeholder-color: var(--mantine-color-placeholder);\n --input-color: var(--mantine-color-text);\n --input-disabled-bg: var(--mantine-color-disabled);\n --input-disabled-color: var(--mantine-color-disabled-color);\n\n --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - rem(2px)));\n\n --input-right-section-size: var(\n --input-right-section-width,\n calc(var(--input-height) - rem(2px))\n );\n\n --input-size: var(--input-height);\n\n --section-y: 1px;\n --left-section-start: 1px;\n --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);\n\n --right-section-end: 1px;\n --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;\n\n &[data-variant='unstyled'] {\n --input-padding: 0;\n --input-padding-y: 0;\n --input-padding-inline-start: 0;\n --input-padding-inline-end: 0;\n }\n\n &[data-pointer] {\n --input-cursor: pointer;\n }\n\n &[data-with-bottom-section] {\n --input-bottom-section-height: 28px;\n }\n\n &[data-multiline] {\n --input-padding-y-xs: 4.5px;\n --input-padding-y-sm: 5.5px;\n --input-padding-y-md: 7px;\n --input-padding-y-lg: 9.5px;\n --input-padding-y-xl: 13px;\n\n --input-size: auto;\n --input-line-height: var(--mantine-line-height);\n }\n\n &[data-with-left-section] {\n --input-padding-inline-start: var(--input-left-section-size);\n }\n\n &[data-with-right-section] {\n --input-padding-inline-end: var(--input-right-section-size);\n\n &:has([data-combined-clear-section]) {\n .wrapper[data-size='xs'] & {\n --input-padding-inline-end: 41px;\n }\n\n .wrapper[data-size='sm'] & {\n --input-padding-inline-end: 50px;\n }\n\n .wrapper[data-size='md'] & {\n --input-padding-inline-end: 60px;\n }\n\n .wrapper[data-size='lg'] & {\n --input-padding-inline-end: 72px;\n }\n\n .wrapper[data-size='xl'] & {\n --input-padding-inline-end: 89px;\n }\n }\n }\n\n @mixin light {\n &[data-variant='default'] {\n --input-bd: var(--mantine-color-gray-4);\n --input-bg: var(--mantine-color-white);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='filled'] {\n --input-bd: transparent;\n --input-bg: var(--mantine-color-gray-1);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='unstyled'] {\n --input-bd: transparent;\n --input-bg: transparent;\n --input-bd-focus: transparent;\n }\n }\n\n @mixin dark {\n &[data-variant='default'] {\n --input-bd: var(--mantine-color-dark-4);\n --input-bg: var(--mantine-color-dark-6);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='filled'] {\n --input-bd: transparent;\n --input-bg: var(--mantine-color-dark-5);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='unstyled'] {\n --input-bd: transparent;\n --input-bg: transparent;\n --input-bd-focus: transparent;\n }\n }\n\n [data-mantine-color-scheme] &[data-error] {\n &:not([data-variant='unstyled']) {\n --input-bd: var(--mantine-color-error);\n }\n\n --input-color: var(--mantine-color-error);\n --input-placeholder-color: var(--mantine-color-error);\n --input-section-color: var(--mantine-color-error);\n }\n\n @mixin where-rtl {\n --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;\n --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);\n }\n\n &[dir='ltr'] {\n --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);\n --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;\n }\n}\n\n.input {\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n resize: var(--input-resize, none);\n display: block;\n width: 100%;\n transition: border-color 100ms ease;\n\n text-align: var(--input-text-align, start);\n color: var(--input-color);\n border: rem(1px) solid var(--input-bd);\n background-color: var(--input-bg);\n font-family: var(--input-font-family, var(--mantine-font-family));\n height: var(--input-size);\n min-height: var(--input-height);\n line-height: var(--input-line-height);\n font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));\n border-radius: var(--input-radius);\n padding-inline-start: var(--input-padding-inline-start);\n padding-inline-end: var(--input-padding-inline-end);\n padding-top: var(--input-padding-y, 0rem);\n padding-bottom: var(--input-padding-y, 0rem);\n cursor: var(--input-cursor);\n overflow: var(--input-overflow);\n\n /* Used as data attribute in Textarea component, does not have associated prop on the Input component /\n &[data-no-overflow] {\n --input-overflow: hidden;\n }\n\n / Used as data attribute in JsonInput component, does not have associated prop on the Input component /\n &[data-monospace] {\n --input-font-family: var(--mantine-font-family-monospace);\n --_input-fz: calc(var(--input-fz) - rem(2px));\n }\n\n &:focus,\n &:focus-within {\n outline: none;\n --input-bd: var(--input-bd-focus);\n\n [data-error] & {\n --input-bd: var(--mantine-color-error);\n }\n }\n\n &::placeholder {\n color: var(--input-placeholder-color);\n opacity: 1;\n }\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button,\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n appearance: none;\n }\n\n &[type='number'] {\n -moz-appearance: textfield;\n }\n\n &:disabled,\n &[data-disabled] {\n cursor: not-allowed;\n opacity: 0.6;\n background-color: var(--input-disabled-bg);\n color: var(--input-disabled-color);\n }\n\n / Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported /\n &:has(input:disabled) {\n cursor: not-allowed;\n opacity: 0.6;\n background-color: var(--input-disabled-bg);\n color: var(--input-disabled-color);\n }\n\n &[readonly] {\n caret-color: transparent;\n }\n\n [data-with-bottom-section] & {\n padding-bottom: calc(var(--input-padding-y, 0rem) + var(--input-bottom-section-height));\n }\n}\n\n.bottomSection {\n position: absolute;\n bottom: 1px;\n left: 1px;\n right: 1px;\n height: var(--input-bottom-section-height);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding-inline: var(--input-padding);\n border-radius: 0 0 var(--input-radius) var(--input-radius);\n pointer-events: all;\n color: var(--mantine-color-dimmed);\n font-size: var(--input-fz, var(--mantine-font-size-sm));\n}\n\n.section {\n pointer-events: var(--section-pointer-events);\n position: absolute;\n z-index: 1;\n inset-inline-start: var(--section-start);\n inset-inline-end: var(--section-end);\n bottom: var(--section-y);\n top: var(--section-y);\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--section-size);\n border-radius: var(--section-border-radius);\n color: var(--input-section-color, var(--mantine-color-dimmed));\n\n &[data-position='right'] {\n --section-pointer-events: var(--input-right-section-pointer-events);\n --section-end: var(--right-section-end);\n --section-size: var(--input-right-section-size);\n --section-border-radius: var(--right-section-border-radius);\n\n &:has([data-combined-clear-section]) {\n .wrapper[data-size='xs'] & {\n --section-size: 41px;\n }\n\n .wrapper[data-size='sm'] & {\n --section-size: 50px;\n }\n\n .wrapper[data-size='md'] & {\n --section-size: 60px;\n }\n\n .wrapper[data-size='lg'] & {\n --section-size: 72px;\n }\n\n .wrapper[data-size='xl'] & {\n --section-size: 89px;\n }\n }\n }\n\n &[data-position='left'] {\n --section-pointer-events: var(--input-left-section-pointer-events);\n --section-start: var(--left-section-start);\n --section-size: var(--input-left-section-size);\n --section-border-radius: var(--left-section-border-radius);\n }\n}\n\n/ ----- Input.Placeholder ----- /\n.placeholder {\n color: var(--input-placeholder-color, var(--mantine-color-placeholder));\n\n [data-error] & {\n --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));\n }\n}\n\n/ ----- Input.Wrapper ----- */\n.root {\n line-height: var(--mantine-line-height);\n}\n\n.label {\n display: inline-block;\n font-weight: var(--mantine-font-weight-medium);\n overflow-wrap: break-word;\n cursor: default;\n -webkit-tap-highlight-color: transparent;\n font-size: var(--input-label-size, var(--mantine-font-size-sm));\n}\n\n.required {\n color: var(--input-asterisk-color, var(--mantine-color-error));\n}\n\n.error,\n.description {\n word-wrap: break-word;\n line-height: 1.2;\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.error {\n color: var(--mantine-color-error);\n font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - rem(2px)));\n}\n\n.description {\n color: var(--mantine-color-dimmed);\n font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - rem(2px)));\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Input.module.cjs","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n position: relative;\n margin-top: var(--input-margin-top, 0rem);\n margin-bottom: var(--input-margin-bottom, 0rem);\n\n --input-height-xs: 30px;\n --input-height-sm: 36px;\n --input-height-md: 42px;\n --input-height-lg: 50px;\n --input-height-xl: 60px;\n\n --input-padding-y-xs: 5px;\n --input-padding-y-sm: 6px;\n --input-padding-y-md: 8px;\n --input-padding-y-lg: 10px;\n --input-padding-y-xl: 13px;\n\n --input-height: var(--input-height-sm);\n --input-radius: var(--mantine-radius-default);\n\n --input-cursor: text;\n --input-line-height: calc(var(--input-height) - rem(2px));\n --input-padding: calc(var(--input-height) / 3);\n --input-padding-inline-start: var(--input-padding);\n --input-padding-inline-end: var(--input-padding);\n --input-placeholder-color: var(--mantine-color-placeholder);\n --input-color: var(--mantine-color-text);\n --input-disabled-bg: var(--mantine-color-disabled);\n --input-disabled-color: var(--mantine-color-disabled-color);\n\n --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - rem(2px)));\n\n --input-right-section-size: var(\n --input-right-section-width,\n calc(var(--input-height) - rem(2px))\n );\n\n --input-size: var(--input-height);\n\n --section-y: 1px;\n --left-section-start: 1px;\n --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);\n\n --right-section-end: 1px;\n --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;\n\n &[data-variant='unstyled'] {\n --input-padding: 0;\n --input-padding-y: 0;\n --input-padding-inline-start: 0;\n --input-padding-inline-end: 0;\n }\n\n &[data-pointer] {\n --input-cursor: pointer;\n }\n\n &[data-with-bottom-section] {\n --input-bottom-section-height: 28px;\n }\n\n &[data-multiline] {\n --input-padding-y-xs: 4.5px;\n --input-padding-y-sm: 5.5px;\n --input-padding-y-md: 7px;\n --input-padding-y-lg: 9.5px;\n --input-padding-y-xl: 13px;\n\n --input-size: auto;\n --input-line-height: var(--mantine-line-height);\n }\n\n &[data-with-left-section] {\n --input-padding-inline-start: var(--input-left-section-size);\n }\n\n &[data-with-right-section] {\n --input-padding-inline-end: var(--input-right-section-size);\n\n &:has([data-combined-clear-section]) {\n .wrapper[data-size='xs'] & {\n --input-padding-inline-end: 41px;\n }\n\n .wrapper[data-size='sm'] & {\n --input-padding-inline-end: 50px;\n }\n\n .wrapper[data-size='md'] & {\n --input-padding-inline-end: 60px;\n }\n\n .wrapper[data-size='lg'] & {\n --input-padding-inline-end: 72px;\n }\n\n .wrapper[data-size='xl'] & {\n --input-padding-inline-end: 89px;\n }\n }\n }\n\n @mixin light {\n &[data-variant='default'] {\n --input-bd: var(--mantine-color-gray-4);\n --input-bg: var(--mantine-color-white);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='filled'] {\n --input-bd: transparent;\n --input-bg: var(--mantine-color-gray-1);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='unstyled'] {\n --input-bd: transparent;\n --input-bg: transparent;\n --input-bd-focus: transparent;\n }\n }\n\n @mixin dark {\n &[data-variant='default'] {\n --input-bd: var(--mantine-color-dark-4);\n --input-bg: var(--mantine-color-dark-6);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='filled'] {\n --input-bd: transparent;\n --input-bg: var(--mantine-color-dark-5);\n --input-bd-focus: var(--mantine-primary-color-filled);\n }\n\n &[data-variant='unstyled'] {\n --input-bd: transparent;\n --input-bg: transparent;\n --input-bd-focus: transparent;\n }\n }\n\n [data-mantine-color-scheme] &[data-error] {\n &:not([data-variant='unstyled']) {\n --input-bd: var(--mantine-color-error);\n }\n\n --input-color: var(--mantine-color-error);\n --input-placeholder-color: var(--mantine-color-error);\n --input-section-color: var(--mantine-color-error);\n }\n\n [data-mantine-color-scheme] &[data-success] {\n &:not([data-variant='unstyled']) {\n --input-bd: var(--mantine-color-success);\n }\n\n --input-section-color: var(--mantine-color-success);\n }\n\n @mixin where-rtl {\n --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;\n --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);\n }\n\n &[dir='ltr'] {\n --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);\n --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;\n }\n}\n\n.input {\n -webkit-tap-highlight-color: transparent;\n appearance: none;\n resize: var(--input-resize, none);\n display: block;\n width: 100%;\n transition: border-color 100ms ease;\n\n text-align: var(--input-text-align, start);\n color: var(--input-color);\n border: rem(1px) solid var(--input-bd);\n background-color: var(--input-bg);\n font-family: var(--input-font-family, var(--mantine-font-family));\n height: var(--input-size);\n min-height: var(--input-height);\n line-height: var(--input-line-height);\n font-size: var(--_input-fz, var(--input-fz, var(--mantine-font-size-md)));\n border-radius: var(--input-radius);\n padding-inline-start: var(--input-padding-inline-start);\n padding-inline-end: var(--input-padding-inline-end);\n padding-top: var(--input-padding-y, 0rem);\n padding-bottom: var(--input-padding-y, 0rem);\n cursor: var(--input-cursor);\n overflow: var(--input-overflow);\n\n /* Used as data attribute in Textarea component, does not have associated prop on the Input component /\n &[data-no-overflow] {\n --input-overflow: hidden;\n }\n\n / Used as data attribute in JsonInput component, does not have associated prop on the Input component /\n &[data-monospace] {\n --input-font-family: var(--mantine-font-family-monospace);\n --_input-fz: calc(var(--input-fz) - rem(2px));\n }\n\n &:focus,\n &:focus-within {\n outline: none;\n --input-bd: var(--input-bd-focus);\n\n .wrapper[data-error] & {\n --input-bd: var(--mantine-color-error);\n }\n\n .wrapper[data-success] & {\n --input-bd: var(--mantine-color-success);\n }\n }\n\n &::placeholder {\n color: var(--input-placeholder-color);\n opacity: 1;\n }\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button,\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n appearance: none;\n }\n\n &[type='number'] {\n -moz-appearance: textfield;\n }\n\n &:disabled,\n &[data-disabled] {\n cursor: not-allowed;\n opacity: 0.6;\n background-color: var(--input-disabled-bg);\n color: var(--input-disabled-color);\n }\n\n / Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported /\n &:has(input:disabled) {\n cursor: not-allowed;\n opacity: 0.6;\n background-color: var(--input-disabled-bg);\n color: var(--input-disabled-color);\n }\n\n &[readonly] {\n caret-color: transparent;\n }\n\n [data-with-bottom-section] & {\n padding-bottom: calc(var(--input-padding-y, 0rem) + var(--input-bottom-section-height));\n }\n}\n\n.bottomSection {\n position: absolute;\n bottom: 1px;\n left: 1px;\n right: 1px;\n height: var(--input-bottom-section-height);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding-inline: var(--input-padding);\n border-radius: 0 0 var(--input-radius) var(--input-radius);\n pointer-events: all;\n color: var(--mantine-color-dimmed);\n font-size: var(--input-fz, var(--mantine-font-size-sm));\n}\n\n.section {\n pointer-events: var(--section-pointer-events);\n position: absolute;\n z-index: 1;\n inset-inline-start: var(--section-start);\n inset-inline-end: var(--section-end);\n bottom: var(--section-y);\n top: var(--section-y);\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--section-size);\n border-radius: var(--section-border-radius);\n color: var(--input-section-color, var(--mantine-color-dimmed));\n\n &[data-position='right'] {\n --section-pointer-events: var(--input-right-section-pointer-events);\n --section-end: var(--right-section-end);\n --section-size: var(--input-right-section-size);\n --section-border-radius: var(--right-section-border-radius);\n\n &:has([data-combined-clear-section]) {\n .wrapper[data-size='xs'] & {\n --section-size: 41px;\n }\n\n .wrapper[data-size='sm'] & {\n --section-size: 50px;\n }\n\n .wrapper[data-size='md'] & {\n --section-size: 60px;\n }\n\n .wrapper[data-size='lg'] & {\n --section-size: 72px;\n }\n\n .wrapper[data-size='xl'] & {\n --section-size: 89px;\n }\n }\n }\n\n &[data-position='left'] {\n --section-pointer-events: var(--input-left-section-pointer-events);\n --section-start: var(--left-section-start);\n --section-size: var(--input-left-section-size);\n --section-border-radius: var(--left-section-border-radius);\n }\n}\n\n/ ----- Input.Placeholder ----- /\n.placeholder {\n color: var(--input-placeholder-color, var(--mantine-color-placeholder));\n\n .wrapper[data-error] & {\n --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));\n }\n}\n\n/ ----- Input.Wrapper ----- */\n.root {\n line-height: var(--mantine-line-height);\n}\n\n.label {\n display: inline-block;\n font-weight: var(--mantine-font-weight-medium);\n overflow-wrap: break-word;\n cursor: default;\n -webkit-tap-highlight-color: transparent;\n font-size: var(--input-label-size, var(--mantine-font-size-sm));\n}\n\n.required {\n color: var(--input-asterisk-color, var(--mantine-color-error));\n}\n\n.error,\n.success,\n.description {\n word-wrap: break-word;\n line-height: 1.2;\n display: block;\n margin: 0;\n padding: 0;\n}\n\n.error {\n color: var(--mantine-color-error);\n font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - rem(2px)));\n}\n\n.success {\n color: var(--mantine-color-success);\n font-size: var(--input-success-size, calc(var(--mantine-font-size-sm) - rem(2px)));\n}\n\n.description {\n color: var(--mantine-color-dimmed);\n font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - rem(2px)));\n}\n"],"mappings":""}

package/cjs/components/Input/InputClearButton/InputClearButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputClearButton.cjs","names":["factory","useProps","InputContext","useResolvedStylesApi","CloseButton"],"sources":["../../../../src/components/Input/InputClearButton/InputClearButton.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n BoxProps,\n ElementProps,\n factory,\n Factory,\n MantineSize,\n StylesApiProps,\n useProps,\n useResolvedStylesApi,\n} from '../../../core';\nimport { CloseButton, CloseButtonStylesNames } from '../../CloseButton';\nimport { InputContext } from '../Input.context';\n\nexport interface InputClearButtonProps\n extends BoxProps, StylesApiProps<InputClearButtonFactory>, ElementProps<'button'> {\n /** Size of the button, by default value is based on input context */\n size?: MantineSize \| (string & {});\n}\n\nexport type InputClearButtonFactory = Factory<{\n props: InputClearButtonProps;\n ref: HTMLButtonElement;\n stylesNames: CloseButtonStylesNames;\n}>;\n\nexport const InputClearButton = factory<InputClearButtonFactory>((_props) => {\n const props = useProps('InputClearButton', null, _props);\n const { size, variant, vars, classNames, styles, ...others } = props;\n const ctx = use(InputContext);\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<InputClearButtonFactory>({\n classNames,\n styles,\n props,\n });\n\n return (\n <CloseButton\n variant={variant \|\| 'transparent'}\n size={size \|\| ctx?.size \|\| 'sm'}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n __staticSelector=\"InputClearButton\"\n style={{ pointerEvents: 'all', background: 'var(--input-bg)', ...others.style }}\n {...others}\n />\n );\n});\n\nInputClearButton.displayName = '@mantine/core/InputClearButton';\n"],"mappings":";;;;;;;;;AA0BA,MAAa,mBAAmBA,gBAAAA,SAAkC,WAAW;CAC3E,MAAM,QAAQC,kBAAAA,SAAS,oBAAoB,MAAM,MAAM;CACvD,MAAM,EAAE,MAAM,SAAS,MAAM,YAAY,QAAQ,GAAG,WAAW;CAC/D,MAAM,OAAA,GAAA,MAAA,~~KAAUC~~,sBAAAA,YAAY;CAE5B,MAAM,EAAE,oBAAoB,mBAAmBC,gCAAAA,qBAA8C;EAC3F;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,oBAAAA,aAAD;EACE,SAAS,WAAW;EACpB,MAAM,QAAQ,KAAK,QAAQ;EAC3B,YAAY;EACZ,QAAQ;EACR,kBAAiB;EACjB,OAAO;GAAE,eAAe;GAAO,YAAY;GAAmB,GAAG,OAAO;EAAM;EAC9E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,cAAc"}
1	+ {"version":3,"file":"InputClearButton.cjs","names":["factory","useProps","InputContext","useResolvedStylesApi","CloseButton"],"sources":["../../../../src/components/Input/InputClearButton/InputClearButton.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n BoxProps,\n ElementProps,\n factory,\n Factory,\n MantineSize,\n StylesApiProps,\n useProps,\n useResolvedStylesApi,\n} from '../../../core';\nimport { CloseButton, CloseButtonStylesNames } from '../../CloseButton';\nimport { InputContext } from '../Input.context';\n\nexport interface InputClearButtonProps\n extends BoxProps, StylesApiProps<InputClearButtonFactory>, ElementProps<'button'> {\n /** Size of the button, by default value is based on input context */\n size?: MantineSize \| (string & {});\n}\n\nexport type InputClearButtonFactory = Factory<{\n props: InputClearButtonProps;\n ref: HTMLButtonElement;\n stylesNames: CloseButtonStylesNames;\n}>;\n\nexport const InputClearButton = factory<InputClearButtonFactory>((_props) => {\n const props = useProps('InputClearButton', null, _props);\n const { size, variant, vars, classNames, styles, ...others } = props;\n const ctx = use(InputContext);\n\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<InputClearButtonFactory>({\n classNames,\n styles,\n props,\n });\n\n return (\n <CloseButton\n variant={variant \|\| 'transparent'}\n size={size \|\| ctx?.size \|\| 'sm'}\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n __staticSelector=\"InputClearButton\"\n style={{ pointerEvents: 'all', background: 'var(--input-bg)', ...others.style }}\n {...others}\n />\n );\n});\n\nInputClearButton.displayName = '@mantine/core/InputClearButton';\n"],"mappings":";;;;;;;;;AA0BA,MAAa,mBAAmBA,gBAAAA,SAAkC,WAAW;CAC3E,MAAM,QAAQC,kBAAAA,SAAS,oBAAoB,MAAM,MAAM;CACvD,MAAM,EAAE,MAAM,SAAS,MAAM,YAAY,QAAQ,GAAG,WAAW;CAC/D,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUC,sBAAAA,YAAY;CAE5B,MAAM,EAAE,oBAAoB,mBAAmBC,gCAAAA,qBAA8C;EAC3F;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;EACE,SAAS,WAAW;EACpB,MAAM,QAAQ,KAAK,QAAQ;EAC3B,YAAY;EACZ,QAAQ;EACR,kBAAiB;EACjB,OAAO;GAAE,eAAe;GAAO,YAAY;GAAmB,GAAG,OAAO;EAAM;EAC9E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,cAAc"}

package/cjs/components/Input/InputClearSection/InputClearSection.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputClearSection.cjs","names":[],"sources":["../../../../src/components/Input/InputClearSection/InputClearSection.tsx"],"sourcesContent":["import { MantineSize } from '../../../core';\n\nexport type ClearSectionMode =\n \| 'both' // render rightSection + clear button – default\n \| 'rightSection' // render only user-supplied rightSection\n \| 'clear'; // render only clear button\n\nexport interface InputClearSectionProps {\n __clearable: boolean \| undefined;\n __clearSection: React.ReactNode;\n rightSection: React.ReactNode;\n __defaultRightSection: React.ReactNode;\n size: MantineSize \| string \| undefined;\n __clearSectionMode: ClearSectionMode \| undefined;\n}\n\nconst clearSectionOffset: Record<string, number> = {\n xs: 7,\n sm: 8,\n md: 10,\n lg: 12,\n xl: 15,\n};\n\nexport function InputClearSection({\n __clearable,\n __clearSection,\n rightSection,\n __defaultRightSection,\n size = 'sm',\n __clearSectionMode = 'both',\n}: InputClearSectionProps) {\n const clearSection = __clearable && __clearSection;\n\n // Handle 'rightSection' mode - only show rightSection, ignore clear button\n if (__clearSectionMode === 'rightSection') {\n return rightSection === null ? null : rightSection \|\| __defaultRightSection;\n }\n\n // Handle 'clear' mode - only show clear button, ignore rightSection\n if (__clearSectionMode === 'clear') {\n return rightSection === null ? null : clearSection \|\| __defaultRightSection;\n }\n\n // Handle 'both' mode (default) - show both clear button and rightSection\n if (clearSection && (rightSection \|\| __defaultRightSection)) {\n return (\n <div\n data-combined-clear-section\n style={{\n display: 'flex',\n gap: 2,\n alignItems: 'center',\n paddingInlineEnd: clearSectionOffset[size],\n }}\n >\n {clearSection}\n {rightSection \|\| __defaultRightSection}\n </div>\n );\n }\n\n return rightSection === null ? null : rightSection \|\| clearSection \|\| __defaultRightSection;\n}\n"],"mappings":";;;AAgBA,MAAM,qBAA6C;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,kBAAkB,EAChC,aACA,gBACA,cACA,uBACA,OAAO,MACP,qBAAqB,UACI;CACzB,MAAM,eAAe,eAAe;CAGpC,IAAI,uBAAuB,gBACzB,OAAO,iBAAiB,OAAO,OAAO,gBAAgB;CAIxD,IAAI,uBAAuB,SACzB,OAAO,iBAAiB,OAAO,OAAO,gBAAgB;CAIxD,IAAI,iBAAiB,gBAAgB,wBACnC,OACE,iBAAA,GAAA,kBAAA,~~MAAC~~,OAAD;EACE,+BAAA;EACA,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,kBAAkB,mBAAmB;EACvC;YAPF,CASG,cACA,gBAAgB,qBACd;;CAIT,OAAO,iBAAiB,OAAO,OAAO,gBAAgB,gBAAgB;AACxE"}
1	+ {"version":3,"file":"InputClearSection.cjs","names":[],"sources":["../../../../src/components/Input/InputClearSection/InputClearSection.tsx"],"sourcesContent":["import { MantineSize } from '../../../core';\n\nexport type ClearSectionMode =\n \| 'both' // render rightSection + clear button – default\n \| 'rightSection' // render only user-supplied rightSection\n \| 'clear'; // render only clear button\n\nexport interface InputClearSectionProps {\n __clearable: boolean \| undefined;\n __clearSection: React.ReactNode;\n rightSection: React.ReactNode;\n __defaultRightSection: React.ReactNode;\n size: MantineSize \| string \| undefined;\n __clearSectionMode: ClearSectionMode \| undefined;\n}\n\nconst clearSectionOffset: Record<string, number> = {\n xs: 7,\n sm: 8,\n md: 10,\n lg: 12,\n xl: 15,\n};\n\nexport function InputClearSection({\n __clearable,\n __clearSection,\n rightSection,\n __defaultRightSection,\n size = 'sm',\n __clearSectionMode = 'both',\n}: InputClearSectionProps) {\n const clearSection = __clearable && __clearSection;\n\n // Handle 'rightSection' mode - only show rightSection, ignore clear button\n if (__clearSectionMode === 'rightSection') {\n return rightSection === null ? null : rightSection \|\| __defaultRightSection;\n }\n\n // Handle 'clear' mode - only show clear button, ignore rightSection\n if (__clearSectionMode === 'clear') {\n return rightSection === null ? null : clearSection \|\| __defaultRightSection;\n }\n\n // Handle 'both' mode (default) - show both clear button and rightSection\n if (clearSection && (rightSection \|\| __defaultRightSection)) {\n return (\n <div\n data-combined-clear-section\n style={{\n display: 'flex',\n gap: 2,\n alignItems: 'center',\n paddingInlineEnd: clearSectionOffset[size],\n }}\n >\n {clearSection}\n {rightSection \|\| __defaultRightSection}\n </div>\n );\n }\n\n return rightSection === null ? null : rightSection \|\| clearSection \|\| __defaultRightSection;\n}\n"],"mappings":";;;AAgBA,MAAM,qBAA6C;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,kBAAkB,EAChC,aACA,gBACA,cACA,uBACA,OAAO,MACP,qBAAqB,UACI;CACzB,MAAM,eAAe,eAAe;CAGpC,IAAI,uBAAuB,gBACzB,OAAO,iBAAiB,OAAO,OAAO,gBAAgB;CAIxD,IAAI,uBAAuB,SACzB,OAAO,iBAAiB,OAAO,OAAO,gBAAgB;CAIxD,IAAI,iBAAiB,gBAAgB,wBACnC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,+BAAA;EACA,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,kBAAkB,mBAAmB;EACvC;YAPF,CASG,cACA,gBAAgB,qBACd;;CAIT,OAAO,iBAAiB,OAAO,OAAO,gBAAgB,gBAAgB;AACxE"}

package/cjs/components/Input/InputDescription/InputDescription.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputDescription.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","InputWrapperContext","useStyles","Box","classes"],"sources":["../../../../src/components/Input/InputDescription/InputDescription.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputDescriptionStylesNames = 'description';\nexport type InputDescriptionCssVariables = {\n description: '--input-description-size';\n};\n\nexport interface InputDescriptionProps\n extends BoxProps, StylesApiProps<InputDescriptionFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n __inheritStyles?: boolean;\n\n /** Controls description `font-size` @default 'sm' */\n size?: MantineFontSize;\n}\n\nexport type InputDescriptionFactory = Factory<{\n props: InputDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: InputDescriptionStylesNames;\n vars: InputDescriptionCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<InputDescriptionFactory>((_, { size }) => ({\n description: {\n '--input-description-size':\n size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputDescription = factory<InputDescriptionFactory>((_props) => {\n const props = useProps('InputDescription', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n __staticSelector,\n __inheritStyles = true,\n attributes,\n ...others\n } = useProps('InputDescription', null, props);\n const ctx = use(InputWrapperContext);\n\n const _getStyles = useStyles<InputDescriptionFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'description',\n vars,\n varsResolver,\n });\n\n const getStyles = (__inheritStyles && ctx?.getStyles) \|\| _getStyles;\n\n return (\n <Box\n component=\"p\"\n {...getStyles('description', ctx?.getStyles ? { className, style } : undefined)}\n {...others}\n />\n );\n});\n\nInputDescription.classes = classes;\nInputDescription.varsResolver = varsResolver;\nInputDescription.displayName = '@mantine/core/InputDescription';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,eAAeA,6BAAAA,oBAA6C,GAAG,EAAE,YAAY,EACjF,aAAa,EACX,4BACE,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQC,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC3E,EACF,EAAE;AAEF,MAAa,mBAAmBC,gBAAAA,SAAkC,WAAW;CAC3E,MAAM,QAAQC,kBAAAA,SAAS,oBAAoB,MAAM,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,kBAAkB,MAClB,YACA,GAAG,WACDA,kBAAAA,SAAS,oBAAoB,MAAM,KAAK;CAC5C,MAAM,OAAA,GAAA,MAAA,~~KAAUC~~,6BAAAA,mBAAmB;CAEnC,MAAM,aAAaC,mBAAAA,UAAmC;EACpD,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAID,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;EACE,WAAU;EACV,IALe,mBAAmB,KAAK,aAAc,~~YAKvC~~,eAAe,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EAC9E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,UAAUC,qBAAAA;AAC3B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc"}
1	+ {"version":3,"file":"InputDescription.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","InputWrapperContext","useStyles","Box","classes"],"sources":["../../../../src/components/Input/InputDescription/InputDescription.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputDescriptionStylesNames = 'description';\nexport type InputDescriptionCssVariables = {\n description: '--input-description-size';\n};\n\nexport interface InputDescriptionProps\n extends BoxProps, StylesApiProps<InputDescriptionFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n __inheritStyles?: boolean;\n\n /** Controls description `font-size` @default 'sm' */\n size?: MantineFontSize;\n}\n\nexport type InputDescriptionFactory = Factory<{\n props: InputDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: InputDescriptionStylesNames;\n vars: InputDescriptionCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<InputDescriptionFactory>((_, { size }) => ({\n description: {\n '--input-description-size':\n size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputDescription = factory<InputDescriptionFactory>((_props) => {\n const props = useProps('InputDescription', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n __staticSelector,\n __inheritStyles = true,\n attributes,\n ...others\n } = useProps('InputDescription', null, props);\n const ctx = use(InputWrapperContext);\n\n const _getStyles = useStyles<InputDescriptionFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'description',\n vars,\n varsResolver,\n });\n\n const getStyles = (__inheritStyles && ctx?.getStyles) \|\| _getStyles;\n\n return (\n <Box\n component=\"p\"\n {...getStyles('description', ctx?.getStyles ? { className, style } : undefined)}\n {...others}\n />\n );\n});\n\nInputDescription.classes = classes;\nInputDescription.varsResolver = varsResolver;\nInputDescription.displayName = '@mantine/core/InputDescription';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,eAAeA,6BAAAA,oBAA6C,GAAG,EAAE,YAAY,EACjF,aAAa,EACX,4BACE,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQC,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC3E,EACF,EAAE;AAEF,MAAa,mBAAmBC,gBAAAA,SAAkC,WAAW;CAC3E,MAAM,QAAQC,kBAAAA,SAAS,oBAAoB,MAAM,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,kBAAkB,MAClB,YACA,GAAG,WACDA,kBAAAA,SAAS,oBAAoB,MAAM,KAAK;CAC5C,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUC,6BAAAA,mBAAmB;CAEnC,MAAM,aAAaC,mBAAAA,UAAmC;EACpD,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAID,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,WAAU;EACV,IALe,mBAAmB,KAAK,aAAc,WAAA,CAKvC,eAAe,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EAC9E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,UAAUC,qBAAAA;AAC3B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc"}

package/cjs/components/Input/InputError/InputError.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputError.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","useStyles","InputWrapperContext","Box","classes"],"sources":["../../../../src/components/Input/InputError/InputError.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputErrorStylesNames = 'error';\nexport type InputErrorCssVariables = {\n error: '--input-error-size';\n};\n\nexport interface InputErrorProps\n extends BoxProps, StylesApiProps<InputErrorFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n __inheritStyles?: boolean;\n\n /** Controls error `font-size` @default 'sm' */\n size?: MantineFontSize;\n}\n\nexport type InputErrorFactory = Factory<{\n props: InputErrorProps;\n ref: HTMLParagraphElement;\n stylesNames: InputErrorStylesNames;\n vars: InputErrorCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<InputErrorFactory>((_, { size }) => ({\n error: {\n '--input-error-size': size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputError = factory<InputErrorFactory>((_props) => {\n const props = useProps('InputError', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n attributes,\n __staticSelector,\n __inheritStyles = true,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputErrorFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'error',\n vars,\n varsResolver,\n });\n\n const ctx = use(InputWrapperContext);\n const getStyles = (__inheritStyles && ctx?.getStyles) \|\| _getStyles;\n\n return (\n <Box\n component=\"p\"\n {...getStyles('error', ctx?.getStyles ? { className, style } : undefined)}\n {...others}\n />\n );\n});\n\nInputError.classes = classes;\nInputError.varsResolver = varsResolver;\nInputError.displayName = '@mantine/core/InputError';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,eAAeA,6BAAAA,oBAAuC,GAAG,EAAE,YAAY,EAC3E,OAAO,EACL,sBAAsB,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQC,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC/F,EACF,EAAE;AAEF,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,kBAAkB,MAClB,GAAG,WACD;CAEJ,MAAM,aAAaC,mBAAAA,UAA6B;EAC9C,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAED,MAAM,OAAA,GAAA,MAAA,~~KAAUC~~,6BAAAA,mBAAmB;CAGnC,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;EACE,WAAU;EACV,IALe,mBAAmB,KAAK,aAAc,~~YAKvC~~,SAAS,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EACxE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,WAAW,UAAUC,qBAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}
1	+ {"version":3,"file":"InputError.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","useStyles","InputWrapperContext","Box","classes"],"sources":["../../../../src/components/Input/InputError/InputError.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputErrorStylesNames = 'error';\nexport type InputErrorCssVariables = {\n error: '--input-error-size';\n};\n\nexport interface InputErrorProps\n extends BoxProps, StylesApiProps<InputErrorFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n __inheritStyles?: boolean;\n\n /** Controls error `font-size` @default 'sm' */\n size?: MantineFontSize;\n}\n\nexport type InputErrorFactory = Factory<{\n props: InputErrorProps;\n ref: HTMLParagraphElement;\n stylesNames: InputErrorStylesNames;\n vars: InputErrorCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<InputErrorFactory>((_, { size }) => ({\n error: {\n '--input-error-size': size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputError = factory<InputErrorFactory>((_props) => {\n const props = useProps('InputError', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n attributes,\n __staticSelector,\n __inheritStyles = true,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputErrorFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'error',\n vars,\n varsResolver,\n });\n\n const ctx = use(InputWrapperContext);\n const getStyles = (__inheritStyles && ctx?.getStyles) \|\| _getStyles;\n\n return (\n <Box\n component=\"p\"\n {...getStyles('error', ctx?.getStyles ? { className, style } : undefined)}\n {...others}\n />\n );\n});\n\nInputError.classes = classes;\nInputError.varsResolver = varsResolver;\nInputError.displayName = '@mantine/core/InputError';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,eAAeA,6BAAAA,oBAAuC,GAAG,EAAE,YAAY,EAC3E,OAAO,EACL,sBAAsB,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQC,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC/F,EACF,EAAE;AAEF,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,kBAAkB,MAClB,GAAG,WACD;CAEJ,MAAM,aAAaC,mBAAAA,UAA6B;EAC9C,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAED,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUC,6BAAAA,mBAAmB;CAGnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,WAAU;EACV,IALe,mBAAmB,KAAK,aAAc,WAAA,CAKvC,SAAS,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EACxE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,WAAW,UAAUC,qBAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}

package/cjs/components/Input/InputLabel/InputLabel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputLabel.cjs","names":["createVarsResolver","getFontSize","factory","useProps","useStyles","InputWrapperContext","Box","classes"],"sources":["../../../../src/components/Input/InputLabel/InputLabel.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputLabelStylesNames = 'label' \| 'required';\nexport type InputLabelCssVariables = {\n label: '--input-asterisk-color' \| '--input-label-size';\n};\n\nexport interface InputLabelProps\n extends BoxProps, StylesApiProps<InputLabelFactory>, ElementProps<'label'> {\n __staticSelector?: string;\n\n /** If set, the required asterisk is displayed next to the label /\n required?: boolean;\n\n /* Controls label `font-size` @default 'sm' /\n size?: MantineFontSize;\n\n /* Root element of the label @default 'label' /\n labelElement?: 'label' \| 'div';\n}\n\nexport type InputLabelFactory = Factory<{\n props: InputLabelProps;\n ref: HTMLLabelElement;\n stylesNames: InputLabelStylesNames;\n vars: InputLabelCssVariables;\n}>;\n\nconst defaultProps = {\n labelElement: 'label',\n} satisfies Partial<InputLabelProps>;\n\nconst varsResolver = createVarsResolver<InputLabelFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': undefined,\n },\n}));\n\nexport const InputLabel = factory<InputLabelFactory>((_props) => {\n const props = useProps('InputLabel', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n labelElement,\n required,\n htmlFor,\n onMouseDown,\n children,\n __staticSelector,\n mod,\n attributes,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputLabelFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'label',\n vars,\n varsResolver,\n });\n\n const ctx = use(InputWrapperContext);\n const getStyles = ctx?.getStyles \|\| _getStyles;\n\n return (\n <Box\n {...getStyles('label', ctx?.getStyles ? { className, style } : undefined)}\n component={labelElement as 'label'}\n htmlFor={labelElement === 'label' ? htmlFor : undefined}\n mod={[{ required }, mod]}\n onMouseDown={(event) => {\n onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault();\n }\n }}\n {...others}\n >\n {children}\n {required && (\n <span {...getStyles('required')} aria-hidden>\n {' '}\n </span>\n )}\n </Box>\n );\n});\n\nInputLabel.classes = classes;\nInputLabel.varsResolver = varsResolver;\nInputLabel.displayName = '@mantine/core/InputLabel';\n"],"mappings":";;;;;;;;;;;;AA2CA,MAAM,eAAe,EACnB,cAAc,QAChB;AAEA,MAAM,eAAeA,6BAAAA,oBAAuC,GAAG,EAAE,YAAY,EAC3E,OAAO;CACL,sBAAsBC,iBAAAA,YAAY,IAAI;CACtC,0BAA0B,KAAA;AAC5B,EACF,EAAE;AAEF,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,cACA,UACA,SACA,aACA,UACA,kBACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,aAAaC,mBAAAA,UAA6B;EAC9C,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAED,MAAM,OAAA,GAAA,MAAA,~~KAAUC~~,6BAAAA,mBAAmB;CACnC,MAAM,YAAY,KAAK,aAAa;CAEpC,OACE,iBAAA,GAAA,kBAAA,~~MAACC~~,YAAAA,KAAD;EACE,GAAI,UAAU,SAAS,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EACxE,WAAW;EACX,SAAS,iBAAiB,UAAU,UAAU,KAAA;EAC9C,KAAK,CAAC,EAAE,SAAS,GAAG,GAAG;EACvB,cAAc,UAAU;GACtB,cAAc,KAAK;GACnB,IAAI,CAAC,MAAM,oBAAoB,MAAM,SAAS,GAC5C,MAAM,eAAe;EAEzB;EACA,GAAI;YAXN,CAaG,UACA,YACC,iBAAA,GAAA,kBAAA,~~KAAC~~,QAAD;GAAM,GAAI,UAAU,UAAU;GAAG,eAAA;aAC9B;EACG,CAAA,CAEL;;AAET,CAAC;AAED,WAAW,UAAUC,qBAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}
1	+ {"version":3,"file":"InputLabel.cjs","names":["createVarsResolver","getFontSize","factory","useProps","useStyles","InputWrapperContext","Box","classes"],"sources":["../../../../src/components/Input/InputLabel/InputLabel.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputLabelStylesNames = 'label' \| 'required';\nexport type InputLabelCssVariables = {\n label: '--input-asterisk-color' \| '--input-label-size';\n};\n\nexport interface InputLabelProps\n extends BoxProps, StylesApiProps<InputLabelFactory>, ElementProps<'label'> {\n __staticSelector?: string;\n\n /** If set, the required asterisk is displayed next to the label /\n required?: boolean;\n\n /* Controls label `font-size` @default 'sm' /\n size?: MantineFontSize;\n\n /* Root element of the label @default 'label' /\n labelElement?: 'label' \| 'div';\n}\n\nexport type InputLabelFactory = Factory<{\n props: InputLabelProps;\n ref: HTMLLabelElement;\n stylesNames: InputLabelStylesNames;\n vars: InputLabelCssVariables;\n}>;\n\nconst defaultProps = {\n labelElement: 'label',\n} satisfies Partial<InputLabelProps>;\n\nconst varsResolver = createVarsResolver<InputLabelFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': undefined,\n },\n}));\n\nexport const InputLabel = factory<InputLabelFactory>((_props) => {\n const props = useProps('InputLabel', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n labelElement,\n required,\n htmlFor,\n onMouseDown,\n children,\n __staticSelector,\n mod,\n attributes,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputLabelFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'label',\n vars,\n varsResolver,\n });\n\n const ctx = use(InputWrapperContext);\n const getStyles = ctx?.getStyles \|\| _getStyles;\n\n return (\n <Box\n {...getStyles('label', ctx?.getStyles ? { className, style } : undefined)}\n component={labelElement as 'label'}\n htmlFor={labelElement === 'label' ? htmlFor : undefined}\n mod={[{ required }, mod]}\n onMouseDown={(event) => {\n onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault();\n }\n }}\n {...others}\n >\n {children}\n {required && (\n <span {...getStyles('required')} aria-hidden>\n {' '}\n </span>\n )}\n </Box>\n );\n});\n\nInputLabel.classes = classes;\nInputLabel.varsResolver = varsResolver;\nInputLabel.displayName = '@mantine/core/InputLabel';\n"],"mappings":";;;;;;;;;;;;AA2CA,MAAM,eAAe,EACnB,cAAc,QAChB;AAEA,MAAM,eAAeA,6BAAAA,oBAAuC,GAAG,EAAE,YAAY,EAC3E,OAAO;CACL,sBAAsBC,iBAAAA,YAAY,IAAI;CACtC,0BAA0B,KAAA;AAC5B,EACF,EAAE;AAEF,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,cACA,UACA,SACA,aACA,UACA,kBACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,aAAaC,mBAAAA,UAA6B;EAC9C,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAED,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUC,6BAAAA,mBAAmB;CACnC,MAAM,YAAY,KAAK,aAAa;CAEpC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,SAAS,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EACxE,WAAW;EACX,SAAS,iBAAiB,UAAU,UAAU,KAAA;EAC9C,KAAK,CAAC,EAAE,SAAS,GAAG,GAAG;EACvB,cAAc,UAAU;GACtB,cAAc,KAAK;GACnB,IAAI,CAAC,MAAM,oBAAoB,MAAM,SAAS,GAC5C,MAAM,eAAe;EAEzB;EACA,GAAI;YAXN,CAaG,UACA,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,GAAI,UAAU,UAAU;GAAG,eAAA;aAC9B;EACG,CAAA,CAEL;;AAET,CAAC;AAED,WAAW,UAAUC,qBAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}

package/cjs/components/Input/InputPlaceholder/InputPlaceholder.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputPlaceholder.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Input/InputPlaceholder/InputPlaceholder.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 '../Input.module.css';\n\nexport type InputPlaceholderStylesNames = 'placeholder';\n\nexport interface InputPlaceholderProps\n extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {\n __staticSelector?: string;\n\n /** If set, the placeholder has error styles @default false */\n error?: React.ReactNode;\n}\n\nexport type InputPlaceholderFactory = Factory<{\n props: InputPlaceholderProps;\n ref: HTMLSpanElement;\n stylesNames: InputPlaceholderStylesNames;\n}>;\n\nexport const InputPlaceholder = factory<InputPlaceholderFactory>((_props) => {\n const props = useProps('InputPlaceholder', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n __staticSelector,\n error,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<InputPlaceholderFactory>({\n name: ['InputPlaceholder', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'placeholder',\n });\n\n return (\n <Box\n {...getStyles('placeholder')}\n mod={[{ error: !!error }, mod]}\n component=\"span\"\n {...others}\n />\n );\n});\n\nInputPlaceholder.classes = classes;\nInputPlaceholder.displayName = '@mantine/core/InputPlaceholder';\n"],"mappings":";;;;;;;;AA4BA,MAAa,mBAAmBA,gBAAAA,SAAkC,WAAW;CAC3E,MAAM,QAAQC,kBAAAA,SAAS,oBAAoB,MAAM,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,OACA,KACA,YACA,GAAG,WACD;CAeJ,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;EACE,GAfcC,mBAAAA,UAAmC;GACnD,MAAM,CAAC,oBAAoB,gBAAgB;GAC3C;GACA,SAAA,qBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,~~EAAE~~,aAAa;EAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,GAAG,GAAG;EAC7B,WAAU;EACV,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,UAAUC,qBAAAA;AAC3B,iBAAiB,cAAc"}
1	+ {"version":3,"file":"InputPlaceholder.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/Input/InputPlaceholder/InputPlaceholder.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 '../Input.module.css';\n\nexport type InputPlaceholderStylesNames = 'placeholder';\n\nexport interface InputPlaceholderProps\n extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {\n __staticSelector?: string;\n\n /** If set, the placeholder has error styles @default false */\n error?: React.ReactNode;\n}\n\nexport type InputPlaceholderFactory = Factory<{\n props: InputPlaceholderProps;\n ref: HTMLSpanElement;\n stylesNames: InputPlaceholderStylesNames;\n}>;\n\nexport const InputPlaceholder = factory<InputPlaceholderFactory>((_props) => {\n const props = useProps('InputPlaceholder', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n __staticSelector,\n error,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<InputPlaceholderFactory>({\n name: ['InputPlaceholder', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'placeholder',\n });\n\n return (\n <Box\n {...getStyles('placeholder')}\n mod={[{ error: !!error }, mod]}\n component=\"span\"\n {...others}\n />\n );\n});\n\nInputPlaceholder.classes = classes;\nInputPlaceholder.displayName = '@mantine/core/InputPlaceholder';\n"],"mappings":";;;;;;;;AA4BA,MAAa,mBAAmBA,gBAAAA,SAAkC,WAAW;CAC3E,MAAM,QAAQC,kBAAAA,SAAS,oBAAoB,MAAM,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,kBACA,OACA,KACA,YACA,GAAG,WACD;CAeJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAfcC,mBAAAA,UAAmC;GACnD,MAAM,CAAC,oBAAoB,gBAAgB;GAC3C;GACA,SAAA,qBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,aAAa;EAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,GAAG,GAAG;EAC7B,WAAU;EACV,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,UAAUC,qBAAAA;AAC3B,iBAAiB,cAAc"}

package/cjs/components/Input/InputSuccess/InputSuccess.cjs ADDED Viewed

@@ -0,0 +1,48 @@
+"use client";
+const require_rem = require("../../../core/utils/units-converters/rem.cjs");
+const require_get_size = require("../../../core/utils/get-size/get-size.cjs");
+const require_create_vars_resolver = require("../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
+const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
+const require_use_styles = require("../../../core/styles-api/use-styles/use-styles.cjs");
+const require_factory = require("../../../core/factory/factory.cjs");
+const require_Box = require("../../../core/Box/Box.cjs");
+const require_InputWrapper_context = require("../InputWrapper.context.cjs");
+const require_Input_module = require("../Input.module.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/core/src/components/Input/InputSuccess/InputSuccess.tsx
+const varsResolver = require_create_vars_resolver.createVarsResolver((_, { size }) => ({ success: { "--input-success-size": size === void 0 ? void 0 : `calc(${require_get_size.getFontSize(size)} - ${require_rem.rem(2)})` } }));
+const InputSuccess = require_factory.factory((_props) => {
+	const props = require_use_props.useProps("InputSuccess", null, _props);
+	const { classNames, className, style, styles, unstyled, vars, attributes, __staticSelector, __inheritStyles = true, ...others } = props;
+	const _getStyles = require_use_styles.useStyles({
+		name: ["InputWrapper", __staticSelector],
+		props,
+		classes: require_Input_module.default,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		rootSelector: "success",
+		vars,
+		varsResolver
+	});
+	const ctx = (0, react.use)(require_InputWrapper_context.InputWrapperContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		component: "p",
+		...(__inheritStyles && ctx?.getStyles || _getStyles)("success", ctx?.getStyles ? {
+			className,
+			style
+		} : void 0),
+		...others
+	});
+});
+InputSuccess.classes = require_Input_module.default;
+InputSuccess.varsResolver = varsResolver;
+InputSuccess.displayName = "@mantine/core/InputSuccess";
+//#endregion
+exports.InputSuccess = InputSuccess;
+//# sourceMappingURL=InputSuccess.cjs.map

package/cjs/components/Input/InputSuccess/InputSuccess.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InputSuccess.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","useStyles","InputWrapperContext","Box","classes"],"sources":["../../../../src/components/Input/InputSuccess/InputSuccess.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputSuccessStylesNames = 'success';\nexport type InputSuccessCssVariables = {\n success: '--input-success-size';\n};\n\nexport interface InputSuccessProps\n extends BoxProps, StylesApiProps<InputSuccessFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n __inheritStyles?: boolean;\n\n /** Controls success `font-size` @default 'sm' */\n size?: MantineFontSize;\n}\n\nexport type InputSuccessFactory = Factory<{\n props: InputSuccessProps;\n ref: HTMLParagraphElement;\n stylesNames: InputSuccessStylesNames;\n vars: InputSuccessCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<InputSuccessFactory>((_, { size }) => ({\n success: {\n '--input-success-size':\n size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputSuccess = factory<InputSuccessFactory>((_props) => {\n const props = useProps('InputSuccess', null, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n attributes,\n __staticSelector,\n __inheritStyles = true,\n ...others\n } = props;\n\n const _getStyles = useStyles<InputSuccessFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'success',\n vars,\n varsResolver,\n });\n\n const ctx = use(InputWrapperContext);\n const getStyles = (__inheritStyles && ctx?.getStyles) || _getStyles;\n\n return (\n <Box\n component=\"p\"\n {...getStyles('success', ctx?.getStyles ? { className, style } : undefined)}\n {...others}\n />\n );\n});\n\nInputSuccess.classes = classes;\nInputSuccess.varsResolver = varsResolver;\nInputSuccess.displayName = '@mantine/core/InputSuccess';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAM,eAAeA,6BAAAA,oBAAyC,GAAG,EAAE,YAAY,EAC7E,SAAS,EACP,wBACE,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQC,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC3E,EACF,EAAE;AAEF,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,MAAM,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,kBACA,kBAAkB,MAClB,GAAG,WACD;CAEJ,MAAM,aAAaC,mBAAAA,UAA+B;EAChD,MAAM,CAAC,gBAAgB,gBAAgB;EACvC;EACA,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,CAAC;CAED,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUC,6BAAAA,mBAAmB;CAGnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,WAAU;EACV,IALe,mBAAmB,KAAK,aAAc,WAAA,CAKvC,WAAW,KAAK,YAAY;GAAE;GAAW;EAAM,IAAI,KAAA,CAAS;EAC1E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,aAAa,UAAUC,qBAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}

package/cjs/components/Input/InputWrapper/InputWrapper.cjs CHANGED Viewed

@@ -11,6 +11,7 @@ const require_Input_module = require("../Input.module.cjs");
 const require_InputDescription = require("../InputDescription/InputDescription.cjs");
 const require_InputError = require("../InputError/InputError.cjs");
 const require_InputLabel = require("../InputLabel/InputLabel.cjs");
+const require_InputSuccess = require("../InputSuccess/InputSuccess.cjs");
 const require_get_input_offsets = require("./get-input-offsets/get-input-offsets.cjs");
 let react = require("react");
 let _mantine_hooks = require("@mantine/hooks");
@@ -32,11 +33,12 @@ const varsResolver = require_create_vars_resolver.createVarsResolver((_, { size
 		"--input-asterisk-color": void 0
 	},
 	error: { "--input-error-size": size === void 0 ? void 0 : `calc(${require_get_size.getFontSize(size)} - ${require_rem.rem(2)})` },
+	success: { "--input-success-size": size === void 0 ? void 0 : `calc(${require_get_size.getFontSize(size)} - ${require_rem.rem(2)})` },
 	description: { "--input-description-size": size === void 0 ? void 0 : `calc(${require_get_size.getFontSize(size)} - ${require_rem.rem(2)})` }
 }));
 const InputWrapper = require_factory.factory((_props) => {
 	const props = require_use_props.useProps("InputWrapper", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, size, variant, __staticSelector, inputContainer, inputWrapperOrder, label, error, description, labelProps, descriptionProps, errorProps, labelElement, children, withAsterisk, id, required, __stylesApiProps, mod, attributes, ...others } = props;
+	const { classNames, className, style, styles, unstyled, vars, size, variant, __staticSelector, inputContainer, inputWrapperOrder, label, error, success, description, labelProps, descriptionProps, errorProps, successProps, labelElement, children, withAsterisk, id, required, __stylesApiProps, mod, attributes, ...others } = props;
 	const getStyles = require_use_styles.useStyles({
 		name: ["InputWrapper", __staticSelector],
 		props: __stylesApiProps || props,
@@ -58,11 +60,16 @@ const InputWrapper = require_factory.factory((_props) => {
 	const idBase = (0, _mantine_hooks.useId)(id);
 	const isRequired = typeof withAsterisk === "boolean" ? withAsterisk : required;
 	const errorId = errorProps?.id || `${idBase}-error`;
+	const successId = successProps?.id || `${idBase}-success`;
 	const descriptionId = descriptionProps?.id || `${idBase}-description`;
 	const inputId = idBase;
 	const hasError = !!error && typeof error !== "boolean";
+	const hasSuccess = !!success && typeof success !== "boolean" && !error;
 	const hasDescription = !!description;
-	const _describedBy = `${hasError ? errorId : ""} ${hasDescription ? descriptionId : ""}`;
+	const errorRendered = hasError && inputWrapperOrder.includes("error");
+	const successRendered = hasSuccess && inputWrapperOrder.includes("error");
+	const descriptionRendered = hasDescription && inputWrapperOrder.includes("description");
+	const _describedBy = `${errorRendered ? errorId : ""} ${successRendered ? successId : ""} ${descriptionRendered ? descriptionId : ""}`;
 	const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : void 0;
 	const labelId = labelProps?.id || `${idBase}-label`;
 	const _label = label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputLabel.InputLabel, {
@@ -89,12 +96,19 @@ const InputWrapper = require_factory.factory((_props) => {
 		key: "error",
 		id: errorProps?.id || errorId
 	}, error);
+	const _success = hasSuccess && /* @__PURE__ */ (0, react.createElement)(require_InputSuccess.InputSuccess, {
+		...successProps,
+		...sharedProps,
+		size: successProps?.size || sharedProps.size,
+		key: "success",
+		id: successProps?.id || successId
+	}, success);
 	const content = inputWrapperOrder.map((part) => {
 		switch (part) {
 			case "label": return _label;
 			case "input": return _input;
 			case "description": return _description;
-			case "error": return _error;
+			case "error": return _error || _success;
 			default: return null;
 		}
 	});
@@ -106,13 +120,16 @@ const InputWrapper = require_factory.factory((_props) => {
 			labelId,
 			...require_get_input_offsets.getInputOffsets(inputWrapperOrder, {
 				hasDescription,
-				hasError
+				hasError: hasError || hasSuccess
 			})
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 			variant,
 			size,
-			mod: [{ error: !!error }, mod],
+			mod: [{
+				error: !!error,
+				success: !!success && !error
+			}, mod],
 			id: labelElement === "label" ? void 0 : id,
 			...getStyles("root"),
 			...others,

package/cjs/components/Input/InputWrapper/InputWrapper.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputWrapper.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","useStyles","InputLabel","InputDescription","Fragment","InputError","InputWrapperContext","getInputOffsets","Box","classes"],"sources":["../../../../src/components/Input/InputWrapper/InputWrapper.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n DataAttributes,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport {\n InputDescription,\n InputDescriptionCssVariables,\n InputDescriptionProps,\n InputDescriptionStylesNames,\n} from '../InputDescription/InputDescription';\nimport {\n InputError,\n InputErrorCssVariables,\n InputErrorProps,\n InputErrorStylesNames,\n} from '../InputError/InputError';\nimport {\n InputLabel,\n InputLabelCssVariables,\n InputLabelProps,\n InputLabelStylesNames,\n} from '../InputLabel/InputLabel';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport { getInputOffsets } from './get-input-offsets/get-input-offsets';\nimport classes from '../Input.module.css';\n\nexport type InputWrapperCssVariables = InputLabelCssVariables &\n InputErrorCssVariables &\n InputDescriptionCssVariables;\n\nexport type InputWrapperStylesNames =\n \| 'root'\n \| InputLabelStylesNames\n \| InputDescriptionStylesNames\n \| InputErrorStylesNames;\n\nexport interface __InputWrapperProps {\n /** Contents of `Input.Label` component. If not set, label is not displayed. /\n label?: React.ReactNode;\n\n /* Contents of `Input.Description` component. If not set, description is not displayed. /\n description?: React.ReactNode;\n\n /* Contents of `Input.Error` component. If not set, error is not displayed. /\n error?: React.ReactNode;\n\n /* Adds required attribute to the input and a red asterisk on the right side of label @default false /\n required?: boolean;\n\n /* If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. @default false /\n withAsterisk?: boolean;\n\n /* Props passed down to the `Input.Label` component /\n labelProps?: InputLabelProps & DataAttributes;\n\n /* Props passed down to the `Input.Description` component /\n descriptionProps?: InputDescriptionProps & DataAttributes;\n\n /* Props passed down to the `Input.Error` component /\n errorProps?: InputErrorProps & DataAttributes;\n\n /* Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input. @default React.Fragment /\n inputContainer?: (children: React.ReactNode) => React.ReactNode;\n\n /* Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. @default ['label', 'description', 'input', 'error'] /\n inputWrapperOrder?: ('label' \| 'input' \| 'description' \| 'error')[];\n}\n\nexport interface InputWrapperProps\n extends __InputWrapperProps, BoxProps, StylesApiProps<InputWrapperFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n\n /* Props passed to Styles API context, replaces Input.Wrapper props /\n __stylesApiProps?: Record<string, any>;\n\n /* Static id used as base to generate `aria-` attributes, by default generates random id /\n id?: string;\n\n /* Controls size of `Input.Label`, `Input.Description` and `Input.Error` components /\n size?: MantineFontSize;\n\n /* Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. @default 'label' */\n labelElement?: 'label' \| 'div';\n}\n\nexport type InputWrapperFactory = Factory<{\n props: InputWrapperProps;\n ref: HTMLDivElement;\n stylesNames: InputWrapperStylesNames;\n vars: InputWrapperCssVariables;\n}>;\n\nconst defaultProps = {\n labelElement: 'label',\n inputContainer: (children) => children,\n inputWrapperOrder: ['label', 'description', 'input', 'error'],\n} satisfies Partial<InputWrapperProps>;\n\nconst varsResolver = createVarsResolver<InputWrapperFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': undefined,\n },\n\n error: {\n '--input-error-size': size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n\n description: {\n '--input-description-size':\n size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputWrapper = factory<InputWrapperFactory>((_props) => {\n const props = useProps('InputWrapper', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n variant,\n __staticSelector,\n inputContainer,\n inputWrapperOrder,\n label,\n error,\n description,\n labelProps,\n descriptionProps,\n errorProps,\n labelElement,\n children,\n withAsterisk,\n id,\n required,\n __stylesApiProps,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<InputWrapperFactory>({\n name: ['InputWrapper', __staticSelector],\n props: __stylesApiProps \|\| props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const sharedProps = {\n size,\n variant,\n __staticSelector,\n };\n\n const idBase = useId(id);\n const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n const errorId = errorProps?.id \|\| `${idBase}-error`;\n const descriptionId = descriptionProps?.id \|\| `${idBase}-description`;\n const inputId = idBase;\n const hasError = !!error && typeof error !== 'boolean';\n const hasDescription = !!description;\n const _describedBy = `${hasError ? errorId : ''} ${hasDescription ? descriptionId : ''}`;\n const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;\n const labelId = labelProps?.id \|\| `${idBase}-label`;\n\n const _label = label && (\n <InputLabel\n key=\"label\"\n labelElement={labelElement}\n id={labelId}\n htmlFor={inputId}\n required={isRequired}\n {...sharedProps}\n {...labelProps}\n >\n {label}\n </InputLabel>\n );\n\n const _description = hasDescription && (\n <InputDescription\n key=\"description\"\n {...descriptionProps}\n {...sharedProps}\n size={descriptionProps?.size \|\| sharedProps.size}\n id={descriptionProps?.id \|\| descriptionId}\n >\n {description}\n </InputDescription>\n );\n\n const _input = <Fragment key=\"input\">{inputContainer(children)}</Fragment>;\n\n const _error = hasError && (\n <InputError\n {...errorProps}\n {...sharedProps}\n size={errorProps?.size \|\| sharedProps.size}\n key=\"error\"\n id={errorProps?.id \|\| errorId}\n >\n {error}\n </InputError>\n );\n\n const content = inputWrapperOrder.map((part) => {\n switch (part) {\n case 'label':\n return _label;\n case 'input':\n return _input;\n case 'description':\n return _description;\n case 'error':\n return _error;\n default:\n return null;\n }\n });\n\n return (\n <InputWrapperContext\n value={{\n getStyles,\n describedBy,\n inputId,\n labelId,\n ...getInputOffsets(inputWrapperOrder, { hasDescription, hasError }),\n }}\n >\n <Box\n variant={variant}\n size={size}\n mod={[{ error: !!error }, mod]}\n id={labelElement === 'label' ? undefined : id}\n {...getStyles('root')}\n {...others}\n >\n {content}\n </Box>\n </InputWrapperContext>\n );\n});\n\nInputWrapper.classes = classes;\nInputWrapper.varsResolver = varsResolver;\nInputWrapper.displayName = '@mantine/core/InputWrapper';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyGA,MAAM,eAAe;CACnB,cAAc;CACd,iBAAiB,aAAa;CAC9B,mBAAmB;EAAC;EAAS;EAAe;EAAS;CAAO;AAC9D;AAEA,MAAM,eAAeA,6BAAAA,oBAAyC,GAAG,EAAE,YAAY;CAC7E,OAAO;EACL,sBAAsBC,iBAAAA,YAAY,IAAI;EACtC,0BAA0B,KAAA;CAC5B;CAEA,OAAO,EACL,sBAAsB,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQA,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC/F;CAEA,aAAa,EACX,4BACE,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQD,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC3E;AACF,EAAE;AAEF,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,SACA,kBACA,gBACA,mBACA,OACA,OACA,aACA,YACA,kBACA,YACA,cACA,UACA,cACA,IACA,UACA,kBACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM,CAAC,gBAAgB,gBAAgB;EACvC,OAAO,oBAAoB;EAC3B,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc;EAClB;EACA;EACA;CACF;CAEA,MAAM,UAAA,GAAA,eAAA,OAAe,EAAE;CACvB,MAAM,aAAa,OAAO,iBAAiB,YAAY,eAAe;CACtE,MAAM,UAAU,YAAY,MAAM,GAAG,OAAO;CAC5C,MAAM,gBAAgB,kBAAkB,MAAM,GAAG,OAAO;CACxD,MAAM,UAAU;CAChB,MAAM,WAAW,CAAC,CAAC,SAAS,OAAO,UAAU;CAC7C,MAAM,iBAAiB,CAAC,CAAC;CACzB,MAAM,eAAe,GAAG,WAAW,UAAU,GAAG,GAAG,iBAAiB,gBAAgB;CACpF,MAAM,cAAc,aAAa,KAAK,EAAE,SAAS,IAAI,aAAa,KAAK,IAAI,KAAA;CAC3E,MAAM,UAAU,YAAY,MAAM,GAAG,OAAO;CAE5C,MAAM,SAAS,SACb,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EAEgB;EACd,IAAI;EACJ,SAAS;EACT,UAAU;EACV,GAAI;EACJ,GAAI;YAEH;CACS,GATN,OASM;CAGd,MAAM,eAAe,kBACnB,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,kBAAD;EAEE,GAAI;EACJ,GAAI;EACJ,MAAM,kBAAkB,QAAQ,YAAY;EAC5C,IAAI,kBAAkB,MAAM;YAE3B;CACe,GAPZ,aAOY;CAGpB,MAAM,SAAS,iBAAA,GAAA,kBAAA,KAACC,MAAAA,UAAD,EAAA,UAAuB,eAAe,QAAQ,EAAY,GAA5C,OAA4C;CAEzE,MAAM,SAAS,YACb,iBAAA,GAAA,MAAA,eAACC,mBAAAA,YAAD;EACE,GAAI;EACJ,GAAI;EACJ,MAAM,YAAY,QAAQ,YAAY;EACtC,KAAI;EACJ,IAAI,YAAY,MAAM;CAGZ,GADT,KACS;CAGd,MAAM,UAAU,kBAAkB,KAAK,SAAS;EAC9C,QAAQ,MAAR;GACE,KAAK,SACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,KAAK,eACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,SACE,OAAO;EACX;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,qBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA,GAAGC,0BAAAA,gBAAgB,mBAAmB;IAAE;IAAgB;GAAS,CAAC;EACpE;YAEA,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;GACW;GACH;GACN,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,GAAG,GAAG;GAC7B,IAAI,iBAAiB,UAAU,KAAA,IAAY;GAC3C,GAAI,UAAU,MAAM;GACpB,GAAI;aAEH;EACE,CAAA;CACc,CAAA;AAEzB,CAAC;AAED,aAAa,UAAUC,qBAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}
1	+ {"version":3,"file":"InputWrapper.cjs","names":["createVarsResolver","getFontSize","rem","factory","useProps","useStyles","InputLabel","InputDescription","Fragment","InputError","InputSuccess","InputWrapperContext","getInputOffsets","Box","classes"],"sources":["../../../../src/components/Input/InputWrapper/InputWrapper.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n DataAttributes,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n MantineFontSize,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../../core';\nimport {\n InputDescription,\n InputDescriptionCssVariables,\n InputDescriptionProps,\n InputDescriptionStylesNames,\n} from '../InputDescription/InputDescription';\nimport {\n InputError,\n InputErrorCssVariables,\n InputErrorProps,\n InputErrorStylesNames,\n} from '../InputError/InputError';\nimport {\n InputLabel,\n InputLabelCssVariables,\n InputLabelProps,\n InputLabelStylesNames,\n} from '../InputLabel/InputLabel';\nimport {\n InputSuccess,\n InputSuccessCssVariables,\n InputSuccessProps,\n InputSuccessStylesNames,\n} from '../InputSuccess/InputSuccess';\nimport { InputWrapperContext } from '../InputWrapper.context';\nimport { getInputOffsets } from './get-input-offsets/get-input-offsets';\nimport classes from '../Input.module.css';\n\nexport type InputWrapperCssVariables = InputLabelCssVariables &\n InputErrorCssVariables &\n InputSuccessCssVariables &\n InputDescriptionCssVariables;\n\nexport type InputWrapperStylesNames =\n \| 'root'\n \| InputLabelStylesNames\n \| InputDescriptionStylesNames\n \| InputErrorStylesNames\n \| InputSuccessStylesNames;\n\nexport interface __InputWrapperProps {\n /** Contents of `Input.Label` component. If not set, label is not displayed. /\n label?: React.ReactNode;\n\n /* Contents of `Input.Description` component. If not set, description is not displayed. /\n description?: React.ReactNode;\n\n /* Contents of `Input.Error` component. If not set, error is not displayed. /\n error?: React.ReactNode;\n\n /* Contents of `Input.Success` component. If not set, success is not displayed. /\n success?: React.ReactNode;\n\n /* Adds required attribute to the input and a red asterisk on the right side of label @default false /\n required?: boolean;\n\n /* If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. @default false /\n withAsterisk?: boolean;\n\n /* Props passed down to the `Input.Label` component /\n labelProps?: InputLabelProps & DataAttributes;\n\n /* Props passed down to the `Input.Description` component /\n descriptionProps?: InputDescriptionProps & DataAttributes;\n\n /* Props passed down to the `Input.Error` component /\n errorProps?: InputErrorProps & DataAttributes;\n\n /* Props passed down to the `Input.Success` component /\n successProps?: InputSuccessProps & DataAttributes;\n\n /* Render function to wrap the input element. Useful for adding tooltips, popovers, or other wrappers around the input. @default React.Fragment /\n inputContainer?: (children: React.ReactNode) => React.ReactNode;\n\n /* Controls order and visibility of wrapper elements. Only elements included in this array will be rendered. @default ['label', 'description', 'input', 'error'] /\n inputWrapperOrder?: ('label' \| 'input' \| 'description' \| 'error')[];\n}\n\nexport interface InputWrapperProps\n extends __InputWrapperProps, BoxProps, StylesApiProps<InputWrapperFactory>, ElementProps<'div'> {\n __staticSelector?: string;\n\n /* Props passed to Styles API context, replaces Input.Wrapper props /\n __stylesApiProps?: Record<string, any>;\n\n /* Static id used as base to generate `aria-` attributes, by default generates random id /\n id?: string;\n\n /* Controls size of `Input.Label`, `Input.Description` and `Input.Error` components /\n size?: MantineFontSize;\n\n /* Root element for the label. Use `'div'` when wrapper contains multiple input elements and you need to handle `htmlFor` manually. @default 'label' */\n labelElement?: 'label' \| 'div';\n}\n\nexport type InputWrapperFactory = Factory<{\n props: InputWrapperProps;\n ref: HTMLDivElement;\n stylesNames: InputWrapperStylesNames;\n vars: InputWrapperCssVariables;\n}>;\n\nconst defaultProps = {\n labelElement: 'label',\n inputContainer: (children) => children,\n inputWrapperOrder: ['label', 'description', 'input', 'error'],\n} satisfies Partial<InputWrapperProps>;\n\nconst varsResolver = createVarsResolver<InputWrapperFactory>((_, { size }) => ({\n label: {\n '--input-label-size': getFontSize(size),\n '--input-asterisk-color': undefined,\n },\n\n error: {\n '--input-error-size': size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n\n success: {\n '--input-success-size':\n size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n\n description: {\n '--input-description-size':\n size === undefined ? undefined : `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputWrapper = factory<InputWrapperFactory>((_props) => {\n const props = useProps('InputWrapper', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n variant,\n __staticSelector,\n inputContainer,\n inputWrapperOrder,\n label,\n error,\n success,\n description,\n labelProps,\n descriptionProps,\n errorProps,\n successProps,\n labelElement,\n children,\n withAsterisk,\n id,\n required,\n __stylesApiProps,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<InputWrapperFactory>({\n name: ['InputWrapper', __staticSelector],\n props: __stylesApiProps \|\| props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const sharedProps = {\n size,\n variant,\n __staticSelector,\n };\n\n const idBase = useId(id);\n const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n const errorId = errorProps?.id \|\| `${idBase}-error`;\n const successId = successProps?.id \|\| `${idBase}-success`;\n const descriptionId = descriptionProps?.id \|\| `${idBase}-description`;\n const inputId = idBase;\n const hasError = !!error && typeof error !== 'boolean';\n const hasSuccess = !!success && typeof success !== 'boolean' && !error;\n const hasDescription = !!description;\n const errorRendered = hasError && inputWrapperOrder.includes('error');\n const successRendered = hasSuccess && inputWrapperOrder.includes('error');\n const descriptionRendered = hasDescription && inputWrapperOrder.includes('description');\n const _describedBy = `${errorRendered ? errorId : ''} ${successRendered ? successId : ''} ${descriptionRendered ? descriptionId : ''}`;\n const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;\n const labelId = labelProps?.id \|\| `${idBase}-label`;\n\n const _label = label && (\n <InputLabel\n key=\"label\"\n labelElement={labelElement}\n id={labelId}\n htmlFor={inputId}\n required={isRequired}\n {...sharedProps}\n {...labelProps}\n >\n {label}\n </InputLabel>\n );\n\n const _description = hasDescription && (\n <InputDescription\n key=\"description\"\n {...descriptionProps}\n {...sharedProps}\n size={descriptionProps?.size \|\| sharedProps.size}\n id={descriptionProps?.id \|\| descriptionId}\n >\n {description}\n </InputDescription>\n );\n\n const _input = <Fragment key=\"input\">{inputContainer(children)}</Fragment>;\n\n const _error = hasError && (\n <InputError\n {...errorProps}\n {...sharedProps}\n size={errorProps?.size \|\| sharedProps.size}\n key=\"error\"\n id={errorProps?.id \|\| errorId}\n >\n {error}\n </InputError>\n );\n\n const _success = hasSuccess && (\n <InputSuccess\n {...successProps}\n {...sharedProps}\n size={successProps?.size \|\| sharedProps.size}\n key=\"success\"\n id={successProps?.id \|\| successId}\n >\n {success}\n </InputSuccess>\n );\n\n const content = inputWrapperOrder.map((part) => {\n switch (part) {\n case 'label':\n return _label;\n case 'input':\n return _input;\n case 'description':\n return _description;\n case 'error':\n return _error \|\| _success;\n default:\n return null;\n }\n });\n\n return (\n <InputWrapperContext\n value={{\n getStyles,\n describedBy,\n inputId,\n labelId,\n ...getInputOffsets(inputWrapperOrder, { hasDescription, hasError: hasError \|\| hasSuccess }),\n }}\n >\n <Box\n variant={variant}\n size={size}\n mod={[{ error: !!error, success: !!success && !error }, mod]}\n id={labelElement === 'label' ? undefined : id}\n {...getStyles('root')}\n {...others}\n >\n {content}\n </Box>\n </InputWrapperContext>\n );\n});\n\nInputWrapper.classes = classes;\nInputWrapper.varsResolver = varsResolver;\nInputWrapper.displayName = '@mantine/core/InputWrapper';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuHA,MAAM,eAAe;CACnB,cAAc;CACd,iBAAiB,aAAa;CAC9B,mBAAmB;EAAC;EAAS;EAAe;EAAS;CAAO;AAC9D;AAEA,MAAM,eAAeA,6BAAAA,oBAAyC,GAAG,EAAE,YAAY;CAC7E,OAAO;EACL,sBAAsBC,iBAAAA,YAAY,IAAI;EACtC,0BAA0B,KAAA;CAC5B;CAEA,OAAO,EACL,sBAAsB,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQA,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC/F;CAEA,SAAS,EACP,wBACE,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQD,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC3E;CAEA,aAAa,EACX,4BACE,SAAS,KAAA,IAAY,KAAA,IAAY,QAAQD,iBAAAA,YAAY,IAAI,EAAE,KAAKC,YAAAA,IAAI,CAAC,EAAE,GAC3E;AACF,EAAE;AAEF,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,SACA,kBACA,gBACA,mBACA,OACA,OACA,SACA,aACA,YACA,kBACA,YACA,cACA,cACA,UACA,cACA,IACA,UACA,kBACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM,CAAC,gBAAgB,gBAAgB;EACvC,OAAO,oBAAoB;EAC3B,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc;EAClB;EACA;EACA;CACF;CAEA,MAAM,UAAA,GAAA,eAAA,MAAA,CAAe,EAAE;CACvB,MAAM,aAAa,OAAO,iBAAiB,YAAY,eAAe;CACtE,MAAM,UAAU,YAAY,MAAM,GAAG,OAAO;CAC5C,MAAM,YAAY,cAAc,MAAM,GAAG,OAAO;CAChD,MAAM,gBAAgB,kBAAkB,MAAM,GAAG,OAAO;CACxD,MAAM,UAAU;CAChB,MAAM,WAAW,CAAC,CAAC,SAAS,OAAO,UAAU;CAC7C,MAAM,aAAa,CAAC,CAAC,WAAW,OAAO,YAAY,aAAa,CAAC;CACjE,MAAM,iBAAiB,CAAC,CAAC;CACzB,MAAM,gBAAgB,YAAY,kBAAkB,SAAS,OAAO;CACpE,MAAM,kBAAkB,cAAc,kBAAkB,SAAS,OAAO;CACxE,MAAM,sBAAsB,kBAAkB,kBAAkB,SAAS,aAAa;CACtF,MAAM,eAAe,GAAG,gBAAgB,UAAU,GAAG,GAAG,kBAAkB,YAAY,GAAG,GAAG,sBAAsB,gBAAgB;CAClI,MAAM,cAAc,aAAa,KAAK,CAAC,CAAC,SAAS,IAAI,aAAa,KAAK,IAAI,KAAA;CAC3E,MAAM,UAAU,YAAY,MAAM,GAAG,OAAO;CAE5C,MAAM,SAAS,SACb,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAEgB;EACd,IAAI;EACJ,SAAS;EACT,UAAU;EACV,GAAI;EACJ,GAAI;YAEH;CACS,GATN,OASM;CAGd,MAAM,eAAe,kBACnB,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD;EAEE,GAAI;EACJ,GAAI;EACJ,MAAM,kBAAkB,QAAQ,YAAY;EAC5C,IAAI,kBAAkB,MAAM;YAE3B;CACe,GAPZ,aAOY;CAGpB,MAAM,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,MAAAA,UAAD,EAAA,UAAuB,eAAe,QAAQ,EAAY,GAA5C,OAA4C;CAEzE,MAAM,SAAS,YACb,iBAAA,GAAA,MAAA,cAAA,CAACC,mBAAAA,YAAD;EACE,GAAI;EACJ,GAAI;EACJ,MAAM,YAAY,QAAQ,YAAY;EACtC,KAAI;EACJ,IAAI,YAAY,MAAM;CAGZ,GADT,KACS;CAGd,MAAM,WAAW,cACf,iBAAA,GAAA,MAAA,cAAA,CAACC,qBAAAA,cAAD;EACE,GAAI;EACJ,GAAI;EACJ,MAAM,cAAc,QAAQ,YAAY;EACxC,KAAI;EACJ,IAAI,cAAc,MAAM;CAGZ,GADX,OACW;CAGhB,MAAM,UAAU,kBAAkB,KAAK,SAAS;EAC9C,QAAQ,MAAR;GACE,KAAK,SACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,KAAK,eACH,OAAO;GACT,KAAK,SACH,OAAO,UAAU;GACnB,SACE,OAAO;EACX;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA,GAAGC,0BAAAA,gBAAgB,mBAAmB;IAAE;IAAgB,UAAU,YAAY;GAAW,CAAC;EAC5F;YAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GACW;GACH;GACN,KAAK,CAAC;IAAE,OAAO,CAAC,CAAC;IAAO,SAAS,CAAC,CAAC,WAAW,CAAC;GAAM,GAAG,GAAG;GAC3D,IAAI,iBAAiB,UAAU,KAAA,IAAY;GAC3C,GAAI,UAAU,MAAM;GACpB,GAAI;aAEH;EACE,CAAA;CACc,CAAA;AAEzB,CAAC;AAED,aAAa,UAAUC,qBAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}

package/cjs/components/Input/InputWrapper.context.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputWrapper.context.cjs","names":[],"sources":["../../../src/components/Input/InputWrapper.context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { GetStylesApi } from '../../core';\nimport type { InputWrapperFactory } from './InputWrapper/InputWrapper';\n\ninterface InputWrapperContextValue {\n offsetTop: boolean;\n offsetBottom: boolean;\n describedBy: string \| undefined;\n inputId: string \| undefined;\n labelId: string \| undefined;\n getStyles: GetStylesApi<InputWrapperFactory> \| null;\n}\n\nexport const InputWrapperContext = createContext<InputWrapperContextValue>({\n offsetBottom: false,\n offsetTop: false,\n describedBy: undefined,\n getStyles: null,\n inputId: undefined,\n labelId: undefined,\n});\n"],"mappings":";;AAaA,MAAa,uBAAA,kBAAA,~~EAAA~~,~~eAA8D~~;CACzE,cAAc;CACd,WAAW;CACX,aAAa,KAAA;CACb,WAAW;CACX,SAAS,KAAA;CACT,SAAS,KAAA;AACX,CAAC"}
1	+ {"version":3,"file":"InputWrapper.context.cjs","names":[],"sources":["../../../src/components/Input/InputWrapper.context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { GetStylesApi } from '../../core';\nimport type { InputWrapperFactory } from './InputWrapper/InputWrapper';\n\ninterface InputWrapperContextValue {\n offsetTop: boolean;\n offsetBottom: boolean;\n describedBy: string \| undefined;\n inputId: string \| undefined;\n labelId: string \| undefined;\n getStyles: GetStylesApi<InputWrapperFactory> \| null;\n}\n\nexport const InputWrapperContext = createContext<InputWrapperContextValue>({\n offsetBottom: false,\n offsetTop: false,\n describedBy: undefined,\n getStyles: null,\n inputId: undefined,\n labelId: undefined,\n});\n"],"mappings":";;AAaA,MAAa,uBAAA,kBAAA,CAAA,CAAA,cAAA,CAA8D;CACzE,cAAc;CACd,WAAW;CACX,aAAa,KAAA;CACb,WAAW;CACX,SAAS,KAAA;CACT,SAAS,KAAA;AACX,CAAC"}

package/cjs/components/Input/use-input-props.cjs CHANGED Viewed

@@ -8,18 +8,20 @@ function useInputProps(component, defaultProps, _props) {
 		"InputWrapper",
 		component
 	], defaultProps, _props);
-	const { label, description, error, required, classNames, styles, className, unstyled, __staticSelector, __stylesApiProps, errorProps, labelProps, descriptionProps, wrapperProps: _wrapperProps, id, size, style, inputContainer, inputWrapperOrder, withAsterisk, variant, vars, mod, attributes, ...others } = props;
+	const { label, description, error, success, required, classNames, styles, className, unstyled, __staticSelector, __stylesApiProps, errorProps, successProps, labelProps, descriptionProps, wrapperProps: _wrapperProps, id, size, style, inputContainer, inputWrapperOrder, withAsterisk, variant, vars, mod, attributes, ...others } = props;
 	const { styleProps, rest } = require_extract_style_props.extractStyleProps(others);
 	const wrapperProps = {
 		label,
 		description,
 		error,
+		success,
 		required,
 		classNames,
 		className,
 		__staticSelector,
 		__stylesApiProps: __stylesApiProps || props,
 		errorProps,
+		successProps,
 		labelProps,
 		descriptionProps,
 		unstyled,
@@ -53,6 +55,7 @@ function useInputProps(component, defaultProps, _props) {
 			__staticSelector,
 			__stylesApiProps: __stylesApiProps || props,
 			error,
+			success,
 			variant,
 			id,
 			attributes

package/cjs/components/Input/use-input-props.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-input-props.cjs","names":["useProps","extractStyleProps"],"sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { BoxProps, extractStyleProps, StylesApiProps, useProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n extends __BaseInputProps, BoxProps, StylesApiProps<{ props: any; stylesNames: string }> {\n __staticSelector?: string;\n __stylesApiProps?: Record<string, any>;\n id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T> \| null>(\n component: string,\n defaultProps: U,\n _props: T\n) {\n const props = useProps<T, U>(['Input', 'InputWrapper', component], defaultProps, _props);\n const {\n label,\n description,\n error,\n required,\n classNames,\n styles,\n className,\n unstyled,\n __staticSelector,\n __stylesApiProps,\n errorProps,\n labelProps,\n descriptionProps,\n wrapperProps: _wrapperProps,\n id,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n vars,\n mod,\n attributes,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n\n const wrapperProps = {\n label,\n description,\n error,\n required,\n classNames,\n className,\n __staticSelector,\n __stylesApiProps: __stylesApiProps \|\| props,\n errorProps,\n labelProps,\n descriptionProps,\n unstyled,\n styles,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n id,\n mod,\n attributes,\n ..._wrapperProps,\n };\n\n return {\n ...rest,\n classNames,\n styles,\n unstyled,\n wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n inputProps: {\n required,\n classNames,\n styles,\n unstyled,\n size,\n __staticSelector,\n __stylesApiProps: __stylesApiProps \|\| props,\n error,\n variant,\n id,\n attributes,\n },\n };\n}\n"],"mappings":";;;;AAUA,SAAgB,cACd,WACA,cACA,QACA;CACA,MAAM,QAAQA,kBAAAA,SAAe;EAAC;EAAS;EAAgB;CAAS,GAAG,cAAc,MAAM;CACvF,MAAM,EACJ,OACA,aACA,OACA,UACA,YACA,QACA,WACA,UACA,kBACA,kBACA,YACA,YACA,kBACA,cAAc,eACd,IACA,MACA,OACA,gBACA,mBACA,cACA,SACA,MACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,EAAE,YAAY,SAASC,4BAAAA,kBAAkB,MAAM;CAErD,MAAM,eAAe;EACnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAAkB,oBAAoB;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;CACL;CAEA,OAAO;EACL,GAAG;EACH;EACA;EACA;EACA,cAAc;GAAE,GAAG;GAAc,GAAG;EAAW;EAC/C,YAAY;GACV;GACA;GACA;GACA;GACA;GACA;GACA,kBAAkB,oBAAoB;GACtC;GACA;GACA;GACA;EACF;CACF;AACF"}
1	+ {"version":3,"file":"use-input-props.cjs","names":["useProps","extractStyleProps"],"sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { BoxProps, extractStyleProps, StylesApiProps, useProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n extends __BaseInputProps, BoxProps, StylesApiProps<{ props: any; stylesNames: string }> {\n __staticSelector?: string;\n __stylesApiProps?: Record<string, any>;\n id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T> \| null>(\n component: string,\n defaultProps: U,\n _props: T\n) {\n const props = useProps<T, U>(['Input', 'InputWrapper', component], defaultProps, _props);\n const {\n label,\n description,\n error,\n success,\n required,\n classNames,\n styles,\n className,\n unstyled,\n __staticSelector,\n __stylesApiProps,\n errorProps,\n successProps,\n labelProps,\n descriptionProps,\n wrapperProps: _wrapperProps,\n id,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n vars,\n mod,\n attributes,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n\n const wrapperProps = {\n label,\n description,\n error,\n success,\n required,\n classNames,\n className,\n __staticSelector,\n __stylesApiProps: __stylesApiProps \|\| props,\n errorProps,\n successProps,\n labelProps,\n descriptionProps,\n unstyled,\n styles,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant,\n id,\n mod,\n attributes,\n ..._wrapperProps,\n };\n\n return {\n ...rest,\n classNames,\n styles,\n unstyled,\n wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n inputProps: {\n required,\n classNames,\n styles,\n unstyled,\n size,\n __staticSelector,\n __stylesApiProps: __stylesApiProps \|\| props,\n error,\n success,\n variant,\n id,\n attributes,\n },\n };\n}\n"],"mappings":";;;;AAUA,SAAgB,cACd,WACA,cACA,QACA;CACA,MAAM,QAAQA,kBAAAA,SAAe;EAAC;EAAS;EAAgB;CAAS,GAAG,cAAc,MAAM;CACvF,MAAM,EACJ,OACA,aACA,OACA,SACA,UACA,YACA,QACA,WACA,UACA,kBACA,kBACA,YACA,cACA,YACA,kBACA,cAAc,eACd,IACA,MACA,OACA,gBACA,mBACA,cACA,SACA,MACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,EAAE,YAAY,SAASC,4BAAAA,kBAAkB,MAAM;CAErD,MAAM,eAAe;EACnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAAkB,oBAAoB;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;CACL;CAEA,OAAO;EACL,GAAG;EACH;EACA;EACA;EACA,cAAc;GAAE,GAAG;GAAc,GAAG;EAAW;EAC/C,YAAY;GACV;GACA;GACA;GACA;GACA;GACA;GACA,kBAAkB,oBAAoB;GACtC;GACA;GACA;GACA;GACA;EACF;CACF;AACF"}

package/cjs/components/InputBase/InputBase.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputBase.cjs","names":["polymorphicFactory","useInputProps","Input"],"sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import {\n BoxProps,\n DataAttributes,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n} from '../../core';\nimport { __BaseInputProps, __InputStylesNames, Input, InputVariant, useInputProps } from '../Input';\n\nexport interface InputBaseProps\n extends BoxProps, __BaseInputProps, StylesApiProps<InputBaseFactory> {\n __staticSelector?: string;\n __stylesApiProps?: Record<string, any>;\n\n /** Props passed down to the root element (`Input.Wrapper` component) /\n wrapperProps?: React.ComponentProps<'div'> & DataAttributes;\n\n /* If set, the input can have multiple lines, for example when `component=\"textarea\"` @default false /\n multiline?: boolean;\n\n /* If set, `aria-` and other accessibility attributes are added to the input @default true */\n withAria?: boolean;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n props: InputBaseProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: __InputStylesNames;\n variant: InputVariant;\n}>;\n\nconst defaultProps = {\n __staticSelector: 'InputBase',\n withAria: true,\n size: 'sm',\n} satisfies Partial<InputBaseProps>;\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props) => {\n const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n return (\n <Input.Wrapper {...wrapperProps}>\n <Input {...inputProps} {...others} />\n </Input.Wrapper>\n );\n});\n\nInputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };\nInputBase.displayName = '@mantine/core/InputBase';\n\nexport namespace InputBase {\n export type Props = InputBaseProps;\n export type Factory = InputBaseFactory;\n}\n"],"mappings":";;;;;;AAgCA,MAAM,eAAe;CACnB,kBAAkB;CAClB,UAAU;CACV,MAAM;AACR;AAEA,MAAa,YAAYA,4BAAAA,oBAAsC,UAAU;CACvE,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC,wBAAAA,cAAc,aAAa,cAAc,KAAK;CAC9F,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,cAAAA,MAAM,SAAP;EAAe,GAAI;YACjB,iBAAA,GAAA,kBAAA,~~KAACA~~,cAAAA,OAAD;GAAO,GAAI;GAAY,GAAI;EAAS,CAAA;CACvB,CAAA;AAEnB,CAAC;AAED,UAAU,UAAU;CAAE,GAAGA,cAAAA,MAAM;CAAS,GAAGA,cAAAA,MAAM,QAAQ;AAAQ;AACjE,UAAU,cAAc"}
1	+ {"version":3,"file":"InputBase.cjs","names":["polymorphicFactory","useInputProps","Input"],"sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import {\n BoxProps,\n DataAttributes,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n} from '../../core';\nimport { __BaseInputProps, __InputStylesNames, Input, InputVariant, useInputProps } from '../Input';\n\nexport interface InputBaseProps\n extends BoxProps, __BaseInputProps, StylesApiProps<InputBaseFactory> {\n __staticSelector?: string;\n __stylesApiProps?: Record<string, any>;\n\n /** Props passed down to the root element (`Input.Wrapper` component) /\n wrapperProps?: React.ComponentProps<'div'> & DataAttributes;\n\n /* If set, the input can have multiple lines, for example when `component=\"textarea\"` @default false /\n multiline?: boolean;\n\n /* If set, `aria-` and other accessibility attributes are added to the input @default true */\n withAria?: boolean;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n props: InputBaseProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: __InputStylesNames;\n variant: InputVariant;\n}>;\n\nconst defaultProps = {\n __staticSelector: 'InputBase',\n withAria: true,\n size: 'sm',\n} satisfies Partial<InputBaseProps>;\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props) => {\n const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n return (\n <Input.Wrapper {...wrapperProps}>\n <Input {...inputProps} {...others} />\n </Input.Wrapper>\n );\n});\n\nInputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };\nInputBase.displayName = '@mantine/core/InputBase';\n\nexport namespace InputBase {\n export type Props = InputBaseProps;\n export type Factory = InputBaseFactory;\n}\n"],"mappings":";;;;;;AAgCA,MAAM,eAAe;CACnB,kBAAkB;CAClB,UAAU;CACV,MAAM;AACR;AAEA,MAAa,YAAYA,4BAAAA,oBAAsC,UAAU;CACvE,MAAM,EAAE,YAAY,cAAc,GAAG,WAAWC,wBAAAA,cAAc,aAAa,cAAc,KAAK;CAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,MAAM,SAAP;EAAe,GAAI;YACjB,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,OAAD;GAAO,GAAI;GAAY,GAAI;EAAS,CAAA;CACvB,CAAA;AAEnB,CAAC;AAED,UAAU,UAAU;CAAE,GAAGA,cAAAA,MAAM;CAAS,GAAGA,cAAAA,MAAM,QAAQ;AAAQ;AACjE,UAAU,cAAc"}

package/cjs/components/JsonInput/JsonInput.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"JsonInput.cjs","names":["factory","useProps","validateJson","Textarea","InputBase"],"sources":["../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { factory, Factory, useProps } from '../../core';\nimport { __InputStylesNames } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Textarea, TextareaProps } from '../Textarea';\nimport { validateJson } from './validate-json/validate-json';\n\nexport interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {\n /** Controlled component value /\n value?: string;\n\n /* Uncontrolled component default value /\n defaultValue?: string;\n\n /* Called when value changes /\n onChange?: (value: string) => void;\n\n /* Determines whether the value should be formatted on blur @default false /\n formatOnBlur?: boolean;\n\n /* Error message shown when the input value is invalid JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the `error` prop when validation fails. /\n validationError?: React.ReactNode;\n\n /* Function to serialize value into a string for formatting. Called with (value, null, 2) where 2 is the indentation level. @default JSON.stringify /\n serialize?: typeof JSON.stringify;\n\n /* Function to deserialize string value for formatting and validation. Must throw an error if the string is invalid JSON. @default JSON.parse /\n deserialize?: typeof JSON.parse;\n\n /* Number of spaces to use as white space for formatting. Passed as the third argument to `serialize` function. @default 2 */\n indentSpaces?: number;\n}\n\nexport type JsonInputFactory = Factory<{\n props: JsonInputProps;\n ref: HTMLTextAreaElement;\n stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps = {\n serialize: JSON.stringify,\n deserialize: JSON.parse,\n indentSpaces: 2,\n} satisfies Partial<JsonInputProps>;\n\nexport const JsonInput = factory<JsonInputFactory>((props) => {\n const {\n value,\n defaultValue,\n onChange,\n formatOnBlur,\n validationError,\n serialize,\n deserialize,\n onFocus,\n onBlur,\n readOnly,\n error,\n indentSpaces,\n ...others\n } = useProps(['Input', 'InputWrapper', 'JsonInput'], defaultProps, props);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n });\n\n const [valid, setValid] = useState(validateJson(_value, deserialize));\n\n const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n onFocus?.(event);\n setValid(true);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n onBlur?.(event);\n const isValid = validateJson(event.currentTarget.value, deserialize);\n formatOnBlur &&\n !readOnly &&\n isValid &&\n event.currentTarget.value.trim() !== '' &&\n setValue(serialize(deserialize(event.currentTarget.value), null, indentSpaces));\n setValid(isValid);\n };\n\n return (\n <Textarea\n value={_value}\n onChange={(event) => setValue(event.currentTarget.value)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n readOnly={readOnly}\n {...others}\n autoComplete=\"off\"\n __staticSelector=\"JsonInput\"\n error={valid ? error : validationError \|\| true}\n data-monospace\n />\n );\n});\n\nJsonInput.classes = InputBase.classes;\nJsonInput.displayName = '@mantine/core/JsonInput';\n\nexport namespace JsonInput {\n export type Props = JsonInputProps;\n export type Factory = JsonInputFactory;\n}\n"],"mappings":";;;;;;;;;;AAwCA,MAAM,eAAe;CACnB,WAAW,KAAK;CAChB,aAAa,KAAK;CAClB,cAAc;AAChB;AAEA,MAAa,YAAYA,gBAAAA,SAA2B,UAAU;CAC5D,MAAM,EACJ,OACA,cACA,UACA,cACA,iBACA,WACA,aACA,SACA,QACA,UACA,OACA,cACA,GAAG,WACDC,kBAAAA,SAAS;EAAC;EAAS;EAAgB;CAAW,GAAG,cAAc,KAAK;CAExE,MAAM,CAAC,QAAQ,aAAA,GAAA,eAAA,~~iBAA4B~~;EACzC;EACA;EACA,YAAY;EACZ;CACF,CAAC;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,~~UAAqBC~~,sBAAAA,aAAa,QAAQ,WAAW,CAAC;CAEpE,MAAM,eAAe,UAAiD;EACpE,UAAU,KAAK;EACf,SAAS,IAAI;CACf;CAEA,MAAM,cAAc,UAAiD;EACnE,SAAS,KAAK;EACd,MAAM,UAAUA,sBAAAA,aAAa,MAAM,cAAc,OAAO,WAAW;EACnE,gBACE,CAAC,YACD,WACA,MAAM,cAAc,MAAM,KAAK,MAAM,MACrC,SAAS,UAAU,YAAY,MAAM,cAAc,KAAK,GAAG,MAAM,YAAY,CAAC;EAChF,SAAS,OAAO;CAClB;CAEA,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,iBAAAA,UAAD;EACE,OAAO;EACP,WAAW,UAAU,SAAS,MAAM,cAAc,KAAK;EACvD,SAAS;EACT,QAAQ;EACE;EACV,GAAI;EACJ,cAAa;EACb,kBAAiB;EACjB,OAAO,QAAQ,QAAQ,mBAAmB;EAC1C,kBAAA;CACD,CAAA;AAEL,CAAC;AAED,UAAU,UAAUC,kBAAAA,UAAU;AAC9B,UAAU,cAAc"}
1	+ {"version":3,"file":"JsonInput.cjs","names":["factory","useProps","validateJson","Textarea","InputBase"],"sources":["../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { factory, Factory, useProps } from '../../core';\nimport { __InputStylesNames } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Textarea, TextareaProps } from '../Textarea';\nimport { validateJson } from './validate-json/validate-json';\n\nexport interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {\n /** Controlled component value /\n value?: string;\n\n /* Uncontrolled component default value /\n defaultValue?: string;\n\n /* Called when value changes /\n onChange?: (value: string) => void;\n\n /* Determines whether the value should be formatted on blur @default false /\n formatOnBlur?: boolean;\n\n /* Error message shown when the input value is invalid JSON (checked on blur). If not provided, a generic error state is shown. Takes precedence over the `error` prop when validation fails. /\n validationError?: React.ReactNode;\n\n /* Function to serialize value into a string for formatting. Called with (value, null, 2) where 2 is the indentation level. @default JSON.stringify /\n serialize?: typeof JSON.stringify;\n\n /* Function to deserialize string value for formatting and validation. Must throw an error if the string is invalid JSON. @default JSON.parse /\n deserialize?: typeof JSON.parse;\n\n /* Number of spaces to use as white space for formatting. Passed as the third argument to `serialize` function. @default 2 */\n indentSpaces?: number;\n}\n\nexport type JsonInputFactory = Factory<{\n props: JsonInputProps;\n ref: HTMLTextAreaElement;\n stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps = {\n serialize: JSON.stringify,\n deserialize: JSON.parse,\n indentSpaces: 2,\n} satisfies Partial<JsonInputProps>;\n\nexport const JsonInput = factory<JsonInputFactory>((props) => {\n const {\n value,\n defaultValue,\n onChange,\n formatOnBlur,\n validationError,\n serialize,\n deserialize,\n onFocus,\n onBlur,\n readOnly,\n error,\n indentSpaces,\n ...others\n } = useProps(['Input', 'InputWrapper', 'JsonInput'], defaultProps, props);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n });\n\n const [valid, setValid] = useState(validateJson(_value, deserialize));\n\n const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n onFocus?.(event);\n setValid(true);\n };\n\n const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n onBlur?.(event);\n const isValid = validateJson(event.currentTarget.value, deserialize);\n formatOnBlur &&\n !readOnly &&\n isValid &&\n event.currentTarget.value.trim() !== '' &&\n setValue(serialize(deserialize(event.currentTarget.value), null, indentSpaces));\n setValid(isValid);\n };\n\n return (\n <Textarea\n value={_value}\n onChange={(event) => setValue(event.currentTarget.value)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n readOnly={readOnly}\n {...others}\n autoComplete=\"off\"\n __staticSelector=\"JsonInput\"\n error={valid ? error : validationError \|\| true}\n data-monospace\n />\n );\n});\n\nJsonInput.classes = InputBase.classes;\nJsonInput.displayName = '@mantine/core/JsonInput';\n\nexport namespace JsonInput {\n export type Props = JsonInputProps;\n export type Factory = JsonInputFactory;\n}\n"],"mappings":";;;;;;;;;;AAwCA,MAAM,eAAe;CACnB,WAAW,KAAK;CAChB,aAAa,KAAK;CAClB,cAAc;AAChB;AAEA,MAAa,YAAYA,gBAAAA,SAA2B,UAAU;CAC5D,MAAM,EACJ,OACA,cACA,UACA,cACA,iBACA,WACA,aACA,SACA,QACA,UACA,OACA,cACA,GAAG,WACDC,kBAAAA,SAAS;EAAC;EAAS;EAAgB;CAAW,GAAG,cAAc,KAAK;CAExE,MAAM,CAAC,QAAQ,aAAA,GAAA,eAAA,gBAAA,CAA4B;EACzC;EACA;EACA,YAAY;EACZ;CACF,CAAC;CAED,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAAqBC,sBAAAA,aAAa,QAAQ,WAAW,CAAC;CAEpE,MAAM,eAAe,UAAiD;EACpE,UAAU,KAAK;EACf,SAAS,IAAI;CACf;CAEA,MAAM,cAAc,UAAiD;EACnE,SAAS,KAAK;EACd,MAAM,UAAUA,sBAAAA,aAAa,MAAM,cAAc,OAAO,WAAW;EACnE,gBACE,CAAC,YACD,WACA,MAAM,cAAc,MAAM,KAAK,MAAM,MACrC,SAAS,UAAU,YAAY,MAAM,cAAc,KAAK,GAAG,MAAM,YAAY,CAAC;EAChF,SAAS,OAAO;CAClB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,OAAO;EACP,WAAW,UAAU,SAAS,MAAM,cAAc,KAAK;EACvD,SAAS;EACT,QAAQ;EACE;EACV,GAAI;EACJ,cAAa;EACb,kBAAiB;EACjB,OAAO,QAAQ,QAAQ,mBAAmB;EAC1C,kBAAA;CACD,CAAA;AAEL,CAAC;AAED,UAAU,UAAUC,kBAAAA,UAAU;AAC9B,UAAU,cAAc"}

package/cjs/components/JsonInput/validate-json/validate-json.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validate-json.cjs","names":[],"sources":["../../../../src/components/JsonInput/validate-json/validate-json.ts"],"sourcesContent":["export function validateJson(value: string, deserialize: typeof JSON.parse) {\n if (typeof value === 'string' && value.trim().length === 0) {\n return true;\n }\n\n try {\n deserialize(value);\n return true;\n } catch (e) {\n return false;\n }\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,OAAe,aAAgC;CAC1E,IAAI,OAAO,UAAU,YAAY,MAAM,KAAK,~~EAAE~~,WAAW,GACvD,OAAO;CAGT,IAAI;EACF,YAAY,KAAK;EACjB,OAAO;CACT,SAAS,GAAG;EACV,OAAO;CACT;AACF"}
1	+ {"version":3,"file":"validate-json.cjs","names":[],"sources":["../../../../src/components/JsonInput/validate-json/validate-json.ts"],"sourcesContent":["export function validateJson(value: string, deserialize: typeof JSON.parse) {\n if (typeof value === 'string' && value.trim().length === 0) {\n return true;\n }\n\n try {\n deserialize(value);\n return true;\n } catch (e) {\n return false;\n }\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,OAAe,aAAgC;CAC1E,IAAI,OAAO,UAAU,YAAY,MAAM,KAAK,CAAC,CAAC,WAAW,GACvD,OAAO;CAGT,IAAI;EACF,YAAY,KAAK;EACjB,OAAO;CACT,SAAS,GAAG;EACV,OAAO;CACT;AACF"}

package/cjs/components/Kbd/Kbd.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Kbd.cjs","names":["createVarsResolver","getSize","factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n MantineSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Kbd.module.css';\n\nexport type KbdStylesNames = 'root';\nexport type KbdCssVariables = {\n root: '--kbd-fz';\n};\n\nexport interface KbdProps extends BoxProps, StylesApiProps<KbdFactory>, ElementProps<'kbd'> {\n /** Controls `font-size` and `padding` @default 'sm' */\n size?: MantineSize \| number \| (string & {});\n}\n\nexport type KbdFactory = Factory<{\n props: KbdProps;\n ref: HTMLElement;\n stylesNames: KbdStylesNames;\n vars: KbdCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<KbdFactory>((_, { size }) => ({\n root: { '--kbd-fz': getSize(size, 'kbd-fz') },\n}));\n\nexport const Kbd = factory<KbdFactory>((_props) => {\n const props = useProps('Kbd', null, _props);\n const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n const getStyles = useStyles<KbdFactory>({\n name: 'Kbd',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return <Box component=\"kbd\" {...getStyles('root')} {...others} />;\n});\n\nKbd.classes = classes;\nKbd.varsResolver = varsResolver;\nKbd.displayName = '@mantine/core/Kbd';\n\nexport namespace Kbd {\n export type Props = KbdProps;\n export type StylesNames = KbdStylesNames;\n export type CssVariables = KbdCssVariables;\n export type Factory = KbdFactory;\n}\n"],"mappings":";;;;;;;;;;AAgCA,MAAM,eAAeA,6BAAAA,oBAAgC,GAAG,EAAE,YAAY,EACpE,MAAM,EAAE,YAAYC,iBAAAA,QAAQ,MAAM,QAAQ,EAAE,EAC9C,EAAE;AAEF,MAAa,MAAMC,gBAAAA,SAAqB,WAAW;CACjD,MAAM,QAAQC,kBAAAA,SAAS,OAAO,MAAM,MAAM;CAC1C,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAgBxF,OAAO,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;EAAK,WAAU;EAAM,GAdVC,mBAAAA,UAAsB;GACtC,MAAM;GACN,SAAA,mBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEwC,~~EAAE~~,MAAM;EAAG,GAAI;CAAS,CAAA;AAClE,CAAC;AAED,IAAI,UAAUC,mBAAAA;AACd,IAAI,eAAe;AACnB,IAAI,cAAc"}
1	+ {"version":3,"file":"Kbd.cjs","names":["createVarsResolver","getSize","factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n MantineSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Kbd.module.css';\n\nexport type KbdStylesNames = 'root';\nexport type KbdCssVariables = {\n root: '--kbd-fz';\n};\n\nexport interface KbdProps extends BoxProps, StylesApiProps<KbdFactory>, ElementProps<'kbd'> {\n /** Controls `font-size` and `padding` @default 'sm' */\n size?: MantineSize \| number \| (string & {});\n}\n\nexport type KbdFactory = Factory<{\n props: KbdProps;\n ref: HTMLElement;\n stylesNames: KbdStylesNames;\n vars: KbdCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<KbdFactory>((_, { size }) => ({\n root: { '--kbd-fz': getSize(size, 'kbd-fz') },\n}));\n\nexport const Kbd = factory<KbdFactory>((_props) => {\n const props = useProps('Kbd', null, _props);\n const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n const getStyles = useStyles<KbdFactory>({\n name: 'Kbd',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return <Box component=\"kbd\" {...getStyles('root')} {...others} />;\n});\n\nKbd.classes = classes;\nKbd.varsResolver = varsResolver;\nKbd.displayName = '@mantine/core/Kbd';\n\nexport namespace Kbd {\n export type Props = KbdProps;\n export type StylesNames = KbdStylesNames;\n export type CssVariables = KbdCssVariables;\n export type Factory = KbdFactory;\n}\n"],"mappings":";;;;;;;;;;AAgCA,MAAM,eAAeA,6BAAAA,oBAAgC,GAAG,EAAE,YAAY,EACpE,MAAM,EAAE,YAAYC,iBAAAA,QAAQ,MAAM,QAAQ,EAAE,EAC9C,EAAE;AAEF,MAAa,MAAMC,gBAAAA,SAAqB,WAAW;CACjD,MAAM,QAAQC,kBAAAA,SAAS,OAAO,MAAM,MAAM;CAC1C,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAgBxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,WAAU;EAAM,GAdVC,mBAAAA,UAAsB;GACtC,MAAM;GACN,SAAA,mBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEwC,CAAC,CAAC,MAAM;EAAG,GAAI;CAAS,CAAA;AAClE,CAAC;AAED,IAAI,UAAUC,mBAAAA;AACd,IAAI,eAAe;AACnB,IAAI,cAAc"}

package/cjs/components/List/List.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.cjs","names":["createVarsResolver","getFontSize","getLineHeight","getSpacing","factory","useProps","useStyles","ListProvider","Box","classes","ListItem"],"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n getLineHeight,\n getSpacing,\n MantineSize,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { ListProvider } from './List.context';\nimport {\n ListItem,\n ListItemStylesNames,\n type ListItemProps,\n type ListItemFactory,\n} from './ListItem/ListItem';\nimport classes from './List.module.css';\nexport type ListStylesNames = 'root' \| ListItemStylesNames;\nexport type ListCssVariables = {\n root: '--list-fz' \| '--list-lh' \| '--list-spacing';\n};\n\nexport interface ListProps\n extends BoxProps, StylesApiProps<ListFactory>, ElementProps<'ol', 'type'> {\n /** `List.Item` components /\n children?: React.ReactNode;\n\n /* List type @default 'unordered' /\n type?: 'ordered' \| 'unordered';\n\n /* Adds extra horizontal padding to the list, useful for nested lists @default false /\n withPadding?: boolean;\n\n /* Controls `font-size` and `line-height` @default 'md' /\n size?: MantineSize;\n\n /* Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components /\n icon?: React.ReactNode;\n\n /* Key of `theme.spacing` or any valid CSS value to set spacing between items @default 0 /\n spacing?: MantineSpacing;\n\n /* Vertically centers list items with their icons @default false /\n center?: boolean;\n\n /* Controls CSS `list-style-type` property. Overrides the default list marker style based on list type /\n listStyleType?: React.CSSProperties['listStyleType'];\n\n /* Starting value for ordered list numbering (only works with type=\"ordered\") /\n start?: number;\n\n /* Reverses the order of list items (only works with type=\"ordered\") */\n reversed?: boolean;\n}\n\nexport type ListFactory = Factory<{\n props: ListProps;\n ref: HTMLUListElement;\n stylesNames: ListStylesNames;\n vars: ListCssVariables;\n staticComponents: {\n Item: typeof ListItem;\n };\n}>;\n\nconst defaultProps = {\n type: 'unordered',\n} satisfies Partial<ListProps>;\n\nconst varsResolver = createVarsResolver<ListFactory>((_, { size, spacing }) => ({\n root: {\n '--list-fz': getFontSize(size),\n '--list-lh': getLineHeight(size),\n '--list-spacing': getSpacing(spacing),\n },\n}));\n\nexport const List = factory<ListFactory>((_props) => {\n const props = useProps('List', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n type,\n withPadding,\n icon,\n spacing,\n center,\n listStyleType,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ListFactory>({\n name: 'List',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <ListProvider value={{ center, icon, getStyles }}>\n <Box<any>\n {...getStyles('root', { style: { listStyleType } })}\n component={type === 'unordered' ? 'ul' : 'ol'}\n mod={[{ 'with-padding': withPadding, type: icon ? 'none' : listStyleType }, mod]}\n {...others}\n >\n {children}\n </Box>\n </ListProvider>\n );\n});\n\nList.classes = classes;\nList.varsResolver = varsResolver;\nList.displayName = '@mantine/core/List';\nList.Item = ListItem;\n\nexport namespace List {\n export type Props = ListProps;\n export type StylesNames = ListStylesNames;\n export type CssVariables = ListCssVariables;\n export type Factory = ListFactory;\n\n export namespace Item {\n export type Props = ListItemProps;\n export type StylesNames = ListItemStylesNames;\n export type Factory = ListItemFactory;\n }\n}\n"],"mappings":";;;;;;;;;;;;AAwEA,MAAM,eAAe,EACnB,MAAM,YACR;AAEA,MAAM,eAAeA,6BAAAA,oBAAiC,GAAG,EAAE,MAAM,eAAe,EAC9E,MAAM;CACJ,aAAaC,iBAAAA,YAAY,IAAI;CAC7B,aAAaC,iBAAAA,cAAc,IAAI;CAC/B,kBAAkBC,iBAAAA,WAAW,OAAO;AACtC,EACF,EAAE;AAEF,MAAa,OAAOC,gBAAAA,SAAsB,WAAW;CACnD,MAAM,QAAQC,kBAAAA,SAAS,QAAQ,cAAc,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,aACA,MACA,SACA,QACA,eACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAuB;EACvC,MAAM;EACN,SAAA,oBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,qBAAAA,cAAD;EAAc,OAAO;GAAE;GAAQ;GAAM;EAAU;YAC7C,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;GACE,GAAI,UAAU,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;GAClD,WAAW,SAAS,cAAc,OAAO;GACzC,KAAK,CAAC;IAAE,gBAAgB;IAAa,MAAM,OAAO,SAAS;GAAc,GAAG,GAAG;GAC/E,GAAI;GAEH;EACE,CAAA;CACO,CAAA;AAElB,CAAC;AAED,KAAK,UAAUC,oBAAAA;AACf,KAAK,eAAe;AACpB,KAAK,cAAc;AACnB,KAAK,OAAOC,iBAAAA"}
1	+ {"version":3,"file":"List.cjs","names":["createVarsResolver","getFontSize","getLineHeight","getSpacing","factory","useProps","useStyles","ListProvider","Box","classes","ListItem"],"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getFontSize,\n getLineHeight,\n getSpacing,\n MantineSize,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { ListProvider } from './List.context';\nimport {\n ListItem,\n ListItemStylesNames,\n type ListItemProps,\n type ListItemFactory,\n} from './ListItem/ListItem';\nimport classes from './List.module.css';\nexport type ListStylesNames = 'root' \| ListItemStylesNames;\nexport type ListCssVariables = {\n root: '--list-fz' \| '--list-lh' \| '--list-spacing';\n};\n\nexport interface ListProps\n extends BoxProps, StylesApiProps<ListFactory>, ElementProps<'ol', 'type'> {\n /** `List.Item` components /\n children?: React.ReactNode;\n\n /* List type @default 'unordered' /\n type?: 'ordered' \| 'unordered';\n\n /* Adds extra horizontal padding to the list, useful for nested lists @default false /\n withPadding?: boolean;\n\n /* Controls `font-size` and `line-height` @default 'md' /\n size?: MantineSize;\n\n /* Icon to replace default list markers. Applied to all items unless overridden on individual List.Item components /\n icon?: React.ReactNode;\n\n /* Key of `theme.spacing` or any valid CSS value to set spacing between items @default 0 /\n spacing?: MantineSpacing;\n\n /* Vertically centers list items with their icons @default false /\n center?: boolean;\n\n /* Controls CSS `list-style-type` property. Overrides the default list marker style based on list type /\n listStyleType?: React.CSSProperties['listStyleType'];\n\n /* Starting value for ordered list numbering (only works with type=\"ordered\") /\n start?: number;\n\n /* Reverses the order of list items (only works with type=\"ordered\") */\n reversed?: boolean;\n}\n\nexport type ListFactory = Factory<{\n props: ListProps;\n ref: HTMLUListElement;\n stylesNames: ListStylesNames;\n vars: ListCssVariables;\n staticComponents: {\n Item: typeof ListItem;\n };\n}>;\n\nconst defaultProps = {\n type: 'unordered',\n} satisfies Partial<ListProps>;\n\nconst varsResolver = createVarsResolver<ListFactory>((_, { size, spacing }) => ({\n root: {\n '--list-fz': getFontSize(size),\n '--list-lh': getLineHeight(size),\n '--list-spacing': getSpacing(spacing),\n },\n}));\n\nexport const List = factory<ListFactory>((_props) => {\n const props = useProps('List', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n type,\n withPadding,\n icon,\n spacing,\n center,\n listStyleType,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ListFactory>({\n name: 'List',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <ListProvider value={{ center, icon, getStyles }}>\n <Box<any>\n {...getStyles('root', { style: { listStyleType } })}\n component={type === 'unordered' ? 'ul' : 'ol'}\n mod={[{ 'with-padding': withPadding, type: icon ? 'none' : listStyleType }, mod]}\n {...others}\n >\n {children}\n </Box>\n </ListProvider>\n );\n});\n\nList.classes = classes;\nList.varsResolver = varsResolver;\nList.displayName = '@mantine/core/List';\nList.Item = ListItem;\n\nexport namespace List {\n export type Props = ListProps;\n export type StylesNames = ListStylesNames;\n export type CssVariables = ListCssVariables;\n export type Factory = ListFactory;\n\n export namespace Item {\n export type Props = ListItemProps;\n export type StylesNames = ListItemStylesNames;\n export type Factory = ListItemFactory;\n }\n}\n"],"mappings":";;;;;;;;;;;;AAwEA,MAAM,eAAe,EACnB,MAAM,YACR;AAEA,MAAM,eAAeA,6BAAAA,oBAAiC,GAAG,EAAE,MAAM,eAAe,EAC9E,MAAM;CACJ,aAAaC,iBAAAA,YAAY,IAAI;CAC7B,aAAaC,iBAAAA,cAAc,IAAI;CAC/B,kBAAkBC,iBAAAA,WAAW,OAAO;AACtC,EACF,EAAE;AAEF,MAAa,OAAOC,gBAAAA,SAAsB,WAAW;CACnD,MAAM,QAAQC,kBAAAA,SAAS,QAAQ,cAAc,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,aACA,MACA,SACA,QACA,eACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAuB;EACvC,MAAM;EACN,SAAA,oBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EAAc,OAAO;GAAE;GAAQ;GAAM;EAAU;YAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GACE,GAAI,UAAU,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;GAClD,WAAW,SAAS,cAAc,OAAO;GACzC,KAAK,CAAC;IAAE,gBAAgB;IAAa,MAAM,OAAO,SAAS;GAAc,GAAG,GAAG;GAC/E,GAAI;GAEH;EACE,CAAA;CACO,CAAA;AAElB,CAAC;AAED,KAAK,UAAUC,oBAAAA;AACf,KAAK,eAAe;AACpB,KAAK,cAAc;AACnB,KAAK,OAAOC,iBAAAA"}

package/cjs/components/List/List.context.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/List/List.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { ListFactory } from './List';\n\nexport interface ListContextValue {\n getStyles: GetStylesApi<ListFactory>;\n center: boolean \| undefined;\n icon: React.ReactNode \| undefined;\n}\n\nexport const [ListProvider, useListContext] = createSafeContext<ListContextValue>(\n 'List component was not found in tree'\n);\n"],"mappings":";;AASA,MAAa,CAAC,cAAc,wFAAkBA,~~EAAAA~~,kBAC5C,sCACF"}
1	+ {"version":3,"file":"List.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/List/List.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { ListFactory } from './List';\n\nexport interface ListContextValue {\n getStyles: GetStylesApi<ListFactory>;\n center: boolean \| undefined;\n icon: React.ReactNode \| undefined;\n}\n\nexport const [ListProvider, useListContext] = createSafeContext<ListContextValue>(\n 'List component was not found in tree'\n);\n"],"mappings":";;AASA,MAAa,CAAC,cAAc,wFAAkBA,CAAAA,CAAAA,kBAC5C,sCACF"}

package/cjs/components/List/ListItem/ListItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.cjs","names":["factory","useProps","useListContext","Box","classes"],"sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useListContext } from '../List.context';\nimport classes from '../List.module.css';\n\nexport type ListItemStylesNames = 'item' \| 'itemWrapper' \| 'itemIcon' \| 'itemLabel';\n\nexport interface ListItemProps\n extends BoxProps, CompoundStylesApiProps<ListItemFactory>, ElementProps<'li'> {\n /** Icon to replace item bullet /\n icon?: React.ReactNode;\n\n /* Item content */\n children?: React.ReactNode;\n}\n\nexport type ListItemFactory = Factory<{\n props: ListItemProps;\n ref: HTMLLIElement;\n stylesNames: ListItemStylesNames;\n compound: true;\n}>;\n\nexport const ListItem = factory<ListItemFactory>((_props) => {\n const props = useProps('ListItem', null, _props);\n const { classNames, className, style, styles, vars, icon, children, mod, ...others } = props;\n\n const ctx = useListContext();\n const _icon = icon \|\| ctx.icon;\n const stylesApiProps = { classNames, styles };\n\n return (\n <Box\n {...ctx.getStyles('item', { ...stylesApiProps, className, style })}\n component=\"li\"\n mod={[{ 'with-icon': !!_icon, centered: ctx.center }, mod]}\n {...others}\n >\n <div {...ctx.getStyles('itemWrapper', stylesApiProps)}>\n {_icon && <span {...ctx.getStyles('itemIcon', stylesApiProps)}>{_icon}</span>}\n <span {...ctx.getStyles('itemLabel', stylesApiProps)}>{children}</span>\n </div>\n </Box>\n );\n});\n\nListItem.classes = classes;\nListItem.displayName = '@mantine/core/ListItem';\n"],"mappings":";;;;;;;;AA8BA,MAAa,WAAWA,gBAAAA,SAA0B,WAAW;CAE3D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,UAAU,KAAK,GAAG,WAD9DC,kBAAAA,SAAS,YAAY,MAAM,MACkD;CAE3F,MAAM,MAAMC,qBAAAA,eAAe;CAC3B,MAAM,QAAQ,QAAQ,IAAI;CAC1B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;EACE,GAAI,IAAI,UAAU,QAAQ;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EACjE,WAAU;EACV,KAAK,CAAC;GAAE,aAAa,CAAC,CAAC;GAAO,UAAU,IAAI;EAAO,GAAG,GAAG;EACzD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,~~MAAC~~,OAAD;GAAK,GAAI,IAAI,UAAU,eAAe,cAAc;aAApD,CACG,SAAS,iBAAA,GAAA,kBAAA,~~KAAC~~,QAAD;IAAM,GAAI,IAAI,UAAU,YAAY,cAAc;cAAI;GAAY,CAAA,GAC5E,iBAAA,GAAA,kBAAA,~~KAAC~~,QAAD;IAAM,GAAI,IAAI,UAAU,aAAa,cAAc;IAAI;GAAe,CAAA,CACnE;;CACF,CAAA;AAET,CAAC;AAED,SAAS,UAAUC,oBAAAA;AACnB,SAAS,cAAc"}
1	+ {"version":3,"file":"ListItem.cjs","names":["factory","useProps","useListContext","Box","classes"],"sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useListContext } from '../List.context';\nimport classes from '../List.module.css';\n\nexport type ListItemStylesNames = 'item' \| 'itemWrapper' \| 'itemIcon' \| 'itemLabel';\n\nexport interface ListItemProps\n extends BoxProps, CompoundStylesApiProps<ListItemFactory>, ElementProps<'li'> {\n /** Icon to replace item bullet /\n icon?: React.ReactNode;\n\n /* Item content */\n children?: React.ReactNode;\n}\n\nexport type ListItemFactory = Factory<{\n props: ListItemProps;\n ref: HTMLLIElement;\n stylesNames: ListItemStylesNames;\n compound: true;\n}>;\n\nexport const ListItem = factory<ListItemFactory>((_props) => {\n const props = useProps('ListItem', null, _props);\n const { classNames, className, style, styles, vars, icon, children, mod, ...others } = props;\n\n const ctx = useListContext();\n const _icon = icon \|\| ctx.icon;\n const stylesApiProps = { classNames, styles };\n\n return (\n <Box\n {...ctx.getStyles('item', { ...stylesApiProps, className, style })}\n component=\"li\"\n mod={[{ 'with-icon': !!_icon, centered: ctx.center }, mod]}\n {...others}\n >\n <div {...ctx.getStyles('itemWrapper', stylesApiProps)}>\n {_icon && <span {...ctx.getStyles('itemIcon', stylesApiProps)}>{_icon}</span>}\n <span {...ctx.getStyles('itemLabel', stylesApiProps)}>{children}</span>\n </div>\n </Box>\n );\n});\n\nListItem.classes = classes;\nListItem.displayName = '@mantine/core/ListItem';\n"],"mappings":";;;;;;;;AA8BA,MAAa,WAAWA,gBAAAA,SAA0B,WAAW;CAE3D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,UAAU,KAAK,GAAG,WAD9DC,kBAAAA,SAAS,YAAY,MAAM,MACkD;CAE3F,MAAM,MAAMC,qBAAAA,eAAe;CAC3B,MAAM,QAAQ,QAAQ,IAAI;CAC1B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,IAAI,UAAU,QAAQ;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EACjE,WAAU;EACV,KAAK,CAAC;GAAE,aAAa,CAAC,CAAC;GAAO,UAAU,IAAI;EAAO,GAAG,GAAG;EACzD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,GAAI,IAAI,UAAU,eAAe,cAAc;aAApD,CACG,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,GAAI,IAAI,UAAU,YAAY,cAAc;cAAI;GAAY,CAAA,GAC5E,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,GAAI,IAAI,UAAU,aAAa,cAAc;IAAI;GAAe,CAAA,CACnE;;CACF,CAAA;AAET,CAAC;AAED,SAAS,UAAUC,oBAAAA;AACnB,SAAS,cAAc"}

package/cjs/components/Loader/Loader.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader.cjs","names":["Bars","Oval","Dots","createVarsResolver","getSize","getThemeColor","factory","useProps","useStyles","Box","classes"],"sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n getThemeColor,\n MantineColor,\n MantineSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport type { MantineLoader, MantineLoadersRecord } from './Loader.types';\nimport { Bars } from './loaders/Bars';\nimport { Dots } from './loaders/Dots';\nimport { Oval } from './loaders/Oval';\nimport classes from './Loader.module.css';\n\nexport type LoaderStylesNames = 'root';\nexport type LoaderCssVariables = {\n root: '--loader-size' \| '--loader-color';\n};\n\nexport interface LoaderProps\n extends BoxProps, StylesApiProps<LoaderFactory>, ElementProps<'svg', 'display' \| 'opacity'> {\n /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. @default 'md' /\n size?: MantineSize \| (string & {}) \| number;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Loader type, key of `loaders` prop @default 'oval' /\n type?: MantineLoader;\n\n /* Object of loaders components, can be customized via default props or inline. /\n loaders?: MantineLoadersRecord;\n\n /* Overrides default loader with given content */\n children?: React.ReactNode;\n}\n\nexport type LoaderFactory = Factory<{\n props: LoaderProps;\n ref: SVGSVGElement;\n stylesNames: LoaderStylesNames;\n vars: LoaderCssVariables;\n staticComponents: {\n defaultLoaders: typeof defaultLoaders;\n };\n}>;\n\nexport const defaultLoaders: MantineLoadersRecord = {\n bars: Bars,\n oval: Oval,\n dots: Dots,\n};\n\nconst defaultProps = {\n loaders: defaultLoaders,\n type: 'oval',\n} satisfies Partial<LoaderProps>;\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n root: {\n '--loader-size': getSize(size, 'loader-size'),\n '--loader-color': color ? getThemeColor(color, theme) : undefined,\n },\n}));\n\nexport const Loader = factory<LoaderFactory>((_props) => {\n const props = useProps('Loader', defaultProps, _props);\n const {\n size,\n color,\n type,\n vars,\n className,\n style,\n classNames,\n styles,\n unstyled,\n loaders,\n variant,\n children,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<LoaderFactory>({\n name: 'Loader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n if (children) {\n return (\n <Box {...getStyles('root')} {...(others as any)}>\n {children}\n </Box>\n );\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={loaders[type]}\n variant={variant}\n size={size}\n {...others}\n />\n );\n});\n\nLoader.defaultLoaders = defaultLoaders;\nLoader.classes = classes;\nLoader.varsResolver = varsResolver;\nLoader.displayName = '@mantine/core/Loader';\n\nexport namespace Loader {\n export type Props = LoaderProps;\n export type StylesNames = LoaderStylesNames;\n export type CssVariables = LoaderCssVariables;\n export type Factory = LoaderFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAsDA,MAAa,iBAAuC;CAClD,MAAMA,aAAAA;CACN,MAAMC,aAAAA;CACN,MAAMC,aAAAA;AACR;AAEA,MAAM,eAAe;CACnB,SAAS;CACT,MAAM;AACR;AAEA,MAAM,eAAeC,6BAAAA,oBAAmC,OAAO,EAAE,MAAM,aAAa,EAClF,MAAM;CACJ,iBAAiBC,iBAAAA,QAAQ,MAAM,aAAa;CAC5C,kBAAkB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA;AAC1D,EACF,EAAE;AAEF,MAAa,SAASC,gBAAAA,SAAwB,WAAW;CACvD,MAAM,QAAQC,kBAAAA,SAAS,UAAU,cAAc,MAAM;CACrD,MAAM,EACJ,MACA,OACA,MACA,MACA,WACA,OACA,YACA,QACA,UACA,SACA,SACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAyB;EACzC,MAAM;EACN;EACA,SAAA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,IAAI,UACF,OACE,iBAAA,GAAA,kBAAA,~~KAACC~~,YAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,GAAK;EAC9B;CACE,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,~~KAACA~~,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,WAAW,QAAQ;EACV;EACH;EACN,GAAI;CACL,CAAA;AAEL,CAAC;AAED,OAAO,iBAAiB;AACxB,OAAO,UAAUC,sBAAAA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc"}
1	+ {"version":3,"file":"Loader.cjs","names":["Bars","Oval","Dots","createVarsResolver","getSize","getThemeColor","factory","useProps","useStyles","Box","classes"],"sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n getThemeColor,\n MantineColor,\n MantineSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport type { MantineLoader, MantineLoadersRecord } from './Loader.types';\nimport { Bars } from './loaders/Bars';\nimport { Dots } from './loaders/Dots';\nimport { Oval } from './loaders/Oval';\nimport classes from './Loader.module.css';\n\nexport type LoaderStylesNames = 'root';\nexport type LoaderCssVariables = {\n root: '--loader-size' \| '--loader-color';\n};\n\nexport interface LoaderProps\n extends BoxProps, StylesApiProps<LoaderFactory>, ElementProps<'svg', 'display' \| 'opacity'> {\n /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. @default 'md' /\n size?: MantineSize \| (string & {}) \| number;\n\n /* Key of `theme.colors` or any valid CSS color @default theme.primaryColor /\n color?: MantineColor;\n\n /* Loader type, key of `loaders` prop @default 'oval' /\n type?: MantineLoader;\n\n /* Object of loaders components, can be customized via default props or inline. /\n loaders?: MantineLoadersRecord;\n\n /* Overrides default loader with given content */\n children?: React.ReactNode;\n}\n\nexport type LoaderFactory = Factory<{\n props: LoaderProps;\n ref: SVGSVGElement;\n stylesNames: LoaderStylesNames;\n vars: LoaderCssVariables;\n staticComponents: {\n defaultLoaders: typeof defaultLoaders;\n };\n}>;\n\nexport const defaultLoaders: MantineLoadersRecord = {\n bars: Bars,\n oval: Oval,\n dots: Dots,\n};\n\nconst defaultProps = {\n loaders: defaultLoaders,\n type: 'oval',\n} satisfies Partial<LoaderProps>;\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n root: {\n '--loader-size': getSize(size, 'loader-size'),\n '--loader-color': color ? getThemeColor(color, theme) : undefined,\n },\n}));\n\nexport const Loader = factory<LoaderFactory>((_props) => {\n const props = useProps('Loader', defaultProps, _props);\n const {\n size,\n color,\n type,\n vars,\n className,\n style,\n classNames,\n styles,\n unstyled,\n loaders,\n variant,\n children,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<LoaderFactory>({\n name: 'Loader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n if (children) {\n return (\n <Box {...getStyles('root')} {...(others as any)}>\n {children}\n </Box>\n );\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={loaders[type]}\n variant={variant}\n size={size}\n {...others}\n />\n );\n});\n\nLoader.defaultLoaders = defaultLoaders;\nLoader.classes = classes;\nLoader.varsResolver = varsResolver;\nLoader.displayName = '@mantine/core/Loader';\n\nexport namespace Loader {\n export type Props = LoaderProps;\n export type StylesNames = LoaderStylesNames;\n export type CssVariables = LoaderCssVariables;\n export type Factory = LoaderFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAsDA,MAAa,iBAAuC;CAClD,MAAMA,aAAAA;CACN,MAAMC,aAAAA;CACN,MAAMC,aAAAA;AACR;AAEA,MAAM,eAAe;CACnB,SAAS;CACT,MAAM;AACR;AAEA,MAAM,eAAeC,6BAAAA,oBAAmC,OAAO,EAAE,MAAM,aAAa,EAClF,MAAM;CACJ,iBAAiBC,iBAAAA,QAAQ,MAAM,aAAa;CAC5C,kBAAkB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA;AAC1D,EACF,EAAE;AAEF,MAAa,SAASC,gBAAAA,SAAwB,WAAW;CACvD,MAAM,QAAQC,kBAAAA,SAAS,UAAU,cAAc,MAAM;CACrD,MAAM,EACJ,MACA,OACA,MACA,MACA,WACA,OACA,YACA,QACA,UACA,SACA,SACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAyB;EACzC,MAAM;EACN;EACA,SAAA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,IAAI,UACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,GAAK;EAC9B;CACE,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,WAAW,QAAQ;EACV;EACH;EACN,GAAI;CACL,CAAA;AAEL,CAAC;AAED,OAAO,iBAAiB;AACxB,OAAO,UAAUC,sBAAAA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc"}

package/cjs/components/Loader/loaders/Bars.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bars.cjs","names":["Box","classes"],"sources":["../../../../src/components/Loader/loaders/Bars.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box } from '../../../core';\nimport { MantineLoaderComponent } from '../Loader.types';\nimport classes from '../Loader.module.css';\n\nexport const Bars: MantineLoaderComponent = ({ className, ...others }) => (\n <Box component=\"span\" className={cx(classes.barsLoader, className)} {...others}>\n <span className={classes.bar} />\n <span className={classes.bar} />\n <span className={classes.bar} />\n </Box>\n);\n\nBars.displayName = '@mantine/core/Bars';\n"],"mappings":";;;;;;;;AAKA,MAAa,QAAgC,EAAE,WAAW,GAAG,aAC3D,iBAAA,GAAA,kBAAA,~~MAACA~~,YAAAA,KAAD;CAAK,WAAU;CAAO,YAAA,GAAA,KAAA,~~SAAcC~~,sBAAAA,QAAQ,YAAY,SAAS;CAAG,GAAI;WAAxE;EACE,iBAAA,GAAA,kBAAA,~~KAAC~~,QAAD,EAAM,WAAWA,sBAAAA,QAAQ,IAAM,CAAA;EAC/B,iBAAA,GAAA,kBAAA,~~KAAC~~,QAAD,EAAM,WAAWA,sBAAAA,QAAQ,IAAM,CAAA;EAC/B,iBAAA,GAAA,kBAAA,~~KAAC~~,QAAD,EAAM,WAAWA,sBAAAA,QAAQ,IAAM,CAAA;CAC5B;;AAGP,KAAK,cAAc"}
1	+ {"version":3,"file":"Bars.cjs","names":["Box","classes"],"sources":["../../../../src/components/Loader/loaders/Bars.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { Box } from '../../../core';\nimport { MantineLoaderComponent } from '../Loader.types';\nimport classes from '../Loader.module.css';\n\nexport const Bars: MantineLoaderComponent = ({ className, ...others }) => (\n <Box component=\"span\" className={cx(classes.barsLoader, className)} {...others}>\n <span className={classes.bar} />\n <span className={classes.bar} />\n <span className={classes.bar} />\n </Box>\n);\n\nBars.displayName = '@mantine/core/Bars';\n"],"mappings":";;;;;;;;AAKA,MAAa,QAAgC,EAAE,WAAW,GAAG,aAC3D,iBAAA,GAAA,kBAAA,KAAA,CAACA,YAAAA,KAAD;CAAK,WAAU;CAAO,YAAA,GAAA,KAAA,QAAA,CAAcC,sBAAAA,QAAQ,YAAY,SAAS;CAAG,GAAI;WAAxE;EACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAWA,sBAAAA,QAAQ,IAAM,CAAA;EAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAWA,sBAAAA,QAAQ,IAAM,CAAA;EAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,WAAWA,sBAAAA,QAAQ,IAAM,CAAA;CAC5B;;AAGP,KAAK,cAAc"}