@liketysplit/react-luna 0.1.3 → 0.1.5

package/dist/components/index.d.ts

@@ -1 +1,15 @@
 export * from "./luna-button";
+export * from "./luna-card";
+export * from "./luna-checkbox";
+export * from "./luna-radio";
+export * from "./luna-divider";
+export * from "./luna-header";
+export * from "./luna-input";
+export * from "./luna-textarea";
+export * from "./luna-select";
+export * from "./luna-multiselect";
+export * from "./luna-autocomplete";
+export * from "./luna-text";
+export * from "./luna-row";
+export * from "./luna-column";
+export * from "./luna-grid";

package/dist/components/layout-shared.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { useTheme } from "../theme";
+export type LunaLayoutBreakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+export type LunaLayoutAlias = "mobile" | "tablet" | "desktop";
+export type LunaLayoutSpanValue = number | "auto";
+export type LunaLayoutResponsiveSpan = Partial<Record<LunaLayoutBreakpoint | LunaLayoutAlias, LunaLayoutSpanValue>>;
+export type LunaLayoutSpan = LunaLayoutSpanValue | LunaLayoutResponsiveSpan | undefined;
+export type LunaLayoutAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type LunaLayoutJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export declare function toClassName(parts: Array<string | false | null | undefined>): string;
+export declare function normalizeGap(value: string | undefined, theme: ReturnType<typeof useTheme>["theme"]): string | undefined;
+export declare function normalizeLayoutSpan(span: LunaLayoutSpan): Record<LunaLayoutBreakpoint, LunaLayoutSpanValue>;
+export declare function getChildSpan(child: React.ReactNode, defaultSpan?: LunaLayoutSpanValue): LunaLayoutSpan;
+export declare function stripLayoutChildProps(child: React.ReactNode): string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined;
+export declare function buildSpanStyle(span: LunaLayoutSpan): React.CSSProperties;
+export declare function mapAlign(value: LunaLayoutAlign | undefined): string | undefined;
+export declare function mapJustify(value: LunaLayoutJustify | undefined): string | undefined;
+export declare function wrapLayoutChildren(children: React.ReactNode, itemClassName: string, defaultSpan?: LunaLayoutSpanValue): import("react/jsx-runtime").JSX.Element[] | null | undefined;

package/dist/components/luna-autocomplete/LunaAutocomplete.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { LunaAutocompleteOption } from "./LunaAutocomplete.props";
+import "./LunaAutocomplete.css";
+export declare const LunaAutocomplete: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    options: LunaAutocompleteOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    noResultsText?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/luna-autocomplete/LunaAutocomplete.props.d.ts

@@ -0,0 +1,19 @@
+import type React from "react";
+export type LunaAutocompleteOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type LunaAutocompleteProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    options: LunaAutocompleteOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    noResultsText?: React.ReactNode;
+};

package/dist/components/luna-autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaAutocomplete";
+export * from "./LunaAutocomplete.props";

package/dist/components/luna-card/LunaCard.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./LunaCard.css";
+export declare const LunaCard: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "title" | "color"> & {
+    as?: React.ElementType;
+    header?: React.ReactNode;
+    actions?: React.ReactNode;
+    bodyAlign?: import("./LunaCard.props").LunaCardAlign;
+    actionsAlign?: import("./LunaCard.props").LunaCardAlign;
+    actionsGap?: string;
+    color?: string;
+    elevated?: boolean;
+    outlined?: boolean;
+    flat?: boolean;
+    interactive?: boolean;
+    rounded?: boolean;
+    padding?: string;
+    gap?: string;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-card/LunaCard.props.d.ts

@@ -0,0 +1,18 @@
+import type React from "react";
+export type LunaCardAlign = "left" | "center" | "right";
+export type LunaCardProps = Omit<React.HTMLAttributes<HTMLElement>, "title" | "color"> & {
+    as?: React.ElementType;
+    header?: React.ReactNode;
+    actions?: React.ReactNode;
+    bodyAlign?: LunaCardAlign;
+    actionsAlign?: LunaCardAlign;
+    actionsGap?: string;
+    color?: string;
+    elevated?: boolean;
+    outlined?: boolean;
+    flat?: boolean;
+    interactive?: boolean;
+    rounded?: boolean;
+    padding?: string;
+    gap?: string;
+};

package/dist/components/luna-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaCard";
+export * from "./LunaCard.props";

package/dist/components/luna-checkbox/LunaCheckbox.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./LunaCheckbox.css";
+export declare const LunaCheckbox: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    indeterminate?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/luna-checkbox/LunaCheckbox.props.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+export type LunaCheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    indeterminate?: boolean;
+};

