@grantcodes/ui 1.0.0 → 2.0.0-beta.2

package/dist/react.js

@@ -0,0 +1 @@
+import{Avatar as t}from"./components/avatar/avatar.react.js";import{Button as p}from"./components/button/button.react.js";import{ButtonGroup as f}from"./components/button-group/button-group.react.js";import{Card as a}from"./components/card/card.react.js";import{Container as n}from"./components/container/container.react.js";import{CodePreview as d}from"./components/code-preview/code-preview.react.js";import{Dialog as u}from"./components/dialog/dialog.react.js";import{Dropzone as c}from"./components/dropzone/dropzone.react.js";import{FormField as B}from"./components/form-field/form-field.react.js";import{Gallery as F}from"./components/gallery/gallery.react.js";import{Icon as P}from"./components/icon/icon.react.js";import{Loading as b}from"./components/loading/loading.react.js";import{Notice as w}from"./components/notice/notice.react.js";import{Pagination as z}from"./components/pagination/pagination.react.js";import{Tabs as I}from"./components/tabs/tabs.react.js";import{Tooltip as N}from"./components/tooltip/tooltip.react.js";export{t as Avatar,p as Button,f as ButtonGroup,a as Card,d as CodePreview,n as Container,u as Dialog,c as Dropzone,B as FormField,F as Gallery,P as Icon,b as Loading,w as Notice,z as Pagination,I as Tabs,N as Tooltip};

package/package.json

