@lo-ink/ui 0.1.0

package/dist/AppIcon.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, ImgHTMLAttributes, ReactNode } from "react";
+export interface AppIconProps extends HTMLAttributes<HTMLSpanElement> {
+    src?: string;
+    alt?: string;
+    size?: "small" | "medium" | "large";
+    children?: ReactNode;
+    imageProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt">;
+}
+export declare function AppIcon({ src, alt, size, children, imageProps, className, ...props }: AppIconProps): import("react").JSX.Element;
+//# sourceMappingURL=AppIcon.d.ts.map

package/dist/AppIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppIcon.d.ts","sourceRoot":"","sources":["../src/AppIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,eAAe,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;CACvE;AAED,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,GAAQ,EACR,IAAe,EACf,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,+BAad"}

package/dist/AppIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classes } from "./utils.js";
+export function AppIcon({ src, alt = "", size = "medium", children, imageProps, className, ...props }) {
+    return (_jsx("span", { ...props, className: classes("lo-ui-app-icon", `lo-ui-app-icon--${size}`, className), children: src ? _jsx("img", { ...imageProps, src: src, alt: alt }) : children }));
+}

package/dist/Button.d.ts

@@ -0,0 +1,12 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "danger" | "quiet";
+    size?: "small" | "medium";
+    loading?: boolean;
+    loadingLabel?: string;
+    fullWidth?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,2GAgDlB,CAAC"}

package/dist/Button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { classes } from "./utils.js";
+export const Button = forwardRef(function Button({ variant = "primary", size = "medium", loading = false, loadingLabel = "Loading", fullWidth = false, leading, trailing, className, disabled, children, type = "button", ...props }, ref) {
+    return (_jsx("button", { ...props, ref: ref, type: type, disabled: disabled || loading, "aria-busy": loading || undefined, className: classes("lo-ui-button", `lo-ui-button--${variant}`, `lo-ui-button--${size}`, fullWidth && "lo-ui-button--full", className), children: loading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "lo-ui-spinner", "aria-hidden": "true" }), _jsx("span", { children: loadingLabel })] })) : (_jsxs(_Fragment, { children: [leading && _jsx("span", { className: "lo-ui-button__icon", children: leading }), _jsx("span", { children: children }), trailing && _jsx("span", { className: "lo-ui-button__icon", children: trailing })] })) }));
+});

package/dist/EmptyState.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    action?: ReactNode;
+}
+export declare function EmptyState({ title, description, icon, action, className, ...props }: EmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,+BAejB"}

package/dist/EmptyState.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classes } from "./utils.js";
+export function EmptyState({ title, description, icon, action, className, ...props }) {
+    return (_jsxs("div", { ...props, className: classes("lo-ui-empty-state", className), children: [icon && (_jsx("div", { className: "lo-ui-empty-state__icon", "aria-hidden": "true", children: icon })), _jsx("h2", { className: "lo-ui-empty-state__title", children: title }), description && (_jsx("p", { className: "lo-ui-empty-state__description", children: description })), action && _jsx("div", { className: "lo-ui-empty-state__action", children: action })] }));
+}

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 LO contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Layout.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from "react";
+type Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10;
+type LayoutProps = HTMLAttributes<HTMLDivElement> & {
+    gap?: Gap;
+};
+export declare function Stack({ gap, className, style, ...props }: LayoutProps): import("react").JSX.Element;
+export declare function Inline({ gap, className, style, ...props }: LayoutProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Layout.d.ts.map

package/dist/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAC9C,KAAK,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AASlE,wBAAgB,KAAK,CAAC,EAAE,GAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAQzE;AAED,wBAAgB,MAAM,CAAC,EAAE,GAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAQ1E"}

package/dist/Layout.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classes } from "./utils.js";
+function layoutStyle(gap, style) {
+    return {
+        "--lo-layout-gap": `var(--lo-space-${gap})`,
+        ...style,
+    };
+}
+export function Stack({ gap = 4, className, style, ...props }) {
+    return (_jsx("div", { ...props, className: classes("lo-ui-stack", className), style: layoutStyle(gap, style) }));
+}
+export function Inline({ gap = 2, className, style, ...props }) {
+    return (_jsx("div", { ...props, className: classes("lo-ui-inline", className), style: layoutStyle(gap, style) }));
+}

package/dist/List.d.ts

