@koobiq/react-components 0.0.1-beta.1

package/dist/components/Dialog/components/DialoglHeader.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
+export type DialogHeaderRef = ComponentRef<'div'>;
+export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
+    /** Additional CSS-classes. */
+    className?: string;
+    /** The content of the component. */
+    children?: ReactNode;
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string;
+}, 'div'>;
+export declare const DialogHeader: import("react").ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Dialog/components/DialoglHeader.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "@koobiq/react-core";
+import { utilClasses } from "../../../styles/utility.js";
+import s from "../Dialog.module.css.js";
+const DialogHeader = forwardRef(
+  ({ children, className, ...other }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: clsx(s.header, utilClasses.typography.title, className),
+      ...other,
+      children
+    }
+  )
+);
+DialogHeader.displayName = "DialogHeader";
+export {
+  DialogHeader
+};

package/dist/components/Dialog/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DialoglHeader';
+export * from './DialogContent';
+export * from './DialogFooter';
+export * from './DialogCloseButton';

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './Dialog';
+export * from './components';
+export * from './DialogContext';

package/dist/components/Dialog/intl.json.js

@@ -0,0 +1,11 @@
+const intlMessages = {
+  "ru-RU": {
+    close: "Закрыть"
+  },
+  "en-US": {
+    close: "Close"
+  }
+};
+export {
+  intlMessages as default
+};

package/dist/components/Dialog/types.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithRef, ComponentRef, ReactNode } from 'react';
+import type { DataAttributeProps, ExtendableComponentPropsWithRef } from '@koobiq/react-core';
+import type { AriaDialogProps } from '@koobiq/react-primitives';
+import type { DialogCloseButtonProps } from './components';
+export type DialogBaseProps = {
+    /** The content of the component. */
+    children?: ReactNode;
+    /** Additional CSS-classes. */
+    className?: string;
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string | number;
+    /** A callback function called when the user clicks the dialog's close button. */
+    onClose?(): void;
+    /**
+     * If `true`, the close button isn't shown.
+     * @default false
+     * */
+    hideCloseButton?: boolean;
+    /** The props used for each slot inside. */
+    slotProps?: {
+        container?: ComponentPropsWithRef<'div'> & DataAttributeProps;
+        'close-button'?: DialogCloseButtonProps;
+    };
+} & AriaDialogProps;
+export type DialogProps = ExtendableComponentPropsWithRef<DialogBaseProps, 'section'>;
+export type DialogRef = ComponentRef<'section'>;

package/dist/components/FieldComponents/FieldAddon/FieldAddon.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
+export declare const fieldAddonPropPlacement: readonly ["start", "end"];
+export type FieldAddonPlacement = (typeof fieldAddonPropPlacement)[number];
+export type FieldAddonProps = ExtendableComponentPropsWithRef<{
+    error?: boolean;
+    children?: ReactNode;
+    placement?: FieldAddonPlacement;
+}, 'div'>;
+export declare const FieldAddon: import("react").ForwardRefExoticComponent<Omit<FieldAddonProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldAddon/FieldAddon.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNotNil, clsx } from "@koobiq/react-core";
+import s from "./FieldAddon.module.css.js";
+const FieldAddon = forwardRef(
+  ({ placement = "start", error = false, className, children, ...other }, ref) => isNotNil(children) ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(s.base, s[placement], error && s.error, className),
+      ...other,
+      ref,
+      children
+    }
+  ) : null
+);
+FieldAddon.displayName = "FieldAddon";
+export {
+  FieldAddon
+};

package/dist/components/FieldComponents/FieldAddon/FieldAddon.module.css.js

@@ -0,0 +1,17 @@
+const base = "kbq-fieldaddon-3388d3";
+const start = "kbq-fieldaddon-start-83aa84";
+const end = "kbq-fieldaddon-end-f314bf";
+const error = "kbq-fieldaddon-error-278697";
+const s = {
+  base,
+  start,
+  end,
+  error
+};
+export {
+  base,
+  s as default,
+  end,
+  error,
+  start
+};