package/dist/components/luna-checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaCheckbox";
+export * from "./LunaCheckbox.props";

package/dist/components/luna-column/LunaColumn.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./LunaColumn.css";
+export declare const LunaColumn: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    gap?: string;
+    align?: import("../layout-shared").LunaLayoutAlign;
+    justify?: import("../layout-shared").LunaLayoutJustify;
+    inline?: boolean;
+    colSpan?: import("../layout-shared").LunaLayoutSpan;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-column/LunaColumn.props.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { LunaLayoutAlign, LunaLayoutJustify, LunaLayoutSpan } from "../layout-shared";
+export type LunaColumnProps = React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    gap?: string;
+    align?: LunaLayoutAlign;
+    justify?: LunaLayoutJustify;
+    inline?: boolean;
+    colSpan?: LunaLayoutSpan;
+};

package/dist/components/luna-column/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaColumn";
+export * from "./LunaColumn.props";

package/dist/components/luna-divider/LunaDivider.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./LunaDivider.css";
+export declare const LunaDivider: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
+    as?: React.ElementType;
+    colSpan?: import("../layout-shared").LunaLayoutSpan;
+    orientation?: import("./LunaDivider.props").LunaDividerOrientation;
+    tone?: import("./LunaDivider.props").LunaDividerTone;
+    inset?: boolean | string;
+    label?: React.ReactNode;
+    labelAlign?: import("./LunaDivider.props").LunaDividerLabelAlign;
+    spacing?: string;
+    decorative?: boolean;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-divider/LunaDivider.props.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+import type { LunaLayoutSpan } from "../layout-shared";
+export type LunaDividerOrientation = "horizontal" | "vertical";
+export type LunaDividerTone = "default" | "muted" | "strong";
+export type LunaDividerLabelAlign = "start" | "center" | "end";
+export type LunaDividerProps = Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
+    as?: React.ElementType;
+    colSpan?: LunaLayoutSpan;
+    orientation?: LunaDividerOrientation;
+    tone?: LunaDividerTone;
+    inset?: boolean | string;
+    label?: React.ReactNode;
+    labelAlign?: LunaDividerLabelAlign;
+    spacing?: string;
+    decorative?: boolean;
+};

package/dist/components/luna-divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaDivider";
+export * from "./LunaDivider.props";

package/dist/components/luna-grid/LunaGrid.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./LunaGrid.css";
+export declare const LunaGrid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    gap?: string;
+    columns?: number;
+    inline?: boolean;
+    align?: import("../layout-shared").LunaLayoutAlign;
+    justify?: import("../layout-shared").LunaLayoutJustify;
+    colSpan?: import("../layout-shared").LunaLayoutSpan;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-grid/LunaGrid.props.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import type { LunaLayoutAlign, LunaLayoutJustify, LunaLayoutSpan } from "../layout-shared";
+export type LunaGridProps = React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    gap?: string;
+    columns?: number;
+    inline?: boolean;
+    align?: LunaLayoutAlign;
+    justify?: LunaLayoutJustify;
+    colSpan?: LunaLayoutSpan;
+};

package/dist/components/luna-grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaGrid";
+export * from "./LunaGrid.props";

package/dist/components/luna-header/LunaHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./LunaHeader.css";
+export declare const LunaHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    align?: import("./LunaHeader.props").LunaHeaderAlign;
+    size?: import("./LunaHeader.props").LunaHeaderSize;
+    gap?: string;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-header/LunaHeader.props.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+export type LunaHeaderAlign = "left" | "center" | "right";
+export type LunaHeaderSize = "sm" | "md" | "lg";
+export type LunaHeaderProps = React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    align?: LunaHeaderAlign;
+    size?: LunaHeaderSize;
+    gap?: string;
+};

package/dist/components/luna-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaHeader";
+export * from "./LunaHeader.props";

package/dist/components/luna-input/LunaInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./LunaInput.css";
+export declare const LunaInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/luna-input/LunaInput.props.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+export type LunaInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+};

package/dist/components/luna-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaInput";
+export * from "./LunaInput.props";

