@vellira-ui/tokens 2.95.2 → 2.97.0

package/dist/highContrast/components/formField.d.ts

@@ -1,85 +1,85 @@
 export declare const formField: {
     readonly label: {
-        readonly fg: "#FFFFFF";
+        readonly fg: string;
     };
     readonly optional: {
-        readonly fg: "#EEE8FA";
+        readonly fg: string;
     };
     readonly labelInfo: {
-        readonly fg: "#EEE8FA";
-        readonly border: "#EEE8FA";
-        readonly radius: 999;
+        readonly fg: string;
+        readonly border: string;
+        readonly radius: number;
     };
     readonly description: {
-        readonly fg: "#EEE8FA";
+        readonly fg: string;
     };
     readonly helperText: {
         readonly default: {
-            readonly fg: "#D1D5DB";
+            readonly fg: string;
         };
         readonly error: {
-            readonly fg: "#FB7185";
+            readonly fg: string;
         };
         readonly success: {
-            readonly fg: "#5EEAD4";
+            readonly fg: string;
         };
         readonly warning: {
-            readonly fg: "#FCD34D";
+            readonly fg: string;
         };
         readonly info: {
-            readonly fg: "#7DD3FC";
+            readonly fg: string;
         };
     };
     readonly requiredMark: {
-        readonly fg: "#FB7185";
+        readonly fg: string;
     };
     readonly disabled: {
-        readonly labelFg: "#6B7280";
-        readonly descriptionFg: "#6B7280";
-        readonly helperTextFg: "#6B7280";
+        readonly labelFg: string;
+        readonly descriptionFg: string;
+        readonly helperTextFg: string;
     };
     readonly size: {
         readonly sm: {
-            readonly gap: 4;
-            readonly horizontalGap: 12;
-            readonly labelFontSize: 14;
-            readonly labelLineHeight: 20;
-            readonly descriptionFontSize: 12;
-            readonly descriptionLineHeight: 16;
-            readonly helperTextFontSize: 12;
-            readonly helperTextLineHeight: 16;
-            readonly optionalFontSize: 12;
-            readonly optionalLineHeight: 16;
-            readonly labelInfoSize: 16;
-            readonly labelInfoFontSize: 12;
+            readonly gap: number;
+            readonly horizontalGap: number;
+            readonly labelFontSize: number;
+            readonly labelLineHeight: number;
+            readonly descriptionFontSize: number;
+            readonly descriptionLineHeight: number;
+            readonly helperTextFontSize: number;
+            readonly helperTextLineHeight: number;
+            readonly optionalFontSize: number;
+            readonly optionalLineHeight: number;
+            readonly labelInfoSize: number;
+            readonly labelInfoFontSize: number;
         };
         readonly md: {
-            readonly gap: 8;
-            readonly horizontalGap: 16;
-            readonly labelFontSize: 16;
-            readonly labelLineHeight: 24;
-            readonly descriptionFontSize: 14;
-            readonly descriptionLineHeight: 20;
-            readonly helperTextFontSize: 14;
-            readonly helperTextLineHeight: 20;
-            readonly optionalFontSize: 12;
-            readonly optionalLineHeight: 16;
-            readonly labelInfoSize: 16;
-            readonly labelInfoFontSize: 12;
+            readonly gap: number;
+            readonly horizontalGap: number;
+            readonly labelFontSize: number;
+            readonly labelLineHeight: number;
+            readonly descriptionFontSize: number;
+            readonly descriptionLineHeight: number;
+            readonly helperTextFontSize: number;
+            readonly helperTextLineHeight: number;
+            readonly optionalFontSize: number;
+            readonly optionalLineHeight: number;
+            readonly labelInfoSize: number;
+            readonly labelInfoFontSize: number;
         };
         readonly lg: {
-            readonly gap: 12;
-            readonly horizontalGap: 20;
-            readonly labelFontSize: 20;
-            readonly labelLineHeight: 28;
-            readonly descriptionFontSize: 16;
-            readonly descriptionLineHeight: 24;
-            readonly helperTextFontSize: 16;
-            readonly helperTextLineHeight: 24;
-            readonly optionalFontSize: 14;
-            readonly optionalLineHeight: 20;
-            readonly labelInfoSize: 20;
-            readonly labelInfoFontSize: 14;
+            readonly gap: number;
+            readonly horizontalGap: number;
+            readonly labelFontSize: number;
+            readonly labelLineHeight: number;
+            readonly descriptionFontSize: number;
+            readonly descriptionLineHeight: number;
+            readonly helperTextFontSize: number;
+            readonly helperTextLineHeight: number;
+            readonly optionalFontSize: number;
+            readonly optionalLineHeight: number;
+            readonly labelInfoSize: number;
+            readonly labelInfoFontSize: number;
         };
     };
 };

