Release v0.2.4 (#197)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

.babelrc.json

@@ -1,16 +0,0 @@
-{
-  "sourceType": "unambiguous",
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "chrome": 100
-        }
-      }
-    ],
-    "@babel/preset-typescript",
-    "@babel/preset-react"
-  ],
-  "plugins": []
-}

.dockerignore

@@ -1,6 +0,0 @@
-.git
-*.md
-LICENSE
-.vscode/
-.idea/
-.env*

.github/hero.svg

@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" role="img" aria-label="mds">
-<rect width="1280" height="640" fill="#0A0A0A"/>
-<svg x="96" y="215" width="210" height="210" viewBox="0 0 67 67"><path d="M22.21 67V44.6369H0V67H22.21Z" fill="#fff"/><path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#fff"/><path d="M22.21 0H0V22.3184H22.21V0Z" fill="#fff"/><path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#fff"/><path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#fff"/></svg>
-<text x="378" y="276" font-family="Inter,system-ui,-apple-system,sans-serif" font-size="78" font-weight="800" letter-spacing="-2" fill="#ffffff">mds</text>
-<text x="378" y="322" font-family="Inter,system-ui,sans-serif" font-size="30" fill="#ffffff" opacity=".66">MinIO Design System is a common library of all the UI design elements.</text>
-<rect x="378" y="338" width="806" height="3" rx="1.5" fill="#ffffff" opacity=".9"/>
-<text x="378" y="390" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">github.com/hanzoai</text>
-<text x="1184" y="390" text-anchor="end" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">hanzo.ai</text>
-</svg>

.github/workflows/deployer.yml

@@ -1,16 +0,0 @@
-name: Docker
-on:
-  workflow_dispatch:
-  push:
-    branches: [main, dev, test]
-    tags: ['v*']
-permissions:
-  contents: read
-  packages: write
-  id-token: write
-jobs:
-  docker:
-    uses: hanzoai/.github/.github/workflows/docker-build.yml@main
-    with:
-      image: ghcr.io/hanzoai/mds
-    secrets: inherit

.github/workflows/jobs.yml

@@ -20,33 +20,36 @@ jobs:
       matrix:
         os: [ubuntu-latest]
     steps:
-      - name: Check out Code
-        uses: actions/checkout@v3
-
-      - name: Read .nvmrc
-        id: node_version
-        run: echo "$(cat .nvmrc)" && echo "NVMRC=$(cat .nvmrc)" >> $GITHUB_ENV
-
-      - uses: actions/setup-node@v4
-        with:
-          node-version: ${{ env.NVMRC }}
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
-        with:
-          version: 9.15.0
+      - uses: actions/checkout@v2
 
       - name: Install Dependencies
         continue-on-error: false
         run: |
-          pnpm install
+          yarn install
 
       - name: Check if build is correct
         continue-on-error: false
         run: |
-          pnpm build
+          yarn build
 
       - name: Check if Files are Prettified
         continue-on-error: false
         run: |
           ./check-prettier.sh
+
+  run-components-tests:
+    name: "Components validation tests"
+    needs:
+      - review-warnings-and-build
+    runs-on: ${{ matrix.os }}
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Install Dependencies
+        run: yarn install
+
+      - name: Run Jest Tests
+        run: yarn test

.github/workflows/workflow-sanity.yml

@@ -1,7 +0,0 @@
-name: Workflow Sanity
-on:
-  pull_request:
-    paths: ['.github/workflows/**']
-jobs:
-  sanity:
-    uses: hanzoai/.github/.github/workflows/workflow-sanity.yml@main

.gitignore

@@ -1,22 +1,13 @@
-
-!.yarn/cache
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
-.DS_Store
-.env.development.local
-.env.local
-.env.production.local
-.env.test.local
-.idea/
-.yarn/*
-**/dist/
 # dependencies
-# misc
-dist/
 node_modules/
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

.nvmrc

@@ -1 +0,0 @@
-18

.storybook/main.js