@@ -1,89 +1,85 @@
 {
-  "name": "@grantcodes/ui",
-  "version": "1.0.0",
-  "description": "",
-  "type": "module",
-  "main": "dist/main.cjs",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "author": "grantcodes",
-  "exports": {
-    ".": {
-      "require": "./dist/main.cjs",
-      "import": "./dist/main.js",
-      "types": "./dist/main.d.ts"
-    }
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "watch": "rollup -c -w",
-    "generate": "plop",
-    "fix": "run-s fix:lint",
-    "fix:lint": "ts-standard --fix src",
-    "test": "run-s test:lint test:unit",
-    "test:lint": "ts-standard src",
-    "test:unit": "ava",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "license": "MIT",
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "dependencies": {
-    "@grantcodes/style-dictionary": "^1.1.0",
-    "@radix-ui/react-dialog": "^1.0.2",
-    "@radix-ui/react-label": "^2.0.0",
-    "@radix-ui/react-slot": "^1.0.1",
-    "@radix-ui/react-tabs": "^1.0.1",
-    "@react-aria/button": "^3.6.2",
-    "classnames": "^2.3.2",
-    "react-icons": "^4.6.0",
-    "react-photo-view": "^1.2.2",
-    "react-syntax-highlighter": "^15.5.0",
-    "sanitize.css": "^13.0.0"
-  },
-  "devDependencies": {
-    "@ava/typescript": "^3.0.1",
-    "@babel/core": "^7.19.3",
-    "@grantcodes/commit": "^1.0.7",
-    "@rollup/plugin-commonjs": "^23.0.0",
-    "@rollup/plugin-json": "^5.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-typescript": "^9.0.1",
-    "@storybook/addon-essentials": "^7.0.0-alpha.38",
-    "@storybook/builder-vite": "^7.0.0-alpha.38",
-    "@storybook/react": "^7.0.0-alpha.38",
-    "@storybook/react-vite": "^7.0.0-alpha.38",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.6",
-    "@vitejs/plugin-react": "^2.1.0",
-    "ava": "^4.3.3",
-    "npm-run-all": "^4.1.5",
-    "plop": "^3.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^3.2.3",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-styles": "^4.0.0",
-    "sass": "^1.55.0",
-    "storybook": "^7.0.0-alpha.38",
-    "ts-standard": "^12.0.1",
-    "typescript": "^4.8.4"
-  },
-  "files": [
-    "dist/**/*",
-    "CHANGELOG.md",
-    "README.md",
-    "LICENCE"
-  ],
-  "ava": {
-    "typescript": {
-      "compile": false,
-      "rewritePaths": {
-        "src/": "tmp/tests/"
-      }
-    }
-  }
+	"name": "@grantcodes/ui",
+	"version": "2.0.0-beta.2",
+	"description": "",
+	"type": "module",
+	"main": "dist/main.cjs",
+	"module": "dist/main.js",
+	"types": "dist/main.d.ts",
+	"author": "grantcodes",
+	"exports": {
+		".": {
+			"types": "./dist/main.d.ts",
+			"import": "./dist/main.js",
+			"require": "./dist/main.cjs"
+		},
+		"./react": {
+			"types": "./dist/react.d.ts",
+			"import": "./dist/react.js",
+			"require": "./dist/react.cjs"
+		},
+		"./styles/base.css": {
+			"import": "./dist/css/base.css",
+			"require": "./dist/css/base.css"
+		},
+		"./styles/themes/grantcodes.css": {
+			"import": "./dist/css/themes/grantcodes.css",
+			"require": "./dist/css/themes/grantcodes.css"
+		},
+		"./components/*": {
+			"import": "./dist/components/*",
+			"require": "./dist/components/*"
+		},
+		"./fonts/*": "./dist/fonts/*"
+	},
+	"scripts": {
+		"build": "vite build",
+		"watch": "rollup -c -w",
+		"generate": "plop",
+		"fix": "run-s fix:lint",
+		"fix:lint": "npx @biomejs/biome format --write src",
+		"test": "run-s test:lint test:unit",
+		"test:lint": "npx @biomejs/biome lint src",
+		"test:unit": "ava",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
+	},
+	"license": "MIT",
+	"dependencies": {
+		"@grantcodes/style-dictionary": "^1.1.0",
+		"@lit/react": "^1.0.6",
+		"classnames": "^2.5.1",
+		"lit": "^3.2.1",
+		"react-dom": "^18.3.1",
+		"sanitize.css": "^13.0.0",
+		"shiki": "^1.22.0"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "1.9.2",
+		"@ava/typescript": "^5.0.0",
+		"@babel/core": "^7.25.8",
+		"@grantcodes/commit": "^1.0.7",
+		"@storybook/addon-essentials": "^8.3.6",
+		"@storybook/web-components": "^8.3.6",
+		"@storybook/web-components-vite": "^8.3.6",
+		"ava": "^6.1.3",
+		"lucide-static": "^0.453.0",
+		"npm-run-all": "^4.1.5",
+		"plop": "^4.0.1",
+		"rollup": "^4.24.0",
+		"sass": "^1.80.3",
+		"storybook": "^8.3.6",
+		"typescript": "^5.6.3",
+		"vite": "^5.4.9"
+	},
+	"peerDependencies": {},
+	"files": ["dist/**/*", "CHANGELOG.md", "README.md", "LICENCE"],
+	"ava": {
+		"typescript": {
+			"compile": false,
+			"rewritePaths": {
+				"src/": "tmp/tests/"
+			}
+		}
+	}
 }

package/dist/Provider/Provider.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import './BaseStyles.scss';
-export interface ProviderProps {
-    theme: 'default';
-    children: React.ReactNode;
-}
-export declare const Context: React.Context<{
-    theme: {};
-}>;
-declare const Provider: React.FC<any>;
-export { Provider };

package/dist/Provider/Themes/ThemeDefault.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import '@grantcodes/style-dictionary/default/css';
-import '@grantcodes/style-dictionary/assets/fonts/greycliff';
-export interface ThemeDefaultProps {
-    children: React.ReactNode;
-    setThemeData: Function;
-}
-declare const ThemeDefault: React.FC<any>;
-export { ThemeDefault };

package/dist/Provider/Themes/ThemeTodomap.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import '@grantcodes/style-dictionary/todomap/css';
-export interface ThemeTodomapProps {
-    children: React.ReactNode;
-    setThemeData: Function;
-}
-declare const ThemeTodomap: React.FC<any>;
-export { ThemeTodomap };

package/dist/Provider/Themes/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-declare const themes: {
-    default: import("react").FC<any>;
-};
-export { themes };

package/dist/Provider/index.d.ts

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

package/dist/components/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Button: React.FC<any>;
-export { Button };

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'outline' | 'destructive' | 'inline';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
-    children: React.ReactNode;
-    asChild?: boolean;
-    className?: string;
-}

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

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

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../Button';
-export interface ButtonGroupProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    className?: string;
-    children: React.ReactElement<ButtonProps>[];
-}
-declare const ButtonGroup: React.FC<any>;
-export { ButtonGroup };

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

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