package/dist/highContrast/components/formField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/formField.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FZ,CAAC"}
+{"version":3,"file":"formField.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/formField.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMpB,CAAC"}

package/dist/highContrast/components/formField.js

@@ -1,90 +1,13 @@
+import { createFormFieldTokensFromTheme } from '../../factories/createFormFieldTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { typography } from '../../tokens/typography.js';
 import { status } from '../semantic/status.js';
 import { text } from '../semantic/text.js';
-export const formField = {
-    label: {
-        fg: text.primary,
-    },
-    optional: {
-        fg: text.secondary,
-    },
-    labelInfo: {
-        fg: text.secondary,
-        border: text.secondary,
-        radius: radius.full,
-    },
-    description: {
-        fg: text.secondary,
-    },
-    helperText: {
-        default: {
-            fg: text.muted,
-        },
-        error: {
-            fg: status.error.fg,
-        },
-        success: {
-            fg: status.success.fg,
-        },
-        warning: {
-            fg: status.warning.fg,
-        },
-        info: {
-            fg: status.info.fg,
-        },
-    },
-    requiredMark: {
-        fg: status.error.fg,
-    },
-    disabled: {
-        labelFg: text.disabled,
-        descriptionFg: text.disabled,
-        helperTextFg: text.disabled,
-    },
-    size: {
-        sm: {
-            gap: spacing[1],
-            horizontalGap: spacing[3],
-            labelFontSize: typography.size.sm,
-            labelLineHeight: typography.lineHeight.sm,
-            descriptionFontSize: typography.size.xs,
-            descriptionLineHeight: typography.lineHeight.xs,
-            helperTextFontSize: typography.size.xs,
-            helperTextLineHeight: typography.lineHeight.xs,
-            optionalFontSize: typography.size.xs,
-            optionalLineHeight: typography.lineHeight.xs,
-            labelInfoSize: spacing[4],
-            labelInfoFontSize: typography.size.xs,
-        },
-        md: {
-            gap: spacing[2],
-            horizontalGap: spacing[4],
-            labelFontSize: typography.size.md,
-            labelLineHeight: typography.lineHeight.md,
-            descriptionFontSize: typography.size.sm,
-            descriptionLineHeight: typography.lineHeight.sm,
-            helperTextFontSize: typography.size.sm,
-            helperTextLineHeight: typography.lineHeight.sm,
-            optionalFontSize: typography.size.xs,
-            optionalLineHeight: typography.lineHeight.xs,
-            labelInfoSize: spacing[4],
-            labelInfoFontSize: typography.size.xs,
-        },
-        lg: {
-            gap: spacing[3],
-            horizontalGap: spacing[5],
-            labelFontSize: typography.size.lg,
-            labelLineHeight: typography.lineHeight.lg,
-            descriptionFontSize: typography.size.md,
-            descriptionLineHeight: typography.lineHeight.md,
-            helperTextFontSize: typography.size.md,
-            helperTextLineHeight: typography.lineHeight.md,
-            optionalFontSize: typography.size.sm,
-            optionalLineHeight: typography.lineHeight.sm,
-            labelInfoSize: spacing[5],
-            labelInfoFontSize: typography.size.sm,
-        },
-    },
-};
+export const formField = createFormFieldTokensFromTheme({
+    radius,
+    spacing,
+    typography,
+    status,
+    text,
+});

package/dist/highContrast/components/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC"}

package/dist/highContrast/components/modal.js

@@ -1,4 +1,4 @@
-import { createModalTokens } from '../../factories/createModalTokens.js';
+import { createModalTokensFromSemantics } from '../../factories/createModalTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { focus } from '../semantic/focus.js';
@@ -6,26 +6,12 @@ import { overlay } from '../semantic/overlay.js';
 import { shadow } from '../semantic/shadow.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