@@ -1,34 +1,13 @@
-import remarkGfm from "remark-gfm";
-
 module.exports = {
-  stories: ["../src/**/**/*.mdx", "../src/**/**/*.stories.@(js|jsx|ts|tsx)"],
-  core: {
-    disableTelemetry: true,
-  },
+  stories: [
+    "../src/**/**/*.stories.mdx",
+    "../src/**/**/*.stories.@(js|jsx|ts|tsx)",
+  ],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "storybook-dark-mode",
-    {
-      name: "@storybook/addon-docs",
-      options: {
-        mdxPluginOptions: {
-          mdxCompileOptions: {
-            remarkPlugins: [remarkGfm],
-          },
-        },
-      },
-    },
-    "@storybook/addon-webpack5-compiler-babel",
-    "@chromatic-com/storybook",
   ],
-  framework: {
-    name: "@storybook/react-webpack5",
-    options: {},
-  },
-  docs: {},
-  typescript: {
-    reactDocgen: "react-docgen-typescript",
-  },
+  framework: "@storybook/react",
 };

.storybook/preview.js

@@ -2,7 +2,7 @@ import { themes } from "@storybook/theming";
 import { darkColors, lightColors } from "../src/global/themes";
 
 export const parameters = {
-  actions: {},
+  actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
     matchers: {
       color: /(background|color)$/i,
@@ -38,4 +38,3 @@ export const parameters = {
     },
   },
 };
-export const tags = ["autodocs"];

.yarnrc.yml

@@ -1 +0,0 @@
-nodeLinker: node-modules

AGENTS.md

@@ -1 +0,0 @@
-LLM.md

CLAUDE.md

@@ -1 +0,0 @@
-LLM.md

Dockerfile

@@ -1,2 +1,3 @@
-FROM ghcr.io/hanzoai/spa:1.4.8
-COPY docs /public
+FROM nginx
+
+COPY docs /usr/share/nginx/html

LLM.md

@@ -1,36 +0,0 @@
-# Hanzo Mds
-
-## Overview
-A MinIO Components Library
-
-## Tech Stack
-- **Language**: TypeScript/JavaScript
-
-## Build & Run
-```bash
-npm install && npm run build
-npm test
-```
-
-## Structure
-```
-mds/
-  Dockerfile
-  LICENSE
-  Makefile
-  README.md
-  check-prettier.sh
-  check-warnings.sh
-  jest.config.js
-  nginx.conf
-  package.json
-  rollup.config.mjs
-  src/
-  tsconfig.json
-```
-
-## Key Files
-- `README.md` -- Project documentation
-- `package.json` -- Dependencies and scripts
-- `Makefile` -- Build automation
-- `Dockerfile` -- Container build

Makefile

@@ -1,13 +1,10 @@
 default: build
 
 build:
-	@(pnpm install; pnpm build;)
+	@(yarn install; yarn build;)
 
 lint:
-	@(pnpm prettier --write . --loglevel warn; cd ..)
+	@(yarn prettier --write . --loglevel warn; cd ..)
 
 test:
-	@(pnpm install; pnpm test;)
-
-test-warnings:
-	./check-warnings.sh
+	@(yarn install; yarn test;)

README.md

@@ -1,5 +1,3 @@
-<p align="center"><img src=".github/hero.svg" alt="mds" width="880"></p>
-
 # MinIO Design System
 
 The MinIO Design System is a design specification for all UI elements used in MinIO products.

check-warnings.sh

@@ -1,19 +0,0 @@
-#!/bin/bash
-
-yell() { echo "$0: $*" >&2; }
-
-die() {
-  yell "$*"
-  cat yarn.log
-  exit 111
-}
-
-try() { "$@" &> yarn.log || die "cannot $*"; }
-
-rm -f yarn.log
-try make build
-
-if cat yarn.log | grep "Compiled with warnings"; then
-  echo "There are warnings in the code"
-  exit 1
-fi

dist/assets/fonts/Inter/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

