@scattered-light/loomiere-base-ui 0.1.0 → 0.2.0

package/dist/design-system/components/index.d.ts

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import * as _base_ui_react_field from '@base-ui/react/field';
+import { Button as Button$1 } from '@base-ui/react/button';
+import * as _base_ui_react_input from '@base-ui/react/input';
+import { Input as Input$1 } from '@base-ui/react/input';
+import * as _base_ui_react_fieldset from '@base-ui/react/fieldset';
+import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Form as Form$1 } from '@base-ui/react/form';
+import * as _base_ui_react_navigation_menu from '@base-ui/react/navigation-menu';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+
+/**
+ * Base UI [Field](https://base-ui.com/react/components/field) with design-system field classes.
+ */
+declare const Field: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Error: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Control: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Validity: React.FC<_base_ui_react_field.FieldValidityProps>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_field.FieldItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * Merge class names (strings, arrays, conditional objects). No external deps.
+ */
+type ClassValue = string | number | boolean | undefined | null | Record<string, boolean | undefined> | ClassValue[];
+declare function cn(...inputs: ClassValue[]): string;
+/** Merge a static BEM block with Base UI `className` (string or state callback). */
+declare function cnState<State>(base: string, className: string | ((state: State) => string | undefined) | undefined, state: State): string;
+
+type ButtonProps = React.ComponentProps<typeof Button$1> & {
+    /** How loud the button is. The brand's roles decide what each level looks like. */
+    emphasis?: 'bold' | 'standard' | 'subtle' | 'quiet';
+    /** Paint the level in another palette instead of the level's own color (e.g. "secondary", "error"). */
+    palette?: string;
+};
+/**
+ * Base UI [Button](https://base-ui.com/react/components/button) with design-system `Button` classes.
+ * Icon-only buttons must include a visible label for assistive tech (`aria-label` or `aria-labelledby`).
+ */
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+type InputProps = React.ComponentProps<typeof Input$1>;
+/**
+ * Base UI [Input](https://base-ui.com/react/components/input) with design-system `Input` classes.
+ * Pairs with {@link Field} for labels, validation, and descriptions.
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_input.InputProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type FieldsetRootProps = React.ComponentProps<typeof Fieldset$1.Root>;
+type FieldsetLegendProps = React.ComponentProps<typeof Fieldset$1.Legend>;
+type FieldsetDescriptionProps = React.ComponentProps<'div'>;
+/** Presentational helper — not a Base UI primitive. */
+declare function FieldsetDescription({ className, ...props }: FieldsetDescriptionProps): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI [Fieldset](https://base-ui.com/react/components/fieldset) with design-system classes.
+ */
+declare const Fieldset: {
+    Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_fieldset.FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+    Legend: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_fieldset.FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type FormProps = React.ComponentProps<typeof Form$1>;
+/**
+ * Base UI [Form](https://base-ui.com/react/components/form) with design-system `Form` classes.
+ */
+declare const Form: React.ForwardRefExoticComponent<Omit<Form$1.Props<Record<string, any>> & {
+    ref?: React.Ref<HTMLFormElement> | undefined;
+}, "ref"> & React.RefAttributes<HTMLFormElement>>;
+type FormActionsProps = React.ComponentProps<'div'>;
+/** Layout helper for primary/secondary actions — not a Base UI primitive. */
+declare function FormActions({ className, ...props }: FormActionsProps): react_jsx_runtime.JSX.Element;
+
+type NavigationMenuRootProps = React.ComponentProps<typeof NavigationMenu$1.Root>;
+type NavigationMenuListProps = React.ComponentProps<typeof NavigationMenu$1.List>;
+/**
+ * Base UI [Navigation Menu](https://base-ui.com/react/components/navigation-menu) with design-system classes.
+ * Prefer `NavigationMenu.Link` with `render={<a />}` (or your router link) for correct semantics.
+ */
+declare const NavigationMenu: {
+    Root: React.ForwardRefExoticComponent<Omit<NavigationMenu$1.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLElement>>;
+    List: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Icon: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Portal: React.ForwardRefExoticComponent<Omit<_base_ui_react_navigation_menu.NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Positioner: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Popup: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuPopupProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Viewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Backdrop: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react_navigation_menu.NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+type FieldRootProps = React.ComponentProps<typeof Field.Root>;
+type FieldLabelProps = React.ComponentProps<typeof Field.Label>;
+type FieldDescriptionProps = React.ComponentProps<typeof Field.Description>;
+type FieldErrorProps = React.ComponentProps<typeof Field.Error>;
+type FieldControlProps = React.ComponentProps<typeof Field.Control>;
+type FieldValidityProps = React.ComponentProps<typeof Field.Validity>;
+type FieldItemProps = React.ComponentProps<typeof Field.Item>;
+
+export { Button, type ButtonProps, Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldRootProps, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, type FieldsetLegendProps, type FieldsetRootProps, Form, FormActions, type FormActionsProps, type FormProps, Input, type InputProps, NavigationMenu, type NavigationMenuListProps, type NavigationMenuRootProps, cn, cnState };