-export const modal = createModalTokens({
-    overlayBg: overlay.backdrop,
-    contentBg: overlay.modal.bg,
-    contentFg: text.primary,
-    contentBorder: overlay.modal.border,
-    contentShadow: shadow.xl,
-    titleFg: text.primary,
-    descriptionFg: text.secondary,
-    closeButtonDefaultFg: text.secondary,
-    closeButtonHoverBg: surface.hover,
-    closeButtonHoverFg: text.primary,
-    closeButtonPressedBg: surface.pressed,
-    closeButtonPressedFg: text.primary,
-    closeButtonDisabledFg: text.disabled,
-    closeButtonFocusRing: focus.ring,
-    radiusLg: radius.lg,
-    radiusFull: radius.full,
-    spacing1: spacing[1],
-    spacing3: spacing[3],
-    spacing4: spacing[4],
-    spacing8: spacing[8],
-    spacing10: spacing[10],
+export const modal = createModalTokensFromSemantics({
+    focus,
+    overlay,
+    radius,
+    shadow,
+    spacing,
+    surface,
+    text,
 });

package/dist/highContrast/components/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/popover.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/popover.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC"}

package/dist/highContrast/components/popover.js

@@ -1,19 +1,15 @@
-import { createPopoverTokens } from '../../factories/createPopoverTokens.js';
+import { createPopoverTokensFromTheme } from '../../factories/createPopoverTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { shadows } from '../../tokens/shadows.js';
 import { spacing } from '../../tokens/spacing.js';
 import { overlay } from '../semantic/overlay.js';
 import { shadow } from '../semantic/shadow.js';
 import { text } from '../semantic/text.js';
-export const popover = createPopoverTokens({
-    contentBg: overlay.popover.bg,
-    contentFg: text.primary,
-    contentBorder: overlay.popover.border,
-    contentWebShadow: shadow.lg,
-    contentNativeShadow: shadows.lg,
-    titleFg: text.primary,
-    descriptionFg: text.secondary,
-    radiusLg: radius.lg,
-    spacing3: spacing[3],
-    spacing4: spacing[4],
+export const popover = createPopoverTokensFromTheme({
+    overlay,
+    shadow,
+    shadows,
+    text,
+    radius,
+    spacing,
 });

package/dist/highContrast/components/radioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/radioGroup.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAMrB,CAAC"}
+{"version":3,"file":"radioGroup.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/radioGroup.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAA6C,CAAC"}

package/dist/highContrast/components/radioGroup.js

@@ -1,9 +1,3 @@
-import { createRadioGroupTokens } from '../../factories/createRadioGroupTokens.js';
+import { createRadioGroupTokensFromSpacing } from '../../factories/createRadioGroupTokens.js';
 import { spacing } from '../../tokens/spacing.js';
-export const radioGroup = createRadioGroupTokens({
-    spacing1: spacing[1],
-    spacing2: spacing[2],
-    spacing3: spacing[3],
-    spacing4: spacing[4],
-    spacing5: spacing[5],
-});
+export const radioGroup = createRadioGroupTokensFromSpacing(spacing);

package/dist/highContrast/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/switch.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEA0CvB,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/switch.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAIvB,CAAC"}

package/dist/highContrast/components/switch.js

@@ -1,47 +1,9 @@
-import { createSwitchTokens } from '../../factories/createSwitchTokens.js';
+import { createSwitchTokensFromSemantics } from '../../factories/createSwitchTokens.js';
 import { control } from '../semantic/control.js';
 import { focus } from '../semantic/focus.js';
 import { status } from '../semantic/status.js';
-export const switchTokens = createSwitchTokens({
-    geometry: {
-        trackWidth: 44,
-        trackHeight: 24,
-        borderWidth: 2,
-        padding: 1,
-        thumbSize: 18,
-        thumbTravel: 20,
-        focusRingWidth: 2,
-        focusRingOffset: 2,
-        pressScale: 0.98,
-    },
-    off: {
-        trackBg: control.default.bg,
-        trackBorder: control.default.border,
-        thumbBg: control.default.fg,
-    },
-    on: {
-        default: {
-            trackBg: control.selected.default.bg,
-            trackBorder: control.selected.default.border,
-            thumbBg: control.selected.default.fg,
-        },
-        hover: {
-            trackBg: control.selected.hover.bg,
-            trackBorder: control.selected.hover.border,
-            thumbBg: control.selected.hover.fg,
-        },
-        pressed: {
-            trackBg: control.selected.active.bg,
-            trackBorder: control.selected.active.border,
-            thumbBg: control.selected.active.fg,
-        },
-    },
-    focusRing: focus.ring.color,
-    errorBorder: status.error.border,
-    errorRing: status.error.ring,
-    disabled: {
-        trackBg: control.disabled.bg,
-        trackBorder: control.disabled.border,
-        thumbBg: control.disabled.fg,
-    },
+export const switchTokens = createSwitchTokensFromSemantics({
+    control,
+    focus,
+    status,
 });

package/dist/highContrast/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/tooltip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,gEAclB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/tooltip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,gEAMlB,CAAC"}

package/dist/highContrast/components/tooltip.js

@@ -1,21 +1,13 @@
-import { createTooltipTokens } from '../../factories/createTooltipTokens.js';
+import { createTooltipTokensFromTheme } from '../../factories/createTooltipTokens.js';
 import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { typography } from '../../tokens/typography.js';
 import { overlay } from '../semantic/overlay.js';
 import { shadow } from '../semantic/shadow.js';
-export const tooltip = createTooltipTokens({
-    contentBg: overlay.tooltip.bg,
-    contentFg: overlay.tooltip.fg,
-    contentBorder: overlay.tooltip.border,
-    contentShadow: shadow.md,
-    contentRadius: radius.sm,
-    contentPaddingX: spacing[3],
-    contentPaddingY: spacing[2],
-    contentCompactPaddingX: spacing[2],
-    contentCompactPaddingY: spacing[1],
-    contentFontSize: typography.size.sm,
-    contentLineHeight: typography.lineHeight.sm,
-    contentCompactFontSize: typography.size.xs,
-    contentCompactLineHeight: typography.lineHeight.xs,
+export const tooltip = createTooltipTokensFromTheme({
+    overlay,
+    shadow,
+    radius,
+    spacing,
+    typography,
 });

package/dist/light/components/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/light/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0EAiC1B,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/light/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0EAK1B,CAAC"}

package/dist/light/components/accordion.js

@@ -1,39 +1,11 @@
-import { createAccordionTokens } from '../../factories/createAccordionTokens.js';
+import { createAccordionTokensFromSemantics } from '../../factories/createAccordionTokens.js';
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
-export const accordionTokens = createAccordionTokens({
-    root: {
-        bg: surface.default,
-        border: border.muted,
-    },
-    divider: border.muted,
-    trigger: {
-        default: {
-            bg: surface.default,
-            fg: text.primary,
-        },
-        expanded: {
-            bg: surface.subtle,
-        },
-        hover: {
-            bg: surface.hover,
-            fg: text.primary,
-        },
-        pressed: {
-            bg: surface.pressed,
-            fg: text.primary,
-        },
-        disabled: {
-            bg: surface.disabled,
-            fg: text.disabled,
-        },
-    },
-    indicator: text.secondary,
-    content: {
-        bg: surface.subtle,
-        fg: text.secondary,
-    },
-    focusRing: focus.ring.color,
+export const accordionTokens = createAccordionTokensFromSemantics({
+    border,
+    focus,
+    surface,
+    text,
 });

package/dist/light/components/contextMenu.d.ts

@@ -1,89 +1,89 @@
 export declare const contextMenu: {
     readonly content: {
-        readonly bg: "#FFFFFF";
-        readonly border: "#E4DDF4";
-        readonly shadow: "0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1)";
+        readonly bg: string;
+        readonly border: string;
+        readonly shadow: string;
     };
     readonly item: {
         readonly default: {
-            readonly bg: "transparent";
-            readonly fg: "#3D3754";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly hover: {
-            readonly bg: "#F4F1FB";
-            readonly fg: "#3D3754";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly active: {
             readonly ring: "transparent";
-            readonly bg: "#EEE8FA";
-            readonly fg: "#3D3754";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly pressed: {
-            readonly bg: "#E4DDF4";
-            readonly fg: "#3D3754";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly focus: {
             readonly ring: {
-                readonly color: "#5037C8";
-                readonly width: "2px";
-                readonly shadow: "0 0 8px rgba(99, 70, 232, 0.14)";
-                readonly offset: "#FFFFFF";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
-            readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly bg: string;
+            readonly fg: string;
         };
         readonly danger: {
             readonly default: {
-                readonly bg: "transparent";
-                readonly fg: "#BE123C";
+                readonly bg: string;
+                readonly fg: string;
             };
             readonly hover: {
-                readonly bg: "#FFE4E6";
-                readonly fg: "#BE123C";
+                readonly bg: string;
+                readonly fg: string;
             };
             readonly active: {
-                readonly bg: "#FFE4E6";
-                readonly fg: "#9F1239";
+                readonly bg: string;
+                readonly fg: string;
             };
             readonly disabled: {
-                readonly bg: "transparent";
-                readonly fg: "#958CB0";
+                readonly bg: string;
+                readonly fg: string;
             };
         };
     };
     readonly trigger: {
         readonly default: {
             readonly bg: "transparent";
-            readonly fg: "#5037C8";
+            readonly fg: string;
             readonly border: "transparent";
         };
         readonly hover: {
-            readonly bg: "#F4F1FB";
-            readonly fg: "#402C9F";
+            readonly bg: string;
+            readonly fg: string;
             readonly border: "transparent";
             readonly ring: "transparent";
         };
         readonly focus: {
             readonly bg: "transparent";
-            readonly fg: "#5037C8";
+            readonly fg: string;
             readonly border: "transparent";
             readonly ring: {
-                readonly color: "#5037C8";
-                readonly width: "2px";
-                readonly shadow: "0 0 8px rgba(99, 70, 232, 0.14)";
-                readonly offset: "#FFFFFF";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: string;
             readonly border: "transparent";
         };
     };
     readonly groupLabel: {
-        readonly fg: "#6B6386";
+        readonly fg: string;
     };
 };
 //# sourceMappingURL=contextMenu.d.ts.map

package/dist/light/components/contextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contextMenu.d.ts","sourceRoot":"","sources":["../../../src/light/components/contextMenu.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDd,CAAC"}
+{"version":3,"file":"contextMenu.d.ts","sourceRoot":"","sources":["../../../src/light/components/contextMenu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}