@ryuzaki13/react-foundation-ui 0.1.0

package/dist/flex/types.d.ts

@@ -0,0 +1,73 @@
+import { CSSProperties, JSX } from "react";
+import { ResponsiveValue } from "@ryuzaki13/react-foundation-lib/media";
+export type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type FlexJustify = "start" | "center" | "end" | "stretch" | "between" | "around" | "evenly";
+export type FlexGap = "none" | "xs" | "sm" | "md" | "lg" | "xl";
+export type FlexBasis = "0" | "auto";
+export interface FlexContainerProps {
+    /** Тип display `flex | inline-flex` */
+    inline?: ResponsiveValue<boolean>;
+    /** Направление flex-контейнера */
+    row?: ResponsiveValue<boolean>;
+    column?: ResponsiveValue<boolean>;
+    rowReverse?: ResponsiveValue<boolean>;
+    columnReverse?: ResponsiveValue<boolean>;
+    /** Перенос элементов */
+    wrap?: ResponsiveValue<boolean>;
+    nowrap?: ResponsiveValue<boolean>;
+    wrapReverse?: ResponsiveValue<boolean>;
+    /** Выравнивание по поперечной оси */
+    align?: ResponsiveValue<FlexAlign>;
+    /** Выравнивание по главной оси */
+    justify?: ResponsiveValue<FlexJustify>;
+    /** Выравнивание контента */
+    alignContent?: ResponsiveValue<FlexJustify>;
+    /** Gap */
+    gap?: ResponsiveValue<FlexGap>;
+    /** Row gap */
+    gapRow?: ResponsiveValue<Exclude<FlexGap, "none">>;
+    /** Column gap */
+    gapColumn?: ResponsiveValue<Exclude<FlexGap, "none">>;
+    /** Дочерние элементы */
+    children: React.ReactNode;
+    /** CSS класс */
+    className?: string;
+    /** HTML тег */
+    as?: keyof JSX.IntrinsicElements;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+export interface FlexItemProps {
+    /**
+     * Способность расти
+     * @default false = 0
+     */
+    grow?: ResponsiveValue<boolean>;
+    /**
+     * Способность сжиматься
+     * @default true = 1
+     */
+    shrink?: ResponsiveValue<boolean>;
+    /** Использовать составной класс flex0 */
+    flex0?: ResponsiveValue<boolean>;
+    /** Использовать составной класс flex1 */
+    flex1?: ResponsiveValue<boolean>;
+    /** Базовый размер */
+    basis?: ResponsiveValue<FlexBasis>;
+    /** Выравнивание отдельного элемента */
+    alignSelf?: ResponsiveValue<FlexAlign>;
+    /** Justify-self для grid-like выравнивания */
+    justifySelf?: ResponsiveValue<Exclude<FlexJustify, "between" | "around" | "evenly">>;
+    /** Дочерние элементы */
+    children?: React.ReactNode;
+    /** CSS класс */
+    className?: string;
+    /** HTML тег */
+    as?: keyof JSX.IntrinsicElements;
+    /** Inline styles */
+    style?: CSSProperties;
+}
+export interface PredefinedFlexProps extends Omit<FlexContainerProps, "row" | "column" | "rowReverse" | "columnReverse"> {
+    variant?: "center" | "centerBetween" | "columnCenter";
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/flex/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flex/types.ts"],"names":[],"mappings":"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"}

package/dist/flex/useFlexClasses.d.ts

@@ -0,0 +1,8 @@
+import { ResolvedProps } from "@ryuzaki13/react-foundation-lib/media";
+import type { FlexContainerProps, FlexItemProps } from "./types";
+export type ResolvedFlexContainerProps = ResolvedProps<Omit<FlexContainerProps, "children" | "className" | "as" | "style">>;
+export type ResolvedFlexItemProps = ResolvedProps<Omit<FlexItemProps, "children" | "className" | "as" | "style">>;
+export declare const useFlexContainerClasses: (props: ResolvedFlexContainerProps) => string;
+export declare const useFlexItemClasses: (props: ResolvedFlexItemProps) => string;
+export declare const useFlexPredefinedClasses: (variant: string) => "wrap" | "center" | "row" | "container" | "inline" | "column" | "nowrap" | "rowReverse" | "columnReverse" | "wrapReverse" | "centerBetween" | "columnCenter" | "grow" | "shrink" | "flex0" | "flex1" | "alignStart" | "alignCenter" | "alignEnd" | "alignStretch" | "alignBaseline" | "justifyStart" | "justifyCenter" | "justifyEnd" | "justifyStretch" | "justifyBetween" | "justifyAround" | "justifyEvenly" | "alignContentStart" | "alignContentCenter" | "alignContentEnd" | "alignContentStretch" | "alignContentBetween" | "alignContentAround" | "alignContentEvenly" | "gapNone" | "gapRowXs" | "gapRowSm" | "gapRowMd" | "gapRowLg" | "gapRowXl" | "gapColumnXs" | "gapColumnSm" | "gapColumnMd" | "gapColumnLg" | "gapColumnXl" | "gapXs" | "gapSm" | "gapMd" | "gapLg" | "gapXl" | "item" | "grow0" | "shrink0" | "basis0" | "basisAuto" | "alignSelfStart" | "alignSelfCenter" | "alignSelfEnd" | "alignSelfStretch" | "alignSelfBaseline" | "justifySelfCenter" | "justifySelfEnd" | "justifySelfStretch";
+//# sourceMappingURL=useFlexClasses.d.ts.map

package/dist/flex/useFlexClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexClasses.d.ts","sourceRoot":"","sources":["../../src/flex/useFlexClasses.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAItE,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIjE,MAAM,MAAM,0BAA0B,GAAG,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;AAC5H,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;AAElH,eAAO,MAAM,uBAAuB,GAAI,OAAO,0BAA0B,WA0CxE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,qBAAqB,WAmC9D,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,69BAEvD,CAAC"}

package/dist/floating-arrow/FloatingArrow.d.ts

@@ -0,0 +1,8 @@
+import { MiddlewareData, Placement } from "@floating-ui/react";
+interface TooltipArrowProps {
+    placement: Placement;
+    middlewareData: MiddlewareData;
+}
+export declare const FloatingArrow: import("react").ForwardRefExoticComponent<TooltipArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=FloatingArrow.d.ts.map

package/dist/floating-arrow/FloatingArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../src/floating-arrow/FloatingArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/D,UAAU,iBAAiB;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,cAAc,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,8GAexB,CAAC"}

package/dist/floating-arrow/getArrowStyle.d.ts

@@ -0,0 +1,3 @@
+import { MiddlewareData } from "@floating-ui/react";
+export declare function getArrowStyle(placement: string, middlewareData?: MiddlewareData): React.CSSProperties;
+//# sourceMappingURL=getArrowStyle.d.ts.map

package/dist/floating-arrow/getArrowStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArrowStyle.d.ts","sourceRoot":"","sources":["../../src/floating-arrow/getArrowStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,GAAG,KAAK,CAAC,aAAa,CA+BrG"}

package/dist/floating-arrow/index.d.ts

@@ -0,0 +1,2 @@
+export { FloatingArrow as TooltipArrow } from "./FloatingArrow";
+//# sourceMappingURL=index.d.ts.map

package/dist/floating-arrow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/floating-arrow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/floating-arrow/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/floating-arrow-CdRV69sg.js";
+export { e as TooltipArrow };

package/dist/fullscreen-portal/FullscreenPortal.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+/** Props полноэкранного портала для поверхностных UI-блоков. */
+export type FullscreenPortalProps = {
+    /** Признак открытого fullscreen-режима. */
+    open: boolean;
+    /** Заголовок содержимого, используемый для доступного имени dialog. */
+    title: string;
+    /** Описание fullscreen-режима для доступного имени dialog. */
+    description: string;
+    /** Callback изменения состояния fullscreen-режима. */
+    onOpenChange: (open: boolean) => void;
+    /** Содержимое, которое нужно отрендерить в полноэкранном слое. */
+    children: ReactNode;
+};
+/** Универсальный fullscreen-портал на базе Floating UI. */
+export declare function FullscreenPortal({ open, title, description, onOpenChange, children }: FullscreenPortalProps): import("react").JSX.Element | null;
+//# sourceMappingURL=FullscreenPortal.d.ts.map

package/dist/fullscreen-portal/FullscreenPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenPortal.d.ts","sourceRoot":"","sources":["../../src/fullscreen-portal/FullscreenPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcpD,gEAAgE;AAChE,MAAM,MAAM,qBAAqB,GAAG;IACnC,2CAA2C;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAQF,2DAA2D;AAC3D,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,sCA+B3G"}

package/dist/fullscreen-portal/index.d.ts

@@ -0,0 +1,2 @@
+export { FullscreenPortal, type FullscreenPortalProps } from "./FullscreenPortal";
+//# sourceMappingURL=index.d.ts.map

package/dist/fullscreen-portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fullscreen-portal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/fullscreen-portal/index.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useCallback as t } from "react";
+import { FloatingFocusManager as n, FloatingOverlay as r, FloatingPortal as i, useDismiss as a, useFloating as o, useInteractions as s, useRole as c } from "@floating-ui/react";
+var l = {
+	overlay: "fY8BBX",
+	panel: "M9Yms2"
+};
+//#endregion
+//#region src/fullscreen-portal/FullscreenPortal.tsx
+function u(e, t) {
+	let n = e.trim();
+	return n ? `${n}. ${t}` : t;
+}
+function d({ open: d, title: f, description: p, onOpenChange: m, children: h }) {
+	let { refs: g, context: _ } = o({
+		open: d,
+		onOpenChange: m
+	}), { getFloatingProps: v } = s([a(_, { outsidePress: !1 }), c(_, { role: "dialog" })]), y = t((e) => {
+		g.setFloating(e);
+	}, [g]);
+	return d ? /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {
+		lockScroll: !0,
+		className: l.overlay,
+		children: /* @__PURE__ */ e(n, {
+			context: _,
+			modal: !1,
+			returnFocus: !0,
+			children: /* @__PURE__ */ e("section", {
+				ref: y,
+				...v({
+					className: l.panel,
+					"aria-label": u(f, p)
+				}),
+				children: h
+			})
+		})
+	}) }) : null;
+}
+//#endregion
+export { d as FullscreenPortal };
+
+//# sourceMappingURL=index.js.map

