@salutejs/plasma-new-hope 0.345.0-canary.2414.20568370482.0 → 0.345.0-canary.2416.20569157442.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/css/cjs/components/LinkButton/LinkButton.css +1 -1
  2. package/dist/css/cjs/components/LinkButton/variations/_disabled/base.js +1 -1
  3. package/dist/css/cjs/components/LinkButton/variations/_disabled/base.js.map +1 -1
  4. package/dist/css/cjs/components/LinkButton/variations/_disabled/{base_15bbgfd.css → base_1t2rkpo.css} +1 -1
  5. package/dist/css/cjs/components/Table/Table.css +1 -1
  6. package/dist/css/cjs/components/Table/ui/Cell/Cell.css +1 -1
  7. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  8. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  9. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  10. package/dist/css/cjs/index.css +1 -5
  11. package/dist/css/cjs/index.js +0 -6
  12. package/dist/css/cjs/index.js.map +1 -1
  13. package/dist/css/es/components/LinkButton/LinkButton.css +1 -1
  14. package/dist/css/es/components/LinkButton/variations/_disabled/base.js +1 -1
  15. package/dist/css/es/components/LinkButton/variations/_disabled/base.js.map +1 -1
  16. package/dist/css/es/components/LinkButton/variations/_disabled/{base_15bbgfd.css → base_1t2rkpo.css} +1 -1
  17. package/dist/css/es/components/Table/Table.css +1 -1
  18. package/dist/css/es/components/Table/ui/Cell/Cell.css +1 -1
  19. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  20. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  21. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  22. package/dist/css/es/index.css +1 -5
  23. package/dist/css/es/index.js +0 -2
  24. package/dist/css/es/index.js.map +1 -1
  25. package/dist/emotion/cjs/components/LinkButton/variations/_disabled/base.js +2 -1
  26. package/dist/emotion/cjs/components/_beta/index.js +0 -1
  27. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  28. package/dist/emotion/cjs/index.js +0 -1
  29. package/dist/emotion/es/components/LinkButton/variations/_disabled/base.js +2 -1
  30. package/dist/emotion/es/components/_beta/index.js +0 -1
  31. package/dist/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  32. package/dist/emotion/es/index.js +0 -1
  33. package/dist/styled-components/cjs/components/LinkButton/variations/_disabled/base.js +4 -2
  34. package/dist/styled-components/cjs/components/_beta/index.js +0 -1
  35. package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  36. package/dist/styled-components/cjs/index.js +0 -1
  37. package/dist/styled-components/es/components/LinkButton/variations/_disabled/base.js +4 -2
  38. package/dist/styled-components/es/components/_beta/index.js +0 -1
  39. package/dist/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  40. package/dist/styled-components/es/index.js +0 -1
  41. package/package.json +2 -2
  42. package/types/components/LinkButton/variations/_disabled/base.d.ts.map +1 -1
  43. package/types/components/_beta/Popover/Popover.types.d.ts +2 -1
  44. package/types/components/_beta/Popover/Popover.types.d.ts.map +1 -1
  45. package/types/components/_beta/index.d.ts +0 -1
  46. package/types/components/_beta/index.d.ts.map +1 -1
  47. package/types/index.d.ts +0 -1
  48. package/types/index.d.ts.map +1 -1
  49. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js +0 -143
  50. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.js.map +0 -1
  51. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js +0 -23
  52. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles.js.map +0 -1
  53. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.styles_12kwl84.css +0 -3
  54. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js +0 -25
  55. package/dist/css/cjs/components/_beta/Tooltip/Tooltip.tokens.js.map +0 -1
  56. package/dist/css/cjs/components/_beta/Tooltip/Tooltip_1ed9tky.css +0 -2
  57. package/dist/css/es/components/_beta/Tooltip/Tooltip.js +0 -133
  58. package/dist/css/es/components/_beta/Tooltip/Tooltip.js.map +0 -1
  59. package/dist/css/es/components/_beta/Tooltip/Tooltip.styles.js +0 -17
  60. package/dist/css/es/components/_beta/Tooltip/Tooltip.styles.js.map +0 -1
  61. package/dist/css/es/components/_beta/Tooltip/Tooltip.styles_12kwl84.css +0 -3
  62. package/dist/css/es/components/_beta/Tooltip/Tooltip.tokens.js +0 -20
  63. package/dist/css/es/components/_beta/Tooltip/Tooltip.tokens.js.map +0 -1
  64. package/dist/css/es/components/_beta/Tooltip/Tooltip_1ed9tky.css +0 -2
  65. package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.js +0 -307
  66. package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.styles.js +0 -38
  67. package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.tokens.js +0 -35
  68. package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.types.js +0 -4
  69. package/dist/emotion/cjs/components/_beta/Tooltip/index.js +0 -26
  70. package/dist/emotion/cjs/examples/components/_beta/Tooltip/Tooltip.config.js +0 -28
  71. package/dist/emotion/cjs/examples/components/_beta/Tooltip/Tooltip.js +0 -15
  72. package/dist/emotion/es/components/_beta/Tooltip/Tooltip.js +0 -243
  73. package/dist/emotion/es/components/_beta/Tooltip/Tooltip.styles.js +0 -12
  74. package/dist/emotion/es/components/_beta/Tooltip/Tooltip.tokens.js +0 -17
  75. package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js +0 -1
  76. package/dist/emotion/es/components/_beta/Tooltip/index.js +0 -2
  77. package/dist/emotion/es/examples/components/_beta/Tooltip/Tooltip.config.js +0 -18
  78. package/dist/emotion/es/examples/components/_beta/Tooltip/Tooltip.js +0 -5
  79. package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.js +0 -311
  80. package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.styles.js +0 -92
  81. package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.tokens.js +0 -35
  82. package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js +0 -4
  83. package/dist/styled-components/cjs/components/_beta/Tooltip/index.js +0 -26
  84. package/dist/styled-components/cjs/examples/components/_beta/Tooltip/Tooltip.config.js +0 -60
  85. package/dist/styled-components/cjs/examples/components/_beta/Tooltip/Tooltip.js +0 -15
  86. package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.js +0 -247
  87. package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.styles.js +0 -31
  88. package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.tokens.js +0 -17
  89. package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js +0 -1
  90. package/dist/styled-components/es/components/_beta/Tooltip/index.js +0 -2
  91. package/dist/styled-components/es/examples/components/_beta/Tooltip/Tooltip.config.js +0 -50
  92. package/dist/styled-components/es/examples/components/_beta/Tooltip/Tooltip.js +0 -5
  93. package/types/components/_beta/Tooltip/Tooltip.d.ts +0 -23
  94. package/types/components/_beta/Tooltip/Tooltip.d.ts.map +0 -1
  95. package/types/components/_beta/Tooltip/Tooltip.styles.d.ts +0 -4
  96. package/types/components/_beta/Tooltip/Tooltip.styles.d.ts.map +0 -1
  97. package/types/components/_beta/Tooltip/Tooltip.tokens.d.ts +0 -18
  98. package/types/components/_beta/Tooltip/Tooltip.tokens.d.ts.map +0 -1
  99. package/types/components/_beta/Tooltip/Tooltip.types.d.ts +0 -61
  100. package/types/components/_beta/Tooltip/Tooltip.types.d.ts.map +0 -1
  101. package/types/components/_beta/Tooltip/index.d.ts +0 -4
  102. package/types/components/_beta/Tooltip/index.d.ts.map +0 -1
  103. package/types/examples/components/_beta/Tooltip/Tooltip.config.d.ts +0 -17
  104. package/types/examples/components/_beta/Tooltip/Tooltip.config.d.ts.map +0 -1
  105. package/types/examples/components/_beta/Tooltip/Tooltip.d.ts +0 -11
  106. package/types/examples/components/_beta/Tooltip/Tooltip.d.ts.map +0 -1
