npm - @jenesei-software/jenesei-kit-react - Versions diffs - 2.2.1 → 2.2.2 - Mend

@jenesei-software/jenesei-kit-react 2.2.1 → 2.2.2

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 (22) hide show

package/build/context-dialog-DctdSBC8.cjs +3 -0
package/build/context-dialog-DctdSBC8.cjs.map +1 -0
package/build/context-dialog-DzwL2ElF.js +191 -0
package/build/context-dialog-DzwL2ElF.js.map +1 -0
package/build/context-dialog.cjs.js +1 -1
package/build/context-dialog.es.js +1 -1
package/build/contexts/context-dialog/context.types.d.ts +3 -1
package/build/contexts/context-dialog/index.d.ts +1 -1
package/build/icon-D2w7GViT.js.map +1 -1
package/build/icon-Ddkbk3-m.cjs.map +1 -1
package/build/index.cjs.js +1 -1
package/build/index.es.js +1 -1
package/build/select-CCbtkj6f.js.map +1 -1
package/build/select-CGXyVf57.cjs.map +1 -1
package/build/utils-BRgi6734.js.map +1 -1
package/build/utils-DCIq-5FL.cjs.map +1 -1
package/package.json +1 -1
package/build/build-info.txt +0 -3
package/build/context-dialog-B3khh4eN.cjs +0 -3
package/build/context-dialog-B3khh4eN.cjs.map +0 -1
package/build/context-dialog-CeqpejDW.js +0 -176
package/build/context-dialog-CeqpejDW.js.map +0 -1

