@cloudraker/reki 2.6.1

package/dist/src/components/radio/radio.d.ts

@@ -0,0 +1,277 @@
+import { ReactNode, ReactElement, ForwardedRef } from 'react';
+import { RadioGroup as BaseRadioGroupNamespace } from '@base-ui/react/radio-group';
+/**
+ * Event details passed as the second argument to `onValueChange`. Carries the
+ * native event and interaction metadata. Re-exported from Base UI.
+ */
+export type RadioGroupChangeEventDetails = BaseRadioGroupNamespace.ChangeEventDetails;
+/** Radio variant definitions mapping variant names to their Tailwind classes. */
+export declare const REKI_RADIO_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "ring-reki-hairline";
+            readonly description: "Default radio appearance";
+        };
+        readonly error: {
+            readonly classes: "ring-reki-danger";
+            readonly description: "Error state for validation failures";
+        };
+    };
+    readonly appearance: {
+        readonly default: {
+            readonly classes: "";
+            readonly description: "Standard inline radio item";
+        };
+        readonly card: {
+            readonly classes: "rounded-lg border border-reki-hairline bg-reki-base p-3 transition-colors hover:bg-reki-tint has-[[data-checked]]:border-reki-interact has-[[data-checked]]:bg-reki-tint";
+            readonly description: "Choice card appearance with border, padding, and highlighted selection state";
+        };
+    };
+};
+export declare const REKI_RADIO_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+    readonly appearance: "default";
+};
+export type RekiRadioVariant = keyof typeof REKI_RADIO_VARIANTS.variant;
+export type RekiRadioAppearance = keyof typeof REKI_RADIO_VARIANTS.appearance;
+export interface RekiRadioVariantsProps {
+    /**
+     * Visual variant.
+     * - `"default"` — Standard radio appearance
+     * - `"error"` — Error state for validation failures
+     * @default "default"
+     */
+    variant?: RekiRadioVariant;
+    /**
+     * Visual appearance.
+     * - `"default"` — Standard inline radio item
+     * - `"card"` — Choice card with border, padding, and highlighted selection state
+     * @default "default"
+     */
+    appearance?: RekiRadioAppearance;
+}
+export declare function radioVariants({ variant, appearance, }?: RekiRadioVariantsProps): string;
+export type RadioVariant = RekiRadioVariant;
+/** Position of the radio control relative to its label */
+export type RadioControlPosition = "start" | "end";
+/**
+ * Radio group component props (with built-in Fieldset and RadioGroup)
+ *
+ * @example
+ * // Basic usage
+ * ```tsx
+ * <Radio.Group legend="Notification preference" defaultValue="email">
+ *   <Radio.Item label="Email" value="email" />
+ *   <Radio.Item label="SMS" value="sms" />
+ *   <Radio.Item label="Push" value="push" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Horizontal layout
+ * ```tsx
+ * <Radio.Group legend="Size" orientation="horizontal" defaultValue="md">
+ *   <Radio.Item label="Small" value="sm" />
+ *   <Radio.Item label="Medium" value="md" />
+ *   <Radio.Item label="Large" value="lg" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // With error and description
+ * ```tsx
+ * <Radio.Group
+ *   legend="Payment method"
+ *   error="Please select a payment method"
+ *   description="Choose how you'd like to pay"
+ * >
+ *   <Radio.Item label="Credit Card" value="card" />
+ *   <Radio.Item label="PayPal" value="paypal" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Controlled
+ * ```tsx
+ * const [value, setValue] = useState("email");
+ * <Radio.Group legend="Contact" value={value} onValueChange={setValue}>
+ *   <Radio.Item label="Email" value="email" />
+ *   <Radio.Item label="Phone" value="phone" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Label before radio (controlPosition="end")
+ * ```tsx
+ * <Radio.Group legend="Options" controlPosition="end" defaultValue="a">
+ *   <Radio.Item label="Option A" value="a" />
+ *   <Radio.Item label="Option B" value="b" />
+ * </Radio.Group>
+ * ```
+ *
+ * @example
+ * // Typed values — pass a type parameter to constrain `value`
+ * ```tsx
+ * <Radio.Group<number> legend="Items per page" defaultValue={10}>
+ *   <Radio.Item<number> label="10" value={10} />
+ *   <Radio.Item<number> label="25" value={25} />
+ * </Radio.Group>
+ * ```
+ */
+/**
+ * Props for Radio.Legend — a composable sub-component for labeling a Radio.Group.
+ *
+ * Place as a direct child of `<Radio.Group>` to provide a styled, accessible legend.
+ * Accepts `className` for full styling control (e.g. `className="sr-only"` to visually hide).
+ *
+ * @example
+ * ```tsx
+ * <Radio.Group>
+ *   <Radio.Legend className="sr-only">Paths</Radio.Legend>
+ *   <Radio.Item label="Allow all paths" value="all" />
+ * </Radio.Group>
+ * ```
+ */
+export interface RadioLegendProps {
+    /** Legend content */
+    children: ReactNode;
+    /** Additional CSS classes (e.g. "sr-only" to visually hide the legend) */
+    className?: string;
+}
+/**
+ * Radio.Group component props.
+ *
+ * Parameterised by the radio value type `Value` (defaults to `string`). Pass a
+ * type argument — e.g. `<Radio.Group<number>>` — to type `value`,
+ * `defaultValue`, and the value passed to `onValueChange`.
+ *
+ * Note: the generic only types the group-level value props. It does **not**
+ * guarantee that the `value` of each `Radio.Item` child conforms to `Value`,
+ * since children are passed as `ReactNode` and are not cross-checked at compile
+ * time. Annotate items (`<Radio.Item<number>>`) for matching inference.
+ */
+export interface RadioGroupProps<Value = string> {
+    /**
+     * Legend text for the group (required for accessibility).
+     * For more control over legend styling, omit this prop and use `<Radio.Legend>` as a child instead.
+     */
+    legend?: string;
+    /** Child Radio.Item components (and optionally a Radio.Legend) */
+    children: ReactNode;
+    /** Layout direction of the radio items */
+    orientation?: "vertical" | "horizontal";
+    /**
+     * Visual appearance applied to all Radio.Item children.
+     * - `"default"` — Standard inline radio items
+     * - `"card"` — Choice card with border, padding, and highlighted selection state
+     *
+     * Individual items can override this with their own `appearance` prop.
+     * @default "default"
+     */
+    appearance?: RekiRadioAppearance;
+    /** Error message for the group */
+    error?: string;
+    /** Helper text for the group */
+    description?: ReactNode;
+    /** Value of the radio that should be initially selected (uncontrolled) */
+    defaultValue?: Value;
+    /** Value of the radio that should be selected (controlled) */
+    value?: Value;
+    /**
+     * Event handler called when the radio value changes. The second argument
+     * carries native event details about the interaction.
+     */
+    onValueChange?: (value: Value, eventDetails: RadioGroupChangeEventDetails) => void;
+    /** Whether all radios in the group are disabled */
+    disabled?: boolean;
+    /** Position of radio control relative to label: "start" puts radio before label, "end" puts label before radio. Defaults to "start" for default appearance and "end" for card appearance. */
+    controlPosition?: RadioControlPosition;
+    /** Form submission name for the radio group */
+    name?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Individual radio item within a group
+ *
+ * @example
+ * ```tsx
+ * <Radio.Item label="Option A" value="a" />
+ * ```
+ *
+ * @example
+ * // Disabled item
+ * ```tsx
+ * <Radio.Item label="Unavailable" value="unavailable" disabled />
+ * ```
+ */
+/**
+ * Radio.Item component props.
+ *
+ * Parameterised by the radio value type `Value` (defaults to `string`). Pass a
+ * type argument — e.g. `<Radio.Item<number>>` — to type `value` to match the
+ * enclosing `Radio.Group`'s value type.
+ */
+export type RadioItemProps<Value = string> = {
+    /** Visual variant: "default" or "error" for validation failures */
+    variant?: RadioVariant;
+    /**
+     * Visual appearance of the radio item.
+     * - `"default"` — Standard inline radio item
+     * - `"card"` — Choice card with border, padding, and highlighted selection state
+     *
+     * When set on an individual item, overrides the group-level `appearance`.
+     * @default "default"
+     */
+    appearance?: RekiRadioAppearance;
+    /** Label content displayed next to radio (required). Accepts strings or React nodes for rich content. */
+    label: ReactNode;
+    /** Description text displayed below the label (only visible in card appearance) */
+    description?: ReactNode;
+    /** Value of the radio (required) */
+    value: Value;
+    /** Additional CSS classes for the label wrapper */
+    className?: string;
+    /** Whether the radio is disabled */
+    disabled?: boolean;
+};
+declare function RadioLegend({ children, className }: RadioLegendProps): import("react/jsx-runtime").JSX.Element;
+declare namespace RadioLegend {
+    var displayName: string;
+}
+declare function RadioGroup<Value = string>({ legend, children, orientation, appearance, error, description, defaultValue, value, onValueChange, disabled, controlPosition, name, className, }: RadioGroupProps<Value>): import("react/jsx-runtime").JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+export { RadioGroup };
+/**
+ * Radio — radio button group for single-select choices.
+ *
+ * Compound component: `Radio.Group` (with built-in Fieldset), `Radio.Item`, and `Radio.Legend`.
+ * Built on `@base-ui/react/radio-group` + `@base-ui/react/radio`.
+ *
+ * @example
+ * ```tsx
+ * // Simple: legend as a string prop
+ * <Radio.Group legend="Notification preference" defaultValue="email">
+ *   <Radio.Item label="Email" value="email" />
+ *   <Radio.Item label="SMS" value="sms" />
+ *   <Radio.Item label="Push" value="push" />
+ * </Radio.Group>
+ *
+ * // Composable: Radio.Legend for full styling control (e.g. visually hidden)
+ * <Radio.Group defaultValue="email">
+ *   <Radio.Legend className="sr-only">Notification preference</Radio.Legend>
+ *   <Radio.Item label="Email" value="email" />
+ *   <Radio.Item label="SMS" value="sms" />
+ * </Radio.Group>
+ * ```
+ */
+export declare const Radio: typeof RadioGroup & {
+    Item: <T = string>(props: RadioItemProps<T> & {
+        ref?: ForwardedRef<HTMLButtonElement>;
+    }) => ReactElement;
+    Group: typeof RadioGroup;
+    Legend: typeof RadioLegend;
+};
+//# sourceMappingURL=radio.d.ts.map

package/dist/src/components/radio/radio.d.ts.map

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

package/dist/src/components/radio/radio.type-spec.d.ts

@@ -0,0 +1,12 @@
+import { RadioGroupProps, RadioItemProps } from './radio';
+export declare const __typeSpec: {
+    numericGroup: import("react/jsx-runtime").JSX.Element;
+    enumGroup: import("react/jsx-runtime").JSX.Element;
+    stringGroup: import("react/jsx-runtime").JSX.Element;
+    numericGroupProps: RadioGroupProps<number>;
+    numericItemProps: RadioItemProps<number>;
+    defaultStringValue: RadioGroupProps<string>;
+    mismatchedGroupValue: RadioGroupProps<number>;
+    mismatchedItemValue: RadioItemProps<number>;
+};
+//# sourceMappingURL=radio.type-spec.d.ts.map

package/dist/src/components/radio/radio.type-spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.type-spec.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/radio.type-spec.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAsFjB,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC"}

package/dist/src/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './select';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/components/select/select.d.ts

@@ -0,0 +1,288 @@
+import { Select as SelectBase } from '@base-ui/react/select';
+import { ReactNode } from 'react';
+import { FieldErrorMatch } from '../field/field';
+import { PortalContainer } from '../../utils/portal-provider';
+/** Select variant definitions. */
+export declare const REKI_SELECT_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "h-5 gap-1 rounded-sm px-1.5 text-xs";
+            readonly description: "Extra small input for compact UIs";
+        };
+        readonly sm: {
+            readonly classes: "h-6.5 gap-1 rounded-md px-2 text-xs";
+            readonly description: "Small input for secondary fields";
+        };
+        readonly base: {
+            readonly classes: "h-9 gap-1.5 rounded-lg px-3 text-base";
+            readonly description: "Default input size";
+        };
+        readonly lg: {
+            readonly classes: "h-10 gap-2 rounded-lg px-4 text-base";
+            readonly description: "Large input for prominent fields";
+        };
+    };
+};
+export declare const REKI_SELECT_DEFAULT_VARIANTS: {
+    readonly size: "base";
+};
+/**
+ * Select component styling metadata for Figma plugin code generation
+ * Extracted from select.tsx implementation (source of truth)
+ */
+export declare const REKI_SELECT_STYLING: {
+    readonly trigger: {
+        readonly height: 36;
+        readonly paddingX: 12;
+        readonly borderRadius: 8;
+        readonly background: "bg-reki-elevated";
+        readonly text: "text-color-surface";
+        readonly ring: "color-border";
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+    };
+    readonly stateTokens: {
+        readonly focus: {
+            readonly ring: "color-active";
+        };
+        readonly disabled: {
+            readonly opacity: 0.5;
+        };
+    };
+    readonly icons: {
+        readonly caret: {
+            readonly name: "ph-caret-up-down";
+            readonly size: 20;
+        };
+        readonly check: {
+            readonly name: "ph-check";
+            readonly size: 20;
+        };
+    };
+    readonly popup: {
+        readonly background: "bg-reki-elevated";
+        readonly ring: "border-reki-line";
+        readonly borderRadius: 8;
+        readonly padding: 6;
+    };
+    readonly option: {
+        readonly paddingX: 8;
+        readonly paddingY: 6;
+        readonly borderRadius: 4;
+        readonly fontSize: 16;
+        readonly highlightBackground: "color-surface-secondary";
+    };
+};
+export type RekiSelectSize = keyof typeof REKI_SELECT_VARIANTS.size;
+export interface RekiSelectVariantsProps {
+    /**
+     * Size of the select trigger. Matches Input component sizes.
+     * - `"xs"` — Extra small for compact UIs (h-5 / 20px)
+     * - `"sm"` — Small for secondary fields (h-6.5 / 26px)
+     * - `"base"` — Default size (h-9 / 36px)
+     * - `"lg"` — Large for prominent fields (h-10 / 40px)
+     * @default "base"
+     */
+    size?: RekiSelectSize;
+}
+export declare function selectVariants({ size, }?: RekiSelectVariantsProps): string;
+/**
+ * Shape for items that carry extra metadata (disabled state, tooltip).
+ * Plain `ReactNode` values are still supported for backward compatibility.
+ */
+export interface SelectItemDescriptor {
+    /** Display label for the option. */
+    label: ReactNode;
+    /** When `true`, the option cannot be selected. */
+    disabled?: boolean;
+}
+/** Value type accepted by the `items` object-map prop. */
+export type SelectItemValue = ReactNode | SelectItemDescriptor;
+type SelectPropsGeneric<T, Multiple extends boolean | undefined = false> = Omit<SelectBase.Root.Props<T, Multiple>, "items"> & RekiSelectVariantsProps & {
+    multiple?: Multiple;
+    /**
+     * A function that returns a `ReactNode` to format the selected value.
+     * Only called when a value is selected — use `placeholder` for the empty state.
+     * @example
+     * ```tsx
+     * <Select
+     *   placeholder="Select a user..."
+     *   renderValue={(user) => user.name}
+     * />
+     * ```
+     */
+    renderValue?: (value: Multiple extends true ? T[] : T) => ReactNode;
+    className?: string;
+    /**
+     * Data structure of items rendered in the popup.
+     * Accepts a plain object map (`{ key: "Label" }`) or an array of `{ label, value }`.
+     *
+     * Object-map values can be a `ReactNode` (backward-compatible) **or** a
+     * `SelectItemDescriptor` for extra metadata:
+     *
+     * ```tsx
+     * items={{
+     *   apple: "Apple",
+     *   banana: { label: "Banana", disabled: true, disabledReason: "Out of season" },
+     * }}
+     * ```
+     */
+    items?: Record<string, SelectItemValue> | ReadonlyArray<{
+        label: ReactNode;
+        value: T;
+    }>;
+    /**
+     * Label content for the select.
+     * When provided, enables the Field wrapper with a visible label.
+     * For accessibility without a visible label, use `aria-label` instead.
+     */
+    label?: ReactNode;
+    /**
+     * @deprecated Use `aria-label` for hidden labels instead of `label` + `hideLabel={true}`.
+     * When `label` is provided without `hideLabel`, the label is now visible by default (matching Input behavior).
+     * This prop will be removed in a future version.
+     */
+    hideLabel?: boolean;
+    placeholder?: string;
+    loading?: boolean;
+    /** Tooltip content to display next to the label via an info icon */
+    labelTooltip?: ReactNode;
+    /** Helper text displayed below the select */
+    description?: ReactNode;
+    /** Error message or validation error object */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+    /**
+     * Container element for the portal. Use this to render the select inside
+     * a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.
+     * @default document.body (or RekiPortalProvider container if set)
+     */
+    container?: PortalContainer;
+};
+/**
+ * Select component props.
+ *
+ * **Accessible Name Required:** Select should have one of:
+ * 1. `label` prop (recommended) - enables Field wrapper with visible label
+ * 2. `aria-label` - for selects without visible label (accessibility-only)
+ * 3. `aria-labelledby` - for custom label association
+ *
+ * @example
+ * ```tsx
+ * // With visible label (recommended)
+ * <Select label="Country" onValueChange={setValue}>
+ *   <Select.Option value="us">United States</Select.Option>
+ *   <Select.Option value="uk">United Kingdom</Select.Option>
+ * </Select>
+ *
+ * // Without visible label (use aria-label for accessibility)
+ * <Select aria-label="Select a country" onValueChange={setValue}>
+ *   <Select.Option value="us">United States</Select.Option>
+ * </Select>
+ * ```
+ */
+export interface SelectProps {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Size of the select trigger. Matches Input component sizes. */
+    size?: RekiSelectSize;
+    /**
+     * Label content for the select.
+     * When provided, enables the Field wrapper with a visible label above the select.
+     * For accessibility without a visible label, use `aria-label` instead.
+     */
+    label?: ReactNode;
+    /**
+     * @deprecated Use `aria-label` for hidden labels instead of `label` + `hideLabel={true}`.
+     * When `label` is provided without `hideLabel`, the label is now visible by default (matching Input behavior).
+     * This prop will be removed in a future version.
+     */
+    hideLabel?: boolean;
+    /** Placeholder text shown when no value is selected. */
+    placeholder?: string;
+    /** When `true`, shows a skeleton loader in place of the selected value. */
+    loading?: boolean;
+    /** Whether the select is disabled. */
+    disabled?: boolean;
+    /** Whether the select is required. When `false`, shows "(optional)" text. */
+    required?: boolean;
+    /** Tooltip content displayed next to the label via an info icon. */
+    labelTooltip?: ReactNode;
+    /** Currently selected value (controlled mode). */
+    value?: unknown;
+    /** Initial value for uncontrolled mode. */
+    defaultValue?: unknown;
+    /** Callback fired when the selected value changes. */
+    onValueChange?: (value: unknown) => void;
+    /** Enable multi-select mode. */
+    multiple?: boolean;
+    /** `Select.Option` elements to render in the dropdown. */
+    children?: ReactNode;
+    /** Helper text displayed below the select. */
+    description?: ReactNode;
+    /** Error message string or validation error object with `match` key. */
+    error?: string | {
+        message: ReactNode;
+        match: FieldErrorMatch;
+    };
+}
+/**
+ * Select.Option component props.
+ */
+export interface SelectOptionProps {
+    /** The option content. */
+    children: ReactNode;
+    /** The value associated with this option. */
+    value: unknown;
+    /** When `true`, the option cannot be selected. */
+    disabled?: boolean;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+}
+/**
+ * Dropdown for selecting a value from a list of options.
+ * Wraps Base UI Select with Reki styling and optional Field integration.
+ *
+ * @example
+ * ```tsx
+ * <Select label="Fruit" onValueChange={setFruit}>
+ *   <Select.Option value="apple">Apple</Select.Option>
+ *   <Select.Option value="banana">Banana</Select.Option>
+ * </Select>
+ * ```
+ */
+export declare function Select<T, Multiple extends boolean | undefined = false>({ children, className, renderValue, label, hideLabel, placeholder, loading, size, labelTooltip, description, error, required, container: containerProp, ...props }: SelectPropsGeneric<T, Multiple> & {
+    required?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Select {
+    var Option: <T>({ children, value, disabled, className }: OptionProps<T>) => import("react/jsx-runtime").JSX.Element;
+    var Group: import("react").ForwardRefExoticComponent<GroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    var GroupLabel: import("react").ForwardRefExoticComponent<GroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+    var Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+}
+type OptionProps<T> = {
+    children: ReactNode;
+    value: T;
+    /** When `true`, the option cannot be selected. */
+    disabled?: boolean;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+};
+type GroupProps = {
+    children: ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+};
+type GroupLabelProps = {
+    children: ReactNode;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+};
+type SeparatorProps = {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+};
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/src/components/select/select.d.ts.map

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

package/dist/src/components/sensitive-input/index.d.ts

@@ -0,0 +1,2 @@
+export { SensitiveInput, type SensitiveInputProps, REKI_SENSITIVE_INPUT_VARIANTS, REKI_SENSITIVE_INPUT_DEFAULT_VARIANTS, } from './sensitive-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/sensitive-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sensitive-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,6BAA6B,EAC7B,qCAAqC,GACtC,MAAM,mBAAmB,CAAC"}