package/dist/components/Card/Card.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Card: React.FC<any>;
-export { Card };

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

@@ -1,8 +0,0 @@
-import { ButtonGroupProps } from '../ButtonGroup';
-import React from 'react';
-export interface CardProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    children: React.ReactNode;
-    asChild?: boolean;
-}
-export interface CardActionsProps extends ButtonGroupProps {
-}

package/dist/components/Card/CardActions.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CardActions: React.FC<any>;
-export { CardActions };

package/dist/components/Card/CardContent.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CardContent: React.FC<any>;
-export { CardContent };

package/dist/components/Card/CardMeta.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CardMetaItemProps } from './CardMetaItem';
-export interface CardMetaProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement> {
-    children: React.ReactElement<CardMetaItemProps>[];
-}
-declare const CardMeta: React.FC<any>;
-export { CardMeta };

package/dist/components/Card/CardMetaItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface CardMetaItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    title: string;
-    children: React.ReactNode;
-}
-declare const CardMetaItem: React.FC<any>;
-export { CardMetaItem };

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

@@ -1,3 +0,0 @@
-export * from './Card';
-export * from './CardContent';
-export * from './CardActions';

package/dist/components/CodePreview/CodePreview.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const CodePreview: React.FC<any>;
-export { CodePreview };

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

@@ -1,6 +0,0 @@
-import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
-export interface CodePreviewProps extends SyntaxHighlighterProps {
-    className: string;
-    children: string;
-    language: string;
-}

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

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

package/dist/components/Container/Container.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Container: React.FC<any>;
-export { Container };

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface ContainerProps {
-    className: string;
-    align?: 'normal' | 'wide' | 'full';
-    noPad?: boolean;
-    asChild?: boolean;
-    children: React.ReactNode;
-}

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

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

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { DialogContentProps } from './Dialog.types';
-declare function Content({ children: allChildren, ...props }: DialogContentProps): JSX.Element;
-export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const DialogContent: typeof Content;
-export declare const DialogTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-export declare const DialogDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
-export {};

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

@@ -1,8 +0,0 @@
-import { DialogProps as DialogPrimitiveProps, DialogContentProps as DialogPrimitiveContentProps } from '@radix-ui/react-dialog';
-import { CardActionsProps } from '../Card/Card.types';
-export interface DialogProps extends DialogPrimitiveProps {
-}
-export interface DialogContentProps extends DialogPrimitiveContentProps {
-}
-export interface DialogActionsProps extends CardActionsProps {
-}

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const DialogActions: React.FC<any>;
-export { DialogActions };

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

@@ -1,2 +0,0 @@
-export * from './Dialog';
-export * from './DialogActions';

package/dist/components/Dropzone/Dropzone.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Dropzone: React.FC<any>;
-export { Dropzone };

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface DropzoneProps {
-    className: string;
-    children: React.ReactNode;
-    onFiles: Function;
-    fullscreenOnDrag?: boolean;
-    multiple?: boolean;
-    accept?: string;
-}

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

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

package/dist/components/Gallery/Gallery.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import 'react-photo-view/dist/react-photo-view.css';
-declare const Gallery: React.FC<any>;
-export { Gallery };

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