@@ -1,143 +0,0 @@
1
- require('./Tooltip_1ed9tky.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var React = require('react');
8
- var cls = require('classnames');
9
- var react = require('@floating-ui/react');
10
- var Slot = require('../../_Slot/Slot.js');
11
- var Tooltip_tokens = require('./Tooltip.tokens.js');
12
- var Tooltip_styles = require('./Tooltip.styles.js');
13
-
14
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefault(React);
17
- var cls__default = /*#__PURE__*/_interopDefault(cls);
18
-
19
- var _excluded = ["children", "target", "iconSlot", "trigger", "placement", "hasTail", "offset", "delayOpen", "delayClose", "zIndex", "className", "style", "size", "view"];
20
- /* Ширина хвостика */
21
- var ARROW_WIDTH = 20;
22
- /* Высота хвостика */
23
- var ARROW_HEIGHT = 8;
24
- /* SVG хвостика */
25
- var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
26
- /* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
27
- var ARROW_PADDING = 16;
28
- var tooltipRoot = function tooltipRoot(Root) {
29
- return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
30
- var children = _ref.children,
31
- target = _ref.target,
32
- iconSlot = _ref.iconSlot,
33
- _ref$trigger = _ref.trigger,
34
- trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
35
- _ref$placement = _ref.placement,
36
- placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
37
- _ref$hasTail = _ref.hasTail,
38
- hasTail = _ref$hasTail === void 0 ? true : _ref$hasTail,
39
- _ref$offset = _ref.offset,
40
- outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
41
- _ref$delayOpen = _ref.delayOpen,
42
- delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
43
- _ref$delayClose = _ref.delayClose,
44
- delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
45
- _ref$zIndex = _ref.zIndex,
46
- zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
47
- className = _ref.className,
48
- style = _ref.style,
49
- size = _ref.size,
50
- view = _ref.view,
51
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
52
- var _useState = React.useState(false),
53
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
54
- opened = _useState2[0],
55
- setOpened = _useState2[1];
56
- var arrowRef = React.useRef(null);
57
- var handleToggle = function handleToggle(opened) {
58
- setOpened(opened);
59
- };
60
- var _useFloating = react.useFloating({
61
- whileElementsMounted: react.autoUpdate,
62
- placement: placement,
63
- open: opened,
64
- onOpenChange: handleToggle,
65
- middleware: [hasTail && react.arrow({
66
- element: arrowRef,
67
- padding: ARROW_PADDING
68
- }), react.offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset)]
69
- }),
70
- refs = _useFloating.refs,
71
- floatingStyles = _useFloating.floatingStyles,
72
- context = _useFloating.context;
73
- var click = react.useClick(context, {
74
- enabled: trigger === 'click' || matchMedia('(hover: none)').matches
75
- });
76
- var focus = react.useFocus(context, {
77
- enabled: trigger === 'focus'
78
- });
79
- var dismiss = react.useDismiss(context, {
80
- enabled: true,
81
- outsidePress: true
82
- });
83
- var role = react.useRole(context);
84
- var hover = react.useHover(context, {
85
- mouseOnly: true,
86
- enabled: trigger === 'hover',
87
- handleClose: react.safePolygon({
88
- requireIntent: false
89
- }),
90
- delay: {
91
- open: delayOpen,
92
- close: delayClose
93
- }
94
- });
95
- var _useInteractions = react.useInteractions([dismiss, role, click, hover, focus]),
96
- getReferenceProps = _useInteractions.getReferenceProps,
97
- getFloatingProps = _useInteractions.getFloatingProps;
98
- return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Slot.Slot, _rollupPluginBabelHelpers.extends({
99
- ref: refs.setReference
100
- }, getReferenceProps()), target), opened && /*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
101
- ref: refs.setFloating,
102
- size: size,
103
- view: view,
104
- style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
105
- zIndex: zIndex
106
- })
107
- }, getFloatingProps()), /*#__PURE__*/React__default.default.createElement(Tooltip_styles.Wrapper, _rollupPluginBabelHelpers.extends({
108
- ref: outerRootRef,
109
- className: cls__default.default(className, Tooltip_tokens.classes.tooltipRoot),
110
- style: style,
111
- "data-tooltip-open": opened
112
- }, rest), iconSlot && /*#__PURE__*/React__default.default.createElement(Tooltip_styles.IconWrapper, null, iconSlot), children, hasTail && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
113
- ref: arrowRef,
114
- context: context,
115
- width: ARROW_WIDTH,
116
- height: ARROW_HEIGHT,
117
- fill: "var(".concat(Tooltip_tokens.tokens.backgroundColor, ")"),
118
- d: ARROW_POLYGON
119
- })))));
120
- });
121
- };
122
- var tooltipConfig = {
123
- name: 'Tooltip',
124
- tag: 'div',
125
- layout: tooltipRoot,
126
- base: Tooltip_styles.base,
127
- variations: {
128
- view: {
129
- css: "c1ohnfqt"
130
- },
131
- size: {
132
- css: "cllin98"
133
- }
134
- },
135
- defaults: {
136
- view: 'default',
137
- size: 'm'
138
- }
139
- };
140
-
141
- exports.tooltipConfig = tooltipConfig;
142
- exports.tooltipRoot = tooltipRoot;
143
- //# sourceMappingURL=Tooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n FloatingPortal,\n autoUpdate,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { Slot } from '../../_Slot/Slot';\n\nimport { tokens, classes } from './Tooltip.tokens';\nimport { base, Wrapper, IconWrapper } from './Tooltip.styles';\nimport type { TooltipProps } from './Tooltip.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'target' | 'children' | 'iconSlot'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n children,\n target,\n iconSlot,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n offset: outerOffset = 0,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [opened, setOpened] = useState(false);\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setOpened(opened);\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: true,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.tooltipRoot)}\n style={style}\n data-tooltip-open={opened}\n {...rest}\n >\n {iconSlot && <IconWrapper>{iconSlot}</IconWrapper>}\n\n {children}\n\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n </Wrapper>\n </Root>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","tooltipRoot","Root","forwardRef","_ref","outerRootRef","children","target","iconSlot","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$offset","offset","outerOffset","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","opened","setOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","setFloating","_objectSpread","Wrapper","cls","classes","IconWrapper","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","tooltipConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
@@ -1,23 +0,0 @@
1
- require('./Tooltip.styles_12kwl84.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
-
8
- var base = "b1qesx8q";
9
- var Wrapper = /*#__PURE__*/react.styled('div')({
10
- name: "Wrapper",
11
- "class": "w60u28u",
12
- propsAsIs: false
13
- });
14
- var IconWrapper = /*#__PURE__*/react.styled('div')({
15
- name: "IconWrapper",
16
- "class": "i1yhsfxy",
17
- propsAsIs: false
18
- });
19
-
20
- exports.IconWrapper = IconWrapper;
21
- exports.Wrapper = Wrapper;
22
- exports.base = base;
23
- //# sourceMappingURL=Tooltip.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.styles.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Tooltip.tokens';\n\nexport const base = css`\n border-radius: var(${tokens.borderRadius});\n`;\n\nexport const Wrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n gap: var(${tokens.gap});\n background: var(${tokens.backgroundColor});\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n box-shadow: var(${tokens.boxShadow});\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n color: var(${tokens.color});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconWrapper = styled.div`\n flex: none;\n line-height: 0;\n`;\n"],"names":["base","Wrapper","styled","name","class","propsAsIs","IconWrapper"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAEhB,WAAA;AAEM,IAAMC,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmB5B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;"}
@@ -1,3 +0,0 @@
1
- .b1qesx8q{border-radius:var(--plasma-tooltip-border-radius);}
2
- .w60u28u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;gap:var(--plasma-tooltip-gap);background:var(--plasma-tooltip-background-color);padding:var(--plasma-tooltip-padding);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);width:100%;height:100%;box-sizing:border-box;color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-font-family);font-size:var(--plasma-tooltip-font-size);font-style:var(--plasma-tooltip-font-style);font-weight:var(--plasma-tooltip-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-letter-spacing);letter-spacing:var(--plasma-tooltip-letter-spacing);line-height:var(--plasma-tooltip-lineheight);}
3
- .i1yhsfxy{-webkit-flex:none;-ms-flex:none;flex:none;line-height:0;}
@@ -1,25 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- tooltipRoot: 'tooltip-root'
7
- };
8
- var tokens = {
9
- backgroundColor: '--plasma-tooltip-background-color',
10
- borderRadius: '--plasma-tooltip-border-radius',
11
- padding: '--plasma-tooltip-padding',
12
- boxShadow: '--plasma-tooltip-box-shadow',
13
- gap: '--plasma-tooltip-gap',
14
- color: '--plasma-tooltip-color',
15
- fontFamily: '--plasma-tooltip-font-family',
16
- fontSize: '--plasma-tooltip-font-size',
17
- fontStyle: '--plasma-tooltip-font-style',
18
- fontWeight: '--plasma-tooltip-font-weight',
19
- letterSpacing: '--plasma-tooltip-letter-spacing',
20
- lineHeight: '--plasma-tooltip-lineheight'
21
- };
22
-
23
- exports.classes = classes;
24
- exports.tokens = tokens;
25
- //# sourceMappingURL=Tooltip.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.tokens.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tokens.ts"],"sourcesContent":["export const classes = {\n tooltipRoot: 'tooltip-root',\n};\n\nexport const tokens = {\n backgroundColor: '--plasma-tooltip-background-color',\n borderRadius: '--plasma-tooltip-border-radius',\n padding: '--plasma-tooltip-padding',\n boxShadow: '--plasma-tooltip-box-shadow',\n gap: '--plasma-tooltip-gap',\n color: '--plasma-tooltip-color',\n fontFamily: '--plasma-tooltip-font-family',\n fontSize: '--plasma-tooltip-font-size',\n fontStyle: '--plasma-tooltip-font-style',\n fontWeight: '--plasma-tooltip-font-weight',\n letterSpacing: '--plasma-tooltip-letter-spacing',\n lineHeight: '--plasma-tooltip-lineheight',\n};\n"],"names":["classes","tooltipRoot","tokens","backgroundColor","borderRadius","padding","boxShadow","gap","color","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAA;AACjB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,GAAG,EAAE,sBAAsB;AAC3BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,QAAQ,EAAE,4BAA4B;AACtCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,UAAU,EAAE,6BAAA;AAChB;;;;;"}
@@ -1,133 +0,0 @@
1
- import './Tooltip_1ed9tky.css';
2
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import React__default, { forwardRef, useState, useRef } from 'react';
4
- import cls from 'classnames';
5
- import { useFloating, autoUpdate, arrow, offset, useClick, useFocus, useDismiss, useRole, useHover, safePolygon, useInteractions, FloatingPortal, FloatingArrow } from '@floating-ui/react';
6
- import { Slot } from '../../_Slot/Slot.js';
7
- import { classes, tokens } from './Tooltip.tokens.js';
8
- import { Wrapper, IconWrapper, base } from './Tooltip.styles.js';
9
-
10
- var _excluded = ["children", "target", "iconSlot", "trigger", "placement", "hasTail", "offset", "delayOpen", "delayClose", "zIndex", "className", "style", "size", "view"];
11
- /* Ширина хвостика */
12
- var ARROW_WIDTH = 20;
13
- /* Высота хвостика */
14
- var ARROW_HEIGHT = 8;
15
- /* SVG хвостика */
16
- var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
17
- /* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
18
- var ARROW_PADDING = 16;
19
- var tooltipRoot = function tooltipRoot(Root) {
20
- return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
21
- var children = _ref.children,
22
- target = _ref.target,
23
- iconSlot = _ref.iconSlot,
24
- _ref$trigger = _ref.trigger,
25
- trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
26
- _ref$placement = _ref.placement,
27
- placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
28
- _ref$hasTail = _ref.hasTail,
29
- hasTail = _ref$hasTail === void 0 ? true : _ref$hasTail,
30
- _ref$offset = _ref.offset,
31
- outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
32
- _ref$delayOpen = _ref.delayOpen,
33
- delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
34
- _ref$delayClose = _ref.delayClose,
35
- delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
36
- _ref$zIndex = _ref.zIndex,
37
- zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
38
- className = _ref.className,
39
- style = _ref.style,
40
- size = _ref.size,
41
- view = _ref.view,
42
- rest = _objectWithoutProperties(_ref, _excluded);
43
- var _useState = useState(false),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- opened = _useState2[0],
46
- setOpened = _useState2[1];
47
- var arrowRef = useRef(null);
48
- var handleToggle = function handleToggle(opened) {
49
- setOpened(opened);
50
- };
51
- var _useFloating = useFloating({
52
- whileElementsMounted: autoUpdate,
53
- placement: placement,
54
- open: opened,
55
- onOpenChange: handleToggle,
56
- middleware: [hasTail && arrow({
57
- element: arrowRef,
58
- padding: ARROW_PADDING
59
- }), offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset)]
60
- }),
61
- refs = _useFloating.refs,
62
- floatingStyles = _useFloating.floatingStyles,
63
- context = _useFloating.context;
64
- var click = useClick(context, {
65
- enabled: trigger === 'click' || matchMedia('(hover: none)').matches
66
- });
67
- var focus = useFocus(context, {
68
- enabled: trigger === 'focus'
69
- });
70
- var dismiss = useDismiss(context, {
71
- enabled: true,
72
- outsidePress: true
73
- });
74
- var role = useRole(context);
75
- var hover = useHover(context, {
76
- mouseOnly: true,
77
- enabled: trigger === 'hover',
78
- handleClose: safePolygon({
79
- requireIntent: false
80
- }),
81
- delay: {
82
- open: delayOpen,
83
- close: delayClose
84
- }
85
- });
86
- var _useInteractions = useInteractions([dismiss, role, click, hover, focus]),
87
- getReferenceProps = _useInteractions.getReferenceProps,
88
- getFloatingProps = _useInteractions.getFloatingProps;
89
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Slot, _extends({
90
- ref: refs.setReference
91
- }, getReferenceProps()), target), opened && /*#__PURE__*/React__default.createElement(FloatingPortal, null, /*#__PURE__*/React__default.createElement(Root, _extends({
92
- ref: refs.setFloating,
93
- size: size,
94
- view: view,
95
- style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
96
- zIndex: zIndex
97
- })
98
- }, getFloatingProps()), /*#__PURE__*/React__default.createElement(Wrapper, _extends({
99
- ref: outerRootRef,
100
- className: cls(className, classes.tooltipRoot),
101
- style: style,
102
- "data-tooltip-open": opened
103
- }, rest), iconSlot && /*#__PURE__*/React__default.createElement(IconWrapper, null, iconSlot), children, hasTail && /*#__PURE__*/React__default.createElement(FloatingArrow, {
104
- ref: arrowRef,
105
- context: context,
106
- width: ARROW_WIDTH,
107
- height: ARROW_HEIGHT,
108
- fill: "var(".concat(tokens.backgroundColor, ")"),
109
- d: ARROW_POLYGON
110
- })))));
111
- });
112
- };
113
- var tooltipConfig = {
114
- name: 'Tooltip',
115
- tag: 'div',
116
- layout: tooltipRoot,
117
- base: base,
118
- variations: {
119
- view: {
120
- css: "c1ohnfqt"
121
- },
122
- size: {
123
- css: "cllin98"
124
- }
125
- },
126
- defaults: {
127
- view: 'default',
128
- size: 'm'
129
- }
130
- };
131
-
132
- export { tooltipConfig, tooltipRoot };
133
- //# sourceMappingURL=Tooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n useFloating,\n useInteractions,\n useClick,\n useFocus,\n useDismiss,\n useRole,\n FloatingArrow,\n arrow,\n offset,\n useHover,\n safePolygon,\n FloatingPortal,\n autoUpdate,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { Slot } from '../../_Slot/Slot';\n\nimport { tokens, classes } from './Tooltip.tokens';\nimport { base, Wrapper, IconWrapper } from './Tooltip.styles';\nimport type { TooltipProps } from './Tooltip.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'target' | 'children' | 'iconSlot'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n children,\n target,\n iconSlot,\n trigger = 'click',\n placement = 'bottom',\n hasTail = true,\n offset: outerOffset = 0,\n delayOpen = 0,\n delayClose = 0,\n zIndex = 1000,\n className,\n style,\n size,\n view,\n ...rest\n },\n outerRootRef,\n ) => {\n const [opened, setOpened] = useState(false);\n\n const arrowRef = useRef(null);\n\n const handleToggle = (opened: boolean) => {\n setOpened(opened);\n };\n\n const { refs, floatingStyles, context } = useFloating({\n whileElementsMounted: autoUpdate,\n placement,\n open: opened,\n onOpenChange: handleToggle,\n middleware: [\n hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n ],\n });\n\n const click = useClick(context, {\n enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n });\n const focus = useFocus(context, { enabled: trigger === 'focus' });\n const dismiss = useDismiss(context, {\n enabled: true,\n outsidePress: true,\n });\n const role = useRole(context);\n const hover = useHover(context, {\n mouseOnly: true,\n enabled: trigger === 'hover',\n handleClose: safePolygon({\n requireIntent: false,\n }),\n delay: {\n open: delayOpen,\n close: delayClose,\n },\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n return (\n <>\n <Slot ref={refs.setReference} {...getReferenceProps()}>\n {target}\n </Slot>\n\n {opened && (\n <FloatingPortal>\n <Root\n ref={refs.setFloating}\n size={size}\n view={view}\n style={{ ...floatingStyles, zIndex }}\n {...getFloatingProps()}\n >\n <Wrapper\n ref={outerRootRef}\n className={cls(className, classes.tooltipRoot)}\n style={style}\n data-tooltip-open={opened}\n {...rest}\n >\n {iconSlot && <IconWrapper>{iconSlot}</IconWrapper>}\n\n {children}\n\n {hasTail && (\n <FloatingArrow\n ref={arrowRef}\n context={context}\n width={ARROW_WIDTH}\n height={ARROW_HEIGHT}\n fill={`var(${tokens.backgroundColor})`}\n d={ARROW_POLYGON}\n />\n )}\n </Wrapper>\n </Root>\n </FloatingPortal>\n )}\n </>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base,\n variations: {\n view: {\n css: css``,\n },\n size: {\n css: css``,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","tooltipRoot","Root","forwardRef","_ref","outerRootRef","children","target","iconSlot","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$offset","offset","outerOffset","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","opened","setOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","setFloating","_objectSpread","Wrapper","cls","classes","IconWrapper","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","tooltipConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}
@@ -1,17 +0,0 @@
1
- import './Tooltip.styles_12kwl84.css';
2
- import { styled } from '@linaria/react';
3
-
4
- var base = "b1qesx8q";
5
- var Wrapper = /*#__PURE__*/styled('div')({
6
- name: "Wrapper",
7
- "class": "w60u28u",
8
- propsAsIs: false
9
- });
10
- var IconWrapper = /*#__PURE__*/styled('div')({
11
- name: "IconWrapper",
12
- "class": "i1yhsfxy",
13
- propsAsIs: false
14
- });
15
-
16
- export { IconWrapper, Wrapper, base };
17
- //# sourceMappingURL=Tooltip.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.styles.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Tooltip.tokens';\n\nexport const base = css`\n border-radius: var(${tokens.borderRadius});\n`;\n\nexport const Wrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n gap: var(${tokens.gap});\n background: var(${tokens.backgroundColor});\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n box-shadow: var(${tokens.boxShadow});\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n color: var(${tokens.color});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n`;\n\nexport const IconWrapper = styled.div`\n flex: none;\n line-height: 0;\n`;\n"],"names":["base","Wrapper","styled","name","class","propsAsIs","IconWrapper"],"mappings":";;AAKO,IAAMA,IAAI,GAEhB,WAAA;AAEM,IAAMC,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmB5B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;"}
@@ -1,3 +0,0 @@
1
- .b1qesx8q{border-radius:var(--plasma-tooltip-border-radius);}
2
- .w60u28u{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;gap:var(--plasma-tooltip-gap);background:var(--plasma-tooltip-background-color);padding:var(--plasma-tooltip-padding);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);width:100%;height:100%;box-sizing:border-box;color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-font-family);font-size:var(--plasma-tooltip-font-size);font-style:var(--plasma-tooltip-font-style);font-weight:var(--plasma-tooltip-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-letter-spacing);letter-spacing:var(--plasma-tooltip-letter-spacing);line-height:var(--plasma-tooltip-lineheight);}
3
- .i1yhsfxy{-webkit-flex:none;-ms-flex:none;flex:none;line-height:0;}
@@ -1,20 +0,0 @@
1
- var classes = {
2
- tooltipRoot: 'tooltip-root'
3
- };
4
- var tokens = {
5
- backgroundColor: '--plasma-tooltip-background-color',
6
- borderRadius: '--plasma-tooltip-border-radius',
7
- padding: '--plasma-tooltip-padding',
8
- boxShadow: '--plasma-tooltip-box-shadow',
9
- gap: '--plasma-tooltip-gap',
10
- color: '--plasma-tooltip-color',
11
- fontFamily: '--plasma-tooltip-font-family',
12
- fontSize: '--plasma-tooltip-font-size',
13
- fontStyle: '--plasma-tooltip-font-style',
14
- fontWeight: '--plasma-tooltip-font-weight',
15
- letterSpacing: '--plasma-tooltip-letter-spacing',
16
- lineHeight: '--plasma-tooltip-lineheight'
17
- };
18
-
19
- export { classes, tokens };
20
- //# sourceMappingURL=Tooltip.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.tokens.js","sources":["../../../../../../src/components/_beta/Tooltip/Tooltip.tokens.ts"],"sourcesContent":["export const classes = {\n tooltipRoot: 'tooltip-root',\n};\n\nexport const tokens = {\n backgroundColor: '--plasma-tooltip-background-color',\n borderRadius: '--plasma-tooltip-border-radius',\n padding: '--plasma-tooltip-padding',\n boxShadow: '--plasma-tooltip-box-shadow',\n gap: '--plasma-tooltip-gap',\n color: '--plasma-tooltip-color',\n fontFamily: '--plasma-tooltip-font-family',\n fontSize: '--plasma-tooltip-font-size',\n fontStyle: '--plasma-tooltip-font-style',\n fontWeight: '--plasma-tooltip-font-weight',\n letterSpacing: '--plasma-tooltip-letter-spacing',\n lineHeight: '--plasma-tooltip-lineheight',\n};\n"],"names":["classes","tooltipRoot","tokens","backgroundColor","borderRadius","padding","boxShadow","gap","color","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAA;AACjB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,GAAG,EAAE,sBAAsB;AAC3BC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,QAAQ,EAAE,4BAA4B;AACtCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,UAAU,EAAE,6BAAA;AAChB;;;;"}