package/build/utils-DCIq-5FL.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils-DCIq-5FL.cjs","names":[],"sources":["../src/styles/utils/constants.ts","../src/styles/utils/types.ts"],"sourcesContent":["const CSS_VARS_PALETTE = {\n /* ACCENTS /\n accentRedLight: 'var(--accent-red-light)',\n accentOrangeLight: 'var(--accent-orange-light)',\n accentYellowLight: 'var(--accent-yellow-light)',\n accentGreenLight: 'var(--accent-green-light)',\n accentMintLight: 'var(--accent-mint-light)',\n accentTealLight: 'var(--accent-teal-light)',\n accentCyanLight: 'var(--accent-cyan-light)',\n accentBlueLight: 'var(--accent-blue-light)',\n accentIndigoLight: 'var(--accent-indigo-light)',\n accentPurpleLight: 'var(--accent-purple-light)',\n accentPinkLight: 'var(--accent-pink-light)',\n accentBrownLight: 'var(--accent-brown-light)',\n accentGrayLight: 'var(--accent-gray-light)',\n\n / FILLS /\n fillLight: 'var(--fill-light)',\n fillPrimaryLight: 'var(--fill-primary-light)',\n fillSecondaryLight: 'var(--fill-secondary-light)',\n fillTertiaryLight: 'var(--fill-tertiary-light)',\n fillQuaternaryLight: 'var(--fill-quaternary-light)',\n fillQuinaryLight: 'var(--fill-quinary-light)',\n\n / TEXT /\n textPrimaryLight: 'var(--text-primary-light)',\n textSecondaryLight: 'var(--text-secondary-light)',\n textTertiaryLight: 'var(--text-tertiary-light)',\n\n / CONTROLS /\n controlMenuLight: 'var(--control-menu-light)',\n controlTooltipLight: 'var(--control-tooltip-light)',\n controlTransparent: 'var(--control-transparent)',\n\n / SHADOWS /\n shadowGlassLight: 'var(--shadow-glass-light)',\n shadowPrimaryLight: 'var(--shadow-primary-light)',\n shadowSecondaryLight: 'var(--shadow-secondary-light)',\n shadowTertiaryLight: 'var(--shadow-tertiary-light)',\n shadowQuaternaryLight: 'var(--shadow-quaternary-light)',\n shadowWindowInnerShadowLight: 'var(--shadow-window-inner-shadow-light)',\n\n / PRODUCT /\n productPrimaryLight: 'var(--product-primary-light)',\n productSecondaryLight: 'var(--product-secondary-light)',\n productTertiaryLight: 'var(--product-tertiary-light)',\n productQuaternaryLight: 'var(--product-quaternary-light)',\n productQuinaryLight: 'var(--product-quinary-light)',\n\n / SPECIAL /\n current: 'var(--current-color)',\n inherit: 'var(--inherit)',\n transparent: 'var(--transparent)',\n\n / ACCENTS /\n accentRedDark: 'var(--accent-red-dark)',\n accentOrangeDark: 'var(--accent-orange-dark)',\n accentYellowDark: 'var(--accent-yellow-dark)',\n accentGreenDark: 'var(--accent-green-dark)',\n accentMintDark: 'var(--accent-mint-dark)',\n accentTealDark: 'var(--accent-teal-dark)',\n accentCyanDark: 'var(--accent-cyan-dark)',\n accentBlueDark: 'var(--accent-blue-dark)',\n accentIndigoDark: 'var(--accent-indigo-dark)',\n accentPurpleDark: 'var(--accent-purple-dark)',\n accentPinkDark: 'var(--accent-pink-dark)',\n accentBrownDark: 'var(--accent-brown-dark)',\n accentGrayDark: 'var(--accent-gray-dark)',\n\n / FILLS /\n fillDark: 'var(--fill-dark)',\n fillPrimaryDark: 'var(--fill-primary-dark)',\n fillSecondaryDark: 'var(--fill-secondary-dark)',\n fillTertiaryDark: 'var(--fill-tertiary-dark)',\n fillQuaternaryDark: 'var(--fill-quaternary-dark)',\n fillQuinaryDark: 'var(--fill-quinary-dark)',\n\n / TEXT /\n textPrimaryDark: 'var(--text-primary-dark)',\n textSecondaryDark: 'var(--text-secondary-dark)',\n textTertiaryDark: 'var(--text-tertiary-dark)',\n\n / CONTROLS /\n controlMenuDark: 'var(--control-menu-dark)',\n controlTooltipDark: 'var(--control-tooltip-dark)',\n\n / PRODUCT /\n productPrimaryDark: 'var(--product-primary-dark)',\n productSecondaryDark: 'var(--product-secondary-dark)',\n productTertiaryDark: 'var(--product-tertiary-dark)',\n productQuaternaryDark: 'var(--product-quaternary-dark)',\n productQuinaryDark: 'var(--product-quinary-dark)',\n\n / SHADOWS /\n shadowGlassDark: 'var(--shadow-glass-dark)',\n shadowPrimaryDark: 'var(--shadow-primary-dark)',\n shadowSecondaryDark: 'var(--shadow-secondary-dark)',\n shadowTertiaryDark: 'var(--shadow-tertiary-dark)',\n shadowQuaternaryDark: 'var(--shadow-quaternary-dark)',\n shadowWindowInnerShadowDark: 'var(--shadow-window-inner-shadow-dark)',\n\n / ACCENTS /\n accentRedLightStable: 'var(--accent-red-light-stable)',\n accentOrangeLightStable: 'var(--accent-orange-light-stable)',\n accentYellowLightStable: 'var(--accent-yellow-light-stable)',\n accentGreenLightStable: 'var(--accent-green-light-stable)',\n accentMintLightStable: 'var(--accent-mint-light-stable)',\n accentTealLightStable: 'var(--accent-teal-light-stable)',\n accentCyanLightStable: 'var(--accent-cyan-light-stable)',\n accentBlueLightStable: 'var(--accent-blue-light-stable)',\n accentIndigoLightStable: 'var(--accent-indigo-light-stable)',\n accentPurpleLightStable: 'var(--accent-purple-light-stable)',\n accentPinkLightStable: 'var(--accent-pink-light-stable)',\n accentBrownLightStable: 'var(--accent-brown-light-stable)',\n accentGrayLightStable: 'var(--accent-gray-light-stable)',\n\n / FILLS /\n fillLightStable: 'var(--fill-light-stable)',\n fillPrimaryLightStable: 'var(--fill-primary-light-stable)',\n fillSecondaryLightStable: 'var(--fill-secondary-light-stable)',\n fillTertiaryLightStable: 'var(--fill-tertiary-light-stable)',\n fillQuaternaryLightStable: 'var(--fill-quaternary-light-stable)',\n fillQuinaryLightStable: 'var(--fill-quinary-light-stable)',\n\n / TEXT /\n textPrimaryLightStable: 'var(--text-primary-light-stable)',\n textSecondaryLightStable: 'var(--text-secondary-light-stable)',\n textTertiaryLightStable: 'var(--text-tertiary-light-stable)',\n\n / CONTROLS /\n controlMenuLightStable: 'var(--control-menu-light-stable)',\n controlTooltipLightStable: 'var(--control-tooltip-light-stable)',\n controlTransparentStable: 'var(--control-transparent-stable)',\n\n / SHADOWS /\n shadowGlassLightStable: 'var(--shadow-glass-light-stable)',\n shadowPrimaryLightStable: 'var(--shadow-primary-light-stable)',\n shadowSecondaryLightStable: 'var(--shadow-secondary-light-stable)',\n shadowTertiaryLightStable: 'var(--shadow-tertiary-light-stable)',\n shadowQuaternaryLightStable: 'var(--shadow-quaternary-light-stable)',\n shadowWindowInnerShadowLightStable: 'var(--shadow-window-inner-shadow-light-stable)',\n\n / PRODUCT /\n productPrimaryLightStable: 'var(--product-primary-light-stable)',\n productSecondaryLightStable: 'var(--product-secondary-light-stable)',\n productTertiaryLightStable: 'var(--product-tertiary-light-stable)',\n productQuaternaryLightStable: 'var(--product-quaternary-light-stable)',\n productQuinaryLightStable: 'var(--product-quinary-light-stable)',\n\n / ACCENTS /\n accentRedDarkStable: 'var(--accent-red-dark-stable)',\n accentOrangeDarkStable: 'var(--accent-orange-dark-stable)',\n accentYellowDarkStable: 'var(--accent-yellow-dark-stable)',\n accentGreenDarkStable: 'var(--accent-green-dark-stable)',\n accentMintDarkStable: 'var(--accent-mint-dark-stable)',\n accentTealDarkStable: 'var(--accent-teal-dark-stable)',\n accentCyanDarkStable: 'var(--accent-cyan-dark-stable)',\n accentBlueDarkStable: 'var(--accent-blue-dark-stable)',\n accentIndigoDarkStable: 'var(--accent-indigo-dark-stable)',\n accentPurpleDarkStable: 'var(--accent-purple-dark-stable)',\n accentPinkDarkStable: 'var(--accent-pink-dark-stable)',\n accentBrownDarkStable: 'var(--accent-brown-dark-stable)',\n accentGrayDarkStable: 'var(--accent-gray-dark-stable)',\n\n / FILLS /\n fillDarkStable: 'var(--fill-dark-stable)',\n fillPrimaryDarkStable: 'var(--fill-primary-dark-stable)',\n fillSecondaryDarkStable: 'var(--fill-secondary-dark-stable)',\n fillTertiaryDarkStable: 'var(--fill-tertiary-dark-stable)',\n fillQuaternaryDarkStable: 'var(--fill-quaternary-dark-stable)',\n fillQuinaryDarkStable: 'var(--fill-quinary-dark-stable)',\n\n / TEXT /\n textPrimaryDarkStable: 'var(--text-primary-dark-stable)',\n textSecondaryDarkStable: 'var(--text-secondary-dark-stable)',\n textTertiaryDarkStable: 'var(--text-tertiary-dark-stable)',\n\n / CONTROLS /\n controlMenuDarkStable: 'var(--control-menu-dark-stable)',\n controlTooltipDarkStable: 'var(--control-tooltip-dark-stable)',\n\n / PRODUCT /\n productPrimaryDarkStable: 'var(--product-primary-dark-stable)',\n productSecondaryDarkStable: 'var(--product-secondary-dark-stable)',\n productTertiaryDarkStable: 'var(--product-tertiary-dark-stable)',\n productQuaternaryDarkStable: 'var(--product-quaternary-dark-stable)',\n productQuinaryDarkStable: 'var(--product-quinary-dark-stable)',\n\n / SHADOWS /\n shadowGlassDarkStable: 'var(--shadow-glass-dark-stable)',\n shadowPrimaryDarkStable: 'var(--shadow-primary-dark-stable)',\n shadowSecondaryDarkStable: 'var(--shadow-secondary-dark-stable)',\n shadowTertiaryDarkStable: 'var(--shadow-tertiary-dark-stable)',\n shadowQuaternaryDarkStable: 'var(--shadow-quaternary-dark-stable)',\n shadowWindowInnerShadowDarkStable: 'var(--shadow-window-inner-shadow-dark-stable)',\n} as const;\n\nexport const CSS_VARS = {\n font: {\n family: 'var(--font-family)',\n weight: 'var(--font-weight)',\n height: 'var(--font-height)',\n size: 'var(--font-size)',\n sizeHeading: {\n headline: 'var(--font-size-heading-headline)',\n 'sub-headline': 'var(--font-size-heading-sub-headline)',\n 'title-1': 'var(--font-size-heading-title-1)',\n 'title-2': 'var(--font-size-heading-title-2)',\n 'title-3': 'var(--font-size-heading-title-3)',\n 'title-4': 'var(--font-size-heading-title-4)',\n 'title-5': 'var(--font-size-heading-title-5)',\n body: 'var(--font-size-heading-body)',\n callout: 'var(--font-size-heading-callout)',\n footnote: 'var(--font-size-heading-footnote)',\n 'caption-1': 'var(--font-size-heading-caption-1)',\n 'caption-2': 'var(--font-size-heading-caption-2)',\n 'controller-large': 'var(--font-size-heading-controller-large)',\n 'controller-large-medium': 'var(--font-size-heading-controller-large-medium)',\n 'controller-medium': 'var(--font-size-heading-controller-medium)',\n 'controller-medium-small': 'var(--font-size-heading-controller-medium-small)',\n 'controller-small': 'var(--font-size-heading-controller-small)',\n },\n },\n\n screen: {\n breakpoint: {\n tablet: '1290px',\n mobile: '850px',\n },\n orientation: {\n landscape: 'landscape',\n portrait: 'portrait',\n },\n },\n\n animation: {\n duration: 'var(--duration)',\n easing: 'var(--easing)',\n },\n\n palette: CSS_VARS_PALETTE,\n\n size: {\n large: {\n height: 'var(--size-large-height)',\n heightIcon: 'var(--size-large-height-icon)',\n radius: 'var(--size-large-radius)',\n padding: 'var(--size-large-padding)',\n font: 'var(--size-large-font)',\n },\n largeMedium: {\n height: 'var(--size-large-medium-height)',\n heightIcon: 'var(--size-large-medium-height-icon)',\n radius: 'var(--size-large-medium-radius)',\n padding: 'var(--size-large-medium-padding)',\n font: 'var(--size-large-medium-font)',\n },\n medium: {\n height: 'var(--size-medium-height)',\n heightIcon: 'var(--size-medium-height-icon)',\n radius: 'var(--size-medium-radius)',\n padding: 'var(--size-medium-padding)',\n font: 'var(--size-medium-font)',\n },\n mediumSmall: {\n height: 'var(--size-medium-small-height)',\n heightIcon: 'var(--size-medium-small-height-icon)',\n radius: 'var(--size-medium-small-radius)',\n padding: 'var(--size-medium-small-padding)',\n font: 'var(--size-medium-small-font)',\n },\n small: {\n height: 'var(--size-small-height)',\n heightIcon: 'var(--size-small-height-icon)',\n radius: 'var(--size-small-radius)',\n padding: 'var(--size-small-padding)',\n font: 'var(--size-small-font)',\n },\n },\n sizeValue: {\n large: {\n height: 46,\n heightIcon: 24,\n radius: 6,\n padding: 16,\n font: 20,\n },\n largeMedium: {\n height: 42,\n heightIcon: 22,\n radius: 6,\n padding: 14,\n font: 18,\n },\n medium: {\n height: 38,\n heightIcon: 20,\n radius: 6,\n padding: 12,\n font: 14,\n },\n mediumSmall: {\n height: 34,\n heightIcon: 18,\n radius: 6,\n padding: 10,\n font: 14,\n },\n small: {\n height: 30,\n heightIcon: 16,\n radius: 8,\n padding: 8,\n font: 12,\n },\n },\n sizeToggle: {\n large: {\n height: 'var(--size-toggle-large-height)',\n width: 'var(--size-toggle-large-width)',\n padding: 'var(--size-toggle-large-padding)',\n thumb: 'var(--size-toggle-large-thumb)',\n },\n largeMedium: {\n height: 'var(--size-toggle-large-medium-height)',\n width: 'var(--size-toggle-large-medium-width)',\n padding: 'var(--size-toggle-large-medium-padding)',\n thumb: 'var(--size-toggle-large-medium-thumb)',\n },\n medium: {\n height: 'var(--size-toggle-medium-height)',\n width: 'var(--size-toggle-medium-width)',\n padding: 'var(--size-toggle-medium-padding)',\n thumb: 'var(--size-toggle-medium-thumb)',\n },\n mediumSmall: {\n height: 'var(--size-toggle-medium-small-height)',\n width: 'var(--size-toggle-medium-small-width)',\n padding: 'var(--size-toggle-medium-small-padding)',\n thumb: 'var(--size-toggle-medium-small-thumb)',\n },\n small: {\n height: 'var(--size-toggle-small-height)',\n width: 'var(--size-toggle-small-width)',\n padding: 'var(--size-toggle-small-padding)',\n thumb: 'var(--size-toggle-small-thumb)',\n },\n },\n\n component: {\n select: {\n padding: 'var(--component-select-padding)',\n height: 'var(--component-select-height)',\n borderRadius: 'var(--component-select-border-radius)',\n\n background: 'var(--component-select-background)',\n borderColor: 'var(--component-select-border-color)',\n borderColorSelect: 'var(--component-select-border-color-select)',\n color: 'var(--component-select-color)',\n\n backgroundChecked: 'var(--component-select-background-checked)',\n borderColorChecked: 'var(--component-select-border-color-checked)',\n\n backgroundInput: 'var(--component-select-background-input)',\n borderColorInput: 'var(--component-select-border-color-input)',\n colorInput: 'var(--component-select-color-input)',\n\n backgroundOption: 'var(--component-select-background-option)',\n },\n tooltip: {\n padding: 'var(--component-tooltip-padding)',\n height: 'var(--component-tooltip-height)',\n },\n popover: {\n padding: 'var(--component-popover-padding)',\n borderRadius: 'var(--component-popover-border-radius)',\n maxWidth: 'var(--component-popover-max-width)',\n maxHeight: 'var(--component-popover-max-height)',\n\n background: 'var(--component-popover-background)',\n borderColor: 'var(--component-popover-border-color)',\n color: 'var(--component-popover-color)',\n boxShadow: 'var(--component-popover-box-shadow)',\n },\n error: {\n padding: 'var(--component-error-padding)',\n color: 'var(--component-error-color)',\n },\n checkbox: {\n height: 'var(--component-checkbox-height)',\n padding: 'var(--component-checkbox-padding)',\n radius: 'var(--component-checkbox-radius)',\n gap: 'var(--component-checkbox-gap)',\n\n background: 'var(--component-checkbox-background)',\n border: 'var(--component-checkbox-border)',\n color: 'var(--component-checkbox-color)',\n },\n toggle: {\n height: 'var(--component-toggle-height)',\n width: 'var(--component-toggle-width)',\n padding: 'var(--component-toggle-padding)',\n backgroundActive: 'var(--component-toggle-active-background)',\n borderActive: 'var(--component-toggle-active-border)',\n backgroundUnActive: 'var(--component-toggle-un-active-background)',\n borderUnActive: 'var(--component-toggle-un-active-border)',\n centerHeight: 'var(--component-toggle-center-height)',\n centerWidth: 'var(--component-toggle-center-width)',\n centerBackgroundActive: 'var(--component-toggle-center-active-background)',\n centerBorderActive: 'var(--component-toggle-center-active-border)',\n centerBackgroundUnActive: 'var(--component-toggle-center-un-active-background)',\n centerBorderUnActive: 'var(--component-toggle-center-un-active-border)',\n centerBoxShadowActive: 'var(--component-toggle-center-active-box-shadow)',\n centerBoxShadowUnActive: 'var(--component-toggle-center-un-active-box-shadow)',\n centerX: 'var(--component-toggle-center-x)',\n },\n button: {\n height: 'var(--component-button-height)',\n padding: 'var(--component-button-padding)',\n radius: 'var(--component-button-radius)',\n gap: 'var(--component-button-gap)',\n background: 'var(--component-button-background)',\n border: 'var(--component-button-border)',\n color: 'var(--component-button-color)',\n iconGroupOrder: 'var(--component-button-icon-group-order)',\n },\n icon: {\n order: 'var(--component-icon-order)',\n color: 'var(--component-icon-color)',\n heightIcon: 'var(--component-icon-height-icon)',\n turn: 'var(--component-icon-turn)',\n skeletonHeightIcon: 'var(--component-icon-skeleton-height-icon)',\n skeletonOrder: 'var(--component-icon-skeleton-order)',\n },\n typography: {\n letterSpacing: 'var(--component-typography-letter-spacing)',\n flex: 'var(--component-typography-flex)',\n cursor: 'var(--component-typography-cursor)',\n overflow: 'var(--component-typography-overflow)',\n line: {\n single: 'var(--component-typography-line-single)',\n multiline: 'var(--component-typography-line-multiline)',\n },\n family: 'var(--component-typography-family)',\n weight: 'var(--component-typography-weight)',\n height: 'var(--component-typography-height)',\n color: 'var(--component-typography-color)',\n align: 'var(--component-typography-align)',\n wrap: 'var(--component-typography-wrap)',\n decoration: 'var(--component-typography-decoration)',\n transform: 'var(--component-typography-transform)',\n size: 'var(--component-typography-size)',\n variant: 'var(--component-typography-variant)',\n variantHeight: 'var(--component-typography-variant-height)',\n },\n separator: {\n width: 'var(--component-separator-width)',\n height: 'var(--component-separator-height)',\n maxWidth: 'var(--component-separator-max-width)',\n maxHeight: 'var(--component-separator-max-height)',\n background: 'var(--component-separator-background)',\n radius: 'var(--component-separator-radius)',\n },\n input: {\n boxShadow: 'var(--component-input-box-shadow)',\n background: 'var(--component-input-background)',\n borderColor: 'var(--component-input-border-color)',\n color: 'var(--component-input-color)',\n placeholderColor: 'var(--component-input-placeholder-color)',\n\n height: 'var(--component-input-height)',\n padding: 'var(--component-input-padding)',\n radius: 'var(--component-input-radius)',\n\n prefixWidth: 'var(--component-input-prefix-width)',\n prefixRight: 'var(--component-input-prefix-right)',\n prefixLeft: 'var(--component-input-prefix-left)',\n\n postfixWidth: 'var(--component-input-postfix-width)',\n postfixRight: 'var(--component-input-postfix-right)',\n postfixLeft: 'var(--component-input-postfix-left)',\n },\n textarea: {\n boxShadow: 'var(--component-textarea-box-shadow)',\n background: 'var(--component-textarea-background)',\n borderColor: 'var(--component-textarea-border-color)',\n color: 'var(--component-textarea-color)',\n placeholderColor: 'var(--component-textarea-placeholder-color)',\n padding: 'var(--component-textarea-padding)',\n radius: 'var(--component-textarea-radius)',\n },\n datePicker: {\n rows: 'var(--component-date-picker-rows)',\n row: 'var(--component-date-picker-row)',\n column: 'var(--component-date-picker-column)',\n\n padding: 'var(--component-date-picker-padding)',\n\n dayRadius: 'var(--component-date-picker-day-radius)',\n\n dayBackgroundRest: 'var(--component-date-picker-day-background-rest)',\n dayBackgroundHover: 'var(--component-date-picker-day-background-hover)',\n dayBackgroundWeekend: 'var(--component-date-picker-day-background-weekend)',\n dayBackgroundToday: 'var(--component-date-picker-day-background-today)',\n dayBackgroundChoice: 'var(--component-date-picker-day-background-choice)',\n\n dayBorderRest: 'var(--component-date-picker-day-border-rest)',\n dayBorderWeekend: 'var(--component-date-picker-day-border-weekend)',\n dayBorderToday: 'var(--component-date-picker-day-border-today)',\n dayBorderChoice: 'var(--component-date-picker-day-border-choice)',\n dayBorderHover: 'var(--component-date-picker-day-border-hover)',\n\n dayColorRest: 'var(--component-date-picker-day-color-rest)',\n dayColorHover: 'var(--component-date-picker-day-color-hover)',\n dayColorWeekend: 'var(--component-date-picker-day-color-weekend)',\n dayColorToday: 'var(--component-date-picker-day-color-today)',\n dayColorChoice: 'var(--component-date-picker-day-color-choice)',\n\n inputBackground: 'var(--component-date-picker-input-background)',\n inputBackgroundHover: 'var(--component-date-picker-input-background-hover)',\n inputSegmentBackgroundActive: 'var(--component-date-picker-input-segment-background-active)',\n\n inputBorderColor: 'var(--component-date-picker-input-border-color)',\n inputBorderColorHover: 'var(--component-date-picker-input-border-color-hover)',\n\n inputColor: 'var(--component-date-picker-input-color)',\n inputColorHover: 'var(--component-date-picker-input-color-hover)',\n\n inputPadding: 'var(--component-date-picker-input-padding)',\n inputHeight: 'var(--component-date-picker-input-height)',\n inputRadius: 'var(--component-date-picker-input-radius)',\n\n inputValueColor: 'var(--component-date-picker-input-value-color)',\n inputPlaceholderColor: 'var(--component-date-picker-input-placeholder-color)',\n\n buttonToggleRight: 'var(--component-date-picker-button-toggle-right)',\n buttonClearRight: 'var(--component-date-picker-button-clear-right)',\n },\n },\n\n area: {\n skeleton: {\n color: 'var(--area-skeleton-color)',\n line: 'var(--area-skeleton-line)',\n },\n },\n\n genre: {\n popover: {\n primary: {\n background: CSS_VARS_PALETTE.fillDark,\n color: CSS_VARS_PALETTE.textPrimaryLight,\n border: CSS_VARS_PALETTE.transparent,\n boxShadow: CSS_VARS_PALETTE.shadowPrimaryDark,\n },\n secondary: {\n background: CSS_VARS_PALETTE.fillLight,\n color: CSS_VARS_PALETTE.textPrimaryDark,\n border: CSS_VARS_PALETTE.transparent,\n boxShadow: CSS_VARS_PALETTE.shadowPrimaryLight,\n },\n },\n checkbox: {\n green: {\n background: {\n index: CSS_VARS_PALETTE.accentGreenLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n red: {\n background: {\n index: CSS_VARS_PALETTE.accentRedLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n yellow: {\n background: {\n index: CSS_VARS_PALETTE.accentYellowLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n blue: {\n background: {\n index: CSS_VARS_PALETTE.accentBlueLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n primary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryDark,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n },\n secondary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n },\n product: {\n background: {\n index: CSS_VARS_PALETTE.productPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n },\n button: {\n green: {\n background: {\n index: CSS_VARS_PALETTE.accentGreenLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n red: {\n background: {\n index: CSS_VARS_PALETTE.accentRedLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n yellow: {\n background: {\n index: CSS_VARS_PALETTE.accentYellowLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n blue: {\n background: {\n index: CSS_VARS_PALETTE.accentBlueLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n primary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryDark,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n },\n secondary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n },\n product: {\n background: {\n index: CSS_VARS_PALETTE.productPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n },\n toggle: {\n primary: {\n active: {\n border: CSS_VARS_PALETTE.transparent,\n track: CSS_VARS_PALETTE.productPrimaryLight,\n thumb: CSS_VARS_PALETTE.fillPrimaryDark,\n thumbBoxShadow: CSS_VARS_PALETTE.shadowPrimaryLight,\n },\n unActive: {\n border: CSS_VARS_PALETTE.transparent,\n track: CSS_VARS_PALETTE.fillPrimaryLight,\n thumb: CSS_VARS_PALETTE.fillPrimaryDark,\n thumbBoxShadow: CSS_VARS_PALETTE.shadowPrimaryLight,\n },\n },\n },\n input: {\n primary: {\n color: CSS_VARS_PALETTE.textPrimaryLight,\n background: CSS_VARS_PALETTE.fillPrimaryDark,\n backgroundOption: CSS_VARS_PALETTE.fillDark,\n border: CSS_VARS_PALETTE.textPrimaryLight,\n placeholder: CSS_VARS_PALETTE.textSecondaryLight,\n },\n secondary: {\n color: CSS_VARS_PALETTE.textPrimaryDark,\n background: CSS_VARS_PALETTE.fillPrimaryLight,\n backgroundOption: CSS_VARS_PALETTE.fillLight,\n border: CSS_VARS_PALETTE.textPrimaryDark,\n placeholder: CSS_VARS_PALETTE.textSecondaryDark,\n },\n },\n select: {\n primary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryDark,\n select: CSS_VARS_PALETTE.productQuaternaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n select: CSS_VARS_PALETTE.productPrimaryLight,\n },\n placeholder: {\n index: CSS_VARS_PALETTE.textSecondaryLight,\n },\n },\n secondary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryLight,\n select: CSS_VARS_PALETTE.productQuaternaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n select: CSS_VARS_PALETTE.productPrimaryLight,\n },\n placeholder: {\n index: CSS_VARS_PALETTE.textSecondaryDark,\n },\n },\n },\n textarea: {\n primary: {\n color: CSS_VARS_PALETTE.textPrimaryLight,\n background: CSS_VARS_PALETTE.fillPrimaryDark,\n border: CSS_VARS_PALETTE.textPrimaryLight,\n placeholder: CSS_VARS_PALETTE.textSecondaryLight,\n },\n secondary: {\n color: CSS_VARS_PALETTE.textPrimaryDark,\n background: CSS_VARS_PALETTE.fillPrimaryLight,\n border: CSS_VARS_PALETTE.textPrimaryDark,\n placeholder: CSS_VARS_PALETTE.textSecondaryDark,\n },\n },\n datepicker: {\n primary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n hover: CSS_VARS_PALETTE.textPrimaryLight,\n weekend: CSS_VARS_PALETTE.textPrimaryLight,\n today: CSS_VARS_PALETTE.textPrimaryLight,\n choice: CSS_VARS_PALETTE.textPrimaryDark,\n },\n background: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.fillQuaternaryLight,\n weekend: CSS_VARS_PALETTE.fillQuaternaryLight,\n today: CSS_VARS_PALETTE.transparent,\n choice: CSS_VARS_PALETTE.productPrimaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.transparent,\n weekend: CSS_VARS_PALETTE.transparent,\n today: CSS_VARS_PALETTE.textPrimaryLight,\n choice: CSS_VARS_PALETTE.productPrimaryLight,\n },\n },\n secondary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n hover: CSS_VARS_PALETTE.textPrimaryDark,\n weekend: CSS_VARS_PALETTE.textPrimaryDark,\n today: CSS_VARS_PALETTE.textPrimaryDark,\n choice: CSS_VARS_PALETTE.textPrimaryLight,\n },\n background: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.fillQuaternaryDark,\n weekend: CSS_VARS_PALETTE.fillQuaternaryDark,\n today: CSS_VARS_PALETTE.transparent,\n choice: CSS_VARS_PALETTE.productPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.transparent,\n weekend: CSS_VARS_PALETTE.transparent,\n today: CSS_VARS_PALETTE.textPrimaryDark,\n choice: CSS_VARS_PALETTE.productPrimaryDark,\n },\n },\n },\n },\n} as const;\n\nexport const CSS_CLASS = {\n /\n Убирает скроллбар (Firefox + Webkit + IE)\n * Контент остаётся скроллируемым.\n /\n removeScrollbar: 'u-remove-scrollbar',\n\n /\n Полностью убирает outline.\n * Использовать аккуратно — может повлиять на accessibility.\n /\n removeOutline: 'u-remove-outline',\n\n /\n Включает табличные цифры (одинаковая ширина.\n * Полезно для счётчиков, цен, таймеров.\n /\n tabularNumbers: 'u-tabular-numbers',\n\n /\n Добавляет контейнер для ripple-эффекта.\n * Требует position: relative + overflow: hidden.\n /\n isRipple: 'u-is-ripple',\n\n transition: {\n default: 'u-transition--default',\n fontSize: 'u-transition--font-size',\n icon: 'u-transition--icon',\n color: 'u-transition--color',\n grid: 'u-transition--grid',\n withoutSize: 'u-transition--without-size',\n all: 'u-transition--all',\n },\n\n control: {\n default: 'u-control--default',\n boxShadow: 'u-control--boxShadow',\n boxShadowSelect: 'u-control--boxShadow-select',\n boxShadowOnlyHover: 'u-control--boxShadow-only-hover',\n onlyActive: 'u-control--only-active',\n none: 'u-control--none',\n },\n\n scrollbarGutter: {\n stable: 'u-scrollbar-gutter--stable',\n stableBoth: 'u-scrollbar-gutter--stable-both',\n },\n /\n Состояние disabled.\n * Делает элемент полупрозрачным.\n /\n isDisabled: 'u-is-disabled',\n\n /\n Состояние hover.\n * Добавляет transition background + outline.\n /\n isHover: 'u-is-hover',\n\n isError: 'u-is-error',\n\n shadow: {\n primary: 'u-shadow--primary',\n secondary: 'u-shadow--secondary',\n quaternary: 'u-shadow--quaternary',\n },\n\n keyframe: {\n shadowPulse: 'keyframe--shadow-pulse',\n backgroundMove: 'keyframe--background-move',\n },\n\n area: {\n preview: {\n root: 'area-preview__loader',\n containerIcon: 'area-preview__loader__container-icon',\n containerChildren: 'area-preview__loader__container-children',\n children: 'area-preview__children',\n },\n scroll: {\n root: 'area-scroll',\n horizontal: 'area-scroll--horizontal',\n vertical: 'area-scroll--vertical',\n isAlwaysHorizontal: 'area-scroll--is-always-horizontal',\n isAlwaysVertical: 'area-scroll--is-always-vertical',\n },\n skeleton: {\n root: 'area-skeleton',\n visibleFalse: 'area-skeleton--visible-false',\n },\n },\n\n context: {\n app: {\n wrapper: 'context-app__wrapper',\n outlet: 'context-app__outlet',\n outletChildren: 'context-app__outlet-children',\n outletNotification: 'context-app__outlet-notification',\n outletHeader: 'context-app__outlet-header',\n outletFooter: 'context-app__outlet-footer',\n outletNav: 'context-app__outlet-nav',\n outletLeftAside: 'context-app__outlet-left-aside',\n outletRightAside: 'context-app__outlet-right-aside',\n },\n dialog: {\n layout: 'context-dialog__layout',\n element: 'context-dialog__element',\n },\n sonner: {\n layout: 'context-sonner__layout',\n layoutBottomCenter: 'context-sonner__layout--bottom-center',\n layoutBottomLeft: 'context-sonner__layout--bottom-left',\n layoutBottomRight: 'context-sonner__layout--bottom-right',\n layoutTopRight: 'context-sonner__layout--top-right',\n layoutTopLeft: 'context-sonner__layout--top-left',\n layoutTopCenter: 'context-sonner__layout--top-center',\n elementWrapper: 'context-sonner__element-wrapper',\n content: 'context-sonner__content',\n icon: 'context-sonner__icon',\n contentTitle: 'context-sonner__content-title',\n contentDescription: 'context-sonner__content-description',\n buttonWrapper: 'context-sonner__button-wrapper',\n },\n },\n\n component: {\n select: {\n wrapper: 'component-select__wrapper',\n isCenter: 'component-select--is-center',\n isShowScroll: 'component-select--is-show-scroll',\n isWrapSelectOption: 'component-select--is-wrap-select-option',\n isClearWhenClickSelectListOption: 'component-select--is-clear-when-click-select-list-option',\n isOnlyColorInSelectListOption: 'component-select--is-only-color-in-select-list-option',\n dropdownList: 'component-select__dropdown__list',\n dropdownListWrapper: 'component-select__dropdown__list__wrapper',\n dropdownListOption: 'component-select__dropdown__list__option',\n dropdownListOptionIsChecked: 'component-select__dropdown__list__option--is-checked',\n dropdownListOptionIsBorder: 'component-select__dropdown__list__option--is-border',\n dropdownListOptionIsDisabled: 'component-select__dropdown__list__option--is-disabled',\n dropdownListOptionIcon: 'component-select__dropdown__list__option__icon',\n list: 'component-select__list',\n listButton: 'component-select__list__button',\n listOption: 'component-select__list__option',\n listOptionIsChecked: 'component-select__list__option--is-checked',\n textarea: 'component-select__textarea',\n },\n tooltip: {\n root: 'component-tooltip',\n wrapper: 'component-tooltip__wrapper',\n },\n popover: {\n root: 'component-popover',\n boxShadow: 'component-popover--box-shadow',\n },\n textarea: {\n root: 'component-textarea',\n wrapper: 'component-textarea__wrapper',\n wrapperIsZeroRadius: 'component-textarea__wrapper--is-zero-radius',\n wrapperIsHidden: 'component-textarea__wrapper--is-hidden',\n wrapperIsHiddenBorder: 'component-textarea__wrapper--is-hidden-border',\n wrapperIsFullRadius: 'component-textarea__wrapper--is-full-radius',\n wrapperIsNotResize: 'component-textarea__wrapper--is-not-resize',\n },\n input: {\n wrapper: 'component-input__wrapper',\n wrapperIsWidthAsHeight: 'component-input__wrapper--is-width-as-height',\n wrapperIsZeroRadius: 'component-input__wrapper--is-zero-radius',\n wrapperIsHidden: 'component-input__wrapper--is-hidden',\n wrapperIsHiddenBorder: 'component-input__wrapper--is-hidden-border',\n wrapperIsFullRadius: 'component-input__wrapper--is-full-radius',\n wrapperIsMinWidthAsContent: 'component-input__wrapper--is-min-width-as-content',\n wrapperIsCenter: 'component-input__wrapper--is-center',\n\n root: 'component-input',\n hasPrefix: 'component-input--has-prefix',\n hasPostfix: 'component-input--has-postfix',\n prefix: 'component-input__prefix',\n postfix: 'component-input__postfix',\n },\n separator: {\n root: 'component-separator',\n },\n error: {\n root: 'component-error',\n sizeDefault: 'component-error--size-default',\n sizeAbsolute: 'component-error--size-absolute',\n },\n typography: {\n root: 'component-typography',\n lineSingle: 'component-typography--line-single',\n lineMulti: 'component-typography--line-multi',\n isBold: 'component-typography--is-bold',\n variantCallout: 'component-typography--variant-callout',\n shadowShadowPulse: 'component-typography--shadow-shadowPulse',\n isHoverUnderlining: 'component-typography--is-hover-underlining',\n isNoUserSelect: 'component-typography--is-no-user-select',\n size: 'component-typography--size',\n variant: 'component-typography--variant',\n },\n button: {\n root: 'component-button',\n isHidden: 'component-button--is-hidden',\n isHiddenBorder: 'component-button--is-hidden-border',\n isFullRadius: 'component-button--is-full-radius',\n isFullSize: 'component-button--is-full-size',\n isWidthAsHeight: 'component-button--is-width-as-height',\n isMinWidthAsContent: 'component-button--is-min-width-as-content',\n isZeroPadding: 'component-button--is-zero-padding',\n isSizeFitContent: 'component-button--is-size-fit-content',\n iconGroup: 'component-button__icons',\n iconGroupIsIconGroup: 'component-button__icons--is-icon-group',\n isZeroRadius: 'component-button--is-zero-radius',\n },\n icon: {\n root: 'component-icon',\n skeleton: 'component-icon__skeleton',\n },\n stack: {\n root: 'component-stack',\n },\n checkbox: {\n root: 'component-checkbox',\n isHidden: 'component-checkbox--is-hidden',\n isHiddenBorder: 'component-checkbox--is-hidden-border',\n isFullRadius: 'component-checkbox--is-full-radius',\n isFullSize: 'component-checkbox--is-full-size',\n isWidthAsHeight: 'component-checkbox--is-width-as-height',\n isMinWidthAsContent: 'component-checkbox--is-min-width-as-content',\n isZeroRadius: 'component-checkbox--is-zero-radius',\n isOnlyIcon: 'component-checkbox--is-only-icon',\n },\n toggle: {\n root: 'component-toggle',\n active: 'component-toggle--active',\n unActive: 'component-toggle--un-active',\n isHidden: 'component-toggle--is-hidden',\n isHiddenBorder: 'component-toggle--is-hidden-border',\n isZeroRadius: 'component-toggle--is-zero-radius',\n center: 'component-toggle__center',\n centerActive: 'component-toggle__center--active',\n centerUnActive: 'component-toggle__center--un-active',\n },\n datePicker: {\n wrapper: 'component-date-picker__wrapper',\n wrapperIsMinWidth: 'component-date-picker__wrapper--is-min-width',\n dropdownList: 'component-date-picker__dropdown__list',\n dropdownListDays: 'component-date-picker__dropdown-list__days',\n day: 'component-date-picker__dropdown-list__day',\n dayIsChoice: 'component-date-picker__dropdown-list__day--is-choice',\n dayIsNotCurrentMonth: 'component-date-picker__dropdown-list__day--is-not-current-month',\n dayIsToday: 'component-date-picker__dropdown-list__day--is-today',\n dayIsWeekend: 'component-date-picker__dropdown-list__day--is-weekend',\n dayIsHidden: 'component-date-picker__dropdown-list__day--is-hidden',\n dayOfWeek: 'component-date-picker__dropdown-list__day-of-week',\n inputWrapper: 'component-date-picker__input-wrapper',\n inputSegment: 'component-date-picker__input-segment',\n inputSegmentHasValue: 'component-date-picker__input-segment--has-value',\n inputSegmentIsActive: 'component-date-picker__input-segment--is-active',\n listButton: 'component-date-picker__list__button',\n },\n },\n} as const;\n\ntype DeepRemoveVar<T> = {\n [K in keyof T]: T[K] extends string ? string : T[K] extends object ? DeepRemoveVar<T[K]> : T[K];\n};\n\nfunction removeVarWrapper<T extends Record<string, any>>(obj: T): DeepRemoveVar<T> {\n const result: any = Array.isArray(obj) ? [] : {};\n\n for (const key in obj) {\n const value = obj[key];\n\n if (typeof value === 'string') {\n result[key] = value.replace(/^var\$(.)\$$/, '$1');\n } else if (value && typeof value === 'object') {\n result[key] = removeVarWrapper(value);\n } else {\n result[key] = value;\n }\n }\n\n return result;\n}\n\nexport const CSS_VARS_RAW = removeVarWrapper(CSS_VARS);\n","import { CSSProperties } from 'react';\n\nimport { CSS_CLASS, CSS_VARS } from './constants';\n\ntype ITypographyDefault = {\n align?: CSSProperties['textAlign'];\n\n color?: IThemePalette;\n\n cursor?: CSSProperties['cursor'];\n\n decoration?: CSSProperties['textDecoration'];\n\n family?: IThemeTypographyFontFamily;\n\n transition?: IThemeTransition;\n\n isBold?: boolean;\n\n flex?: string;\n\n height?: number \| string;\n\n isHoverUnderlining?: boolean;\n\n letterSpacing?: CSSProperties['letterSpacing'];\n\n line?: number;\n\n overflow?: CSSProperties['overflow'];\n\n shadow?: 'shadowPulse';\n\n transform?: CSSProperties['textTransform'];\n\n weight?: IThemeTypographyWeight;\n\n wrap?: CSSProperties['textWrap'];\n\n isNoUserSelect?: boolean;\n};\n\ntype ITypographySize = ITypographyDefault & {\n size?: number \| string;\n};\n\ntype ITypographyVariant = ITypographyDefault & {\n variant: IThemeTypographyHeading;\n};\n\nexport type ITypography = ITypographySize \| ITypographyVariant;\nexport type IContainer = CSSProperties;\n\nexport type ILayoutValue<A> = {\n default?: A;\n breakpoints?: Record<IThemeBreakpoint, A>;\n orientations?: Record<IThemeOrientation, A>;\n};\n\nexport type ILayoutResponsive<A> = ILayoutValue<A>;\n\nexport type ISx = {\n sx?: CSSProperties \| undefined;\n};\n\nexport type IThemeTypographyHeading = keyof typeof CSS_VARS.font.sizeHeading;\nexport type IThemeTypographyWeight = '100' \| '300' \| '400' \| '500' \| '700' \| '900';\nexport type IThemeTypographyFontFamily = 'Inter' \| 'Roboto' \| 'Work Sans' \| 'Roboto Mono' \| 'Manrope';\nexport type IThemeSize = 'large' \| 'largeMedium' \| 'medium' \| 'mediumSmall' \| 'small';\n\nexport type IThemeGlobal = typeof CSS_VARS;\n\nexport type IThemeBreakpoint = 'tablet' \| 'mobile';\nexport type IThemeOrientation = 'landscape' \| 'portrait';\n\nexport type IThemePalette = keyof typeof CSS_VARS.palette;\n\nexport type IThemeShadow = keyof typeof CSS_CLASS.shadow;\n\nexport type IThemeGenreButton = keyof typeof CSS_VARS.genre.button;\nexport type IThemeGenreSonner = keyof typeof CSS_VARS.genre.button;\nexport type IThemeGenreCheckbox = keyof typeof CSS_VARS.genre.checkbox;\nexport type IThemeGenreToggle = keyof typeof CSS_VARS.genre.toggle;\nexport type IThemeGenreInput = keyof typeof CSS_VARS.genre.input;\nexport type IThemeGenreDatePicker = keyof typeof CSS_VARS.genre.select;\nexport type IThemeGenreTextArea = keyof typeof CSS_VARS.genre.textarea;\nexport type IThemeGenrePopover = keyof typeof CSS_VARS.genre.popover;\nexport type IThemeGenreSelect = keyof typeof CSS_VARS.genre.select;\n\nexport type IThemeControl = keyof typeof CSS_CLASS.control;\nexport type IThemeScrollbarGutter = keyof typeof CSS_CLASS.scrollbarGutter;\n\nexport type IThemeTransition = keyof typeof CSS_CLASS.transition;\n\nexport const EXTRA_VALUE = {\n font: {\n height: 16,\n size: 1.2,\n },\n sizeToController: {\n large: 'controller-large',\n largeMedium: 'controller-large-medium',\n medium: 'controller-medium',\n mediumSmall: 'controller-medium-small',\n small: 'controller-small',\n } as Record<IThemeSize, IThemeTypographyHeading>,\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"utils-DCIq-5FL.cjs","names":[],"sources":["../src/styles/utils/constants.ts","../src/styles/utils/types.ts"],"sourcesContent":["const CSS_VARS_PALETTE = {\n /* ACCENTS /\n accentRedLight: 'var(--accent-red-light)',\n accentOrangeLight: 'var(--accent-orange-light)',\n accentYellowLight: 'var(--accent-yellow-light)',\n accentGreenLight: 'var(--accent-green-light)',\n accentMintLight: 'var(--accent-mint-light)',\n accentTealLight: 'var(--accent-teal-light)',\n accentCyanLight: 'var(--accent-cyan-light)',\n accentBlueLight: 'var(--accent-blue-light)',\n accentIndigoLight: 'var(--accent-indigo-light)',\n accentPurpleLight: 'var(--accent-purple-light)',\n accentPinkLight: 'var(--accent-pink-light)',\n accentBrownLight: 'var(--accent-brown-light)',\n accentGrayLight: 'var(--accent-gray-light)',\n\n / FILLS /\n fillLight: 'var(--fill-light)',\n fillPrimaryLight: 'var(--fill-primary-light)',\n fillSecondaryLight: 'var(--fill-secondary-light)',\n fillTertiaryLight: 'var(--fill-tertiary-light)',\n fillQuaternaryLight: 'var(--fill-quaternary-light)',\n fillQuinaryLight: 'var(--fill-quinary-light)',\n\n / TEXT /\n textPrimaryLight: 'var(--text-primary-light)',\n textSecondaryLight: 'var(--text-secondary-light)',\n textTertiaryLight: 'var(--text-tertiary-light)',\n\n / CONTROLS /\n controlMenuLight: 'var(--control-menu-light)',\n controlTooltipLight: 'var(--control-tooltip-light)',\n controlTransparent: 'var(--control-transparent)',\n\n / SHADOWS /\n shadowGlassLight: 'var(--shadow-glass-light)',\n shadowPrimaryLight: 'var(--shadow-primary-light)',\n shadowSecondaryLight: 'var(--shadow-secondary-light)',\n shadowTertiaryLight: 'var(--shadow-tertiary-light)',\n shadowQuaternaryLight: 'var(--shadow-quaternary-light)',\n shadowWindowInnerShadowLight: 'var(--shadow-window-inner-shadow-light)',\n\n / PRODUCT /\n productPrimaryLight: 'var(--product-primary-light)',\n productSecondaryLight: 'var(--product-secondary-light)',\n productTertiaryLight: 'var(--product-tertiary-light)',\n productQuaternaryLight: 'var(--product-quaternary-light)',\n productQuinaryLight: 'var(--product-quinary-light)',\n\n / SPECIAL /\n current: 'var(--current-color)',\n inherit: 'var(--inherit)',\n transparent: 'var(--transparent)',\n\n / ACCENTS /\n accentRedDark: 'var(--accent-red-dark)',\n accentOrangeDark: 'var(--accent-orange-dark)',\n accentYellowDark: 'var(--accent-yellow-dark)',\n accentGreenDark: 'var(--accent-green-dark)',\n accentMintDark: 'var(--accent-mint-dark)',\n accentTealDark: 'var(--accent-teal-dark)',\n accentCyanDark: 'var(--accent-cyan-dark)',\n accentBlueDark: 'var(--accent-blue-dark)',\n accentIndigoDark: 'var(--accent-indigo-dark)',\n accentPurpleDark: 'var(--accent-purple-dark)',\n accentPinkDark: 'var(--accent-pink-dark)',\n accentBrownDark: 'var(--accent-brown-dark)',\n accentGrayDark: 'var(--accent-gray-dark)',\n\n / FILLS /\n fillDark: 'var(--fill-dark)',\n fillPrimaryDark: 'var(--fill-primary-dark)',\n fillSecondaryDark: 'var(--fill-secondary-dark)',\n fillTertiaryDark: 'var(--fill-tertiary-dark)',\n fillQuaternaryDark: 'var(--fill-quaternary-dark)',\n fillQuinaryDark: 'var(--fill-quinary-dark)',\n\n / TEXT /\n textPrimaryDark: 'var(--text-primary-dark)',\n textSecondaryDark: 'var(--text-secondary-dark)',\n textTertiaryDark: 'var(--text-tertiary-dark)',\n\n / CONTROLS /\n controlMenuDark: 'var(--control-menu-dark)',\n controlTooltipDark: 'var(--control-tooltip-dark)',\n\n / PRODUCT /\n productPrimaryDark: 'var(--product-primary-dark)',\n productSecondaryDark: 'var(--product-secondary-dark)',\n productTertiaryDark: 'var(--product-tertiary-dark)',\n productQuaternaryDark: 'var(--product-quaternary-dark)',\n productQuinaryDark: 'var(--product-quinary-dark)',\n\n / SHADOWS /\n shadowGlassDark: 'var(--shadow-glass-dark)',\n shadowPrimaryDark: 'var(--shadow-primary-dark)',\n shadowSecondaryDark: 'var(--shadow-secondary-dark)',\n shadowTertiaryDark: 'var(--shadow-tertiary-dark)',\n shadowQuaternaryDark: 'var(--shadow-quaternary-dark)',\n shadowWindowInnerShadowDark: 'var(--shadow-window-inner-shadow-dark)',\n\n / ACCENTS /\n accentRedLightStable: 'var(--accent-red-light-stable)',\n accentOrangeLightStable: 'var(--accent-orange-light-stable)',\n accentYellowLightStable: 'var(--accent-yellow-light-stable)',\n accentGreenLightStable: 'var(--accent-green-light-stable)',\n accentMintLightStable: 'var(--accent-mint-light-stable)',\n accentTealLightStable: 'var(--accent-teal-light-stable)',\n accentCyanLightStable: 'var(--accent-cyan-light-stable)',\n accentBlueLightStable: 'var(--accent-blue-light-stable)',\n accentIndigoLightStable: 'var(--accent-indigo-light-stable)',\n accentPurpleLightStable: 'var(--accent-purple-light-stable)',\n accentPinkLightStable: 'var(--accent-pink-light-stable)',\n accentBrownLightStable: 'var(--accent-brown-light-stable)',\n accentGrayLightStable: 'var(--accent-gray-light-stable)',\n\n / FILLS /\n fillLightStable: 'var(--fill-light-stable)',\n fillPrimaryLightStable: 'var(--fill-primary-light-stable)',\n fillSecondaryLightStable: 'var(--fill-secondary-light-stable)',\n fillTertiaryLightStable: 'var(--fill-tertiary-light-stable)',\n fillQuaternaryLightStable: 'var(--fill-quaternary-light-stable)',\n fillQuinaryLightStable: 'var(--fill-quinary-light-stable)',\n\n / TEXT /\n textPrimaryLightStable: 'var(--text-primary-light-stable)',\n textSecondaryLightStable: 'var(--text-secondary-light-stable)',\n textTertiaryLightStable: 'var(--text-tertiary-light-stable)',\n\n / CONTROLS /\n controlMenuLightStable: 'var(--control-menu-light-stable)',\n controlTooltipLightStable: 'var(--control-tooltip-light-stable)',\n controlTransparentStable: 'var(--control-transparent-stable)',\n\n / SHADOWS /\n shadowGlassLightStable: 'var(--shadow-glass-light-stable)',\n shadowPrimaryLightStable: 'var(--shadow-primary-light-stable)',\n shadowSecondaryLightStable: 'var(--shadow-secondary-light-stable)',\n shadowTertiaryLightStable: 'var(--shadow-tertiary-light-stable)',\n shadowQuaternaryLightStable: 'var(--shadow-quaternary-light-stable)',\n shadowWindowInnerShadowLightStable: 'var(--shadow-window-inner-shadow-light-stable)',\n\n / PRODUCT /\n productPrimaryLightStable: 'var(--product-primary-light-stable)',\n productSecondaryLightStable: 'var(--product-secondary-light-stable)',\n productTertiaryLightStable: 'var(--product-tertiary-light-stable)',\n productQuaternaryLightStable: 'var(--product-quaternary-light-stable)',\n productQuinaryLightStable: 'var(--product-quinary-light-stable)',\n\n / ACCENTS /\n accentRedDarkStable: 'var(--accent-red-dark-stable)',\n accentOrangeDarkStable: 'var(--accent-orange-dark-stable)',\n accentYellowDarkStable: 'var(--accent-yellow-dark-stable)',\n accentGreenDarkStable: 'var(--accent-green-dark-stable)',\n accentMintDarkStable: 'var(--accent-mint-dark-stable)',\n accentTealDarkStable: 'var(--accent-teal-dark-stable)',\n accentCyanDarkStable: 'var(--accent-cyan-dark-stable)',\n accentBlueDarkStable: 'var(--accent-blue-dark-stable)',\n accentIndigoDarkStable: 'var(--accent-indigo-dark-stable)',\n accentPurpleDarkStable: 'var(--accent-purple-dark-stable)',\n accentPinkDarkStable: 'var(--accent-pink-dark-stable)',\n accentBrownDarkStable: 'var(--accent-brown-dark-stable)',\n accentGrayDarkStable: 'var(--accent-gray-dark-stable)',\n\n / FILLS /\n fillDarkStable: 'var(--fill-dark-stable)',\n fillPrimaryDarkStable: 'var(--fill-primary-dark-stable)',\n fillSecondaryDarkStable: 'var(--fill-secondary-dark-stable)',\n fillTertiaryDarkStable: 'var(--fill-tertiary-dark-stable)',\n fillQuaternaryDarkStable: 'var(--fill-quaternary-dark-stable)',\n fillQuinaryDarkStable: 'var(--fill-quinary-dark-stable)',\n\n / TEXT /\n textPrimaryDarkStable: 'var(--text-primary-dark-stable)',\n textSecondaryDarkStable: 'var(--text-secondary-dark-stable)',\n textTertiaryDarkStable: 'var(--text-tertiary-dark-stable)',\n\n / CONTROLS /\n controlMenuDarkStable: 'var(--control-menu-dark-stable)',\n controlTooltipDarkStable: 'var(--control-tooltip-dark-stable)',\n\n / PRODUCT /\n productPrimaryDarkStable: 'var(--product-primary-dark-stable)',\n productSecondaryDarkStable: 'var(--product-secondary-dark-stable)',\n productTertiaryDarkStable: 'var(--product-tertiary-dark-stable)',\n productQuaternaryDarkStable: 'var(--product-quaternary-dark-stable)',\n productQuinaryDarkStable: 'var(--product-quinary-dark-stable)',\n\n / SHADOWS /\n shadowGlassDarkStable: 'var(--shadow-glass-dark-stable)',\n shadowPrimaryDarkStable: 'var(--shadow-primary-dark-stable)',\n shadowSecondaryDarkStable: 'var(--shadow-secondary-dark-stable)',\n shadowTertiaryDarkStable: 'var(--shadow-tertiary-dark-stable)',\n shadowQuaternaryDarkStable: 'var(--shadow-quaternary-dark-stable)',\n shadowWindowInnerShadowDarkStable: 'var(--shadow-window-inner-shadow-dark-stable)',\n} as const;\n\nexport const CSS_VARS = {\n font: {\n family: 'var(--font-family)',\n weight: 'var(--font-weight)',\n height: 'var(--font-height)',\n size: 'var(--font-size)',\n sizeHeading: {\n headline: 'var(--font-size-heading-headline)',\n 'sub-headline': 'var(--font-size-heading-sub-headline)',\n 'title-1': 'var(--font-size-heading-title-1)',\n 'title-2': 'var(--font-size-heading-title-2)',\n 'title-3': 'var(--font-size-heading-title-3)',\n 'title-4': 'var(--font-size-heading-title-4)',\n 'title-5': 'var(--font-size-heading-title-5)',\n body: 'var(--font-size-heading-body)',\n callout: 'var(--font-size-heading-callout)',\n footnote: 'var(--font-size-heading-footnote)',\n 'caption-1': 'var(--font-size-heading-caption-1)',\n 'caption-2': 'var(--font-size-heading-caption-2)',\n 'controller-large': 'var(--font-size-heading-controller-large)',\n 'controller-large-medium': 'var(--font-size-heading-controller-large-medium)',\n 'controller-medium': 'var(--font-size-heading-controller-medium)',\n 'controller-medium-small': 'var(--font-size-heading-controller-medium-small)',\n 'controller-small': 'var(--font-size-heading-controller-small)',\n },\n },\n\n screen: {\n breakpoint: {\n tablet: '1290px',\n mobile: '850px',\n },\n orientation: {\n landscape: 'landscape',\n portrait: 'portrait',\n },\n },\n\n animation: {\n duration: 'var(--duration)',\n easing: 'var(--easing)',\n },\n\n palette: CSS_VARS_PALETTE,\n\n size: {\n large: {\n height: 'var(--size-large-height)',\n heightIcon: 'var(--size-large-height-icon)',\n radius: 'var(--size-large-radius)',\n padding: 'var(--size-large-padding)',\n font: 'var(--size-large-font)',\n },\n largeMedium: {\n height: 'var(--size-large-medium-height)',\n heightIcon: 'var(--size-large-medium-height-icon)',\n radius: 'var(--size-large-medium-radius)',\n padding: 'var(--size-large-medium-padding)',\n font: 'var(--size-large-medium-font)',\n },\n medium: {\n height: 'var(--size-medium-height)',\n heightIcon: 'var(--size-medium-height-icon)',\n radius: 'var(--size-medium-radius)',\n padding: 'var(--size-medium-padding)',\n font: 'var(--size-medium-font)',\n },\n mediumSmall: {\n height: 'var(--size-medium-small-height)',\n heightIcon: 'var(--size-medium-small-height-icon)',\n radius: 'var(--size-medium-small-radius)',\n padding: 'var(--size-medium-small-padding)',\n font: 'var(--size-medium-small-font)',\n },\n small: {\n height: 'var(--size-small-height)',\n heightIcon: 'var(--size-small-height-icon)',\n radius: 'var(--size-small-radius)',\n padding: 'var(--size-small-padding)',\n font: 'var(--size-small-font)',\n },\n },\n sizeValue: {\n large: {\n height: 46,\n heightIcon: 24,\n radius: 6,\n padding: 16,\n font: 20,\n },\n largeMedium: {\n height: 42,\n heightIcon: 22,\n radius: 6,\n padding: 14,\n font: 18,\n },\n medium: {\n height: 38,\n heightIcon: 20,\n radius: 6,\n padding: 12,\n font: 14,\n },\n mediumSmall: {\n height: 34,\n heightIcon: 18,\n radius: 6,\n padding: 10,\n font: 14,\n },\n small: {\n height: 30,\n heightIcon: 16,\n radius: 8,\n padding: 8,\n font: 12,\n },\n },\n sizeToggle: {\n large: {\n height: 'var(--size-toggle-large-height)',\n width: 'var(--size-toggle-large-width)',\n padding: 'var(--size-toggle-large-padding)',\n thumb: 'var(--size-toggle-large-thumb)',\n },\n largeMedium: {\n height: 'var(--size-toggle-large-medium-height)',\n width: 'var(--size-toggle-large-medium-width)',\n padding: 'var(--size-toggle-large-medium-padding)',\n thumb: 'var(--size-toggle-large-medium-thumb)',\n },\n medium: {\n height: 'var(--size-toggle-medium-height)',\n width: 'var(--size-toggle-medium-width)',\n padding: 'var(--size-toggle-medium-padding)',\n thumb: 'var(--size-toggle-medium-thumb)',\n },\n mediumSmall: {\n height: 'var(--size-toggle-medium-small-height)',\n width: 'var(--size-toggle-medium-small-width)',\n padding: 'var(--size-toggle-medium-small-padding)',\n thumb: 'var(--size-toggle-medium-small-thumb)',\n },\n small: {\n height: 'var(--size-toggle-small-height)',\n width: 'var(--size-toggle-small-width)',\n padding: 'var(--size-toggle-small-padding)',\n thumb: 'var(--size-toggle-small-thumb)',\n },\n },\n\n component: {\n select: {\n padding: 'var(--component-select-padding)',\n height: 'var(--component-select-height)',\n borderRadius: 'var(--component-select-border-radius)',\n\n background: 'var(--component-select-background)',\n borderColor: 'var(--component-select-border-color)',\n borderColorSelect: 'var(--component-select-border-color-select)',\n color: 'var(--component-select-color)',\n\n backgroundChecked: 'var(--component-select-background-checked)',\n borderColorChecked: 'var(--component-select-border-color-checked)',\n\n backgroundInput: 'var(--component-select-background-input)',\n borderColorInput: 'var(--component-select-border-color-input)',\n colorInput: 'var(--component-select-color-input)',\n\n backgroundOption: 'var(--component-select-background-option)',\n },\n tooltip: {\n padding: 'var(--component-tooltip-padding)',\n height: 'var(--component-tooltip-height)',\n },\n popover: {\n padding: 'var(--component-popover-padding)',\n borderRadius: 'var(--component-popover-border-radius)',\n maxWidth: 'var(--component-popover-max-width)',\n maxHeight: 'var(--component-popover-max-height)',\n\n background: 'var(--component-popover-background)',\n borderColor: 'var(--component-popover-border-color)',\n color: 'var(--component-popover-color)',\n boxShadow: 'var(--component-popover-box-shadow)',\n },\n error: {\n padding: 'var(--component-error-padding)',\n color: 'var(--component-error-color)',\n },\n checkbox: {\n height: 'var(--component-checkbox-height)',\n padding: 'var(--component-checkbox-padding)',\n radius: 'var(--component-checkbox-radius)',\n gap: 'var(--component-checkbox-gap)',\n\n background: 'var(--component-checkbox-background)',\n border: 'var(--component-checkbox-border)',\n color: 'var(--component-checkbox-color)',\n },\n toggle: {\n height: 'var(--component-toggle-height)',\n width: 'var(--component-toggle-width)',\n padding: 'var(--component-toggle-padding)',\n backgroundActive: 'var(--component-toggle-active-background)',\n borderActive: 'var(--component-toggle-active-border)',\n backgroundUnActive: 'var(--component-toggle-un-active-background)',\n borderUnActive: 'var(--component-toggle-un-active-border)',\n centerHeight: 'var(--component-toggle-center-height)',\n centerWidth: 'var(--component-toggle-center-width)',\n centerBackgroundActive: 'var(--component-toggle-center-active-background)',\n centerBorderActive: 'var(--component-toggle-center-active-border)',\n centerBackgroundUnActive: 'var(--component-toggle-center-un-active-background)',\n centerBorderUnActive: 'var(--component-toggle-center-un-active-border)',\n centerBoxShadowActive: 'var(--component-toggle-center-active-box-shadow)',\n centerBoxShadowUnActive: 'var(--component-toggle-center-un-active-box-shadow)',\n centerX: 'var(--component-toggle-center-x)',\n },\n button: {\n height: 'var(--component-button-height)',\n padding: 'var(--component-button-padding)',\n radius: 'var(--component-button-radius)',\n gap: 'var(--component-button-gap)',\n background: 'var(--component-button-background)',\n border: 'var(--component-button-border)',\n color: 'var(--component-button-color)',\n iconGroupOrder: 'var(--component-button-icon-group-order)',\n },\n icon: {\n order: 'var(--component-icon-order)',\n color: 'var(--component-icon-color)',\n heightIcon: 'var(--component-icon-height-icon)',\n turn: 'var(--component-icon-turn)',\n skeletonHeightIcon: 'var(--component-icon-skeleton-height-icon)',\n skeletonOrder: 'var(--component-icon-skeleton-order)',\n },\n typography: {\n letterSpacing: 'var(--component-typography-letter-spacing)',\n flex: 'var(--component-typography-flex)',\n cursor: 'var(--component-typography-cursor)',\n overflow: 'var(--component-typography-overflow)',\n line: {\n single: 'var(--component-typography-line-single)',\n multiline: 'var(--component-typography-line-multiline)',\n },\n family: 'var(--component-typography-family)',\n weight: 'var(--component-typography-weight)',\n height: 'var(--component-typography-height)',\n color: 'var(--component-typography-color)',\n align: 'var(--component-typography-align)',\n wrap: 'var(--component-typography-wrap)',\n decoration: 'var(--component-typography-decoration)',\n transform: 'var(--component-typography-transform)',\n size: 'var(--component-typography-size)',\n variant: 'var(--component-typography-variant)',\n variantHeight: 'var(--component-typography-variant-height)',\n },\n separator: {\n width: 'var(--component-separator-width)',\n height: 'var(--component-separator-height)',\n maxWidth: 'var(--component-separator-max-width)',\n maxHeight: 'var(--component-separator-max-height)',\n background: 'var(--component-separator-background)',\n radius: 'var(--component-separator-radius)',\n },\n input: {\n boxShadow: 'var(--component-input-box-shadow)',\n background: 'var(--component-input-background)',\n borderColor: 'var(--component-input-border-color)',\n color: 'var(--component-input-color)',\n placeholderColor: 'var(--component-input-placeholder-color)',\n\n height: 'var(--component-input-height)',\n padding: 'var(--component-input-padding)',\n radius: 'var(--component-input-radius)',\n\n prefixWidth: 'var(--component-input-prefix-width)',\n prefixRight: 'var(--component-input-prefix-right)',\n prefixLeft: 'var(--component-input-prefix-left)',\n\n postfixWidth: 'var(--component-input-postfix-width)',\n postfixRight: 'var(--component-input-postfix-right)',\n postfixLeft: 'var(--component-input-postfix-left)',\n },\n textarea: {\n boxShadow: 'var(--component-textarea-box-shadow)',\n background: 'var(--component-textarea-background)',\n borderColor: 'var(--component-textarea-border-color)',\n color: 'var(--component-textarea-color)',\n placeholderColor: 'var(--component-textarea-placeholder-color)',\n padding: 'var(--component-textarea-padding)',\n radius: 'var(--component-textarea-radius)',\n },\n datePicker: {\n rows: 'var(--component-date-picker-rows)',\n row: 'var(--component-date-picker-row)',\n column: 'var(--component-date-picker-column)',\n\n padding: 'var(--component-date-picker-padding)',\n\n dayRadius: 'var(--component-date-picker-day-radius)',\n\n dayBackgroundRest: 'var(--component-date-picker-day-background-rest)',\n dayBackgroundHover: 'var(--component-date-picker-day-background-hover)',\n dayBackgroundWeekend: 'var(--component-date-picker-day-background-weekend)',\n dayBackgroundToday: 'var(--component-date-picker-day-background-today)',\n dayBackgroundChoice: 'var(--component-date-picker-day-background-choice)',\n\n dayBorderRest: 'var(--component-date-picker-day-border-rest)',\n dayBorderWeekend: 'var(--component-date-picker-day-border-weekend)',\n dayBorderToday: 'var(--component-date-picker-day-border-today)',\n dayBorderChoice: 'var(--component-date-picker-day-border-choice)',\n dayBorderHover: 'var(--component-date-picker-day-border-hover)',\n\n dayColorRest: 'var(--component-date-picker-day-color-rest)',\n dayColorHover: 'var(--component-date-picker-day-color-hover)',\n dayColorWeekend: 'var(--component-date-picker-day-color-weekend)',\n dayColorToday: 'var(--component-date-picker-day-color-today)',\n dayColorChoice: 'var(--component-date-picker-day-color-choice)',\n\n inputBackground: 'var(--component-date-picker-input-background)',\n inputBackgroundHover: 'var(--component-date-picker-input-background-hover)',\n inputSegmentBackgroundActive: 'var(--component-date-picker-input-segment-background-active)',\n\n inputBorderColor: 'var(--component-date-picker-input-border-color)',\n inputBorderColorHover: 'var(--component-date-picker-input-border-color-hover)',\n\n inputColor: 'var(--component-date-picker-input-color)',\n inputColorHover: 'var(--component-date-picker-input-color-hover)',\n\n inputPadding: 'var(--component-date-picker-input-padding)',\n inputHeight: 'var(--component-date-picker-input-height)',\n inputRadius: 'var(--component-date-picker-input-radius)',\n\n inputValueColor: 'var(--component-date-picker-input-value-color)',\n inputPlaceholderColor: 'var(--component-date-picker-input-placeholder-color)',\n\n buttonToggleRight: 'var(--component-date-picker-button-toggle-right)',\n buttonClearRight: 'var(--component-date-picker-button-clear-right)',\n },\n },\n\n area: {\n skeleton: {\n color: 'var(--area-skeleton-color)',\n line: 'var(--area-skeleton-line)',\n },\n },\n\n genre: {\n popover: {\n primary: {\n background: CSS_VARS_PALETTE.fillDark,\n color: CSS_VARS_PALETTE.textPrimaryLight,\n border: CSS_VARS_PALETTE.transparent,\n boxShadow: CSS_VARS_PALETTE.shadowPrimaryDark,\n },\n secondary: {\n background: CSS_VARS_PALETTE.fillLight,\n color: CSS_VARS_PALETTE.textPrimaryDark,\n border: CSS_VARS_PALETTE.transparent,\n boxShadow: CSS_VARS_PALETTE.shadowPrimaryLight,\n },\n },\n checkbox: {\n green: {\n background: {\n index: CSS_VARS_PALETTE.accentGreenLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n red: {\n background: {\n index: CSS_VARS_PALETTE.accentRedLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n yellow: {\n background: {\n index: CSS_VARS_PALETTE.accentYellowLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n blue: {\n background: {\n index: CSS_VARS_PALETTE.accentBlueLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n primary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryDark,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n },\n secondary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n },\n product: {\n background: {\n index: CSS_VARS_PALETTE.productPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n },\n button: {\n green: {\n background: {\n index: CSS_VARS_PALETTE.accentGreenLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n red: {\n background: {\n index: CSS_VARS_PALETTE.accentRedLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n yellow: {\n background: {\n index: CSS_VARS_PALETTE.accentYellowLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n blue: {\n background: {\n index: CSS_VARS_PALETTE.accentBlueLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n primary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryDark,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n },\n secondary: {\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n },\n product: {\n background: {\n index: CSS_VARS_PALETTE.productPrimaryLight,\n },\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n },\n },\n },\n toggle: {\n primary: {\n active: {\n border: CSS_VARS_PALETTE.transparent,\n track: CSS_VARS_PALETTE.productPrimaryLight,\n thumb: CSS_VARS_PALETTE.fillPrimaryDark,\n thumbBoxShadow: CSS_VARS_PALETTE.shadowPrimaryLight,\n },\n unActive: {\n border: CSS_VARS_PALETTE.transparent,\n track: CSS_VARS_PALETTE.fillPrimaryLight,\n thumb: CSS_VARS_PALETTE.fillPrimaryDark,\n thumbBoxShadow: CSS_VARS_PALETTE.shadowPrimaryLight,\n },\n },\n },\n input: {\n primary: {\n color: CSS_VARS_PALETTE.textPrimaryLight,\n background: CSS_VARS_PALETTE.fillPrimaryDark,\n backgroundOption: CSS_VARS_PALETTE.fillDark,\n border: CSS_VARS_PALETTE.textPrimaryLight,\n placeholder: CSS_VARS_PALETTE.textSecondaryLight,\n },\n secondary: {\n color: CSS_VARS_PALETTE.textPrimaryDark,\n background: CSS_VARS_PALETTE.fillPrimaryLight,\n backgroundOption: CSS_VARS_PALETTE.fillLight,\n border: CSS_VARS_PALETTE.textPrimaryDark,\n placeholder: CSS_VARS_PALETTE.textSecondaryDark,\n },\n },\n select: {\n primary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n },\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryDark,\n select: CSS_VARS_PALETTE.productQuaternaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n select: CSS_VARS_PALETTE.productPrimaryLight,\n },\n placeholder: {\n index: CSS_VARS_PALETTE.textSecondaryLight,\n },\n },\n secondary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n },\n background: {\n index: CSS_VARS_PALETTE.fillPrimaryLight,\n select: CSS_VARS_PALETTE.productQuaternaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n select: CSS_VARS_PALETTE.productPrimaryLight,\n },\n placeholder: {\n index: CSS_VARS_PALETTE.textSecondaryDark,\n },\n },\n },\n textarea: {\n primary: {\n color: CSS_VARS_PALETTE.textPrimaryLight,\n background: CSS_VARS_PALETTE.fillPrimaryDark,\n border: CSS_VARS_PALETTE.textPrimaryLight,\n placeholder: CSS_VARS_PALETTE.textSecondaryLight,\n },\n secondary: {\n color: CSS_VARS_PALETTE.textPrimaryDark,\n background: CSS_VARS_PALETTE.fillPrimaryLight,\n border: CSS_VARS_PALETTE.textPrimaryDark,\n placeholder: CSS_VARS_PALETTE.textSecondaryDark,\n },\n },\n datepicker: {\n primary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryLight,\n hover: CSS_VARS_PALETTE.textPrimaryLight,\n weekend: CSS_VARS_PALETTE.textPrimaryLight,\n today: CSS_VARS_PALETTE.textPrimaryLight,\n choice: CSS_VARS_PALETTE.textPrimaryDark,\n },\n background: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.fillQuaternaryLight,\n weekend: CSS_VARS_PALETTE.fillQuaternaryLight,\n today: CSS_VARS_PALETTE.transparent,\n choice: CSS_VARS_PALETTE.productPrimaryLight,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.transparent,\n weekend: CSS_VARS_PALETTE.transparent,\n today: CSS_VARS_PALETTE.textPrimaryLight,\n choice: CSS_VARS_PALETTE.productPrimaryLight,\n },\n },\n secondary: {\n color: {\n index: CSS_VARS_PALETTE.textPrimaryDark,\n hover: CSS_VARS_PALETTE.textPrimaryDark,\n weekend: CSS_VARS_PALETTE.textPrimaryDark,\n today: CSS_VARS_PALETTE.textPrimaryDark,\n choice: CSS_VARS_PALETTE.textPrimaryLight,\n },\n background: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.fillQuaternaryDark,\n weekend: CSS_VARS_PALETTE.fillQuaternaryDark,\n today: CSS_VARS_PALETTE.transparent,\n choice: CSS_VARS_PALETTE.productPrimaryDark,\n },\n border: {\n index: CSS_VARS_PALETTE.transparent,\n hover: CSS_VARS_PALETTE.transparent,\n weekend: CSS_VARS_PALETTE.transparent,\n today: CSS_VARS_PALETTE.textPrimaryDark,\n choice: CSS_VARS_PALETTE.productPrimaryDark,\n },\n },\n },\n },\n} as const;\n\nexport const CSS_CLASS = {\n /\n Убирает скроллбар (Firefox + Webkit + IE)\n * Контент остаётся скроллируемым.\n /\n removeScrollbar: 'u-remove-scrollbar',\n\n /\n Полностью убирает outline.\n * Использовать аккуратно — может повлиять на accessibility.\n /\n removeOutline: 'u-remove-outline',\n\n /\n Включает табличные цифры (одинаковая ширина.\n * Полезно для счётчиков, цен, таймеров.\n /\n tabularNumbers: 'u-tabular-numbers',\n\n /\n Добавляет контейнер для ripple-эффекта.\n * Требует position: relative + overflow: hidden.\n /\n isRipple: 'u-is-ripple',\n\n transition: {\n default: 'u-transition--default',\n fontSize: 'u-transition--font-size',\n icon: 'u-transition--icon',\n color: 'u-transition--color',\n grid: 'u-transition--grid',\n withoutSize: 'u-transition--without-size',\n all: 'u-transition--all',\n },\n\n control: {\n default: 'u-control--default',\n boxShadow: 'u-control--boxShadow',\n boxShadowSelect: 'u-control--boxShadow-select',\n boxShadowOnlyHover: 'u-control--boxShadow-only-hover',\n onlyActive: 'u-control--only-active',\n none: 'u-control--none',\n },\n\n scrollbarGutter: {\n stable: 'u-scrollbar-gutter--stable',\n stableBoth: 'u-scrollbar-gutter--stable-both',\n },\n /\n Состояние disabled.\n * Делает элемент полупрозрачным.\n /\n isDisabled: 'u-is-disabled',\n\n /\n Состояние hover.\n * Добавляет transition background + outline.\n /\n isHover: 'u-is-hover',\n\n isError: 'u-is-error',\n\n shadow: {\n primary: 'u-shadow--primary',\n secondary: 'u-shadow--secondary',\n quaternary: 'u-shadow--quaternary',\n },\n\n keyframe: {\n shadowPulse: 'keyframe--shadow-pulse',\n backgroundMove: 'keyframe--background-move',\n },\n\n area: {\n preview: {\n root: 'area-preview__loader',\n containerIcon: 'area-preview__loader__container-icon',\n containerChildren: 'area-preview__loader__container-children',\n children: 'area-preview__children',\n },\n scroll: {\n root: 'area-scroll',\n horizontal: 'area-scroll--horizontal',\n vertical: 'area-scroll--vertical',\n isAlwaysHorizontal: 'area-scroll--is-always-horizontal',\n isAlwaysVertical: 'area-scroll--is-always-vertical',\n },\n skeleton: {\n root: 'area-skeleton',\n visibleFalse: 'area-skeleton--visible-false',\n },\n },\n\n context: {\n app: {\n wrapper: 'context-app__wrapper',\n outlet: 'context-app__outlet',\n outletChildren: 'context-app__outlet-children',\n outletNotification: 'context-app__outlet-notification',\n outletHeader: 'context-app__outlet-header',\n outletFooter: 'context-app__outlet-footer',\n outletNav: 'context-app__outlet-nav',\n outletLeftAside: 'context-app__outlet-left-aside',\n outletRightAside: 'context-app__outlet-right-aside',\n },\n dialog: {\n layout: 'context-dialog__layout',\n element: 'context-dialog__element',\n },\n sonner: {\n layout: 'context-sonner__layout',\n layoutBottomCenter: 'context-sonner__layout--bottom-center',\n layoutBottomLeft: 'context-sonner__layout--bottom-left',\n layoutBottomRight: 'context-sonner__layout--bottom-right',\n layoutTopRight: 'context-sonner__layout--top-right',\n layoutTopLeft: 'context-sonner__layout--top-left',\n layoutTopCenter: 'context-sonner__layout--top-center',\n elementWrapper: 'context-sonner__element-wrapper',\n content: 'context-sonner__content',\n icon: 'context-sonner__icon',\n contentTitle: 'context-sonner__content-title',\n contentDescription: 'context-sonner__content-description',\n buttonWrapper: 'context-sonner__button-wrapper',\n },\n },\n\n component: {\n select: {\n wrapper: 'component-select__wrapper',\n isCenter: 'component-select--is-center',\n isShowScroll: 'component-select--is-show-scroll',\n isWrapSelectOption: 'component-select--is-wrap-select-option',\n isClearWhenClickSelectListOption: 'component-select--is-clear-when-click-select-list-option',\n isOnlyColorInSelectListOption: 'component-select--is-only-color-in-select-list-option',\n dropdownList: 'component-select__dropdown__list',\n dropdownListWrapper: 'component-select__dropdown__list__wrapper',\n dropdownListOption: 'component-select__dropdown__list__option',\n dropdownListOptionIsChecked: 'component-select__dropdown__list__option--is-checked',\n dropdownListOptionIsBorder: 'component-select__dropdown__list__option--is-border',\n dropdownListOptionIsDisabled: 'component-select__dropdown__list__option--is-disabled',\n dropdownListOptionIcon: 'component-select__dropdown__list__option__icon',\n list: 'component-select__list',\n listButton: 'component-select__list__button',\n listOption: 'component-select__list__option',\n listOptionIsChecked: 'component-select__list__option--is-checked',\n textarea: 'component-select__textarea',\n },\n tooltip: {\n root: 'component-tooltip',\n wrapper: 'component-tooltip__wrapper',\n },\n popover: {\n root: 'component-popover',\n boxShadow: 'component-popover--box-shadow',\n },\n textarea: {\n root: 'component-textarea',\n wrapper: 'component-textarea__wrapper',\n wrapperIsZeroRadius: 'component-textarea__wrapper--is-zero-radius',\n wrapperIsHidden: 'component-textarea__wrapper--is-hidden',\n wrapperIsHiddenBorder: 'component-textarea__wrapper--is-hidden-border',\n wrapperIsFullRadius: 'component-textarea__wrapper--is-full-radius',\n wrapperIsNotResize: 'component-textarea__wrapper--is-not-resize',\n },\n input: {\n wrapper: 'component-input__wrapper',\n wrapperIsWidthAsHeight: 'component-input__wrapper--is-width-as-height',\n wrapperIsZeroRadius: 'component-input__wrapper--is-zero-radius',\n wrapperIsHidden: 'component-input__wrapper--is-hidden',\n wrapperIsHiddenBorder: 'component-input__wrapper--is-hidden-border',\n wrapperIsFullRadius: 'component-input__wrapper--is-full-radius',\n wrapperIsMinWidthAsContent: 'component-input__wrapper--is-min-width-as-content',\n wrapperIsCenter: 'component-input__wrapper--is-center',\n\n root: 'component-input',\n hasPrefix: 'component-input--has-prefix',\n hasPostfix: 'component-input--has-postfix',\n prefix: 'component-input__prefix',\n postfix: 'component-input__postfix',\n },\n separator: {\n root: 'component-separator',\n },\n error: {\n root: 'component-error',\n sizeDefault: 'component-error--size-default',\n sizeAbsolute: 'component-error--size-absolute',\n },\n typography: {\n root: 'component-typography',\n lineSingle: 'component-typography--line-single',\n lineMulti: 'component-typography--line-multi',\n isBold: 'component-typography--is-bold',\n variantCallout: 'component-typography--variant-callout',\n shadowShadowPulse: 'component-typography--shadow-shadowPulse',\n isHoverUnderlining: 'component-typography--is-hover-underlining',\n isNoUserSelect: 'component-typography--is-no-user-select',\n size: 'component-typography--size',\n variant: 'component-typography--variant',\n },\n button: {\n root: 'component-button',\n isHidden: 'component-button--is-hidden',\n isHiddenBorder: 'component-button--is-hidden-border',\n isFullRadius: 'component-button--is-full-radius',\n isFullSize: 'component-button--is-full-size',\n isWidthAsHeight: 'component-button--is-width-as-height',\n isMinWidthAsContent: 'component-button--is-min-width-as-content',\n isZeroPadding: 'component-button--is-zero-padding',\n isSizeFitContent: 'component-button--is-size-fit-content',\n iconGroup: 'component-button__icons',\n iconGroupIsIconGroup: 'component-button__icons--is-icon-group',\n isZeroRadius: 'component-button--is-zero-radius',\n },\n icon: {\n root: 'component-icon',\n skeleton: 'component-icon__skeleton',\n },\n stack: {\n root: 'component-stack',\n },\n checkbox: {\n root: 'component-checkbox',\n isHidden: 'component-checkbox--is-hidden',\n isHiddenBorder: 'component-checkbox--is-hidden-border',\n isFullRadius: 'component-checkbox--is-full-radius',\n isFullSize: 'component-checkbox--is-full-size',\n isWidthAsHeight: 'component-checkbox--is-width-as-height',\n isMinWidthAsContent: 'component-checkbox--is-min-width-as-content',\n isZeroRadius: 'component-checkbox--is-zero-radius',\n isOnlyIcon: 'component-checkbox--is-only-icon',\n },\n toggle: {\n root: 'component-toggle',\n active: 'component-toggle--active',\n unActive: 'component-toggle--un-active',\n isHidden: 'component-toggle--is-hidden',\n isHiddenBorder: 'component-toggle--is-hidden-border',\n isZeroRadius: 'component-toggle--is-zero-radius',\n center: 'component-toggle__center',\n centerActive: 'component-toggle__center--active',\n centerUnActive: 'component-toggle__center--un-active',\n },\n datePicker: {\n wrapper: 'component-date-picker__wrapper',\n wrapperIsMinWidth: 'component-date-picker__wrapper--is-min-width',\n dropdownList: 'component-date-picker__dropdown__list',\n dropdownListDays: 'component-date-picker__dropdown-list__days',\n day: 'component-date-picker__dropdown-list__day',\n dayIsChoice: 'component-date-picker__dropdown-list__day--is-choice',\n dayIsNotCurrentMonth: 'component-date-picker__dropdown-list__day--is-not-current-month',\n dayIsToday: 'component-date-picker__dropdown-list__day--is-today',\n dayIsWeekend: 'component-date-picker__dropdown-list__day--is-weekend',\n dayIsHidden: 'component-date-picker__dropdown-list__day--is-hidden',\n dayOfWeek: 'component-date-picker__dropdown-list__day-of-week',\n inputWrapper: 'component-date-picker__input-wrapper',\n inputSegment: 'component-date-picker__input-segment',\n inputSegmentHasValue: 'component-date-picker__input-segment--has-value',\n inputSegmentIsActive: 'component-date-picker__input-segment--is-active',\n listButton: 'component-date-picker__list__button',\n },\n },\n} as const;\n\ntype DeepRemoveVar<T> = {\n [K in keyof T]: T[K] extends string ? string : T[K] extends object ? DeepRemoveVar<T[K]> : T[K];\n};\n\nfunction removeVarWrapper<T extends Record<string, any>>(obj: T): DeepRemoveVar<T> {\n const result: any = Array.isArray(obj) ? [] : {};\n\n for (const key in obj) {\n const value = obj[key];\n\n if (typeof value === 'string') {\n result[key] = value.replace(/^var\$(.)\$$/, '$1');\n } else if (value && typeof value === 'object') {\n result[key] = removeVarWrapper(value);\n } else {\n result[key] = value;\n }\n }\n\n return result;\n}\n\nexport const CSS_VARS_RAW = removeVarWrapper(CSS_VARS);\n","import { CSSProperties } from 'react';\n\nimport { CSS_CLASS, CSS_VARS } from './constants';\n\ntype ITypographyDefault = {\n align?: CSSProperties['textAlign'];\n\n color?: IThemePalette;\n\n cursor?: CSSProperties['cursor'];\n\n decoration?: CSSProperties['textDecoration'];\n\n family?: IThemeTypographyFontFamily;\n\n transition?: IThemeTransition;\n\n isBold?: boolean;\n\n flex?: string;\n\n height?: number \| string;\n\n isHoverUnderlining?: boolean;\n\n letterSpacing?: CSSProperties['letterSpacing'];\n\n line?: number;\n\n overflow?: CSSProperties['overflow'];\n\n shadow?: 'shadowPulse';\n\n transform?: CSSProperties['textTransform'];\n\n weight?: IThemeTypographyWeight;\n\n wrap?: CSSProperties['textWrap'];\n\n isNoUserSelect?: boolean;\n};\n\ntype ITypographySize = ITypographyDefault & {\n size?: number \| string;\n};\n\ntype ITypographyVariant = ITypographyDefault & {\n variant: IThemeTypographyHeading;\n};\n\nexport type ITypography = ITypographySize \| ITypographyVariant;\nexport type IContainer = CSSProperties;\n\nexport type ILayoutValue<A> = {\n default?: A;\n breakpoints?: Record<IThemeBreakpoint, A>;\n orientations?: Record<IThemeOrientation, A>;\n};\n\nexport type ILayoutResponsive<A> = ILayoutValue<A>;\n\nexport type ISx = {\n sx?: CSSProperties \| undefined;\n};\n\nexport type IThemeTypographyHeading = keyof typeof CSS_VARS.font.sizeHeading;\nexport type IThemeTypographyWeight = '100' \| '300' \| '400' \| '500' \| '700' \| '900';\nexport type IThemeTypographyFontFamily = 'Inter' \| 'Roboto' \| 'Work Sans' \| 'Roboto Mono' \| 'Manrope';\nexport type IThemeSize = 'large' \| 'largeMedium' \| 'medium' \| 'mediumSmall' \| 'small';\n\nexport type IThemeGlobal = typeof CSS_VARS;\n\nexport type IThemeBreakpoint = 'tablet' \| 'mobile';\nexport type IThemeOrientation = 'landscape' \| 'portrait';\n\nexport type IThemePalette = keyof typeof CSS_VARS.palette;\n\nexport type IThemeShadow = keyof typeof CSS_CLASS.shadow;\n\nexport type IThemeGenreButton = keyof typeof CSS_VARS.genre.button;\nexport type IThemeGenreSonner = keyof typeof CSS_VARS.genre.button;\nexport type IThemeGenreCheckbox = keyof typeof CSS_VARS.genre.checkbox;\nexport type IThemeGenreToggle = keyof typeof CSS_VARS.genre.toggle;\nexport type IThemeGenreInput = keyof typeof CSS_VARS.genre.input;\nexport type IThemeGenreDatePicker = keyof typeof CSS_VARS.genre.select;\nexport type IThemeGenreTextArea = keyof typeof CSS_VARS.genre.textarea;\nexport type IThemeGenrePopover = keyof typeof CSS_VARS.genre.popover;\nexport type IThemeGenreSelect = keyof typeof CSS_VARS.genre.select;\n\nexport type IThemeControl = keyof typeof CSS_CLASS.control;\nexport type IThemeScrollbarGutter = keyof typeof CSS_CLASS.scrollbarGutter;\n\nexport type IThemeTransition = keyof typeof CSS_CLASS.transition;\n\nexport const EXTRA_VALUE = {\n font: {\n height: 16,\n size: 1.2,\n },\n sizeToController: {\n large: 'controller-large',\n largeMedium: 'controller-large-medium',\n medium: 'controller-medium',\n mediumSmall: 'controller-medium-small',\n small: 'controller-small',\n } as Record<IThemeSize, IThemeTypographyHeading>,\n};\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -34,7 +34,7 @@
     "storybook": "npm run gen:exports && storybook dev -p 3030"
   },
   "type": "module",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@jenesei-software/jenesei-library-log": "^2.0.0",

package/build/build-info.txt DELETED Viewed

@@ -1,3 +0,0 @@
-version: 2.2.1
-commit: 4644d32
-date: 2026-05-11T08:56:52Z

package/build/context-dialog-B3khh4eN.cjs DELETED Viewed

@@ -1,3 +0,0 @@
-const j=require("./chunk-Dd8m0Ver.cjs"),v=require("./utils-DCIq-5FL.cjs"),O=require("./functions-CZrZU5U0.cjs"),R=require("./proxy-BDese6Pb.cjs"),L=require("./AnimatePresence-DeKd4Eek.cjs"),y=require("./outside-CXyCk8h1.cjs"),S=require("./hooks-use-deep-compare-memoize.cjs.js"),A=require("./dist-SXTf0-_7.cjs"),b=require("./v4-BDi_Luux.cjs");let g=require("react/jsx-runtime"),t=require("react");var q="fillDarkStable",I=v.CSS_CLASS.context.dialog,T=()=>I.layout,h=e=>({backgroundColor:v.CSS_VARS.palette.fillSecondaryLightStable,zIndex:e.zIndex}),k=e=>({maxWidth:e.propsDialog?.maxWidth||"max-content",maxHeight:e.propsDialog?.maxHeight||"max-content",borderRadius:e.propsDialog?.borderRadius||"12px",background:e.propsDialog?.background?v.CSS_VARS.palette[e.propsDialog.background]:v.CSS_VARS.palette[q],padding:e.propsDialog?.padding||"20px"}),f=A.createContext(null),M=e=>{const[i,a]=(0,t.useState)([]),l=T(),d=(0,t.useCallback)(n=>{a(r=>{const u=r.find(o=>o.id===n);if(u===void 0)return r;const x=u.index;return x===void 0?r:r.filter(o=>o.id!==n).map(o=>{const D=o.index;return D===void 0?o:{...o,index:D>x?D-1:o.index}})})},[]),c=(0,t.useCallback)(n=>{a(r=>r.map(u=>u.id===n.id?{...u,...n}:u))},[]),s=(0,t.useCallback)(n=>{const r=n.id;a(u=>{const x=u.findIndex(D=>D.id===r);let o;if(x!==-1)o=[...u],o[x]={...n,id:r,index:u[x].index};else{o=u.map(p=>{const E=p.index;return E===void 0?p:{...p,index:E+1}});const D={...n,id:r,index:0};o.unshift(D)}return o})},[]),m=(0,t.useMemo)(()=>i.length,[i.length]),_=(0,t.useMemo)(()=>e.zIndex,[e.zIndex]);return(0,t.useEffect)(()=>()=>{a([])},[]),(0,g.jsxs)(f.Provider,{value:{add:s,remove:d,update:c,dialogHistory:i},children:[(0,g.jsx)(L.AnimatePresence,{children:m&&(0,g.jsx)(R.motion.div,{className:l,style:h({zIndex:_}),initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:.4},children:i.map(n=>(0,g.jsx)(N,{index:n.index,props:n.props,id:n.id,onRemove:n.onRemove},n.id))})}),e.children]})},P=e=>{const[i,a]=(0,t.useState)(!0),l=(0,t.useMemo)(()=>({...k({propsDialog:e.props?.propsDialog}),zIndex:-(e.index??0)}),[e.props?.propsDialog,e.index]),d=(0,t.useMemo)(()=>e.props?.propsDialog?.isRemoveOnOutsideClick??!0,[e.props?.propsDialog?.isRemoveOnOutsideClick]),c=(0,t.useCallback)(()=>{e.props?.onRemove?.(),e.onRemove?.()},[e.onRemove,e.props?.onRemove]),s=(0,t.useMemo)(()=>e.props?.content?.({remove:c,isAnimating:i,propsCustom:e.props.propsCustom}),[e.props?.content,i,e?.props?.propsCustom,c]);return e.index!==void 0&&(0,g.jsx)(y.Outside,{onOutsideClick:()=>d&&c?.(),children:(0,g.jsx)(R.motion.dialog,{className:O.setClasses([I.element]),initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},onAnimationComplete:()=>a(!1),transition:{type:"spring",duration:.3,delay:.4},style:l,children:s},e.id)})},N=(0,t.memo)(P),C=e=>{const i=A.useContextSelector(f,a=>a?e.reduce((l,d)=>(l[d]=a[d],l),{}):null);if(!i)throw new Error("useDialogs must be used within an DialogContext");return i},U=e=>{const{add:i,remove:a,update:l}=C(["add","remove","update"]),[d,c]=(0,t.useState)(null),s=(0,t.useRef)(null),m=S.useDeepCompareMemoize(e),_=(0,t.useCallback)(()=>{s.current&&(c(null),a(s.current),s.current=null)},[a]),n=(0,t.useCallback)(()=>{if(s.current)return;const r=b.v4();c(r),s.current=r,i({id:r,props:m,onRemove:()=>{_(),m?.onRemove?.()}})},[i,m,_]);return(0,t.useEffect)(()=>{s.current&&l({id:s.current,props:m})},[m,l]),{add:n,remove:_,id:d}};Object.defineProperty(exports,"ProviderDialog",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"useDialog",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"useDialogs",{enumerable:!0,get:function(){return C}});
-//# sourceMappingURL=context-dialog-B3khh4eN.cjs.map

package/build/context-dialog-B3khh4eN.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"context-dialog-B3khh4eN.cjs","names":[],"sources":["../src/contexts/context-dialog/context.constants.ts","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.hooks.ts"],"sourcesContent":["import { IThemePalette } from '@local/styles/utils';\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePalette = 'fillDarkStable';\n","import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\n\nimport { CSSProperties } from 'react';\n\nimport {\n DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n} from './context.constants';\nimport { IDialogElementStyle, IDialogLayoutStyle } from './context.types';\n\nexport const DialogClass = CSS_CLASS.context.dialog;\n\nexport const getDialogLayoutClassName = () => DialogClass.layout;\n\nexport const getDialogLayoutStyle = (props: IDialogLayoutStyle): CSSProperties => ({\n backgroundColor: CSS_VARS.palette.fillSecondaryLightStable,\n zIndex: props.zIndex,\n});\n\nexport const getDialogElementStyle = (props: IDialogElementStyle): CSSProperties => ({\n maxWidth: props.propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n maxHeight: props.propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n borderRadius: props.propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n background: props.propsDialog?.background\n ? CSS_VARS.palette[props.propsDialog.background]\n : CSS_VARS.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND],\n padding: props.propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n});\n","import { Outside } from '@local/areas/outside';\nimport { setClasses } from '@local/styles/utils/functions';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { FC, memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\n\nimport { DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT, DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT } from './context.constants';\nimport { DialogClass, getDialogElementStyle, getDialogLayoutClassName, getDialogLayoutStyle } from './context.styles';\nimport { IDialogContent, IDialogContext, IDialogElement, IDialogProvider } from './context.types';\n\nexport const DialogContext = createContext<IDialogContext | null>(null);\n\nexport const ProviderDialog: FC<IDialogProvider> = (props) => {\n const [dialogHistory, setDialogHistory] = useState<IDialogContent[]>([]);\n const classNameDialogLayout = getDialogLayoutClassName();\n\n const remove: IDialogContext['remove'] = useCallback((id) => {\n setDialogHistory((prev) => {\n const itemToRemove = prev.find((item) => item.id === id);\n\n if (itemToRemove === undefined) return prev;\n\n const indexToRemove = itemToRemove.index;\n\n if (indexToRemove === undefined) return prev;\n\n const updatedHistory = prev\n .filter((item) => item.id !== id)\n .map((item) => {\n const index = item.index;\n if (index === undefined) return item;\n\n return {\n ...item,\n index: index > indexToRemove ? index - 1 : item.index,\n };\n });\n\n return updatedHistory;\n });\n }, []);\n\n const update: IDialogContext['update'] = useCallback((dialog) => {\n setDialogHistory((prev) => {\n return prev.map((item) => {\n if (item.id === dialog.id) {\n return { ...item, ...dialog };\n }\n return item;\n });\n });\n }, []);\n\n const add: IDialogContext['add'] = useCallback((dialog) => {\n const id = dialog.id;\n\n setDialogHistory((prev) => {\n const existingIndex = prev.findIndex((item) => item.id === id);\n\n let updatedHistory: IDialogContent[];\n\n if (existingIndex !== -1) {\n updatedHistory = [...prev];\n updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n } else {\n updatedHistory = prev.map((item) => {\n const index = item.index;\n if (index === undefined) return item;\n\n return {\n ...item,\n index: index + 1,\n };\n });\n const newContent = { ...dialog, id, index: 0 };\n updatedHistory.unshift(newContent);\n }\n\n return updatedHistory;\n });\n }, []);\n\n const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length]);\n const zIndex = useMemo(() => props.zIndex, [props.zIndex]);\n\n useEffect(() => {\n return () => {\n setDialogHistory([]);\n };\n }, []);\n return (\n <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n <AnimatePresence>\n {dialogHistoryLength && (\n <motion.div\n className={classNameDialogLayout}\n style={getDialogLayoutStyle({ zIndex })}\n initial={{\n opacity: 0,\n }}\n exit={{\n opacity: 0,\n }}\n animate={{\n opacity: 1,\n }}\n transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n >\n {dialogHistory.map((dialog) => {\n return (\n <MemoizedDialogElement\n key={dialog.id}\n index={dialog.index}\n props={dialog.props}\n id={dialog.id}\n onRemove={dialog.onRemove}\n />\n );\n })}\n </motion.div>\n )}\n </AnimatePresence>\n\n {props.children}\n </DialogContext.Provider>\n );\n};\n\nconst DialogElement = (props: IDialogElement<Record<string, unknown>>) => {\n const [isAnimating, setIsAnimating] = useState(true);\n const styleDialogElement = useMemo(() => {\n return {\n ...getDialogElementStyle({\n propsDialog: props.props?.propsDialog,\n }),\n zIndex: -(props.index ?? 0),\n };\n }, [props.props?.propsDialog, props.index]);\n\n const isRemoveOnOutsideClick = useMemo(\n () => props.props?.propsDialog?.isRemoveOnOutsideClick ?? true,\n [props.props?.propsDialog?.isRemoveOnOutsideClick],\n );\n const onRemove = useCallback(() => {\n props.props?.onRemove?.();\n props.onRemove?.();\n }, [props.onRemove, props.props?.onRemove]);\n\n const children = useMemo(\n () => props.props?.content?.({ remove: onRemove, isAnimating: isAnimating, propsCustom: props.props.propsCustom }),\n [props.props?.content, isAnimating, props?.props?.propsCustom, onRemove],\n );\n return (\n props.index !== undefined && (\n <Outside onOutsideClick={() => isRemoveOnOutsideClick && onRemove?.()}>\n <motion.dialog\n key={props.id}\n className={setClasses([DialogClass.element])}\n initial={{\n opacity: 0,\n scale: 0.8,\n }}\n animate={{\n opacity: 1,\n scale: 1,\n }}\n onAnimationComplete={() => setIsAnimating(false)}\n transition={{\n type: 'spring',\n duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n }}\n style={styleDialogElement}\n >\n {children}\n </motion.dialog>\n </Outside>\n )\n );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useContextSelector } from 'use-context-selector';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { DialogContext } from './context';\nimport { IDialogContext, IDialogItem, IUseDialog, IUseDialogDependencies } from './context.types';\n\nexport const useDialogs = (props: IUseDialogDependencies): IDialogContext => {\n const context = useContextSelector(DialogContext, (v) => {\n return v\n ? props.reduce((acc, prop) => {\n acc[prop] = v[prop];\n return acc;\n }, {} as any)\n : null;\n });\n if (!context) {\n throw new Error('useDialogs must be used within an DialogContext');\n }\n return context;\n};\n\nexport const useDialog = <T extends object = Record<string, unknown>>(props?: IUseDialog<T>): IDialogItem => {\n const { add, remove, update } = useDialogs(['add', 'remove', 'update']);\n const [id, setId] = useState<string | null>(null);\n const refId = useRef<string | null>(null);\n const propsMemo = useDeepCompareMemoize(props);\n\n const localRemove = useCallback(() => {\n if (refId.current) {\n setId(null);\n remove(refId.current);\n refId.current = null;\n }\n }, [remove]);\n\n const localAdd: IDialogItem['add'] = useCallback(() => {\n if (refId.current) return;\n const dialogId = uuidv4();\n setId(dialogId);\n refId.current = dialogId;\n add({\n id: dialogId,\n props: propsMemo as IUseDialog<Record<string, unknown>>,\n onRemove: () => {\n localRemove();\n propsMemo?.onRemove?.();\n },\n });\n }, [add, propsMemo, localRemove]);\n\n useEffect(() => {\n if (refId.current) {\n update({ id: refId.current, props: propsMemo as IUseDialog<Record<string, unknown>> });\n }\n }, [propsMemo, update]);\n\n return { add: localAdd, remove: localRemove, id: id };\n};\n"],"mappings":"6YAQA,IAAa,EAA4D,iBCK5D,EAAc,EAAA,UAAU,QAAQ,OAEhC,EAAA,IAAiC,EAAY,OAE7C,EAAwB,IAA8C,CACjF,gBAAiB,EAAA,SAAS,QAAQ,yBAClC,OAAQ,EAAM,SAGH,EAAyB,IAA+C,CACnF,SAAU,EAAM,aAAa,UAAA,cAC7B,UAAW,EAAM,aAAa,WAAA,cAC9B,aAAc,EAAM,aAAa,cAAA,OACjC,WAAY,EAAM,aAAa,WAC3B,EAAA,SAAS,QAAQ,EAAM,YAAY,UAAA,EACnC,EAAA,SAAS,QAAQ,CAAA,EACrB,QAAS,EAAM,aAAa,SAAA,SClBjB,EAAgB,EAAA,cAAqC,IAAA,EAErD,EAAuC,GAAU,CAC5D,KAAM,CAAC,EAAe,CAAA,KAAA,EAAA,UAA+C,CAAA,CAAE,EACjE,EAAwB,EAAA,EAExB,KAAA,EAAA,aAAgD,GAAO,CAC3D,EAAkB,GAAS,CACzB,MAAM,EAAe,EAAK,KAAM,GAAS,EAAK,KAAO,CAAA,EAErD,GAAI,IAAiB,OAAW,OAAO,EAEvC,MAAM,EAAgB,EAAa,MAEnC,OAAI,IAAkB,OAAkB,EAEjB,EACpB,OAAQ,GAAS,EAAK,KAAO,CAAA,EAC7B,IAAK,GAAS,CACb,MAAM,EAAQ,EAAK,MACnB,OAAI,IAAU,OAAkB,EAEzB,CACL,GAAG,EACH,MAAO,EAAQ,EAAgB,EAAQ,EAAI,EAAK,YAMvD,CAAA,CAAE,EAEC,KAAA,EAAA,aAAgD,GAAW,CAC/D,EAAkB,GACT,EAAK,IAAK,GACX,EAAK,KAAO,EAAO,GACd,CAAE,GAAG,EAAM,GAAG,GAEhB,KAGV,CAAA,CAAE,EAEC,KAAA,EAAA,aAA0C,GAAW,CACzD,MAAM,EAAK,EAAO,GAElB,EAAkB,GAAS,CACzB,MAAM,EAAgB,EAAK,UAAW,GAAS,EAAK,KAAO,CAAA,EAE3D,IAAI,EAEJ,GAAI,IAAkB,GACpB,EAAiB,CAAC,GAAG,CAAA,EACrB,EAAe,CAAA,EAAiB,CAAE,GAAG,EAAQ,GAAA,EAAI,MAAO,EAAK,CAAA,EAAe,WACvE,CACL,EAAiB,EAAK,IAAK,GAAS,CAClC,MAAM,EAAQ,EAAK,MACnB,OAAI,IAAU,OAAkB,EAEzB,CACL,GAAG,EACH,MAAO,EAAQ,KAGnB,MAAM,EAAa,CAAE,GAAG,EAAQ,GAAA,EAAI,MAAO,GAC3C,EAAe,QAAQ,CAAA,EAGzB,OAAO,KAER,CAAA,CAAE,EAEC,KAAA,EAAA,SAAA,IAAoC,EAAc,OAAQ,CAAC,EAAc,MAAA,CAAO,EAChF,KAAA,EAAA,SAAA,IAAuB,EAAM,OAAQ,CAAC,EAAM,MAAA,CAAO,EAEzD,SAAA,EAAA,WAAA,IACE,IAAa,CACX,EAAiB,CAAA,CAAE,GAEpB,CAAA,CAAE,KAEH,EAAA,MAAC,EAAc,SAAf,CAAwB,MAAO,CAAE,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,cAAA,YAAtD,IACE,EAAA,KAAC,EAAA,gBAAD,CAAA,SACG,MACC,EAAA,KAAC,EAAA,OAAO,IAAR,CACE,UAAW,EACX,MAAO,EAAqB,CAAE,OAAA,CAAA,CAAQ,EACtC,QAAS,CACP,QAAS,CAAA,EAEX,KAAM,CACJ,QAAS,CAAA,EAEX,QAAS,CACP,QAAS,CAAA,EAEX,WAAY,CAAE,KAAM,SAAU,SAAA,aAE7B,EAAc,IAAK,MAEhB,EAAA,KAAC,EAAD,CAEE,MAAO,EAAO,MACd,MAAO,EAAO,MACd,GAAI,EAAO,GACX,SAAU,EAAO,UAJZ,EAAO,EAAA,GAQP,CAAA,CAEC,EAEjB,EAAM,QAAA,KAKP,EAAiB,GAAmD,CACxE,KAAM,CAAC,EAAa,CAAA,KAAA,EAAA,UAA2B,EAAA,EACzC,KAAA,EAAA,SAAA,KACG,CACL,GAAG,EAAsB,CACvB,YAAa,EAAM,OAAO,WAAA,CAC3B,EACD,OAAQ,EAAE,EAAM,OAAS,KAE1B,CAAC,EAAM,OAAO,YAAa,EAAM,KAAA,CAAM,EAEpC,KAAA,EAAA,SAAA,IACE,EAAM,OAAO,aAAa,wBAA0B,GAC1D,CAAC,EAAM,OAAO,aAAa,sBAAA,CAAuB,EAE9C,KAAA,EAAA,aAAA,IAA6B,CACjC,EAAM,OAAO,WAAA,EACb,EAAM,WAAA,GACL,CAAC,EAAM,SAAU,EAAM,OAAO,QAAA,CAAS,EAEpC,KAAA,EAAA,SAAA,IACE,EAAM,OAAO,UAAU,CAAE,OAAQ,EAAuB,YAAA,EAAa,YAAa,EAAM,MAAM,YAAa,EACjH,CAAC,EAAM,OAAO,QAAS,EAAa,GAAO,OAAO,YAAa,EAAS,EAE1E,OACE,EAAM,QAAU,WACd,EAAA,KAAC,EAAA,QAAD,CAAS,eAAA,IAAsB,GAA0B,IAAA,cACvD,EAAA,KAAC,EAAA,OAAO,OAAR,CAEE,UAAW,EAAA,WAAW,CAAC,EAAY,OAAA,CAAQ,EAC3C,QAAS,CACP,QAAS,EACT,MAAO,IAET,QAAS,CACP,QAAS,EACT,MAAO,GAET,oBAAA,IAA2B,EAAe,EAAA,EAC1C,WAAY,CACV,KAAM,SACN,SAAA,GACA,MAAA,IAEF,MAAO,EAEN,SAAA,GAlBI,EAAM,EAAA,EAoBL,GAIV,KAAA,EAAA,MAA6B,CAAA,EC5KtB,EAAc,GAAkD,CAC3E,MAAM,EAAU,EAAA,mBAAmB,EAAgB,GAC1C,EACH,EAAM,OAAA,CAAQ,EAAK,KACjB,EAAI,CAAA,EAAQ,EAAE,CAAA,EACP,GACN,CAAA,CAAE,EACL,MAEN,GAAI,CAAC,EACH,MAAM,IAAI,MAAM,iDAAA,EAElB,OAAO,GAGI,EAAyD,GAAuC,CAC3G,KAAM,CAAE,IAAA,EAAK,OAAA,EAAQ,OAAA,CAAA,EAAW,EAAW,CAAC,MAAO,SAAU,SAAS,EAChE,CAAC,EAAI,CAAA,KAAA,EAAA,UAAiC,IAAA,EACtC,KAAA,EAAA,QAA8B,IAAA,EAC9B,EAAY,EAAA,sBAAsB,CAAA,EAElC,KAAA,EAAA,aAAA,IAAgC,CAChC,EAAM,UACR,EAAM,IAAA,EACN,EAAO,EAAM,OAAA,EACb,EAAM,QAAU,OAEjB,CAAC,CAAA,CAAO,EAEL,KAAA,EAAA,aAAA,IAAiD,CACrD,GAAI,EAAM,QAAS,OACnB,MAAM,EAAW,EAAA,GAAA,EACjB,EAAM,CAAA,EACN,EAAM,QAAU,EAChB,EAAI,CACF,GAAI,EACJ,MAAO,EACP,SAAA,IAAgB,CACd,EAAA,EACA,GAAW,WAAA,GAEd,GACA,CAAC,EAAK,EAAW,EAAY,EAEhC,SAAA,EAAA,WAAA,IAAgB,CACV,EAAM,SACR,EAAO,CAAE,GAAI,EAAM,QAAS,MAAO,EAAkD,GAEtF,CAAC,EAAW,CAAA,CAAO,EAEf,CAAE,IAAK,EAAU,OAAQ,EAAiB,GAAA"}

package/build/context-dialog-CeqpejDW.js DELETED Viewed

@@ -1,176 +0,0 @@
-import { n as C, r as R } from "./utils-BRgi6734.js";
-import { t as y } from "./functions-DzX-pTN8.js";
-import { t as f } from "./proxy-BFHkqO7P.js";
-import { t as T } from "./AnimatePresence-BWc2vFe-.js";
-import { t as h } from "./outside-DopxX0PZ.js";
-import { useDeepCompareMemoize as S } from "./hooks-use-deep-compare-memoize.es.js";
-import { n as N, t as M } from "./dist-ck-7oUux.js";
-import { t as U } from "./v4-CYaPyb-W.js";
-import { jsx as g, jsxs as P } from "react/jsx-runtime";
-import { memo as b, useCallback as x, useEffect as A, useMemo as v, useRef as k, useState as _ } from "react";
-var G = "fillDarkStable", L = C.context.dialog, H = () => L.layout, z = (e) => ({
-  backgroundColor: R.palette.fillSecondaryLightStable,
-  zIndex: e.zIndex
-}), V = (e) => ({
-  maxWidth: e.propsDialog?.maxWidth || "max-content",
-  maxHeight: e.propsDialog?.maxHeight || "max-content",
-  borderRadius: e.propsDialog?.borderRadius || "12px",
-  background: e.propsDialog?.background ? R.palette[e.propsDialog.background] : R.palette[G],
-  padding: e.propsDialog?.padding || "20px"
-}), O = M(null), ee = (e) => {
-  const [i, r] = _([]), d = H(), l = x((t) => {
-    r((o) => {
-      const s = o.find((n) => n.id === t);
-      if (s === void 0) return o;
-      const D = s.index;
-      return D === void 0 ? o : o.filter((n) => n.id !== t).map((n) => {
-        const c = n.index;
-        return c === void 0 ? n : {
-          ...n,
-          index: c > D ? c - 1 : n.index
-        };
-      });
-    });
-  }, []), u = x((t) => {
-    r((o) => o.map((s) => s.id === t.id ? {
-      ...s,
-      ...t
-    } : s));
-  }, []), a = x((t) => {
-    const o = t.id;
-    r((s) => {
-      const D = s.findIndex((c) => c.id === o);
-      let n;
-      if (D !== -1)
-        n = [...s], n[D] = {
-          ...t,
-          id: o,
-          index: s[D].index
-        };
-      else {
-        n = s.map((E) => {
-          const I = E.index;
-          return I === void 0 ? E : {
-            ...E,
-            index: I + 1
-          };
-        });
-        const c = {
-          ...t,
-          id: o,
-          index: 0
-        };
-        n.unshift(c);
-      }
-      return n;
-    });
-  }, []), m = v(() => i.length, [i.length]), p = v(() => e.zIndex, [e.zIndex]);
-  return A(() => () => {
-    r([]);
-  }, []), /* @__PURE__ */ P(O.Provider, {
-    value: {
-      add: a,
-      remove: l,
-      update: u,
-      dialogHistory: i
-    },
-    children: [/* @__PURE__ */ g(T, { children: m && /* @__PURE__ */ g(f.div, {
-      className: d,
-      style: z({ zIndex: p }),
-      initial: { opacity: 0 },
-      exit: { opacity: 0 },
-      animate: { opacity: 1 },
-      transition: {
-        type: "spring",
-        duration: 0.4
-      },
-      children: i.map((t) => /* @__PURE__ */ g(w, {
-        index: t.index,
-        props: t.props,
-        id: t.id,
-        onRemove: t.onRemove
-      }, t.id))
-    }) }), e.children]
-  });
-}, F = (e) => {
-  const [i, r] = _(!0), d = v(() => ({
-    ...V({ propsDialog: e.props?.propsDialog }),
-    zIndex: -(e.index ?? 0)
-  }), [e.props?.propsDialog, e.index]), l = v(() => e.props?.propsDialog?.isRemoveOnOutsideClick ?? !0, [e.props?.propsDialog?.isRemoveOnOutsideClick]), u = x(() => {
-    e.props?.onRemove?.(), e.onRemove?.();
-  }, [e.onRemove, e.props?.onRemove]), a = v(() => e.props?.content?.({
-    remove: u,
-    isAnimating: i,
-    propsCustom: e.props.propsCustom
-  }), [
-    e.props?.content,
-    i,
-    e?.props?.propsCustom,
-    u
-  ]);
-  return e.index !== void 0 && /* @__PURE__ */ g(h, {
-    onOutsideClick: () => l && u?.(),
-    children: /* @__PURE__ */ g(f.dialog, {
-      className: y([L.element]),
-      initial: {
-        opacity: 0,
-        scale: 0.8
-      },
-      animate: {
-        opacity: 1,
-        scale: 1
-      },
-      onAnimationComplete: () => r(!1),
-      transition: {
-        type: "spring",
-        duration: 0.3,
-        delay: 0.4
-      },
-      style: d,
-      children: a
-    }, e.id)
-  });
-}, w = b(F), W = (e) => {
-  const i = N(O, (r) => r ? e.reduce((d, l) => (d[l] = r[l], d), {}) : null);
-  if (!i) throw new Error("useDialogs must be used within an DialogContext");
-  return i;
-}, te = (e) => {
-  const { add: i, remove: r, update: d } = W([
-    "add",
-    "remove",
-    "update"
-  ]), [l, u] = _(null), a = k(null), m = S(e), p = x(() => {
-    a.current && (u(null), r(a.current), a.current = null);
-  }, [r]), t = x(() => {
-    if (a.current) return;
-    const o = U();
-    u(o), a.current = o, i({
-      id: o,
-      props: m,
-      onRemove: () => {
-        p(), m?.onRemove?.();
-      }
-    });
-  }, [
-    i,
-    m,
-    p
-  ]);
-  return A(() => {
-    a.current && d({
-      id: a.current,
-      props: m
-    });
-  }, [m, d]), {
-    add: t,
-    remove: p,
-    id: l
-  };
-};
-export {
-  W as n,
-  ee as r,
-  te as t
-};
-//# sourceMappingURL=context-dialog-CeqpejDW.js.map