package/dist/components/luna-multiselect/LunaMultiselect.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { LunaMultiselectOption } from "./LunaMultiselect.props";
+import "./LunaMultiselect.css";
+export declare const LunaMultiselect: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "value" | "size" | "multiple" | "defaultValue" | "onChange"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    options: LunaMultiselectOption[];
+    placeholder?: string;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+} & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/luna-multiselect/LunaMultiselect.props.d.ts

@@ -0,0 +1,19 @@
+import type React from "react";
+export type LunaMultiselectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type LunaMultiselectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size" | "multiple" | "value" | "defaultValue" | "onChange"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    options: LunaMultiselectOption[];
+    placeholder?: string;
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+};

package/dist/components/luna-multiselect/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaMultiselect";
+export * from "./LunaMultiselect.props";

package/dist/components/luna-radio/LunaRadio.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import "./LunaRadio.css";
+export declare const LunaRadio: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/luna-radio/LunaRadio.props.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export type LunaRadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+};

package/dist/components/luna-radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaRadio";
+export type { LunaRadioProps } from "./LunaRadio.props";

package/dist/components/luna-row/LunaRow.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./LunaRow.css";
+export declare const LunaRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    gap?: string;
+    align?: import("../layout-shared").LunaLayoutAlign;
+    justify?: import("../layout-shared").LunaLayoutJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    colSpan?: import("../layout-shared").LunaLayoutSpan;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-row/LunaRow.props.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import type { LunaLayoutAlign, LunaLayoutJustify, LunaLayoutSpan } from "../layout-shared";
+export type LunaRowProps = React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType;
+    gap?: string;
+    align?: LunaLayoutAlign;
+    justify?: LunaLayoutJustify;
+    wrap?: boolean;
+    inline?: boolean;
+    colSpan?: LunaLayoutSpan;
+};

package/dist/components/luna-row/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaRow";
+export * from "./LunaRow.props";

package/dist/components/luna-select/LunaSelect.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { LunaSelectOption } from "./LunaSelect.props";
+import "./LunaSelect.css";
+export declare const LunaSelect: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    options: LunaSelectOption[];
+    placeholder?: string;
+} & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/luna-select/LunaSelect.props.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+export type LunaSelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type LunaSelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    options: LunaSelectOption[];
+    placeholder?: string;
+};

package/dist/components/luna-select/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaSelect";
+export * from "./LunaSelect.props";

package/dist/components/luna-text/LunaText.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./LunaText.css";
+export declare const LunaText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("./LunaText.props").LunaTextAs;
+    variant?: string;
+    color?: string;
+    muted?: boolean;
+    truncate?: boolean;
+    surface?: boolean;
+    inline?: boolean;
+    align?: import("./LunaText.props").LunaTextAlign;
+    weight?: string | number;
+    italic?: boolean;
+    underline?: boolean;
+} & React.RefAttributes<HTMLElement>>;

package/dist/components/luna-text/LunaText.props.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+export type LunaTextAlign = "left" | "center" | "right" | "justify";
+export type LunaTextAs = React.ElementType;
+export type LunaTextProps = React.HTMLAttributes<HTMLElement> & {
+    as?: LunaTextAs;
+    variant?: string;
+    color?: string;
+    muted?: boolean;
+    truncate?: boolean;
+    surface?: boolean;
+    inline?: boolean;
+    align?: LunaTextAlign;
+    weight?: string | number;
+    italic?: boolean;
+    underline?: boolean;
+};

package/dist/components/luna-text/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaText";
+export * from "./LunaText.props";

package/dist/components/luna-textarea/LunaTextarea.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./LunaTextarea.css";
+export declare const LunaTextarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    autoGrow?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    minHeight?: string;
+    height?: string;
+} & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/luna-textarea/LunaTextarea.props.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+export type LunaTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label?: React.ReactNode;
+    externalLabel?: boolean;
+    helpText?: React.ReactNode;
+    error?: React.ReactNode;
+    inputSize?: "sm" | "md" | "lg";
+    fullWidth?: boolean;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    autoGrow?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    minHeight?: string;
+    height?: string;
+};

package/dist/components/luna-textarea/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./LunaTextarea";
+export * from "./LunaTextarea.props";

package/dist/components/useParentBackgroundVar.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function useParentBackgroundVar<T extends HTMLElement>(deps?: React.DependencyList): React.MutableRefObject<T | null>;