package/dist/components/FieldComponents/FieldAddon/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldAddon';

package/dist/components/FieldComponents/FieldCaption/FieldCaption.d.ts

@@ -0,0 +1,8 @@
+import { type TextProps, type TextRef } from '@koobiq/react-primitives';
+export type FieldCaptionProps = TextProps;
+export type FieldCaptionRef = TextRef;
+export declare const FieldCaption: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "as" | keyof import("@koobiq/react-primitives").TextBaseProps> & import("@koobiq/react-primitives").TextBaseProps & {
+    as?: "p" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/components/FieldComponents/FieldCaption/FieldCaption.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNotNil, clsx } from "@koobiq/react-core";
+import { Text } from "@koobiq/react-primitives";
+import s from "./FieldCaption.module.css.js";
+const FieldCaption = forwardRef(
+  ({ children, className, ...other }, ref) => isNotNil(children) ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      className: clsx(s.base, className),
+      slot: "description",
+      ...other,
+      ref,
+      children
+    }
+  ) : null
+);
+FieldCaption.displayName = "FieldCaption";
+export {
+  FieldCaption
+};

package/dist/components/FieldComponents/FieldCaption/FieldCaption.module.css.js

@@ -0,0 +1,8 @@
+const base = "kbq-fieldcaption-8a3413";
+const s = {
+  base
+};
+export {
+  base,
+  s as default
+};

package/dist/components/FieldComponents/FieldCaption/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldCaption';

package/dist/components/FieldComponents/FieldControl/FieldControl.d.ts

@@ -0,0 +1,10 @@
+import type { TextFieldProps, TextFieldRef } from '@koobiq/react-primitives';
+export type FieldControlProps = TextFieldProps & {
+    fullWidth?: boolean;
+    className?: string;
+};
+export type FieldControlRef = TextFieldRef;
+export declare const FieldControl: import("react").ForwardRefExoticComponent<Omit<import("@koobiq/react-primitives").UseTextFieldProps, keyof import("node_modules/@koobiq/react-primitives/dist/utils").RenderProps<import("@koobiq/react-primitives").TextFieldRenderProps>> & import("node_modules/@koobiq/react-primitives/dist/utils").RenderProps<import("@koobiq/react-primitives").TextFieldRenderProps> & {
+    fullWidth?: boolean;
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldControl/FieldControl.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "@koobiq/react-core";
+import { TextField } from "@koobiq/react-primitives";
+import s from "./FieldControl.module.css.js";
+const FieldControl = forwardRef(
+  ({ fullWidth = false, children, className, ...other }, ref) => /* @__PURE__ */ jsx(
+    TextField,
+    {
+      className: clsx(s.base, fullWidth && s.fullWidth, className),
+      ...other,
+      ref,
+      children
+    }
+  )
+);
+FieldControl.displayName = "FieldControl";
+export {
+  FieldControl
+};

package/dist/components/FieldComponents/FieldControl/FieldControl.module.css.js

@@ -0,0 +1,11 @@
+const base = "kbq-fieldcontrol-ef127a";
+const fullWidth = "kbq-fieldcontrol-fullWidth-44b574";
+const s = {
+  base,
+  fullWidth
+};
+export {
+  base,
+  s as default,
+  fullWidth
+};

package/dist/components/FieldComponents/FieldControl/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldControl';

package/dist/components/FieldComponents/FieldError/FieldError.d.ts

@@ -0,0 +1,6 @@
+import { type TextProps, type TextRef } from '@koobiq/react-primitives';
+export type FieldErrorProps = TextProps & {
+    error?: boolean;
+};
+export type FieldErrorRef = TextRef;
+export declare const FieldError: import("react").ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/components/FieldComponents/FieldError/FieldError.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNotNil, clsx } from "@koobiq/react-core";
+import { Text } from "@koobiq/react-primitives";
+import s from "./FieldError.module.css.js";
+const FieldError = forwardRef(
+  ({ children, className, error = false, ...other }, ref) => isNotNil(children) && error ? /* @__PURE__ */ jsx(
+    Text,
+    {
+      className: clsx(s.base, className),
+      slot: "errorMessage",
+      ...other,
+      ref,
+      children
+    }
+  ) : null
+);
+FieldError.displayName = "FieldError";
+export {
+  FieldError
+};