@@ -1,29 +0,0 @@
-import React from 'react';
-export declare type GalleryVariation = 'square' | 'custom';
-export interface GalleryThumbnail {
-    width: number;
-    height: number;
-    src: string;
-}
-export interface GalleryImage {
-    width: number;
-    height: number;
-    src: string;
-    alt: string;
-    caption?: string;
-    thumbnail?: GalleryThumbnail;
-}
-export interface GalleryProps {
-    className: string;
-    images: GalleryImage[];
-    variation: GalleryVariation;
-    columns?: number;
-    gap?: string;
-    rowHeight?: string;
-    lightbox: boolean;
-}
-export interface GalleryThumbnailProps extends GalleryThumbnail {
-    alt: string;
-    caption?: string;
-    onClick?: React.MouseEventHandler;
-}

package/dist/components/Gallery/GalleryThumbnail.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const GalleryThumbnail: React.FC<any>;
-export { GalleryThumbnail };

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

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

package/dist/components/Gallery/lib/normalize-image.d.ts

@@ -1,3 +0,0 @@
-import { GalleryImage } from '../Gallery.types';
-declare function normalizeImage(image: GalleryImage): GalleryImage;
-export { normalizeImage };

package/dist/components/Icon/Icon.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IconType, IconBaseProps } from 'react-icons';
-export interface IconProps extends IconBaseProps {
-    icon: IconType;
-    title?: string;
-    className: string;
-}
-declare const Icon: React.FC<any>;
-export { Icon };

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

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

package/dist/components/Input/Checkbox.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Checkbox: React.FC<any>;
-export { Checkbox };

package/dist/components/Input/Input.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Input: React.FC<any>;
-export { Input };

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

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    className: string;
-}
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    className: string;
-}
-export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    className: string;
-}
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    className: string;
-}
-export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    className: string;
-}

package/dist/components/Input/Radio.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Radio: React.FC<any>;
-export { Radio };

package/dist/components/Input/Select.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Select: React.FC<any>;
-export { Select };

package/dist/components/Input/TextArea.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const TextArea: React.FC<any>;
-export { TextArea };

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

@@ -1,5 +0,0 @@
-export * from './Input';
-export * from './TextArea';
-export * from './Select';
-export * from './Checkbox';
-export * from './Radio';

package/dist/components/Label/Label.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    children: React.ReactNode;
-}
-declare const Label: React.FC<any>;
-export { Label };

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

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

package/dist/components/Link/Link.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    children: React.ReactNode;
-}
-declare const Link: React.FC<any>;
-export { Link };

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

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

package/dist/components/Loading/Loading.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Loading: React.FC<any>;
-export { Loading };

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export interface LoadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-}

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

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

package/dist/components/Notice/Notice.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-declare type NoticeVariant = 'info' | 'success' | 'warning' | 'error';
-export interface NoticeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
-    title?: string;
-    variant: NoticeVariant;
-    icon?: React.ReactElement;
-    onDismiss?: (Event: React.SyntheticEvent) => void;
-    children: React.ReactNode;
-}
-declare const Notice: React.FC<any>;
-export { Notice };

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

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

package/dist/components/Pagination/Pagination.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Pagination: React.FC<any>;
-export { Pagination };

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface PaginationProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
-    className: string;
-    previousHref?: string;
-    nextHref?: string;
-}

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

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

package/dist/components/Tabs/Tab.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Tab: React.FC<any>;
-export { Tab };

package/dist/components/Tabs/Tabs.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Tabs: React.FC<any>;
-export { Tabs };

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

@@ -1,9 +0,0 @@
-import { TabsProps as TabsPrimitiveProps, TabsContentProps } from '@radix-ui/react-tabs';
-import React from 'react';
-export interface TabProps extends TabsContentProps {
-    label: string;
-}
-export interface TabsProps extends TabsPrimitiveProps {
-    children: React.ReactElement<TabProps>[];
-    tabsListLabel: string;
-}

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

@@ -1,2 +0,0 @@
-export * from './Tabs';
-export * from './Tab';

package/dist/lib/addClassNameToPrimitiveHOC.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const addClassNameToPrimitiveHOC: (Component: React.FC, baseClassName: string) => React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-export { addClassNameToPrimitiveHOC };