package/dist/fullscreen-portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/fullscreen-portal/FullscreenPortal.module.scss","../../src/fullscreen-portal/FullscreenPortal.tsx"],"sourcesContent":[".overlay {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: var(--z-fullscreen-portal);\n\tbackground: var(--overlay-glass);\n}\n\n.panel {\n\tposition: fixed;\n\tinset: var(--space-lg);\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-width: 0;\n\tmin-height: 0;\n\tpadding: var(--space-md);\n\tborder: var(--border);\n\tborder-radius: var(--radius-md);\n\tbackground: var(--surface-1);\n\tbox-shadow: var(--shadow-lg);\n\toverflow: hidden;\n\n\t&:focus-visible {\n\t\toutline: var(--focus);\n\t\toutline-offset: var(--focus-offset);\n\t}\n}\n","import { useCallback, type ReactNode } from \"react\";\n\nimport {\n\tFloatingFocusManager,\n\tFloatingOverlay,\n\tFloatingPortal,\n\tuseDismiss,\n\tuseFloating,\n\tuseInteractions,\n\tuseRole\n} from \"@floating-ui/react\";\n\nimport styles from \"./FullscreenPortal.module.scss\";\n\n/** Props полноэкранного портала для поверхностных UI-блоков. */\nexport type FullscreenPortalProps = {\n\t/** Признак открытого fullscreen-режима. */\n\topen: boolean;\n\t/** Заголовок содержимого, используемый для доступного имени dialog. */\n\ttitle: string;\n\t/** Описание fullscreen-режима для доступного имени dialog. */\n\tdescription: string;\n\t/** Callback изменения состояния fullscreen-режима. */\n\tonOpenChange: (open: boolean) => void;\n\t/** Содержимое, которое нужно отрендерить в полноэкранном слое. */\n\tchildren: ReactNode;\n};\n\n/** Формирует доступное имя dialog из заголовка и описания fullscreen-режима. */\nfunction resolveFullscreenAriaLabel(title: string, description: string): string {\n\tconst trimmedTitle = title.trim();\n\treturn trimmedTitle ? `${trimmedTitle}. ${description}` : description;\n}\n\n/** Универсальный fullscreen-портал на базе Floating UI. */\nexport function FullscreenPortal({ open, title, description, onOpenChange, children }: FullscreenPortalProps) {\n\tconst { refs, context } = useFloating({ open, onOpenChange });\n\tconst dismiss = useDismiss(context, { outsidePress: false });\n\tconst role = useRole(context, { role: \"dialog\" });\n\tconst { getFloatingProps } = useInteractions([dismiss, role]);\n\t/** Передает DOM-узел полноэкранной панели в Floating UI context. */\n\tconst setFloating = useCallback(\n\t\t(node: HTMLElement | null) => {\n\t\t\trefs.setFloating(node);\n\t\t},\n\t\t[refs]\n\t);\n\n\tif (!open) return null;\n\n\treturn (\n\t\t<FloatingPortal>\n\t\t\t<FloatingOverlay lockScroll className={styles.overlay}>\n\t\t\t\t<FloatingFocusManager context={context} modal={false} returnFocus>\n\t\t\t\t\t<section\n\t\t\t\t\t\tref={setFloating}\n\t\t\t\t\t\t{...getFloatingProps({\n\t\t\t\t\t\t\tclassName: styles.panel,\n\t\t\t\t\t\t\t\"aria-label\": resolveFullscreenAriaLabel(title, description)\n\t\t\t\t\t\t})}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</section>\n\t\t\t\t</FloatingFocusManager>\n\t\t\t</FloatingOverlay>\n\t\t</FloatingPortal>\n\t);\n}\n"],"mappings":";;;;;;;;;AC6BA,SAAS,EAA2B,GAAe,GAA6B;CAC/E,IAAM,IAAe,EAAM,KAAK;CAChC,OAAO,IAAe,GAAG,EAAa,IAAI,MAAgB;AAC3D;AAGA,SAAgB,EAAiB,EAAE,SAAM,UAAO,gBAAa,iBAAc,eAAmC;CAC7G,IAAM,EAAE,SAAM,eAAY,EAAY;EAAE;EAAM;CAAa,CAAC,GAGtD,EAAE,wBAAqB,EAAgB,CAF7B,EAAW,GAAS,EAAE,cAAc,GAAM,CAEZ,GADjC,EAAQ,GAAS,EAAE,MAAM,SAAS,CACQ,CAAI,CAAC,GAEtD,IAAc,GAClB,MAA6B;EAC7B,EAAK,YAAY,CAAI;CACtB,GACA,CAAC,CAAI,CACN;CAIA,OAFK,IAGJ,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;EAAiB,YAAA;EAAW,WAAW,EAAO;YAC7C,kBAAC,GAAD;GAA+B;GAAS,OAAO;GAAO,aAAA;aACrD,kBAAC,WAAD;IACC,KAAK;IACL,GAAI,EAAiB;KACpB,WAAW,EAAO;KAClB,cAAc,EAA2B,GAAO,CAAW;IAC5D,CAAC;IACA;GACO,CAAA;EACY,CAAA;CACN,CAAA,EACF,CAAA,IAhBC;AAkBnB"}