package/dist/components/FieldComponents/FieldError/FieldError.module.css.js

@@ -0,0 +1,8 @@
+const base = "kbq-fielderror-a0b0a4";
+const s = {
+  base
+};
+export {
+  base,
+  s as default
+};

package/dist/components/FieldComponents/FieldError/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldError';

package/dist/components/FieldComponents/FieldInput/FieldInput.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithRef } from 'react';
+import type { InputPropVariant } from '../../Input/types';
+export type FieldInputBaseProps = {
+    error?: boolean;
+    disabled?: boolean;
+    className?: string;
+    'data-testid'?: string;
+    as?: 'input' | 'textarea';
+    variant?: InputPropVariant;
+};
+export declare const FieldInput: import("@koobiq/react-core").PolyForwardComponent<"input", FieldInputBaseProps, "input" | "textarea">;
+export type FieldInputProps<As extends 'input' | 'textarea' = 'input'> = ComponentPropsWithRef<typeof FieldInput<As>>;

package/dist/components/FieldComponents/FieldInput/FieldInput.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { polymorphicForwardRef, clsx } from "@koobiq/react-core";
+import { Input, Textarea } from "@koobiq/react-primitives";
+import s from "./FieldInput.module.css.js";
+const FieldInput = polymorphicForwardRef(
+  ({
+    error = false,
+    as = "input",
+    disabled = false,
+    variant = "filled",
+    className,
+    ...other
+  }, ref) => {
+    const Tag = as === "input" ? Input : Textarea;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ...other,
+        className: clsx(
+          s.base,
+          s[variant],
+          error && s.error,
+          disabled && s.disabled,
+          className
+        ),
+        ref
+      }
+    );
+  }
+);
+FieldInput.displayName = "FieldInput";
+export {
+  FieldInput
+};

package/dist/components/FieldComponents/FieldInput/FieldInput.module.css.js

@@ -0,0 +1,20 @@
+const base = "kbq-fieldinput-77b90b";
+const transparent = "kbq-fieldinput-transparent-ed7263";
+const filled = "kbq-fieldinput-filled-abb632";
+const error = "kbq-fieldinput-error-00c0a4";
+const disabled = "kbq-fieldinput-disabled-59285a";
+const s = {
+  base,
+  transparent,
+  filled,
+  error,
+  disabled
+};
+export {
+  base,
+  s as default,
+  disabled,
+  error,
+  filled,
+  transparent
+};

package/dist/components/FieldComponents/FieldInput/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldInput';

package/dist/components/FieldComponents/FieldInputGroup/FieldInputGroup.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
+export type FieldInputGroupBaseProps = ExtendableComponentPropsWithRef<{
+    children?: ReactNode;
+    startAddon?: ReactNode;
+    endAddon?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    error?: boolean;
+}, 'div'>;
+export declare const FieldInputGroup: import("react").ForwardRefExoticComponent<Omit<FieldInputGroupBaseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldInputGroup/FieldInputGroup.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNotNil, clsx } from "@koobiq/react-core";
+import { useInputContext, Group } from "@koobiq/react-primitives";
+import s from "./FieldInputGroup.module.css.js";
+import { FieldInputGroupContext } from "./FieldInputGroupContext.js";
+import { FieldAddon } from "../FieldAddon/FieldAddon.js";
+const FieldInputGroup = forwardRef(({ children, className, startAddon, endAddon, error, ...other }, ref) => {
+  const { value } = useInputContext();
+  const hasStartAddon = !!startAddon;
+  const hasEndAddon = !!endAddon;
+  const hasValue = isNotNil(value);
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      className: clsx(
+        s.base,
+        hasStartAddon && s.hasStartAddon,
+        hasEndAddon && s.hasEndAddon,
+        className
+      ),
+      ...other,
+      ref,
+      children: ({ hovered, focusWithin, disabled }) => /* @__PURE__ */ jsxs(
+        FieldInputGroupContext.Provider,
+        {
+          value: { disabled, hovered, hasValue, focusWithin },
+          children: [
+            /* @__PURE__ */ jsx(FieldAddon, { placement: "start", error, children: startAddon }),
+            children,
+            /* @__PURE__ */ jsx(FieldAddon, { placement: "end", error, children: endAddon })
+          ]
+        }
+      )
+    }
+  );
+});
+FieldInputGroup.displayName = "FieldInputGroup";
+export {
+  FieldInputGroup
+};