@@ -0,0 +1,18 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    label?: ReactNode;
+}
+export declare function List({ label, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: ListProps): import("react").JSX.Element;
+export interface CellProps extends Omit<HTMLAttributes<HTMLLIElement>, "title"> {
+    title: ReactNode;
+    subtitle?: ReactNode;
+    leading?: ReactNode;
+    /** Noninteractive metadata included in the row action and its accessible name. */
+    trailing?: ReactNode;
+    /** An independently operable control rendered beside the row action. */
+    trailingAction?: ReactNode;
+    onPress?: () => void;
+    disabled?: boolean;
+}
+export declare const Cell: import("react").ForwardRefExoticComponent<CellProps & import("react").RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=List.d.ts.map

package/dist/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/E,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACT,EAAE,SAAS,+BAsBX;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,aAAa,CAAC,EAC7B,OAAO,CACR;IACC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wEAAwE;IACxE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,qGA6Df,CAAC"}

package/dist/List.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { classes } from "./utils.js";
+export function List({ label, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
+    const generatedId = useId();
+    const labelId = label ? `${generatedId}-label` : undefined;
+    const effectiveLabelledBy = ariaLabelledBy ?? (ariaLabel === undefined ? labelId : undefined);
+    return (_jsxs("section", { className: "lo-ui-list-section", children: [label && (_jsx("h2", { className: "lo-ui-list-label", id: labelId, children: label })), _jsx("ul", { ...props, "aria-label": ariaLabel, "aria-labelledby": effectiveLabelledBy, className: classes("lo-ui-list", className), children: children })] }));
+}
+export const Cell = forwardRef(function Cell({ title, subtitle, leading, trailing, trailingAction, onPress, disabled = false, className, ...props }, ref) {
+    const content = (_jsxs(_Fragment, { children: [leading && _jsx("span", { className: "lo-ui-cell__leading", children: leading }), _jsxs("span", { className: "lo-ui-cell__body", children: [_jsx("span", { className: "lo-ui-cell__title", children: title }), subtitle && _jsx("span", { className: "lo-ui-cell__subtitle", children: subtitle })] }), trailing && _jsx("span", { className: "lo-ui-cell__trailing", children: trailing }), onPress && !trailing && !trailingAction && (_jsx("svg", { className: "lo-ui-cell__chevron", viewBox: "0 0 20 20", "aria-hidden": "true", children: _jsx("path", { d: "m7.5 4 6 6-6 6" }) }))] }));
+    return (_jsx("li", { ...props, ref: ref, className: classes("lo-ui-cell", className), children: onPress || trailingAction ? (_jsxs("div", { className: "lo-ui-cell__actions", children: [onPress ? (_jsx("button", { className: "lo-ui-cell__control", type: "button", onClick: onPress, disabled: disabled, children: content })) : (_jsx("div", { className: "lo-ui-cell__content", children: content })), trailingAction && (_jsx("span", { className: "lo-ui-cell__trailing-action", children: trailingAction }))] })) : (_jsx("div", { className: "lo-ui-cell__content", children: content })) }));
+});

package/dist/SelectionControl.d.ts

@@ -0,0 +1,17 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export type SelectionControlProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    labelHidden?: boolean;
+};
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    labelHidden?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: ReactNode;
+    description?: ReactNode;
+    labelHidden?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SelectionControl.d.ts.map

package/dist/SelectionControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionControl.d.ts","sourceRoot":"","sources":["../src/SelectionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP,GAAG;IACF,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAyCF,eAAO,MAAM,MAAM;WA5CV,SAAS;kBACF,SAAS;kBACT,OAAO;oDA6EtB,CAAC;AAEF,eAAO,MAAM,QAAQ;WAjFZ,SAAS;kBACF,SAAS;kBACT,OAAO;oDAiHtB,CAAC"}

package/dist/SelectionControl.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { classes } from "./utils.js";
+function SelectionControl({ control, label, description, labelHidden = false, id, }) {
+    return (_jsxs("label", { className: classes("lo-ui-selection", labelHidden && "lo-ui-selection--control-only"), htmlFor: id, children: [_jsxs("span", { className: "lo-ui-selection__copy", children: [_jsx("span", { className: "lo-ui-selection__label", id: `${id}-label`, children: label }), description && (_jsx("span", { className: "lo-ui-selection__description", id: `${id}-description`, children: description }))] }), control] }));
+}
+export const Switch = forwardRef(function Switch({ label, description, labelHidden, id: providedId, className, ...props }, ref) {
+    const generatedId = useId();
+    const id = providedId ?? generatedId;
+    return (_jsx(SelectionControl, { id: id, label: label, description: description, labelHidden: labelHidden, control: _jsx("input", { ...props, ref: ref, id: id, type: "checkbox", role: "switch", "aria-labelledby": props["aria-labelledby"] ??
+                (props["aria-label"] ? undefined : `${id}-label`), "aria-describedby": [props["aria-describedby"], description && `${id}-description`]
+                .filter(Boolean)
+                .join(" ") || undefined, className: classes("lo-ui-switch", className) }) }));
+});
+export const Checkbox = forwardRef(function Checkbox({ label, description, labelHidden, id: providedId, className, ...props }, ref) {
+    const generatedId = useId();
+    const id = providedId ?? generatedId;
+    return (_jsx(SelectionControl, { id: id, label: label, description: description, labelHidden: labelHidden, control: _jsx("input", { ...props, ref: ref, id: id, type: "checkbox", "aria-labelledby": props["aria-labelledby"] ??
+                (props["aria-label"] ? undefined : `${id}-label`), "aria-describedby": [props["aria-describedby"], description && `${id}-description`]
+                .filter(Boolean)
+                .join(" ") || undefined, className: classes("lo-ui-checkbox", className) }) }));
+});

package/dist/TextField.d.ts

@@ -0,0 +1,9 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    inputClassName?: string;
+}
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,6GAgDrB,CAAC"}

