@digitalpromise/design 4.2.0 → 4.3.0

package/dist/components/button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
+import type { ButtonHTMLAttributes } from "react";
 declare const variants: readonly ["primary", "secondary", "tertiary"];
 declare const states: readonly ["default", "danger", "inverse", "decolor"];
 type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/components/forms/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { FormInputProps, InputPropsWithoutType } from './types';
+import type { FormInputProps, InputPropsWithoutType } from "./types";
 type CheckboxProps = InputPropsWithoutType & FormInputProps & {
     label: string;
 };

package/dist/components/forms/dropzone.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ComponentPropsWithRef } from 'react';
-import { FormInputProps } from './types';
+import { ReactElement, type ComponentPropsWithRef } from "react";
+import type { FormInputProps } from "./types";
 interface DropzoneProps extends Omit<ComponentPropsWithRef<"input">, "type">, FormInputProps {
     instructions?: string;
     remover?: ReactElement;

package/dist/components/forms/form-field.d.ts

@@ -1,4 +1,4 @@
-import { FormInputProps } from './types';
+import { FormInputProps } from "./types";
 interface FormFieldProps<C extends FormInputProps> {
     Input: React.ComponentType<C>;
     inputProps: C;

package/dist/components/forms/form.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import { ComponentPropsWithRef } from "react";
 type FormProps = ComponentPropsWithRef<"form">;
 export declare const Form: ({ noValidate, className, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
-import { Checkbox } from './checkbox';
-import { Dropzone, SingleImageDropzone } from './dropzone';
-import { Form } from './form';
-import { FormField } from './form-field';
-import { Select } from './select';
-import { TextInput } from './text-input';
-import { Textarea } from './textarea';
+import { Checkbox } from "./checkbox";
+import { Dropzone, SingleImageDropzone } from "./dropzone";
+import { Form } from "./form";
+import { FormField } from "./form-field";
+import { Select } from "./select";
+import { TextInput } from "./text-input";
+import { Textarea } from "./textarea";
 export { Checkbox, Dropzone, SingleImageDropzone, Form, FormField, Select, Textarea, TextInput, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/forms/label.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef } from "react";
 export interface LabelProps extends ComponentPropsWithRef<"label"> {
     label: string;
     error?: boolean;

package/dist/components/forms/list.d.ts

@@ -1,4 +1,4 @@
-import { FormInputProps } from './types';
+import type { FormInputProps } from "./types";
 type ListInputProps = FormInputProps & {
     onChange?: (list: string[]) => void;
     defaultValue?: string[];

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithRef } from 'react';
-import { FormInputProps } from './types';
+import { ComponentPropsWithRef } from "react";
+import { FormInputProps } from "./types";
 export interface SelectProps extends ComponentPropsWithRef<"select">, FormInputProps {
     options: {
         value: string;

package/dist/components/forms/text-input.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithRef } from 'react';
-import { FormInputProps } from './types';
+import type { ComponentPropsWithRef } from "react";
+import type { FormInputProps } from "./types";
 interface TextInputProps extends ComponentPropsWithRef<"input">, FormInputProps {
 }
 export declare const TextInput: ({ error, className, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/textarea.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithRef } from 'react';
-import { FormInputProps } from './types';
+import type { ComponentPropsWithRef } from "react";
+import type { FormInputProps } from "./types";
 interface TextareaProps extends ComponentPropsWithRef<"textarea">, FormInputProps {
 }
 export declare const Textarea: ({ className, error, ...props }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 export interface FormInputProps {
     id?: string;
     name?: string;

package/dist/components/icon.d.ts

@@ -1,5 +1,5 @@
-import { DPGIconName } from '@digitalpromise/icons';
-import { ComponentPropsWithRef } from 'react';
+import { type DPGIconName } from "@digitalpromise/icons";
+import { type ComponentPropsWithRef } from "react";
 interface IconProps extends ComponentPropsWithRef<"svg"> {
     name: DPGIconName;
 }

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
-import { default as Button } from './button';
-import { default as Logo } from './logo';
-import { default as Pagination } from './pagination';
-import { default as Search } from './search';
-import { default as Table } from './table';
-export type { TableColumn } from './table';
+import { default as Button } from "./button";
+import { default as Logo } from "./logo";
+import { default as Pagination } from "./pagination";
+import { default as Search } from "./search";
+import { default as Table } from "./table";
+export type { TableColumn } from "./table";
 export { Button, Logo, Pagination, Search, Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tab-list.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from "react";
 export interface TabProps {
     id: string;
     label: ReactNode;

package/dist/components/table.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type TableColumn<TRow> = {
     key: string;
     header: string;

package/dist/forms.d.ts

@@ -0,0 +1,64 @@
+import { ComponentPropsWithRef } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+
+export declare const Checkbox: ({ error, className, label, ...props }: CheckboxProps) => JSX.Element;
+
+declare type CheckboxProps = InputPropsWithoutType & FormInputProps & {
+    label: string;
+};
+
+export declare const Dropzone: ({ children, error, instructions, className, onChange: userOnChange, remover, ...props }: DropzoneProps) => JSX.Element;
+
+declare interface DropzoneProps extends Omit<ComponentPropsWithRef<"input">, "type">, FormInputProps {
+    instructions?: string;
+    remover?: ReactElement;
+}
+
+export declare const Form: ({ noValidate, className, ...props }: FormProps) => JSX.Element;
+
+export declare const FormField: <P extends FormInputProps>({ Input, inputProps, errorMessage, label, labelClassname, }: FormFieldProps<P>) => JSX.Element;
+
+declare interface FormFieldProps<C extends FormInputProps> {
+    Input: React.ComponentType<C>;
+    inputProps: C;
+    errorMessage?: string;
+    label: string;
+    labelClassname?: string;
+}
+
+declare interface FormInputProps {
+    id?: string;
+    name?: string;
+    error?: boolean;
+    required?: boolean;
+}
+
+declare type FormProps = ComponentPropsWithRef<"form">;
+
+declare type InputPropsWithoutType = Omit<ComponentPropsWithRef<"input">, "type">;
+
+export declare const Select: ({ options, error, className, ...props }: SelectProps) => JSX.Element;
+
+declare interface SelectProps extends ComponentPropsWithRef<"select">, FormInputProps {
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+
+export declare const SingleImageDropzone: (props: SingleImageDropzoneProps) => JSX.Element;
+
+declare type SingleImageDropzoneProps = Omit<DropzoneProps, "multiple" | "accept" | "children">;
+
+export declare const Textarea: ({ className, error, ...props }: TextareaProps) => JSX.Element;
+
+declare interface TextareaProps extends ComponentPropsWithRef<"textarea">, FormInputProps {
+}
+
+export declare const TextInput: ({ error, className, ...props }: TextInputProps) => JSX.Element;
+
+declare interface TextInputProps extends ComponentPropsWithRef<"input">, FormInputProps {
+}
+
+export { }

package/dist/index.d.ts

@@ -0,0 +1,60 @@
+import { ButtonHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare function Button({ className, variant, state, ...props }: ButtonProps): JSX.Element;
+
+declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: (typeof variants)[number];
+    state?: (typeof states)[number];
+};
+
+export declare function Logo({ variant, className, }: {
+    variant?: LogoVariant;
+    className?: string;
+}): JSX.Element | null;
+
+declare type LogoVariant = "black" | "white" | "color";
+
+export declare function Pagination({ count, limit, pageParamKey, }: PaginationProps): JSX.Element;
+
+declare type PaginationProps = {
+    count: number;
+    limit: number;
+    pageParamKey?: string;
+};
+
+export declare function Search({ placeholder, className, inputWidth, value, onChange, syncToUrl, id, paramKey, }: SearchProps): JSX.Element;
+
+declare type SearchProps = {
+    placeholder: string;
+    className?: string;
+    inputWidth?: number | string;
+    value?: string;
+    onChange?: (value: string) => void;
+    syncToUrl?: boolean;
+    id?: string;
+    paramKey?: string;
+};
+
+declare const states: readonly ["default", "danger", "inverse", "decolor"];
+
+export declare function Table<TRow>({ columns, rows, rowKey }: TableProps<TRow>): JSX.Element;
+
+export declare type TableColumn<TRow> = {
+    key: string;
+    header: string;
+    headerClassName?: string;
+    cellClassName?: string;
+    render: (row: TRow) => ReactNode;
+};
+
+declare type TableProps<TRow> = {
+    columns: TableColumn<TRow>[];
+    rows: TRow[];
+    rowKey: (row: TRow, index: number) => string;
+};
+
+declare const variants: readonly ["primary", "secondary", "tertiary"];
+
+export { }

package/dist/theme.d.ts

@@ -0,0 +1 @@
+export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digitalpromise/design",
   "private": false,
-  "version": "4.2.0",
+  "version": "4.3.0",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -9,7 +9,7 @@
     "./forms": "./dist/forms.js",
     "./theme": "./dist/theme.css"
   },
-  "types": "./dist/components/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -17,6 +17,7 @@
     "@chromatic-com/storybook": "^5.0.1",
     "@digitalpromise/icons": "^2.6.1",
     "@eslint/js": "^10.0.1",
+    "@microsoft/api-extractor": "^7.57.6",
     "@storybook/addon-docs": "^10.2.13",
     "@storybook/addon-links": "^10.2.13",
     "@storybook/react-vite": "^10.2.13",
@@ -40,8 +41,8 @@
     "tailwindcss": "^4.2.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",
+    "unplugin-dts": "1.0.0-beta.6",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18"
   },
   "peerDependencies": {
@@ -61,7 +62,7 @@
     "prestorybook": "style-dictionary build",
     "prebuild-storybook": "style-dictionary build",
     "prebuild": "style-dictionary build",
-    "build": "tsc && vite build",
+    "build": "vite build && tsc",
     "lint": "eslint ./src --ext ts,tsx",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",