package/dist/components/FieldComponents/FieldInputGroup/FieldInputGroup.module.css.js

@@ -0,0 +1,14 @@
+const base = "kbq-fieldinputgroup-5d33da";
+const hasStartAddon = "kbq-fieldinputgroup-hasStartAddon-5f5b14";
+const hasEndAddon = "kbq-fieldinputgroup-hasEndAddon-7781d1";
+const s = {
+  base,
+  hasStartAddon,
+  hasEndAddon
+};
+export {
+  base,
+  s as default,
+  hasEndAddon,
+  hasStartAddon
+};

package/dist/components/FieldComponents/FieldInputGroup/FieldInputGroupContext.d.ts

@@ -0,0 +1,8 @@
+export type FieldInputGroupContextProps = {
+    disabled?: boolean;
+    hasValue?: boolean;
+    hovered?: boolean;
+    focusWithin?: boolean;
+};
+export declare const FieldInputGroupContext: import("react").Context<FieldInputGroupContextProps>;
+export declare const useFieldInputGroup: () => FieldInputGroupContextProps;

package/dist/components/FieldComponents/FieldInputGroup/FieldInputGroupContext.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from "react";
+const FieldInputGroupContext = createContext({});
+const useFieldInputGroup = () => useContext(FieldInputGroupContext);
+export {
+  FieldInputGroupContext,
+  useFieldInputGroup
+};

package/dist/components/FieldComponents/FieldInputGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FieldInputGroup';
+export * from './FieldInputGroupContext';

package/dist/components/FieldComponents/FieldLabel/FieldLabel.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
+export type FieldLabelProps = ExtendableComponentPropsWithRef<{
+    hidden?: boolean;
+    className?: string;
+    required?: boolean;
+    children?: ReactNode;
+}, 'label'>;
+export declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/FieldComponents/FieldLabel/FieldLabel.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNotNil, clsx } from "@koobiq/react-core";
+import { Label } from "@koobiq/react-primitives";
+import s from "./FieldLabel.module.css.js";
+const FieldLabel = forwardRef(
+  ({ children, className, hidden = false, required = false, ...other }, ref) => isNotNil(children) ? /* @__PURE__ */ jsxs(
+    Label,
+    {
+      className: clsx(s.base, hidden && s.hidden, className),
+      ...other,
+      ref,
+      children: [
+        children,
+        " ",
+        required && /* @__PURE__ */ jsx("sup", { className: s.sup, children: "*" })
+      ]
+    }
+  ) : null
+);
+FieldLabel.displayName = "FieldLabel";
+export {
+  FieldLabel
+};

package/dist/components/FieldComponents/FieldLabel/FieldLabel.module.css.js

@@ -0,0 +1,14 @@
+const base = "kbq-fieldlabel-141082";
+const hidden = "kbq-fieldlabel-hidden-9f53e4";
+const sup = "kbq-fieldlabel-sup-23c824";
+const s = {
+  base,
+  hidden,
+  sup
+};
+export {
+  base,
+  s as default,
+  hidden,
+  sup
+};