package/dist/TextField.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import { classes } from "./utils.js";
+export const TextField = forwardRef(function TextField({ label, description, error, id: providedId, className, inputClassName, "aria-describedby": ariaDescribedBy, ...props }, ref) {
+    const generatedId = useId();
+    const id = providedId ?? generatedId;
+    const descriptionId = description ? `${id}-description` : undefined;
+    const errorId = error ? `${id}-error` : undefined;
+    const describedBy = [ariaDescribedBy, descriptionId, errorId]
+        .filter(Boolean)
+        .join(" ");
+    return (_jsxs("div", { className: classes("lo-ui-field", className), children: [_jsx("label", { className: "lo-ui-field__label", htmlFor: id, children: label }), _jsx("input", { ...props, ref: ref, id: id, "aria-invalid": error ? true : props["aria-invalid"], "aria-describedby": describedBy || undefined, className: classes("lo-ui-field__input", inputClassName) }), description && (_jsx("div", { className: "lo-ui-field__description", id: descriptionId, children: description })), error && (_jsx("div", { className: "lo-ui-field__error", id: errorId, children: error }))] }));
+});

package/dist/Typography.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from "react";
+export interface TextProps extends HTMLAttributes<HTMLParagraphElement> {
+    tone?: "primary" | "secondary" | "danger";
+    size?: "caption" | "label" | "body";
+}
+export declare function Text({ tone, size, className, ...props }: TextProps): import("react").JSX.Element;
+export declare function Heading({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
+//# sourceMappingURL=Typography.d.ts.map

package/dist/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../src/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACrE,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CACrC;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAgB,EAChB,IAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,+BAYX;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,kBAAkB,CAAC,+BAEpC"}

package/dist/Typography.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classes } from "./utils.js";
+export function Text({ tone = "primary", size = "body", className, ...props }) {
+    return (_jsx("p", { ...props, className: classes("lo-ui-text", `lo-ui-text--${tone}`, `lo-ui-text--${size}`, className) }));
+}
+export function Heading({ className, ...props }) {
+    return _jsx("h1", { ...props, className: classes("lo-ui-heading", className) });
+}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { AppIcon, type AppIconProps } from "./AppIcon.js";
+export { Button, type ButtonProps } from "./Button.js";
+export { EmptyState, type EmptyStateProps } from "./EmptyState.js";
+export { Inline, Stack } from "./Layout.js";
+export { Cell, List, type CellProps, type ListProps } from "./List.js";
+export { Checkbox, Switch, type SelectionControlProps, } from "./SelectionControl.js";
+export { TextField, type TextFieldProps } from "./TextField.js";
+export { Heading, Text, type TextProps } from "./Typography.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EACL,QAAQ,EACR,MAAM,EACN,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { AppIcon } from "./AppIcon.js";
+export { Button } from "./Button.js";
+export { EmptyState } from "./EmptyState.js";
+export { Inline, Stack } from "./Layout.js";
+export { Cell, List } from "./List.js";
+export { Checkbox, Switch, } from "./SelectionControl.js";
+export { TextField } from "./TextField.js";
+export { Heading, Text } from "./Typography.js";