package/build/context-dialog-CeqpejDW.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"context-dialog-CeqpejDW.js","names":[],"sources":["../src/contexts/context-dialog/context.constants.ts","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.hooks.ts"],"sourcesContent":["import { IThemePalette } from '@local/styles/utils';\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePalette = 'fillDarkStable';\n","import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\n\nimport { CSSProperties } from 'react';\n\nimport {\n DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n} from './context.constants';\nimport { IDialogElementStyle, IDialogLayoutStyle } from './context.types';\n\nexport const DialogClass = CSS_CLASS.context.dialog;\n\nexport const getDialogLayoutClassName = () => DialogClass.layout;\n\nexport const getDialogLayoutStyle = (props: IDialogLayoutStyle): CSSProperties => ({\n backgroundColor: CSS_VARS.palette.fillSecondaryLightStable,\n zIndex: props.zIndex,\n});\n\nexport const getDialogElementStyle = (props: IDialogElementStyle): CSSProperties => ({\n maxWidth: props.propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n maxHeight: props.propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n borderRadius: props.propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n background: props.propsDialog?.background\n ? CSS_VARS.palette[props.propsDialog.background]\n : CSS_VARS.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND],\n padding: props.propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n});\n","import { Outside } from '@local/areas/outside';\nimport { setClasses } from '@local/styles/utils/functions';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { FC, memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\n\nimport { DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT, DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT } from './context.constants';\nimport { DialogClass, getDialogElementStyle, getDialogLayoutClassName, getDialogLayoutStyle } from './context.styles';\nimport { IDialogContent, IDialogContext, IDialogElement, IDialogProvider } from './context.types';\n\nexport const DialogContext = createContext<IDialogContext | null>(null);\n\nexport const ProviderDialog: FC<IDialogProvider> = (props) => {\n const [dialogHistory, setDialogHistory] = useState<IDialogContent[]>([]);\n const classNameDialogLayout = getDialogLayoutClassName();\n\n const remove: IDialogContext['remove'] = useCallback((id) => {\n setDialogHistory((prev) => {\n const itemToRemove = prev.find((item) => item.id === id);\n\n if (itemToRemove === undefined) return prev;\n\n const indexToRemove = itemToRemove.index;\n\n if (indexToRemove === undefined) return prev;\n\n const updatedHistory = prev\n .filter((item) => item.id !== id)\n .map((item) => {\n const index = item.index;\n if (index === undefined) return item;\n\n return {\n ...item,\n index: index > indexToRemove ? index - 1 : item.index,\n };\n });\n\n return updatedHistory;\n });\n }, []);\n\n const update: IDialogContext['update'] = useCallback((dialog) => {\n setDialogHistory((prev) => {\n return prev.map((item) => {\n if (item.id === dialog.id) {\n return { ...item, ...dialog };\n }\n return item;\n });\n });\n }, []);\n\n const add: IDialogContext['add'] = useCallback((dialog) => {\n const id = dialog.id;\n\n setDialogHistory((prev) => {\n const existingIndex = prev.findIndex((item) => item.id === id);\n\n let updatedHistory: IDialogContent[];\n\n if (existingIndex !== -1) {\n updatedHistory = [...prev];\n updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n } else {\n updatedHistory = prev.map((item) => {\n const index = item.index;\n if (index === undefined) return item;\n\n return {\n ...item,\n index: index + 1,\n };\n });\n const newContent = { ...dialog, id, index: 0 };\n updatedHistory.unshift(newContent);\n }\n\n return updatedHistory;\n });\n }, []);\n\n const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length]);\n const zIndex = useMemo(() => props.zIndex, [props.zIndex]);\n\n useEffect(() => {\n return () => {\n setDialogHistory([]);\n };\n }, []);\n return (\n <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n <AnimatePresence>\n {dialogHistoryLength && (\n <motion.div\n className={classNameDialogLayout}\n style={getDialogLayoutStyle({ zIndex })}\n initial={{\n opacity: 0,\n }}\n exit={{\n opacity: 0,\n }}\n animate={{\n opacity: 1,\n }}\n transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n >\n {dialogHistory.map((dialog) => {\n return (\n <MemoizedDialogElement\n key={dialog.id}\n index={dialog.index}\n props={dialog.props}\n id={dialog.id}\n onRemove={dialog.onRemove}\n />\n );\n })}\n </motion.div>\n )}\n </AnimatePresence>\n\n {props.children}\n </DialogContext.Provider>\n );\n};\n\nconst DialogElement = (props: IDialogElement<Record<string, unknown>>) => {\n const [isAnimating, setIsAnimating] = useState(true);\n const styleDialogElement = useMemo(() => {\n return {\n ...getDialogElementStyle({\n propsDialog: props.props?.propsDialog,\n }),\n zIndex: -(props.index ?? 0),\n };\n }, [props.props?.propsDialog, props.index]);\n\n const isRemoveOnOutsideClick = useMemo(\n () => props.props?.propsDialog?.isRemoveOnOutsideClick ?? true,\n [props.props?.propsDialog?.isRemoveOnOutsideClick],\n );\n const onRemove = useCallback(() => {\n props.props?.onRemove?.();\n props.onRemove?.();\n }, [props.onRemove, props.props?.onRemove]);\n\n const children = useMemo(\n () => props.props?.content?.({ remove: onRemove, isAnimating: isAnimating, propsCustom: props.props.propsCustom }),\n [props.props?.content, isAnimating, props?.props?.propsCustom, onRemove],\n );\n return (\n props.index !== undefined && (\n <Outside onOutsideClick={() => isRemoveOnOutsideClick && onRemove?.()}>\n <motion.dialog\n key={props.id}\n className={setClasses([DialogClass.element])}\n initial={{\n opacity: 0,\n scale: 0.8,\n }}\n animate={{\n opacity: 1,\n scale: 1,\n }}\n onAnimationComplete={() => setIsAnimating(false)}\n transition={{\n type: 'spring',\n duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n }}\n style={styleDialogElement}\n >\n {children}\n </motion.dialog>\n </Outside>\n )\n );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useContextSelector } from 'use-context-selector';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { DialogContext } from './context';\nimport { IDialogContext, IDialogItem, IUseDialog, IUseDialogDependencies } from './context.types';\n\nexport const useDialogs = (props: IUseDialogDependencies): IDialogContext => {\n const context = useContextSelector(DialogContext, (v) => {\n return v\n ? props.reduce((acc, prop) => {\n acc[prop] = v[prop];\n return acc;\n }, {} as any)\n : null;\n });\n if (!context) {\n throw new Error('useDialogs must be used within an DialogContext');\n }\n return context;\n};\n\nexport const useDialog = <T extends object = Record<string, unknown>>(props?: IUseDialog<T>): IDialogItem => {\n const { add, remove, update } = useDialogs(['add', 'remove', 'update']);\n const [id, setId] = useState<string | null>(null);\n const refId = useRef<string | null>(null);\n const propsMemo = useDeepCompareMemoize(props);\n\n const localRemove = useCallback(() => {\n if (refId.current) {\n setId(null);\n remove(refId.current);\n refId.current = null;\n }\n }, [remove]);\n\n const localAdd: IDialogItem['add'] = useCallback(() => {\n if (refId.current) return;\n const dialogId = uuidv4();\n setId(dialogId);\n refId.current = dialogId;\n add({\n id: dialogId,\n props: propsMemo as IUseDialog<Record<string, unknown>>,\n onRemove: () => {\n localRemove();\n propsMemo?.onRemove?.();\n },\n });\n }, [add, propsMemo, localRemove]);\n\n useEffect(() => {\n if (refId.current) {\n update({ id: refId.current, props: propsMemo as IUseDialog<Record<string, unknown>> });\n }\n }, [propsMemo, update]);\n\n return { add: localAdd, remove: localRemove, id: id };\n};\n"],"mappings":"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"}