package/dist/components/FieldComponents/FieldLabel/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldLabel';

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.d.ts

@@ -0,0 +1,10 @@
+import { type NumberFieldProps, type NumberFieldRef } from '@koobiq/react-primitives';
+export type FieldNumberControlProps = NumberFieldProps & {
+    fullWidth?: boolean;
+    className?: string;
+};
+export type FieldNumberControlRef = NumberFieldRef;
+export declare const FieldNumberControl: import("react").ForwardRefExoticComponent<Omit<import("@koobiq/react-primitives").UseNumberFieldProps, keyof import("node_modules/@koobiq/react-primitives/dist/utils").RenderProps<import("@koobiq/react-primitives").NumberFieldRenderProps>> & import("node_modules/@koobiq/react-primitives/dist/utils").RenderProps<import("@koobiq/react-primitives").NumberFieldRenderProps> & {
+    fullWidth?: boolean;
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "@koobiq/react-core";
+import { NumberField } from "@koobiq/react-primitives";
+import s from "./FieldNumberControl.module.css.js";
+const FieldNumberControl = forwardRef(({ fullWidth = false, children, className, ...other }, ref) => /* @__PURE__ */ jsx(
+  NumberField,
+  {
+    className: clsx(s.base, fullWidth && s.fullWidth, className),
+    ...other,
+    ref,
+    children
+  }
+));
+FieldNumberControl.displayName = "FieldNumberControl";
+export {
+  FieldNumberControl
+};

package/dist/components/FieldComponents/FieldNumberControl/FieldNumberControl.module.css.js

@@ -0,0 +1,11 @@
+const base = "kbq-fieldnumbercontrol-9b0b2d";
+const fullWidth = "kbq-fieldnumbercontrol-fullWidth-d20d89";
+const s = {
+  base,
+  fullWidth
+};
+export {
+  base,
+  s as default,
+  fullWidth
+};

package/dist/components/FieldComponents/FieldNumberControl/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldNumberControl';

package/dist/components/FieldComponents/index.d.ts

@@ -0,0 +1,8 @@
+export * from './FieldControl';
+export * from './FieldNumberControl';
+export * from './FieldInput';
+export * from './FieldLabel';
+export * from './FieldAddon';
+export * from './FieldCaption';
+export * from './FieldError';
+export * from './FieldInputGroup';

package/dist/components/FormControlLabel/FormControlLabel.d.ts

@@ -0,0 +1,2 @@
+import type { FormControlLabelProps } from './index';
+export declare const FormControlLabel: import("react").ForwardRefExoticComponent<Omit<FormControlLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/FormControlLabel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormControlLabel';
+export * from './types';

package/dist/components/FormControlLabel/types.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentPropsWithRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
+export declare const formControlLabelPropSize: readonly ["normal", "big"];
+export type FormControlLabelPropSize = (typeof formControlLabelPropSize)[number];
+export declare const formControlLabelPlacement: readonly ["start", "end"];
+export type FormControlLabelPropLabelPlacement = (typeof formControlLabelPlacement)[number];
+export type FormControlLabelProps = ExtendableComponentPropsWithRef<{
+    /** The content to display as the label. */
+    label?: ReactNode;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     * */
+    disabled?: boolean;
+    /** The helper text content. */
+    caption?: ReactNode;
+    /** The content of the component. */
+    children?: ReactNode;
+    /**
+     * Size.
+     * @default normal
+     * */
+    size?: FormControlLabelPropSize;
+    /**
+     * The position of the label.
+     * @default end
+     * */
+    labelPlacement?: FormControlLabelPropLabelPlacement;
+    slotProps?: {
+        content?: ComponentPropsWithRef<'div'>;
+    };
+}, 'label'>;

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { GridBaseProps } from './types';
+export declare const Grid: import("@koobiq/react-core").PolyForwardComponent<"div", GridBaseProps, ElementType>;
+export type GridProps<As extends ElementType = 'div'> = ComponentPropsWithRef<typeof Grid<As>>;