package/dist/grid/Grid.d.ts

@@ -0,0 +1,5 @@
+export declare const Grid: {
+    Container: import("react").ForwardRefExoticComponent<import("./types").GridContainerProps & import("react").RefAttributes<HTMLElement>>;
+    Item: import("react").ForwardRefExoticComponent<import("./types").GridItemProps & import("react").RefAttributes<HTMLElement>>;
+};
+//# sourceMappingURL=Grid.d.ts.map

package/dist/grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/grid/Grid.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;CAGhB,CAAC"}

package/dist/grid/GridContainer.d.ts

@@ -0,0 +1,3 @@
+import { GridContainerProps } from "./types";
+export declare const GridContainer: import("react").ForwardRefExoticComponent<GridContainerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=GridContainer.d.ts.map

package/dist/grid/GridContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContainer.d.ts","sourceRoot":"","sources":["../../src/grid/GridContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,aAAa,4GAuDzB,CAAC"}

package/dist/grid/GridItem.d.ts

@@ -0,0 +1,3 @@
+import { GridItemProps } from "./types";
+export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=GridItem.d.ts.map

package/dist/grid/GridItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../src/grid/GridItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,QAAQ,uGAsCpB,CAAC"}

package/dist/grid/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Grid";
+export * from "./GridContainer";
+export * from "./GridItem";
+//# sourceMappingURL=index.d.ts.map

package/dist/grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}

package/dist/grid/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../chunks/Grid-ByIIytjh.js";
+export { n as Grid, t as GridContainer, e as GridItem };

package/dist/grid/stories/Grid.stories.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../types").GridContainerProps & React.RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicGrid: Story;
+export declare const AutoFlow: Story;
+export declare const Alignment: Story;
+export declare const Gaps: Story;
+export declare const PredefinedVariants: Story;
+export declare const ComplexTemplates: Story;
+export declare const GridAreas: Story;
+export declare const ItemPlacement: Story;
+export declare const InlineGrid: Story;
+export declare const RealWorld: Story;
+export declare const Responsive: Story;
+//# sourceMappingURL=Grid.stories.d.ts.map

package/dist/grid/stories/Grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../src/grid/stories/Grid.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmC5D,QAAA,MAAM,IAAI;;;;;;;CAO6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAwCtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KA2BlB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAuC9B,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KA0DvB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAkD3B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAqFvB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAC"}