dist/cjs/types/components/ApplicationLogo/ApplicationLogo.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ApplicationLogoProps } from "./ApplicationLogo.types";
+declare const ApplicationLogo: FC<ApplicationLogoProps>;
+export default ApplicationLogo;

dist/cjs/types/components/ApplicationLogo/ApplicationLogo.types.d.ts

@@ -0,0 +1,11 @@
+export interface ApplicationLogoProps {
+  applicationName:
+    | "console"
+    | "operator"
+    | "directpv"
+    | "kes"
+    | "subnet"
+    | "subnetops";
+  subVariant?: "simple" | "AGPL" | "standard" | "enterprise";
+  inverse?: boolean;
+}

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleAGPL.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleAGPL: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleAGPL;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleEnterprise.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleEnterprise: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleEnterprise;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleSingle.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleSingle: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleSingle;

dist/cjs/types/components/ApplicationLogo/Logos/Console/ConsoleStandard.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const ConsoleStandard: FC<SVGProps<any> & LogoBaseProps>;
+export default ConsoleStandard;

dist/cjs/types/components/ApplicationLogo/Logos/DirectPV/DirectPV.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const DirectPV: FC<SVGProps<any> & LogoBaseProps>;
+export default DirectPV;

dist/cjs/types/components/ApplicationLogo/Logos/KES/KES.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const KES: FC<SVGProps<any> & LogoBaseProps>;
+export default KES;

dist/cjs/types/components/ApplicationLogo/Logos/LogoBase/LogoBase.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LogoBaseProps } from "./LogoBase.types";
+declare const LogoBase: import("styled-components").StyledComponent<
+  "svg",
+  any,
+  React.SVGProps<any> & LogoBaseProps,
+  never
+>;
+export default LogoBase;

dist/cjs/types/components/ApplicationLogo/Logos/LogoBase/LogoBase.types.d.ts

@@ -0,0 +1,3 @@
+export interface LogoBaseProps {
+  inverse?: boolean;
+}

dist/cjs/types/components/ApplicationLogo/Logos/Operator/Operator.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const Operator: FC<SVGProps<any> & LogoBaseProps>;
+export default Operator;

dist/cjs/types/components/ApplicationLogo/Logos/SUBNET/SUBNET.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const SUBNET: FC<SVGProps<any> & LogoBaseProps>;
+export default SUBNET;

dist/cjs/types/components/ApplicationLogo/Logos/SubnetOPS/SubnetOPS.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from "react";
+import { LogoBaseProps } from "../LogoBase/LogoBase.types";
+declare const DirectPV: FC<SVGProps<any> & LogoBaseProps>;
+export default DirectPV;

dist/cjs/types/components/BackLink/BackLink.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { BackLinkProps } from "./BackLink.types";
+declare const BackLink: FC<BackLinkProps>;
+export default BackLink;

dist/cjs/types/components/BackLink/BackLink.types.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { CSSProperties } from "styled-components";
+export interface BackLinkProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  sx?: CSSProperties;
+  label?: string;
+}

dist/cjs/types/components/Button/Button.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from "react";
+import { ButtonProps } from "./Button.types";
+declare const Button: FC<
+  ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>
+>;
+export default Button;

dist/cjs/types/components/Button/Button.types.d.ts

@@ -0,0 +1,19 @@
+import { MouseEventHandler, ReactNode } from "react";
+import { CSSObject } from "styled-components";
+export interface ButtonProps {
+  id: string;
+  name?: string;
+  label?: string;
+  variant?: "regular" | "callAction" | "secondary" | "text";
+  icon?: ReactNode;
+  iconLocation?: "start" | "end";
+  fullWidth?: boolean;
+  disabled?: boolean;
+  collapseOnSmall?: boolean;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  children?: ReactNode | string;
+  sx?: CSSObject;
+}
+export interface ConstructProps {
+  parentChildren: ReactNode | string | undefined;
+}

dist/cjs/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from "react";
+import { CheckboxProps } from "./Checkbox.types";
+declare const Checkbox: FC<
+  CheckboxProps & React.InputHTMLAttributes<HTMLInputElement>
+>;
+export default Checkbox;

