react-lib-tools 0.0.1

package/dist/react-lib-tools.css

@@ -0,0 +1 @@
+.tok-comment{color:var(--color-slate-500)}.tok-keyword{color:var(--color-pink-400)}.tok-operator{color:var(--color-slate-400)}.tok-propertyName{color:var(--color-sky-300)}.tok-punctuation{color:var(--color-slate-400)}.tok-string{color:var(--color-teal-300)}.tok-string2{color:var(--color-sky-300)}.tok-typeName{color:var(--color-pink-400)}

package/dist/react-lib-tools.d.ts

@@ -0,0 +1,177 @@
+import { AnchorHTMLAttributes } from 'react';
+import { ClassValue } from 'clsx';
+import { ComponentType } from 'react';
+import { CSSProperties } from 'react';
+import { HTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { LazyExoticComponent } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+
+export declare function AppRoot({ hideVersions, navLinks, packageDescription, packageName, routes }: {
+    hideVersions?: boolean | undefined;
+    navLinks: ReactNode;
+    packageDescription: ReactNode;
+    packageName: string;
+    routes: Record<string, LazyExoticComponent<ComponentType<unknown>>>;
+}): JSX.Element;
+
+export declare function assert(expectedCondition: unknown, message?: string): asserts expectedCondition;
+
+export declare function Block({ children, className, ...rest }: PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+}>): JSX.Element;
+
+export declare function Box({ align, children, className, direction, gap, grow, justify, shrink, style, wrap, ...rest }: HTMLAttributes<HTMLDivElement> & {
+    align?: "center" | "end" | "start" | "stretch" | undefined;
+    className?: string | undefined;
+    direction: "column" | "row";
+    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | undefined;
+    grow?: 0 | 1 | undefined;
+    justify?: "around" | "between" | "center" | "end" | "start" | "stretch" | undefined;
+    shrink?: 0 | 1 | undefined;
+    style?: CSSProperties | undefined;
+    wrap?: boolean | undefined;
+}): JSX.Element;
+
+export declare function Button({ children, className, disabled, intent, ...rest }: PropsWithChildren<{
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    intent?: Intent | undefined;
+    onClick?: ((event: MouseEvent_2) => void) | undefined;
+}>): JSX.Element;
+
+export declare function Callout({ children, className, html, inline, intent, minimal, ...rest }: PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
+    className?: string | undefined;
+    html?: boolean;
+    inline?: boolean;
+    intent?: Intent;
+    minimal?: boolean;
+}>): JSX.Element;
+
+export declare function Checkbox({ checked, children, className, indeterminate, onChange, ...rest }: PropsWithChildren<Omit<HTMLAttributes<HTMLElement>, "defaultChecked" | "onChange"> & {
+    checked: boolean;
+    className?: string | undefined;
+    indeterminate?: boolean;
+    onChange: (value: boolean) => void;
+}>): JSX.Element;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare function Code({ className, html }: {
+    className?: string;
+    html: string;
+}): JSX.Element;
+
+declare type ComponentMetadata = {
+    description: Section[];
+    filePath: string;
+    name: string;
+    props: {
+        [name: string]: ComponentPropMetadata;
+    };
+};
+
+declare type ComponentPropMetadata = {
+    description: Section[];
+    html: string;
+    name: string;
+    required: boolean;
+};
+
+export declare function ComponentProps({ json, section }: {
+    json: ComponentMetadata;
+    section: string;
+}): JSX.Element;
+
+export declare function DocsSection({ className, sections }: {
+    className?: string;
+    sections: Section[];
+}): JSX.Element;
+
+export declare function ErrorBoundary({ children }: PropsWithChildren): JSX.Element;
+
+export declare function ExternalLink({ children, className, href, target, ...rest }: AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
+
+export declare function Header({ section, title }: {
+    section?: string;
+    title: string;
+}): JSX.Element;
+
+export declare function ImperativeHandle({ json, section }: {
+    json: ImperativeHandleMetadata;
+    section: string;
+}): JSX.Element;
+
+declare type ImperativeHandleMetadata = {
+    description: Section[];
+    filePath: string;
+    name: string;
+    methods: ImperativeHandleMethodMetadata[];
+};
+
+declare type ImperativeHandleMethodMetadata = {
+    description: Section[];
+    html: string;
+    name: string;
+};
+
+export declare function Input<Type extends string>({ children, className, onChange, value, ...rest }: PropsWithChildren<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    className?: string | undefined;
+    onChange: (value: Type) => void;
+    value: Type;
+}>): JSX.Element;
+
+declare type Intent = "danger" | "none" | "primary" | "success" | "warning";
+
+export declare function Link({ children, onClick, to, ...rest }: Omit<HTMLAttributes<HTMLSpanElement>, "children"> & {
+    children?: ReactNode | RenderFunction;
+    to: string;
+}): JSX.Element;
+
+export declare function LoadingSpinner(): JSX.Element;
+
+export declare function NavLink({ children, className, path }: PropsWithChildren<{
+    className?: string | undefined;
+    path: string;
+}>): JSX.Element;
+
+export declare function NavSection({ children, label }: PropsWithChildren<{
+    label: ReactNode;
+}>): JSX.Element;
+
+declare type Option_2<Value extends string> = {
+    label: string;
+    value: Value;
+};
+export { Option_2 as Option }
+
+export declare function Radio<Value extends string>({ checked, children, className, name, onChange, value, ...rest }: PropsWithChildren<Omit<HTMLAttributes<HTMLElement>, "defaultChecked" | "onChange"> & {
+    checked: boolean;
+    name: string;
+    onChange: (value: Value) => void;
+    value: Value;
+}>): JSX.Element;
+
+declare type RenderFunction = (params: {
+    isActive: boolean;
+    isPending: boolean;
+}) => ReactNode;
+
+declare type Section = {
+    content: string;
+    intent?: Intent | undefined;
+};
+
+export declare function Select<Value extends string>({ className, defaultValue, onChange, options, placeholder, value }: {
+    className?: string;
+    defaultValue?: Option_2<Value> | undefined;
+    onChange: (value: Option_2<Value>) => void;
+    options: Option_2<Value>[];
+    placeholder?: string;
+    value: Option_2<Value> | undefined;
+}): JSX.Element;
+
+export { }