quirk-ui 0.0.4 → 0.0.6

package/dist/lib/components/IconButton/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    sm: string;
+    md: string;
+    lg: string;
+    default: string;
+    muted: string;
+    accent: string;
+    error: string;
+};
+export default _default;

package/dist/lib/components/IconButton/index.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+declare const sizeClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
+declare const intentClassMap: {
+    readonly default: string;
+    readonly muted: string;
+    readonly accent: string;
+    readonly error: string;
+};
+type Size = keyof typeof sizeClassMap;
+type Intent = keyof typeof intentClassMap;
+type IconButtonProps = {
+    icon: React.ReactNode;
+    size?: Size;
+    intent?: Intent;
+    srOnlyLabel?: string;
+    disabled?: boolean;
+    className?: string;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function IconButton({ icon, size, intent, srOnlyLabel, disabled, className, ...restProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Input/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    wrapper: string;
+    input: string;
+    error: string;
+    errorMessage: string;
+};
+export default _default;

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

@@ -1,2 +1,11 @@
 import { default as React } from 'react';
-export declare function Input(props: React.InputHTMLAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
+export type InputProps = {
+    label?: string;
+    id?: string;
+    className?: string;
+    error?: string;
+    required?: boolean;
+    optional?: boolean;
+    tooltip?: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare function Input({ label, id, className, error, required, optional, tooltip, ...restProps }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Label/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    label: string;
+    text: string;
+    required: string;
+    optional: string;
+    default: string;
+    error: string;
+    icon: string;
+    tooltipWrapper: string;
+    tooltipIcon: string;
+    tooltipText: string;
+    srOnly: string;
+};
+export default _default;

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

@@ -1,2 +1,30 @@
 import { default as React } from 'react';
-export declare function Label(props: React.LabelHTMLAttributes<HTMLLabelElement>): import("react/jsx-runtime").JSX.Element;
+declare const sizeClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
+declare const intentClassMap: {
+    readonly default: string;
+    readonly muted: string;
+    readonly accent: string;
+    readonly error: string;
+    readonly disabled: string;
+};
+export type Size = keyof typeof sizeClassMap;
+export type Intent = keyof typeof intentClassMap;
+type LabelProps = {
+    htmlFor?: string;
+    size?: Size;
+    intent?: Intent;
+    required?: boolean;
+    optional?: boolean;
+    disabled?: boolean;
+    srOnly?: boolean;
+    tooltip?: string;
+    showErrorIcon?: boolean;
+    children: React.ReactNode;
+    className?: string;
+} & React.LabelHTMLAttributes<HTMLLabelElement>;
+export declare function Label({ htmlFor, size, intent, required, optional, disabled, srOnly, tooltip, showErrorIcon, className, children, ...restProps }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Link/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    default: string;
+    muted: string;
+    underline: string;
+};
+export default _default;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+declare const variantClassMap: {
+    readonly default: string;
+    readonly muted: string;
+    readonly underline: string;
+};
+type Variant = keyof typeof variantClassMap;
+type LinkProps = {
+    href: string;
+    children: React.ReactNode;
+    variant?: Variant;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    useRouter?: boolean;
+    className?: string;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare function Link({ href, variant, iconLeft, iconRight, useRouter, className, children, ...restProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/MultiSelect/index.d.ts

@@ -0,0 +1,17 @@
+type Option = {
+    label: string;
+    value: string;
+};
+type MultiSelectProps = {
+    id: string;
+    name: string;
+    label?: string;
+    value: string[];
+    options: Option[];
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (value: string[]) => void;
+    className?: string;
+};
+export declare function MultiSelect({ id, name, label, value, options, required, disabled, onChange, className, ...restProps }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Radio/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    radioWrapper: string;
+    radio: string;
+    label: string;
+};
+export default _default;

package/dist/lib/components/Radio/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+type RadioProps = {
+    id: string;
+    name: string;
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare function Radio({ id, name, value, label, disabled, required, className, ...restProps }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Range/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+type RangeProps = {
+    label?: string;
+    id?: string;
+    value?: number | null;
+    defaultValue?: number | null;
+    onValueChange?: (value: number) => void;
+    className?: string;
+    error?: string;
+    required?: boolean;
+    optional?: boolean;
+    tooltip?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">;
+export declare function Range({ label, id, value, defaultValue, onValueChange, className, error, required, optional, tooltip, ...restProps }: RangeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Select/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+type Option = {
+    label: string;
+    value: string;
+};
+type SelectProps = {
+    id: string;
+    name: string;
+    label?: string;
+    options: Option[];
+    defaultValue?: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    className?: string;
+};
+export declare function Select({ id, name, label, options, defaultValue, required, disabled, onChange, className, ...restProps }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Spacer/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    spacer: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    horizontal: string;
+    vertical: string;
+};
+export default _default;

package/dist/lib/components/Spacer/index.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+declare const sizeClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+    readonly xl: string;
+};
+declare const axisClassMap: {
+    readonly horizontal: string;
+    readonly vertical: string;
+};
+type Size = keyof typeof sizeClassMap;
+type Axis = keyof typeof axisClassMap;
+export type SpacerProps = {
+    size?: Size;
+    axis?: Axis;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare function Spacer({ size, axis, className, ...restProps }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Stack/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    stack: string;
+    vertical: string;
+    horizontal: string;
+    gapSm: string;
+    gapMd: string;
+    gapLg: string;
+    alignStart: string;
+    alignCenter: string;
+    alignEnd: string;
+    alignStretch: string;
+    justifyStart: string;
+    justifyCenter: string;
+    justifyEnd: string;
+    justifySpaceBetween: string;
+    justifySpaceAround: string;
+    justifySpaceEvenly: string;
+};
+export default _default;

package/dist/lib/components/Stack/index.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+declare const directionClassMap: {
+    readonly stack: string;
+    readonly vertical: string;
+    readonly horizontal: string;
+};
+declare const gapClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
+declare const alignClassMap: {
+    readonly start: string;
+    readonly center: string;
+    readonly end: string;
+    readonly stretch: string;
+};
+declare const justifyClassMap: {
+    readonly start: string;
+    readonly center: string;
+    readonly end: string;
+    readonly "space-between": string;
+    readonly "space-around": string;
+    readonly "space-evenly": string;
+};
+export type Direction = keyof typeof directionClassMap;
+export type Align = keyof typeof alignClassMap;
+export type Justify = keyof typeof justifyClassMap;
+export type Gap = keyof typeof gapClassMap;
+export type Tag = "div" | "ul" | "ol" | "nav" | "section";
+export type StackProps = {
+    direction?: Direction;
+    gap?: Gap;
+    align?: Align;
+    justify?: Justify;
+    wrap?: boolean;
+    as?: Tag;
+    className?: string;
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLElement>;
+export declare function Stack({ direction, gap, align, justify, wrap, as, className, children, ...restProps }: StackProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Switch/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Size, Intent } from '../Label';
+type SwitchProps = {
+    id?: string;
+    name: string;
+    checked: boolean;
+    disabled?: boolean;
+    label?: React.ReactNode;
+    required?: boolean;
+    optional?: boolean;
+    intent?: Intent;
+    size?: Size;
+    tooltip?: string;
+    showErrorIcon?: boolean;
+    className?: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare function Switch({ id, name, checked, disabled, label, required, optional, intent, size, tooltip, showErrorIcon, className, ...restProps }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Table/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type TableColumn<T> = {
+    header: string;
+    accessor: keyof T;
+    className?: string;
+    cellRenderer?: (value: T[keyof T], row: T) => React.ReactNode;
+};
+export type TableProps<T> = {
+    data: T[];
+    columns: TableColumn<T>[];
+    emptyMessage?: string;
+    onRowClick?: (row: T) => void;
+    className?: string;
+};
+export declare function Table<T>({ data, columns, emptyMessage, onRowClick, className, ...restProps }: TableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Text/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    default: string;
+    muted: string;
+    lead: string;
+    small: string;
+};
+export default _default;

package/dist/lib/components/Text/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+declare const variantClassMap: {
+    readonly default: string;
+    readonly muted: string;
+    readonly lead: string;
+    readonly small: string;
+};
+type Variant = keyof typeof variantClassMap;
+type Tag = "p" | "span" | "div" | "strong" | "em" | "small";
+type TextProps = {
+    as?: Tag;
+    variant?: Variant;
+    children: React.ReactNode;
+    className?: string;
+} & React.HTMLAttributes<HTMLElement>;
+export declare function Text({ as, variant, children, className, ...restProps }: TextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Textarea/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export type TextareaProps = {
+    id: string;
+    name: string;
+    label: string;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    error?: string;
+    optional?: boolean;
+    tooltip?: string;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare function Textarea({ id, name, label, error, disabled, required, className, optional, tooltip, ...restProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/main.d.ts

@@ -1,3 +1,28 @@
+export { ButtonGroup } from './components/ButtonGroup';
+export { FloatingActionButton } from './components/FloatingActionButton';
 export { Button } from './components/Button';
-export { Input } from './components/Input';
+export { IconButton } from './components/IconButton';
+export { Heading } from './components/Heading';
+export { Text } from './components/Text';
+export { Link } from './components/Link';
+export { Grid } from './components/Grid';
+export { Container } from './components/Container';
+export { Stack } from './components/Stack';
+export { Box } from './components/Box';
+export { Spacer } from './components/Spacer';
+export { Divider } from './components/Divider';
+export { Table } from './components/Table';
+export type { TableColumn } from './components/Table';
+export { Form } from './components/Form';
 export { Label } from './components/Label';
+export { Input } from './components/Input';
+export { Fieldset } from './components/Fieldset';
+export { Radio } from './components/Radio';
+export { Checkbox } from './components/Checkbox';
+export { Textarea } from './components/Textarea';
+export { Select } from './components/Select';
+export { Switch } from './components/Switch';
+export { MultiSelect } from './components/MultiSelect';
+export { DatePicker } from './components/DatePicker';
+export { Range } from './components/Range';
+export { FileUpload } from './components/FileUpload';

package/dist/lib/utils/renderRichText.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+type RichTextNode = {
+    type: "paragraph";
+    content: (string | RichTextNode)[];
+} | {
+    type: "heading";
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    content: (string | RichTextNode)[];
+} | {
+    type: "list";
+    ordered: boolean;
+    items: RichTextNode[];
+} | {
+    type: "listItem";
+    content: (string | RichTextNode)[];
+} | {
+    type: "link";
+    href: string;
+    content: string | RichTextNode[];
+} | {
+    type: "text";
+    text: string;
+};
+export declare function renderRichText(nodes: RichTextNode[]): React.ReactNode;
+export {};