dist/cjs/types/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from "react";
+import { CSSObject } from "styled-components";
+export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
+  label?: string;
+  tooltip?: string;
+  overrideLabelClasses?: string;
+  overrideCheckboxStyles?: CSSObject;
+  noTopMargin?: boolean;
+}

dist/cjs/types/components/DataTable/DataTable.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { DataTableProps } from "./DataTable.types";
+declare const DataTable: FC<DataTableProps>;
+export default DataTable;

dist/cjs/types/components/DataTable/DataTable.types.d.ts

@@ -0,0 +1,77 @@
+import React, { HTMLAttributes } from "react";
+export interface ItemActions {
+  label?: string;
+  type: string | any;
+  sendOnlyId?: boolean;
+  disableButtonFunction?: (itemValue: any) => boolean;
+  showLoaderFunction?: (itemValue: any) => boolean;
+  onClick?(valueToSend: any): any;
+}
+export interface IColumns {
+  label: string;
+  elementKey?: string;
+  renderFunction?: (input: any) => any;
+  renderFullObject?: boolean;
+  globalClass?: any;
+  rowClass?: any;
+  width?: number;
+  headerTextAlign?: string;
+  contentTextAlign?: string;
+  enableSort?: boolean;
+}
+export interface IInfiniteScrollConfig {
+  loadMoreRecords: (indexElements: {
+    startIndex: number;
+    stopIndex: number;
+  }) => Promise<any>;
+  recordsCount: number;
+}
+export interface ISortConfig {
+  triggerSort: (val: any) => any;
+  currentSort: string;
+  currentDirection: "ASC" | "DESC" | undefined;
+}
+export interface DataTableProps {
+  itemActions?: ItemActions[] | null;
+  columns: IColumns[];
+  onSelect?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  idField?: string;
+  isLoading?: boolean;
+  loadingMessage?: React.ReactNode;
+  records: any[];
+  entityName?: string;
+  selectedItems?: string[];
+  customEmptyMessage?: string;
+  customPaperHeight?: string;
+  noBackground?: boolean;
+  columnsSelector?: boolean;
+  textSelectable?: boolean;
+  columnsShown?: string[];
+  onColumnChange?: (column: string, state: boolean) => any;
+  autoScrollToBottom?: boolean;
+  infiniteScrollConfig?: IInfiniteScrollConfig;
+  sortConfig?: ISortConfig;
+  disabled?: boolean;
+  onSelectAll?: () => void;
+  rowStyle?: ({
+    index,
+  }: {
+    index: number;
+  }) => "deleted" | "" | React.CSSProperties;
+  parentClassName?: string;
+}
+export interface DataTableWrapperProps extends HTMLAttributes<HTMLDivElement> {
+  disabled?: boolean;
+  customPaperHeight?: string | number;
+  noBackground?: boolean;
+}
+export interface IActionButton {
+  label?: string;
+  type: string | React.ReactNode;
+  onClick?: (id: string) => any;
+  valueToSend: any;
+  selected: boolean;
+  sendOnlyId?: boolean;
+  idField: string;
+  disabled: boolean;
+}

dist/cjs/types/components/DataTable/DataTable.utils.d.ts

@@ -0,0 +1,25 @@
+import { IColumns, ItemActions } from "./DataTable.types";
+export declare const selectWidth = 45;
+export declare const generateColumnsMap: (
+  columns: IColumns[],
+  containerWidth: number,
+  actionsWidth: number,
+  hasSelect: boolean,
+  hasActions: boolean,
+  selectedItems: string[],
+  idField: string,
+  columnsSelector: boolean,
+  columnsShown: string[],
+  sortColumn: string,
+  sortDirection: "ASC" | "DESC" | undefined
+) => (JSX.Element | null)[];
+export declare const elementActions: (
+  actions: ItemActions[],
+  valueToSend: any,
+  selected: boolean,
+  idField: string
+) => (JSX.Element | null)[];
+export declare const calculateOptionsSize: (
+  containerWidth: number,
+  totalOptions: number
+) => number;

