@schemavaults/ui 0.39.0 → 0.40.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.
- package/dist/components/ui/color-swatch/color-swatch-variants.d.ts +6 -0
- package/dist/components/ui/color-swatch/color-swatch-variants.js +18 -0
- package/dist/components/ui/color-swatch/color-swatch-variants.js.map +1 -0
- package/dist/components/ui/color-swatch/color-swatch.d.ts +47 -0
- package/dist/components/ui/color-swatch/color-swatch.js +120 -0
- package/dist/components/ui/color-swatch/color-swatch.js.map +1 -0
- package/dist/components/ui/color-swatch/index.d.ts +4 -0
- package/dist/components/ui/color-swatch/index.js +3 -0
- package/dist/components/ui/color-swatch/index.js.map +1 -0
- package/dist/components/ui/index.d.ts +2 -0
- package/dist/components/ui/index.js +1 -0
- package/dist/components/ui/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const colorSwatchSizeIds: readonly ["xs", "sm", "default", "lg", "xl"];
|
|
2
|
+
export type ColorSwatchSize = (typeof colorSwatchSizeIds)[number];
|
|
3
|
+
export declare const colorSwatchShapeIds: readonly ["circle", "rounded", "square"];
|
|
4
|
+
export type ColorSwatchShape = (typeof colorSwatchShapeIds)[number];
|
|
5
|
+
export declare const colorSwatchVariantIds: readonly ["default", "outline", "ghost"];
|
|
6
|
+
export type ColorSwatchVariant = (typeof colorSwatchVariantIds)[number];
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const colorSwatchSizeIds = [
|
|
2
|
+
"xs",
|
|
3
|
+
"sm",
|
|
4
|
+
"default",
|
|
5
|
+
"lg",
|
|
6
|
+
"xl",
|
|
7
|
+
];
|
|
8
|
+
export const colorSwatchShapeIds = [
|
|
9
|
+
"circle",
|
|
10
|
+
"rounded",
|
|
11
|
+
"square",
|
|
12
|
+
];
|
|
13
|
+
export const colorSwatchVariantIds = [
|
|
14
|
+
"default",
|
|
15
|
+
"outline",
|
|
16
|
+
"ghost",
|
|
17
|
+
];
|
|
18
|
+
//# sourceMappingURL=color-swatch-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-swatch-variants.js","sourceRoot":"","sources":["../../../../src/components/ui/color-swatch/color-swatch-variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI;IACJ,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;CACgC,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,QAAQ;IACR,SAAS;IACT,QAAQ;CAC4B,CAAC;AAGvC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,SAAS;IACT,SAAS;IACT,OAAO;CAC6B,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import { type HTMLAttributes, type MouseEvent, type Ref } from "react";
|
|
3
|
+
import { colorSwatchShapeIds, colorSwatchSizeIds, colorSwatchVariantIds, type ColorSwatchShape, type ColorSwatchSize, type ColorSwatchVariant } from "./color-swatch-variants";
|
|
4
|
+
declare const colorSwatchVariants: (props?: ({
|
|
5
|
+
size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
|
|
6
|
+
shape?: "circle" | "square" | "rounded" | null | undefined;
|
|
7
|
+
variant?: "default" | "ghost" | "outline" | null | undefined;
|
|
8
|
+
interactive?: boolean | null | undefined;
|
|
9
|
+
selected?: boolean | null | undefined;
|
|
10
|
+
disabled?: boolean | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
12
|
+
export interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, Pick<VariantProps<typeof colorSwatchVariants>, "size" | "shape" | "variant"> {
|
|
13
|
+
/**
|
|
14
|
+
* The color to display. Accepts any CSS color value:
|
|
15
|
+
* - hex ("#7c3aed")
|
|
16
|
+
* - rgb / rgba / hsl / hsla
|
|
17
|
+
* - CSS variables ("hsl(var(--primary))")
|
|
18
|
+
* - named colors ("rebeccapurple")
|
|
19
|
+
*/
|
|
20
|
+
color: string;
|
|
21
|
+
/** Accessible label (e.g. "Indigo"). Strongly recommended. */
|
|
22
|
+
label?: string;
|
|
23
|
+
/** Marks the swatch as the active selection. Adds a focus ring and check icon. */
|
|
24
|
+
selected?: boolean;
|
|
25
|
+
/** Disables interaction and dims the swatch. */
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/** Click handler — when set the swatch becomes a keyboard-focusable button. */
|
|
28
|
+
onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
|
|
29
|
+
/** Hide the check icon shown when `selected` is true. */
|
|
30
|
+
hideSelectedIcon?: boolean;
|
|
31
|
+
/** Color for the check icon when selected. Defaults to a contrast-aware white/black. */
|
|
32
|
+
checkIconColor?: string;
|
|
33
|
+
/** Optional ref forwarded to the outer element. */
|
|
34
|
+
ref?: Ref<HTMLSpanElement>;
|
|
35
|
+
}
|
|
36
|
+
export declare const ColorSwatch: import("react").ForwardRefExoticComponent<Omit<ColorSwatchProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
37
|
+
export interface ColorSwatchGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
38
|
+
/** Visual gap between swatches. Maps to Tailwind's gap scale. */
|
|
39
|
+
gap?: "tight" | "default" | "loose";
|
|
40
|
+
/** Optional accessible label for the entire group (e.g. "Theme color"). */
|
|
41
|
+
label?: string;
|
|
42
|
+
/** Forwarded ref. */
|
|
43
|
+
ref?: Ref<HTMLDivElement>;
|
|
44
|
+
}
|
|
45
|
+
export declare const ColorSwatchGroup: import("react").ForwardRefExoticComponent<Omit<ColorSwatchGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
46
|
+
export { colorSwatchVariants, colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, };
|
|
47
|
+
export type { ColorSwatchSize, ColorSwatchShape, ColorSwatchVariant };
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Check } from "lucide-react";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { forwardRef, } from "react";
|
|
6
|
+
import { cn } from "../../../lib/utils";
|
|
7
|
+
import { colorSwatchShapeIds, colorSwatchSizeIds, colorSwatchVariantIds, } from "./color-swatch-variants";
|
|
8
|
+
const colorSwatchVariants = cva("relative inline-flex shrink-0 items-center justify-center align-middle transition-[transform,box-shadow,opacity] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", {
|
|
9
|
+
variants: {
|
|
10
|
+
size: {
|
|
11
|
+
xs: "size-4",
|
|
12
|
+
sm: "size-5",
|
|
13
|
+
default: "size-7",
|
|
14
|
+
lg: "size-9",
|
|
15
|
+
xl: "size-12",
|
|
16
|
+
},
|
|
17
|
+
shape: {
|
|
18
|
+
circle: "rounded-full",
|
|
19
|
+
rounded: "rounded-md",
|
|
20
|
+
square: "rounded-none",
|
|
21
|
+
},
|
|
22
|
+
variant: {
|
|
23
|
+
default: "border border-border/40 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)]",
|
|
24
|
+
outline: "border-2 border-border",
|
|
25
|
+
ghost: "border-0",
|
|
26
|
+
},
|
|
27
|
+
interactive: {
|
|
28
|
+
true: "cursor-pointer hover:scale-110 active:scale-95",
|
|
29
|
+
false: "",
|
|
30
|
+
},
|
|
31
|
+
selected: {
|
|
32
|
+
true: "ring-2 ring-ring ring-offset-2 ring-offset-background",
|
|
33
|
+
false: "",
|
|
34
|
+
},
|
|
35
|
+
disabled: {
|
|
36
|
+
true: "opacity-40 pointer-events-none",
|
|
37
|
+
false: "",
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: {
|
|
41
|
+
size: "default",
|
|
42
|
+
shape: "circle",
|
|
43
|
+
variant: "default",
|
|
44
|
+
interactive: false,
|
|
45
|
+
selected: false,
|
|
46
|
+
disabled: false,
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
const checkIconSizeClass = {
|
|
50
|
+
xs: "size-2.5",
|
|
51
|
+
sm: "size-3",
|
|
52
|
+
default: "size-4",
|
|
53
|
+
lg: "size-5",
|
|
54
|
+
xl: "size-6",
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* Heuristic — computes whether a CSS color is "light" so we can flip the
|
|
58
|
+
* contrast color of the selection check icon. Falls back to white for any
|
|
59
|
+
* non-hex value (CSS variables, names, etc).
|
|
60
|
+
*/
|
|
61
|
+
function getContrastingCheckColor(color) {
|
|
62
|
+
const trimmed = color.trim();
|
|
63
|
+
const hexMatch = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(trimmed);
|
|
64
|
+
if (!hexMatch)
|
|
65
|
+
return "#ffffff";
|
|
66
|
+
let hex = hexMatch[1];
|
|
67
|
+
if (hex.length === 3) {
|
|
68
|
+
hex = hex
|
|
69
|
+
.split("")
|
|
70
|
+
.map((c) => c + c)
|
|
71
|
+
.join("");
|
|
72
|
+
}
|
|
73
|
+
const r = parseInt(hex.slice(0, 2), 16);
|
|
74
|
+
const g = parseInt(hex.slice(2, 4), 16);
|
|
75
|
+
const b = parseInt(hex.slice(4, 6), 16);
|
|
76
|
+
// Relative luminance — sRGB approximation.
|
|
77
|
+
const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
|
|
78
|
+
return luminance > 0.6 ? "#0a0a0a" : "#ffffff";
|
|
79
|
+
}
|
|
80
|
+
function ColorSwatchImpl({ className, color, label, size, shape, variant, selected = false, disabled = false, onClick, onKeyDown, hideSelectedIcon = false, checkIconColor, style, role, tabIndex, "aria-label": ariaLabelProp, ...props }, ref) {
|
|
81
|
+
const interactive = Boolean(onClick) && !disabled;
|
|
82
|
+
const ariaLabel = ariaLabelProp ?? label ?? color;
|
|
83
|
+
const resolvedSize = size ?? "default";
|
|
84
|
+
const iconColor = checkIconColor ?? getContrastingCheckColor(color);
|
|
85
|
+
function handleKeyDown(event) {
|
|
86
|
+
onKeyDown?.(event);
|
|
87
|
+
if (!interactive || event.defaultPrevented)
|
|
88
|
+
return;
|
|
89
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
90
|
+
event.preventDefault();
|
|
91
|
+
onClick?.(event);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
const mergedStyle = {
|
|
95
|
+
backgroundColor: color,
|
|
96
|
+
...style,
|
|
97
|
+
};
|
|
98
|
+
return (_jsx("span", { ref: ref, "data-slot": "color-swatch", "data-color": color, "data-selected": selected || undefined, "data-disabled": disabled || undefined, "data-interactive": interactive || undefined, role: role ?? (interactive ? "button" : "img"), tabIndex: tabIndex ?? (interactive ? 0 : undefined), "aria-pressed": interactive ? selected : undefined, "aria-label": ariaLabel, "aria-disabled": disabled || undefined, onClick: interactive ? onClick : undefined, onKeyDown: handleKeyDown, style: mergedStyle, className: cn(colorSwatchVariants({
|
|
99
|
+
size,
|
|
100
|
+
shape,
|
|
101
|
+
variant,
|
|
102
|
+
interactive,
|
|
103
|
+
selected,
|
|
104
|
+
disabled,
|
|
105
|
+
}), className), ...props, children: selected && !hideSelectedIcon && (_jsx(Check, { "aria-hidden": "true", className: cn("drop-shadow-sm", checkIconSizeClass[resolvedSize]), style: { color: iconColor }, strokeWidth: 3 })) }));
|
|
106
|
+
}
|
|
107
|
+
export const ColorSwatch = forwardRef(ColorSwatchImpl);
|
|
108
|
+
ColorSwatch.displayName = "ColorSwatch";
|
|
109
|
+
const groupGapClass = {
|
|
110
|
+
tight: "gap-1",
|
|
111
|
+
default: "gap-2",
|
|
112
|
+
loose: "gap-3",
|
|
113
|
+
};
|
|
114
|
+
function ColorSwatchGroupImpl({ className, children, gap = "default", label, role, "aria-label": ariaLabelProp, ...props }, ref) {
|
|
115
|
+
return (_jsx("div", { ref: ref, "data-slot": "color-swatch-group", role: role ?? "group", "aria-label": ariaLabelProp ?? label, className: cn("flex flex-wrap items-center", groupGapClass[gap], className), ...props, children: children }));
|
|
116
|
+
}
|
|
117
|
+
export const ColorSwatchGroup = forwardRef(ColorSwatchGroupImpl);
|
|
118
|
+
ColorSwatchGroup.displayName = "ColorSwatchGroup";
|
|
119
|
+
export { colorSwatchVariants, colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, };
|
|
120
|
+
//# sourceMappingURL=color-swatch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color-swatch.js","sourceRoot":"","sources":["../../../../src/components/ui/color-swatch/color-swatch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { ColorSwatch, ColorSwatch as default, ColorSwatchGroup, colorSwatchVariants, } from "./color-swatch";
|
|
2
|
+
export type { ColorSwatchProps, ColorSwatchGroupProps, } from "./color-swatch";
|
|
3
|
+
export { colorSwatchSizeIds, colorSwatchShapeIds, colorSwatchVariantIds, } from "./color-swatch-variants";
|
|
4
|
+
export type { ColorSwatchSize, ColorSwatchShape, ColorSwatchVariant, } from "./color-swatch-variants";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/color-swatch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,IAAI,OAAO,EACtB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,aAAa,CAAC;AAG5B,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,cAAc,CAAC;AAG7B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC;AAGzB,cAAc,QAAQ,CAAC;AAGvB,cAAc,cAAc,CAAC;AAG7B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAG5B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC"}
|