@tactics/lokaal-loket 0.0.2 → 0.0.3

package/build/index.d.cts

@@ -0,0 +1,892 @@
+import * as React$1 from 'react';
+import React__default, { MouseEventHandler, ReactElement, PropsWithChildren } from 'react';
+import { ColorKey, ColorVariantKey, TypographyFontKey, TypographyFontsKey, TypographyFontWeightKey, RadiusKey, SpacingKey } from '@tactics/tacky/contract';
+export { ThemeI } from '@tactics/tacky/contract';
+export { BuildProvidersTree } from '@tactics/tacky/tool';
+
+declare enum Context$z {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+declare enum Type$6 {
+    DAYCARE = "DAYCARE",
+    CHILDMINDER = "CHILDMINDER",
+    COOPERATIVE = "COOPERATIVE"
+}
+
+interface IBadge {
+    context?: Context$z;
+    type: Type$6;
+    screenReaderText: string;
+}
+
+declare const Badge: ({ context, type, screenReaderText }: IBadge) => React__default.JSX.Element;
+
+declare enum Context$y {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+declare enum Context$x {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface ILogoSrc {
+    srcset: string;
+    src: string;
+}
+interface ILogoBase {
+    ariaLabel: string;
+    alt: string;
+    children?: React__default.ReactNode | React__default.ReactNode[];
+}
+interface ILogoLoad extends ILogoBase {
+    srcset?: ILogoSrc;
+}
+interface ILogo extends ILogoLoad {
+    context?: Context$x;
+}
+
+interface IBrandBase {
+    ariaLabel: string;
+    logo: React__default.ReactElement<ILogo>;
+    name: string;
+}
+interface IBrand extends IBrandBase {
+    context: Context$y;
+}
+
+declare const Brand: ({ logo, name, ariaLabel, context }: IBrand) => React__default.JSX.Element;
+
+declare enum Context$w {
+    DISABLED = "DISABLED",
+    PRIMARY = "PRIMARY",
+    SUPPORTING = "SUPPORTING",
+    NEUTRAL = "NEUTRAL",
+    OUTLINED = "OUTLINED",
+    GHOST = "GHOST",
+    UI = "UI",
+    SKELETON = "SKELETON"
+}
+declare enum Type$5 {
+    BUTTON = "BUTTON",
+    RESET = "RESET",
+    SUBMIT = "SUBMIT",
+    LINK = "LINK"
+}
+
+declare enum Context$v {
+    STANDARD = "STANDARD",
+    SUPPORTING = "SUPPORTING",
+    DARK = "DARK",
+    LIGHT = "LIGHT",
+    DISABLED = "DISABLED",
+    DANGER = "DANGER",
+    WARNING = "WARNING",
+    SUCCESS = "SUCCESS",
+    INFO = "INFO"
+}
+declare enum Size$1 {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE"
+}
+declare enum Type$4 {
+    CANCEL = "CANCEL",
+    ARROW_LEFT = "ARROW_LEFT",
+    ARROW_RIGHT = "ARROW_RIGHT",
+    CHEVRON_DOWN = "CHEVRON_DOWN",
+    CHEVRON_UP = "CHEVRON_UP",
+    EDIT = "EDIT",
+    SEND = "SEND",
+    REDO = "REDO",
+    PROFILE = "PROFILE",
+    CHECK = "CHECK",
+    TRANSLATION = "TRANSLATION",
+    MAP = "MAP",
+    EURO = "EURO",
+    BABY = "BABY",
+    PIN = "PIN",
+    DISTANCE = "DISTANCE",
+    DOCUMENT = "DOCUMENT",
+    FAVORITE = "FAVORITE",
+    MENU = "MENU",
+    ADD = "ADD",
+    MINUS = "MINUS",
+    COMMENT = "COMMENT",
+    IN_PROCESS = "IN_PROCESS",
+    COLLAPSE = "COLLAPSE"
+}
+
+interface IIconLoad {
+    size?: Size$1;
+    type: Type$4;
+    screenReaderText: string;
+}
+interface IIcon extends IIconLoad {
+    context?: Context$v;
+}
+
+interface IButtonBase {
+    id?: string;
+    title: string;
+    ariaLabel: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    children?: string;
+    withIconBefore?: React__default.ReactElement<IIcon>;
+    withIconAfter?: React__default.ReactElement<IIcon>;
+    type: Type$5;
+}
+interface IButton extends IButtonBase {
+    context?: Context$w;
+}
+
+declare const Button: ({ id, title, ariaLabel, children, onClick, withIconBefore, withIconAfter, type, context, }: IButton) => React__default.JSX.Element;
+
+declare enum Context$u {
+    STANDARD = "STANDARD",
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    SKELETON = "SKELETON"
+}
+
+interface ICheckboxBase {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+    ariaLabel?: string;
+    label: string;
+    name: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+}
+interface CheckboxProps extends ICheckboxBase {
+    context?: Context$u;
+}
+
+declare const Checkbox: ({ context, onChange, value, ariaLabel, label, name, checked, defaultChecked, }: CheckboxProps) => React$1.JSX.Element;
+
+declare enum Context$t {
+    STANDARD = "STANDARD",
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    SKELETON = "SKELETON"
+}
+
+declare enum Context$s {
+    STANDARD = "STANDARD",
+    INVERTED = "INVERTED",
+    ACCENT = "ACCENT",
+    SKELETON = "SKELETON"
+}
+declare enum Size {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE",
+    XLARGE = "XLARGE"
+}
+declare enum Type$3 {
+    CHILD = "CHILD",
+    FAMILY = "FAMILY",
+    CALENDAR = "CALENDAR",
+    BIN = "BIN",
+    ALERT = "ALERT",
+    PASSWORD = "PASSWORD",
+    SEARCH = "SEARCH",
+    FOLDER = "FOLDER",
+    PASSPORT = "PASSPORT",
+    SETTING = "SETTING",
+    FACE = "FACE",
+    PIN = "PIN",
+    MONEY = "MONEY",
+    IDEA = "IDEA",
+    OFFER = "OFFER",
+    FAVORITE = "FAVORITE",
+    FOLLOW_UP = "FOLLOW_UP",
+    STAR = "STAR",
+    COINS = "COINS",
+    CHECK = "CHECK",
+    LIKE = "LIKE",
+    MAP = "MAP",
+    ADD = "ADD",
+    APPLICATION = "APPLICATION",
+    BABY = "BABY",
+    BOOKMARK = "BOOKMARK",
+    CONVERSATION = "CONVERSATION",
+    CANCEL = "CANCEL",
+    DAD = "DAD",
+    DATETIME = "DATETIME",
+    FILE = "FILE",
+    HOME = "HOME",
+    INFORMATION = "INFORMATION",
+    MAIL = "MAIL",
+    MOM = "MOM",
+    NO = "NO",
+    NOTE = "NOTE",
+    YES = "YES",
+    FENCE = "FENCE",
+    BUILDING = "BUILDING"
+}
+
+interface IFigureLoad {
+    size: Size;
+    type: Type$3;
+    screenReaderText: string;
+}
+interface IFigure extends IFigureLoad {
+    context?: Context$s;
+}
+
+interface IChoiceBase {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+    ariaLabel?: string;
+    label: string;
+    name: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    icon: React.ReactElement<IIcon | IFigure>;
+}
+interface ChoiceProps extends IChoiceBase {
+    context?: Context$t;
+}
+
+declare const Choice: ({ context, onChange, value, ariaLabel, label, name, checked, defaultChecked, icon, }: ChoiceProps) => React$1.JSX.Element;
+
+declare enum Context$r {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IFeature {
+    context?: Context$r;
+    withIconBefore?: React__default.ReactElement<IIcon>;
+    label: string;
+}
+
+declare const Feature: ({ context, label, withIconBefore }: IFeature) => React$1.JSX.Element;
+
+declare enum Context$q {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IFrame {
+    context?: Context$q;
+    around: React__default.ReactElement<IIcon | IFigure>;
+    color?: ColorKey;
+    split?: ColorKey | false;
+    tint?: ColorVariantKey;
+}
+
+declare const Frame: ({ context, around, color, split, tint, }: IFrame) => React$1.JSX.Element;
+
+declare enum Context$p {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+declare enum HtmlHeading {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6"
+}
+type HtmlHeadingKey = HtmlHeading.H1 | HtmlHeading.H2 | HtmlHeading.H3 | HtmlHeading.H4 | HtmlHeading.H5 | HtmlHeading.H6;
+interface IHeading {
+    context?: Context$p;
+    id?: string;
+    title: string;
+    children?: string;
+    htmlType?: HtmlHeadingKey;
+    size?: TypographyFontKey;
+    font?: TypographyFontsKey;
+}
+
+declare const Heading: ({ id, title, children, htmlType, size, font, context, }: IHeading) => React__default.JSX.Element;
+
+declare enum Context$o {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+declare enum Context$n {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+declare enum TextDecoration {
+    NONE = "NONE",
+    UNDERLINE = "UNDERLINE",
+    LINE_THROUGH = "LINE_THROUGH"
+}
+
+interface IPlainText {
+    children?: string;
+    context?: Context$n;
+    size?: TypographyFontKey;
+    font?: TypographyFontsKey;
+    fontWeight?: TypographyFontWeightKey;
+    textDecoration?: TextDecoration;
+}
+
+interface IInformation {
+    context?: Context$o;
+    text: React__default.ReactElement<IPlainText>;
+    frame?: React__default.ReactElement<IFrame>;
+}
+
+declare const Information: ({ context, text, frame }: IInformation) => React$1.JSX.Element;
+
+declare enum Context$m {
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IInputBase {
+    defaultValue?: string;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onBlur?: (e: React__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    value?: string;
+    placeholder?: string;
+    multiline?: boolean;
+    rows: number;
+    ariaLabel?: string;
+    name: string;
+    withIconBefore?: React__default.ReactElement<IIcon>;
+    withIconAfter?: React__default.ReactElement<IIcon>;
+}
+interface InputProps extends IInputBase {
+    context?: Context$m;
+}
+
+declare const Input: ({ defaultValue, onChange, onBlur, value, placeholder, multiline, rows, ariaLabel, name, context, withIconBefore, withIconAfter, }: InputProps) => React$1.JSX.Element;
+
+declare enum Context$l {
+    STANDARD = "STANDARD",
+    UI = "UI",
+    SKELETON = "SKELETON"
+}
+
+interface ILink {
+    id: string;
+    title: string;
+    ariaLabel: string;
+    children?: string;
+    context?: Context$l;
+    withIconBefore?: React__default.ReactElement<IIcon>;
+    withIconAfter?: React__default.ReactElement<IIcon>;
+}
+
+declare const Link: ({ id, title, ariaLabel, children, context, withIconBefore, withIconAfter, }: ILink) => React__default.JSX.Element;
+
+declare enum Context$k {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+declare enum Type$2 {
+    STANDARD = "STANDARD",
+    NUMBERED = "NUMBERED"
+}
+
+interface IListBase {
+    type?: Type$2;
+    children?: React__default.ReactNode;
+}
+interface ListProps extends IListBase {
+    context?: Context$k;
+}
+interface IListItemBase {
+    children?: React__default.ReactNode;
+}
+interface ListItemThemeableProps extends IListItemBase {
+}
+
+declare const List: {
+    ({ context, type, children }: ListProps): React$1.JSX.Element;
+    Item: ({ children }: ListItemThemeableProps) => React$1.JSX.Element;
+};
+
+declare const Logo: ({ srcset, context, alt, ariaLabel }: ILogo) => React__default.JSX.Element;
+
+declare enum Context$j {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface INotification {
+    number: number;
+    context?: Context$j;
+}
+
+declare const Notification: ({ number, context }: INotification) => React$1.JSX.Element;
+
+declare enum Context$i {
+    STANDARD = "STANDARD",
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    SKELETON = "SKELETON"
+}
+
+interface IPickBase {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+    ariaLabel?: string;
+    label: string;
+    name: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    icon: React.ReactElement<IIcon | IFigure>;
+}
+interface PickProps extends IPickBase {
+    context?: Context$i;
+}
+
+declare const Pick: ({ context, onChange, value, ariaLabel, label, name, checked, defaultChecked, icon, }: PickProps) => React$1.JSX.Element;
+
+declare enum Context$h {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IPill {
+    context?: Context$h;
+    label: string;
+    withIconBefore?: React__default.ReactElement<IIcon>;
+}
+
+declare const Pill: ({ context, withIconBefore, label }: IPill) => React$1.JSX.Element;
+
+declare enum Context$g {
+    STANDARD = "STANDARD"
+}
+declare enum Type$1 {
+    DAYCARE = "DAYCARE",
+    CHILDMINDER = "CHILDMINDER",
+    COOPERATIVE = "COOPERATIVE"
+}
+
+interface IPin {
+    context?: Context$g;
+    type: Type$1;
+}
+
+declare const Pin: ({ context, type }: IPin) => React__default.JSX.Element;
+
+declare const PlainText: ({ children, context, size, font, fontWeight, textDecoration, }: IPlainText) => React__default.JSX.Element;
+
+declare enum Context$f {
+    STANDARD = "STANDARD",
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    SKELETON = "SKELETON"
+}
+
+interface IRadioBase {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+    ariaLabel?: string;
+    label: string;
+    name: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+}
+interface RadioProps extends IRadioBase {
+    context?: Context$f;
+}
+
+declare const Radio: ({ context, onChange, value, ariaLabel, label, name, checked, defaultChecked, }: RadioProps) => React$1.JSX.Element;
+
+declare enum Context$e {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IRecord {
+    context?: Context$e;
+    withIconBefore?: React__default.ReactElement<IIcon>;
+    label: string;
+    value: string | React__default.ReactNode;
+}
+
+declare const Record: ({ context, label, value, withIconBefore }: IRecord) => React$1.JSX.Element;
+
+declare enum Context$d {
+    SEND = "SEND",
+    PROCESSING = "PROCESSING",
+    PROPOSAL = "PROPOSAL",
+    ACCEPTED = "ACCEPTED",
+    REFUSED = "REFUSED",
+    SKELETON = "SKELETON"
+}
+
+interface IStatusCompact {
+    context?: Context$d;
+}
+interface IStatus {
+    context?: Context$d;
+    label: string;
+}
+
+declare const StatusCompact: ({ context }: IStatusCompact) => React$1.JSX.Element;
+declare const Status: ({ context, label }: IStatus) => React$1.JSX.Element;
+
+declare enum Context$c {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface ITerm {
+    context?: Context$c;
+    frame: React__default.ReactElement<IFrame>;
+    label: React__default.ReactElement<IPlainText>;
+    description: React__default.ReactElement<IPlainText>;
+}
+
+declare const Term: ({ context, label, description, frame }: ITerm) => React$1.JSX.Element;
+
+declare enum Context$b {
+    STANDARD = "STANDARD"
+}
+
+interface ITerminal {
+    context?: Context$b;
+}
+
+declare const Terminal: ({ context }: ITerminal) => React__default.JSX.Element;
+
+declare enum Context$a {
+    STANDARD = "STANDARD",
+    DISABLED = "DISABLED",
+    ERROR = "ERROR",
+    SKELETON = "SKELETON"
+}
+
+interface IYesNoBase {
+    onChange?: (yesNo: boolean) => void;
+    ariaYesLabel?: string;
+    ariaNoLabel?: string;
+    yesLabel: string;
+    noLabel: string;
+    name: string;
+    defaultChecked?: boolean;
+}
+interface YesNoProps extends IYesNoBase {
+    context?: Context$a;
+}
+
+declare const YesNo: ({ context, onChange, ariaYesLabel, ariaNoLabel, yesLabel, noLabel, name, defaultChecked, }: YesNoProps) => React$1.JSX.Element;
+
+declare enum Context$9 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IDetailsBase {
+    children?: React.ReactNode;
+}
+interface DetailsProps extends IDetailsBase {
+    context?: Context$9;
+}
+interface DetailsHeaderThemeableProps {
+    title: string;
+    children?: React.ReactNode;
+}
+interface DetailsContentThemeableProps {
+    children?: React.ReactNode;
+}
+
+declare const Details: {
+    ({ children, context }: DetailsProps): React$1.JSX.Element;
+    Header: ({ title, children }: DetailsHeaderThemeableProps) => React$1.JSX.Element;
+    Content: ({ children }: DetailsContentThemeableProps) => React$1.JSX.Element;
+};
+
+declare enum Context$8 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IFaqBase {
+    children?: React.ReactNode;
+}
+interface FaqProps extends IFaqBase {
+    context?: Context$8;
+}
+interface FaqHeaderThemeableProps {
+    title: string;
+}
+interface FaqContentThemeableProps {
+    children?: React.ReactNode;
+}
+
+declare const Faq: {
+    ({ children, context }: FaqProps): React$1.JSX.Element;
+    Header: ({ title }: FaqHeaderThemeableProps) => React$1.JSX.Element;
+    Content: ({ children }: FaqContentThemeableProps) => React$1.JSX.Element;
+};
+
+declare enum Context$7 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IFeatures {
+    context?: Context$7;
+    children: React__default.ReactElement<IFeature> | React__default.ReactElement<IFeature>[];
+}
+
+declare const Features: ({ context, children }: IFeatures) => React$1.JSX.Element;
+
+declare enum Context$6 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+declare enum ItemType {
+    LINK = "LINK",
+    BUTTON = "BUTTON"
+}
+
+interface IProfileNavigationBase {
+    children?: ReactElement<ProfileNavigationItemThemeableProps> | ReactElement<ProfileNavigationItemThemeableProps>[];
+}
+interface ProfileNavigationProps extends IProfileNavigationBase {
+    context?: Context$6;
+}
+interface ProfileNavigationItemThemeableProps {
+    label: string;
+    icon: Type$4;
+    type: ItemType;
+    onClick?: () => void;
+    count?: number;
+    isHighlighted?: boolean;
+}
+
+declare const ProfileNavigation: {
+    ({ context, children, }: ProfileNavigationProps): React$1.JSX.Element;
+    Item: ({ icon, label, onClick, count, type, isHighlighted, }: ProfileNavigationItemThemeableProps) => React$1.JSX.Element;
+};
+
+declare enum Context$5 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IRecords {
+    context?: Context$5;
+    children: React__default.ReactElement<IRecord> | React__default.ReactElement<IRecord>[];
+}
+
+declare const Records: ({ context, children }: IRecords) => React$1.JSX.Element;
+
+declare enum Context$4 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+interface IStatusList {
+    context?: Context$4;
+    children?: ReactElement<IStatusCompact> | ReactElement<IStatusCompact>[];
+    withCount: boolean;
+}
+
+declare const StatusList: ({ children, context, withCount }: IStatusList) => React$1.JSX.Element;
+
+declare enum Context$3 {
+    STANDARD = "STANDARD",
+    SKELETON = "SKELETON"
+}
+
+type IPointOnMap = {
+    key: string;
+    marker: React__default.ReactElement;
+    details: React__default.ReactElement;
+    latLng: google.maps.LatLngLiteral;
+};
+interface IMap {
+    context?: Context$3;
+    children: ReactElement;
+}
+interface ILocationBasedMapBase {
+    points?: IPointOnMap[];
+    mapId: string;
+    origin: IPointOnMap;
+}
+interface IRouteBasedMapBase {
+    origin: IPointOnMap;
+    destination: IPointOnMap;
+    directions: google.maps.DirectionsResult;
+    points?: IPointOnMap[];
+    mapId: string;
+}
+
+declare const Map: {
+    ({ context, children }: IMap): React__default.JSX.Element;
+    Location: ({ points, mapId, origin }: ILocationBasedMapBase) => React__default.JSX.Element;
+    Route: ({ destination, mapId, origin, directions, }: IRouteBasedMapBase) => React__default.JSX.Element;
+};
+
+interface IBackdrop {
+    onClick?: () => void;
+}
+interface IBackdropManager {
+    onClick?: () => void;
+    children?: React__default.ReactNode;
+}
+
+declare const Backdrop: ({ onClick }: IBackdrop) => React__default.ReactPortal;
+declare const BackdropManagerCtx: React__default.Context<{
+    backdropped: boolean;
+    setBackdropped: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}>;
+declare const BackdropManager: ({ children, onClick }: IBackdropManager) => React__default.JSX.Element;
+
+declare const Blur: ({ children }: PropsWithChildren) => React__default.JSX.Element;
+declare const BlurCtx: React__default.Context<{
+    blurred: boolean;
+    setBlurred: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}>;
+declare const BlurManager: ({ children }: PropsWithChildren) => React__default.JSX.Element;
+
+declare enum Context$2 {
+    STANDARD = "STANDARD"
+}
+
+interface ICollapsable {
+    context?: Context$2;
+    content: React__default.ReactNode;
+    additional: React__default.ReactNode;
+    withContentExpand: React__default.ReactNode;
+    withContentCollapse?: React__default.ReactNode;
+}
+
+declare const Collapsable: ({ context, content, additional, withContentExpand, withContentCollapse, }: ICollapsable) => React$1.JSX.Element;
+
+declare enum Context$1 {
+    NEUTRAL = "NEUTRAL",
+    SURFACE = "SURFACE",
+    PRIMARY = "PRIMARY",
+    SUPPORTING = "SUPPORTING",
+    ACCENT = "ACCENT",
+    SKELETON = "SKELETON"
+}
+declare enum Type {
+    NORMAL = "NORMAL",
+    QUIRKY = "QUIRKY"
+}
+
+interface IContainer {
+    children?: React__default.ReactNode | React__default.ReactNode[] | string;
+    type?: Type;
+    radius?: RadiusKey;
+    lifted?: boolean;
+    fullWidth?: boolean;
+    tint?: ColorVariantKey;
+    padding?: SpacingKey;
+    context?: Context$1;
+}
+
+declare const Container: ({ children, type, radius, tint, lifted, padding, fullWidth, context, }: IContainer) => React__default.JSX.Element;
+
+declare enum Context {
+    STANDARD = "STANDARD"
+}
+
+interface IDrawerManager {
+    children?: React__default.ReactNode;
+    drawer?: React__default.ReactNode;
+}
+interface IDrawer {
+    context?: Context;
+    children?: React__default.ReactNode;
+}
+
+declare const Drawer: ({ context, children }: IDrawer) => React__default.ReactPortal;
+declare const DrawerManagerCtx: React__default.Context<{
+    visible: boolean;
+    setVisible: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}>;
+declare const DrawerManager: ({ children, drawer }: IDrawerManager) => React__default.JSX.Element;
+
+interface GridProps {
+    direction?: "row" | "column";
+    alignItems?: "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
+    justify?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+    children: React.ReactNode;
+    gap?: SpacingKey;
+    smBreakpoint?: number;
+    mdBreakpoint?: number;
+    lgBreakpoint?: number;
+    xlBreakpoint?: number;
+    xxlBreakpoint?: number;
+}
+interface GridItemProps {
+    children: React.ReactNode;
+    initial?: number | "auto";
+    sm?: number | "auto";
+    md?: number | "auto";
+    lg?: number | "auto";
+    xl?: number | "auto";
+    xxl?: number | "auto";
+}
+
+declare const Grid: {
+    ({ children, direction, alignItems, justify, gap, smBreakpoint, mdBreakpoint, lgBreakpoint, xlBreakpoint, xxlBreakpoint, }: GridProps): React__default.JSX.Element;
+    Item: ({ initial, sm, md, lg, xl, xxl, children }: GridItemProps) => React__default.JSX.Element;
+};
+
+interface IModalManager {
+    children?: React__default.ReactNode;
+    modal?: React__default.ReactNode;
+}
+interface IModal {
+    children?: React__default.ReactNode;
+}
+
+declare const Modal: ({ children }: IModal) => React__default.ReactPortal;
+declare const ModalManagerCtx: React__default.Context<{
+    visible: boolean;
+    setVisible: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}>;
+declare const ModalManager: ({ children, modal }: IModalManager) => React__default.JSX.Element;
+
+interface IOverlayManager {
+    children?: React__default.ReactNode;
+    overlay?: React__default.ReactNode;
+    header?: React__default.ReactNode;
+    close: React__default.ReactNode;
+}
+interface IOverlay {
+    context?: Context;
+    children?: React__default.ReactNode;
+    header?: React__default.ReactNode;
+    close: React__default.ReactNode;
+}
+
+declare const Overlay: ({ context, children, header, close }: IOverlay) => React__default.ReactPortal;
+declare const OverlayManagerCtx: React__default.Context<{
+    visible: boolean;
+    setVisible: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}>;
+declare const OverlayManager: ({ children, overlay, header, close, }: IOverlayManager) => React__default.JSX.Element;
+
+declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => React__default.JSX.Element;
+
+declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => React__default.JSX.Element;
+
+interface IGoogleApiComponent extends IGoogleApiComponentBase {
+    children?: ReactElement;
+}
+interface IGoogleApiComponentBase {
+    apiKey: string;
+    onLoad?: () => void;
+}
+
+declare const GoogleAPIComponent: ({ children, apiKey, onLoad, }: IGoogleApiComponent) => ReactElement;
+
+declare const GoogleApiServiceDirections: ({ children }: PropsWithChildren) => React__default.JSX.Element;
+
+export { Backdrop, BackdropManager, BackdropManagerCtx, Badge, Blur, BlurCtx, BlurManager, Brand, Button, Checkbox, Choice, Collapsable, Container, Details, Drawer, DrawerManager, DrawerManagerCtx, Faq, Feature, Features, Figure, Frame, GoogleAPIComponent, GoogleApiServiceDirections, Grid, Heading, Icon, Information, Input, Link, List, Logo, Map, Modal, ModalManager, ModalManagerCtx, Notification, Overlay, OverlayManager, OverlayManagerCtx, Pick, Pill, Pin, PlainText, ProfileNavigation, Radio, Record, Records, Status, StatusCompact, StatusList, Term, Terminal, YesNo };