@a-type/ui 2.7.3 → 2.7.5
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.
- package/dist/cjs/components/actions/ActionBar.stories.js +1 -1
- package/dist/cjs/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.js +1 -1
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +2 -1
- package/dist/cjs/components/button/Button.js +3 -2
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/classes.d.ts +2 -1
- package/dist/cjs/components/button/classes.js +7 -3
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/cjs/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/cjs/components/icon/generated/iconNames.js +3 -0
- package/dist/cjs/components/icon/generated/iconNames.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/actions/ActionBar.stories.js +1 -1
- package/dist/esm/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +2 -1
- package/dist/esm/components/button/Button.js +3 -2
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/classes.d.ts +2 -1
- package/dist/esm/components/button/classes.js +7 -3
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js +1 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/esm/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/esm/components/icon/generated/iconNames.js +3 -0
- package/dist/esm/components/icon/generated/iconNames.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +2 -2
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionBar.stories.tsx +0 -1
- package/src/components/actions/ActionButton.tsx +1 -0
- package/src/components/button/Button.tsx +4 -4
- package/src/components/button/classes.tsx +8 -1
- package/src/components/icon/generated/IconSpritesheet.tsx +19 -0
- package/src/components/icon/generated/iconNames.ts +3 -0
- package/src/components/numberStepper/NumberStepper.tsx +15 -5
|
@@ -13,7 +13,7 @@ const meta = {
|
|
|
13
13
|
argTypes: {},
|
|
14
14
|
args: {
|
|
15
15
|
children: [
|
|
16
|
-
(0, jsx_runtime_1.
|
|
16
|
+
(0, jsx_runtime_1.jsx)(ActionButton_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) }, "1"),
|
|
17
17
|
(0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "pencil" }), "Edit"] }, "2"),
|
|
18
18
|
(0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { color: "accent", children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "globe" }), "Publish"] }, "3"),
|
|
19
19
|
(0, jsx_runtime_1.jsxs)(ActionButton_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "placeholder" }), "Overflow 1"] }, "3"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,
|
|
1
|
+
{"version":3,"file":"ActionBar.stories.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,6CAAuC;AACvC,iDAA2C;AAC3C,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,wBAAS;IACpB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE;YACT,uBAAC,8BAAY,cACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,IADH,GAAG,CAEN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,aADL,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,KAAK,EAAC,QAAQ,aACnC,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,gBADJ,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,eACZ,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;YACf,wBAAC,8BAAY,IAAS,OAAO,mBAC5B,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,GAAG,mBADV,GAAG,CAGN;SACf;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACgC,CAAC;AAEnC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,YAAY,GAAU;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACN,uBAAC,YAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACtC,uBAAC,wBAAS,oBAAK,IAAI,EAAI,GAClB,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -44,6 +44,6 @@ function ActionButton(_a) {
|
|
|
44
44
|
if (!render && !visible) {
|
|
45
45
|
return null;
|
|
46
46
|
}
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", className: (0, clsx_1.default)('layer-variants:border-gray-dark layer-variants:font-normal layer-variants:whitespace-nowrap layer-variants:m-2 layer-variants:flex layer-variants:flex-row layer-variants:gap-2 layer-variants:items-center layer-variants:py-0.25 layer-variants:rounded-md layer-variants:mx-1 layer-variants:min-h-7.5', className), asChild: asChild }, rest, { children: children })) }) }));
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, { open: !visible ? false : render, children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, { "data-horizontal": true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small", disableIconMode: true, className: (0, clsx_1.default)('layer-variants:border-gray-dark layer-variants:font-normal layer-variants:whitespace-nowrap layer-variants:m-2 layer-variants:flex layer-variants:flex-row layer-variants:gap-2 layer-variants:items-center layer-variants:py-0.25 layer-variants:rounded-md layer-variants:mx-1 layer-variants:min-h-7.5', className), asChild: asChild }, rest, { children: children })) }) }));
|
|
48
48
|
}
|
|
49
49
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAWb,oCA8CC;;AAvDD,gDAA8B;AAC9B,iCAA4C;AAC5C,mDAA0D;AAC1D,sDAA8E;AAM9E,SAAgB,YAAY,CAAC,EAMT;QANS,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,IAAI,EACd,OAAO,OAEY,EADhB,IAAI,cALqB,+CAM5B,CADO;IAEP,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACP,SAAS,CAAC,OAAO,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CACN,uBAAC,0BAAe,IAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,YAC/C,uBAAC,6BAAkB,uCAClB,uBAAC,kBAAM,kBACN,IAAI,EAAC,OAAO,EACZ,eAAe,QACf,SAAS,EAAE,IAAA,cAAU,EACpB,wIAAwI,EACxI,SAAS,CACT,EACD,OAAO,EAAE,OAAO,IACZ,IAAI,cAEP,QAAQ,IACD,GACW,GACJ,CAClB,CAAC;AACH,CAAC"}
|
|
@@ -12,9 +12,10 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
asChild?: boolean;
|
|
14
14
|
visuallyFocused?: boolean;
|
|
15
|
+
disableIconMode?: boolean;
|
|
15
16
|
ref?: Ref<HTMLButtonElement>;
|
|
16
17
|
}
|
|
17
|
-
export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
18
|
+
export declare function ButtonRoot({ className, color, size, toggled, toggleMode, align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
|
|
18
19
|
export declare const ButtonToggleIndicator: import("react").NamedExoticComponent<{
|
|
19
20
|
value: boolean;
|
|
20
21
|
}>;
|
|
@@ -62,7 +62,7 @@ const index_js_1 = require("../icon/index.js");
|
|
|
62
62
|
const index_js_2 = require("../spinner/index.js");
|
|
63
63
|
const classes_js_1 = require("./classes.js");
|
|
64
64
|
function ButtonRoot(_a) {
|
|
65
|
-
var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "ref"]);
|
|
65
|
+
var { className, color, size, toggled, toggleMode = 'color-and-indicator', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild, disableIconMode, ref } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild", "disableIconMode", "ref"]);
|
|
66
66
|
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
67
67
|
const isFormSubmitting = false;
|
|
68
68
|
const isSubmitLoading = props.type === 'submit' && isFormSubmitting;
|
|
@@ -74,6 +74,7 @@ function ButtonRoot(_a) {
|
|
|
74
74
|
toggleable: toggled !== undefined &&
|
|
75
75
|
(toggleMode === 'color' || toggleMode === 'color-and-indicator'),
|
|
76
76
|
align,
|
|
77
|
+
disableIconMode,
|
|
77
78
|
}), className) });
|
|
78
79
|
// set state when toggleable
|
|
79
80
|
if (toggled !== undefined) {
|
|
@@ -94,7 +95,7 @@ exports.ButtonToggleIndicator = (0, react_2.memo)(function ToggleIndicator({ val
|
|
|
94
95
|
} }));
|
|
95
96
|
});
|
|
96
97
|
// allows custom icons to trigger icon button behavior
|
|
97
|
-
exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0
|
|
98
|
+
exports.ButtonIcon = (0, hooks_js_1.withClassName)('div', 'icon flex-shrink-0 flex');
|
|
98
99
|
exports.Button = Object.assign(ButtonRoot, {
|
|
99
100
|
ToggleIndicator: exports.ButtonToggleIndicator,
|
|
100
101
|
Icon: exports.ButtonIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { type ButtonProps } from './Button.jsx';
|
|
2
|
-
export declare function getButtonClassName({ color, size: rawSize, toggleable, align, }: {
|
|
2
|
+
export declare function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }: {
|
|
3
3
|
color?: ButtonProps['color'];
|
|
4
4
|
size?: ButtonProps['size'];
|
|
5
5
|
toggleable?: boolean;
|
|
6
6
|
align?: ButtonProps['align'];
|
|
7
|
+
disableIconMode?: boolean;
|
|
7
8
|
}): string;
|
|
8
9
|
export declare const buttonColorClasses: {
|
|
9
10
|
primary: string;
|
|
@@ -13,9 +13,9 @@ const sizeMap = {
|
|
|
13
13
|
icon: 'default',
|
|
14
14
|
'icon-small': 'small',
|
|
15
15
|
};
|
|
16
|
-
function getButtonClassName({ color, size: rawSize, toggleable, align, }) {
|
|
16
|
+
function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }) {
|
|
17
17
|
const size = sizeMap[rawSize !== null && rawSize !== void 0 ? rawSize : 'default'];
|
|
18
|
-
return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
18
|
+
return (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], disableIconMode ? '' : iconModeSizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
|
|
19
19
|
// compound variants
|
|
20
20
|
color === 'ghost' &&
|
|
21
21
|
toggleable &&
|
|
@@ -34,8 +34,12 @@ const colors = {
|
|
|
34
34
|
};
|
|
35
35
|
exports.buttonColorClasses = colors;
|
|
36
36
|
const sizes = {
|
|
37
|
+
default: '',
|
|
38
|
+
small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-md',
|
|
39
|
+
};
|
|
40
|
+
const iconModeSizes = {
|
|
37
41
|
default: 'layer-variants:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-variants:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-variants:[&[data-has-icon=true][data-has-label=false]]:rounded-lg',
|
|
38
|
-
small: 'layer-variants:[&.size-small
|
|
42
|
+
small: 'layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:p-2 layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:text-xs layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:rounded-lg layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:-m-y-0.5',
|
|
39
43
|
};
|
|
40
44
|
const toggledClass = 'layer-variants:bg-transparent layer-variants:aria-pressed:bg-[var(--bg)] layer-variants:hover:(filter-brightness-[1.1])';
|
|
41
45
|
const aligns = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAUA,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":";;;;;;AAUA,gDAoCC;AA9CD,gDAAwB;AAGxB,MAAM,OAAO,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,OAAO;CACyB,CAAC;AAEhD,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EAAE,OAAO,EACb,UAAU,EACV,KAAK,EACL,eAAe,GAOf;IACA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,CAAC;IAE3C,OAAO,IAAA,cAAI,EACV,kWAAkW,EAClW,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,4FAA4F,EAC5F,iGAAiG,EACjG,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACvD,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,qMAAqM;IAC9M,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,sHAAsH;IACnI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,ySAAyS;CACnT,CAAC;AACW,QAAA,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;CACrE,CAAC;AACF,MAAM,aAAa,GAAG;IACrB,OAAO,EACN,0FAA0F;IAC3F,KAAK,EACJ,2GAA2G;CAC5G,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
|