dist/cjs/types/components/DataTable/TableActionButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { IActionButton } from "./DataTable.types";
+declare const TableActionButton: FC<IActionButton>;
+export default TableActionButton;

dist/cjs/types/components/GlobalStyles/GlobalStyles.d.ts

@@ -0,0 +1,5 @@
+declare const GlobalStyles: import("styled-components").GlobalStyleComponent<
+  {},
+  import("styled-components").DefaultTheme
+>;
+export default GlobalStyles;

dist/cjs/types/components/Grid/Grid.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { GridProps } from "./Grid.types";
+declare const Grid: FC<GridProps>;
+export default Grid;

dist/cjs/types/components/Grid/Grid.types.d.ts

@@ -0,0 +1,35 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { CSSObject } from "styled-components";
+interface GridCommonProps extends HTMLAttributes<HTMLDivElement> {
+  children?: ReactNode;
+  sx?: CSSObject;
+}
+type ConditionalProps =
+  | {
+      container?: boolean;
+      item?: never;
+      wrap?: "nowrap" | "wrap-reverse" | "wrap";
+      direction?: "column-reverse" | "column" | "row-reverse" | "row";
+      columnSpacing?: number;
+      rowSpacing?: number;
+      xs?: never;
+      sm?: never;
+      md?: never;
+      lg?: never;
+      xl?: never;
+    }
+  | {
+      container?: never;
+      item?: boolean;
+      wrap?: never;
+      direction?: never;
+      columnSpacing?: never;
+      rowSpacing?: never;
+      xs?: "auto" | "hidden" | number | boolean;
+      sm?: "auto" | "hidden" | number | boolean;
+      md?: "auto" | "hidden" | number | boolean;
+      lg?: "auto" | "hidden" | number | boolean;
+      xl?: "auto" | "hidden" | number | boolean;
+    };
+export type GridProps = GridCommonProps & ConditionalProps;
+export {};

dist/cjs/types/components/HelpBox/HelpBox.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { HelpBoxProps } from "./HelpBox.types";
+declare const HelpBox: FC<HelpBoxProps>;
+export default HelpBox;

dist/cjs/types/components/HelpBox/HelpBox.types.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface HelpBoxProps {
+  iconComponent: any;
+  title: string | React.ReactNode;
+  help: any;
+}

dist/cjs/types/components/IconButton/IconButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { IconButtonProps } from "./IconButton.types";
+declare const IconButton: FC<IconButtonProps>;
+export default IconButton;

dist/cjs/types/components/IconButton/IconButton.types.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface IconButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  label?: string;
+  size?: "small" | "medium" | "large" | string;
+  sx?: CSSObject;
+  children: React.ReactNode;
+}

dist/cjs/types/components/Icons/AGPLV3DarkLogo.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AGPLV3DarkLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AGPLV3DarkLogo;

dist/cjs/types/components/Icons/AGPLV3LightLogo.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AGPLV3LightLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AGPLV3LightLogo;

dist/cjs/types/components/Icons/AGPLV3Logo.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AGPLV3Logo: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AGPLV3Logo;

dist/cjs/types/components/Icons/AccountIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AccountIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AccountIcon;

dist/cjs/types/components/Icons/AddAccessRuleIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from "react";
+declare const AddAccessRuleIcon: (
+  props: SVGProps<SVGSVGElement>
+) => JSX.Element;
+export default AddAccessRuleIcon;

dist/cjs/types/components/Icons/AddFolderIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AddFolderIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AddFolderIcon;

dist/cjs/types/components/Icons/AddIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AddIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AddIcon;

dist/cjs/types/components/Icons/AddMembersToGroupIcon.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps } from "react";
+declare const AddMembersToGroupIcon: (
+  props: SVGProps<SVGSVGElement>
+) => JSX.Element;
+export default AddMembersToGroupIcon;

dist/cjs/types/components/Icons/AddNewTagIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AddNewTagIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default AddNewTagIcon;