@idyeah/diya 0.0.0 → 1.0.0

package/dist/date-picker/DatePicker.js

@@ -0,0 +1,146 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { display, iso, monthOf, outsideLimits, useMonthGrid } from '../calendar/month.js';
+import { adjacentTabStop, useAnchoredPopover } from '../combobox/useAnchoredPopover.js';
+import { useDiyaLocale, useDiyaMessages } from '../DiyaProvider.js';
+import { cx } from '../internal/cx.js';
+import { useFormReset, useMergedRef } from '../text-input/native-field.js';
+import { datePickerMessages } from './messages.js';
+/** A labeled date field that opens a calendar popup; picks one ISO date, or a start and end date with `range`. */
+export const DatePicker = forwardRef(function DatePicker(props, ref) {
+    const { label, disabled = false, error, hideLabel = false, helperText, size = 'medium', min, max, isDateUnavailable, name, className, style, onClick: onTriggerClick, onKeyDown: onTriggerKeyDown, 'aria-describedby': describedBy, range: _range, value: _value, defaultValue: _defaultValue, onValueChange: _onValueChange, ...rest } = props;
+    const t = useDiyaMessages('datePicker', datePickerMessages);
+    const locale = useDiyaLocale();
+    const range = props.range === true;
+    const controlled = props.value !== undefined;
+    const initial = () => props.range ? props.defaultValue ?? { start: '', end: '' } : { start: props.defaultValue ?? '', end: '' };
+    const [uncontrolled, setUncontrolled] = useState(initial);
+    // Internally a value is always a range; a single date is { start: date, end: '' }.
+    const value = !controlled ? uncontrolled : props.range ? props.value ?? { start: '', end: '' } : { start: props.value ?? '', end: '' };
+    const onChange = (next) => {
+        if (!controlled)
+            setUncontrolled(next);
+        if (props.range)
+            props.onValueChange?.(next);
+        else
+            props.onValueChange?.(next.start);
+    };
+    const outside = (day) => outsideLimits(day, min, max) || !!isDateUnavailable?.(day);
+    const monthFor = (day) => monthOf(day, min, max);
+    const id = useId();
+    const [open, setOpen] = useState(false);
+    const [month, setMonth] = useState(() => monthFor(value.start));
+    const [choosingEnd, setChoosingEnd] = useState(false);
+    const field = useRef(null);
+    const trigger = useRef(null);
+    const triggerRef = useMergedRef(ref, trigger);
+    const calendar = useRef(null);
+    const isOpen = open && !disabled;
+    const popupContent = useMemo(() => ({ month, range, size }), [month, range, size]);
+    const portal = useAnchoredPopover(isOpen, trigger, calendar, 300, popupContent);
+    useFormReset(trigger, () => { if (!controlled)
+        setUncontrolled(initial()); });
+    const monthGrid = useMonthGrid({ locale, month, onMonthChange: setMonth, value, range, choosingEnd, min, max, isDateUnavailable, active: isOpen, strings: t, onChoose: choose });
+    function close() { setOpen(false); setChoosingEnd(false); }
+    function escape(event) {
+        if (event.key !== 'Escape' || !isOpen)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        close();
+        trigger.current?.focus();
+    }
+    useEffect(() => { if (disabled)
+        close(); }, [disabled]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const outside = (event) => {
+            if (!field.current?.contains(event.target) && !calendar.current?.contains(event.target))
+                close();
+        };
+        const resize = () => {
+            if (calendar.current?.contains(document.activeElement))
+                trigger.current?.focus();
+            close();
+        };
+        const scroll = (event) => { if (!calendar.current?.contains(event.target))
+            resize(); };
+        document.addEventListener('pointerdown', outside);
+        window.addEventListener('resize', resize);
+        window.addEventListener('scroll', scroll, true);
+        return () => {
+            document.removeEventListener('pointerdown', outside);
+            window.removeEventListener('resize', resize);
+            window.removeEventListener('scroll', scroll, true);
+        };
+    }, [isOpen]);
+    const today = iso(new Date());
+    function choose(day) {
+        if (disabled || outside(day))
+            return;
+        if (range && (!choosingEnd || !value.start)) {
+            onChange({ start: day, end: '' });
+            setChoosingEnd(true);
+        }
+        else {
+            onChange(range ? { start: day < value.start ? day : value.start, end: day < value.start ? value.start : day } : { start: day, end: '' });
+            close();
+            trigger.current?.focus();
+        }
+    }
+    // Tab moves through the calendar's controls: the month buttons, one day, then Today and Clear.
+    const tabStops = () => Array.from(calendar.current?.querySelectorAll('button:not(:disabled)') ?? []).filter((button) => button.tabIndex >= 0);
+    return _jsxs("div", { ref: field, className: cx('diya-date-field', className), style: style, "data-size": size, "data-invalid": !!error, onBlur: (event) => {
+            const next = event.relatedTarget;
+            if (!field.current?.contains(next) && !calendar.current?.contains(next))
+                close();
+        }, children: [_jsx("label", { id: `${id}-label`, className: hideLabel ? 'diya-sr-only' : '', children: label }), name && (range ? [value.start, value.end] : [value.start]).map((entry, index) => _jsx("input", { type: "hidden", name: name, value: entry, disabled: disabled }, index)), _jsxs("button", { ...rest, ref: triggerRef, type: "button", className: "diya-date-trigger", disabled: disabled, "aria-labelledby": `${id}-label ${id}-value`, "aria-expanded": isOpen, "aria-controls": isOpen ? `${id}-calendar` : undefined, "aria-describedby": [describedBy, error || helperText ? `${id}-help` : undefined].filter(Boolean).join(' ') || undefined, "aria-invalid": !!error, onClick: (event) => {
+                    onTriggerClick?.(event);
+                    if (event.defaultPrevented)
+                        return;
+                    if (isOpen)
+                        close();
+                    else if (!disabled) {
+                        setMonth(monthFor(value.start));
+                        monthGrid.resetCursor();
+                        setChoosingEnd(range && !!value.start && !value.end);
+                        setOpen(true);
+                    }
+                }, onKeyDown: (event) => {
+                    onTriggerKeyDown?.(event);
+                    if (event.defaultPrevented)
+                        return;
+                    escape(event);
+                    if (isOpen && event.key === 'Tab' && !event.shiftKey) {
+                        const firstControl = tabStops()[0];
+                        if (firstControl) {
+                            event.preventDefault();
+                            firstControl.focus();
+                        }
+                    }
+                }, children: [_jsxs("span", { id: `${id}-value`, children: [value.start ? `${display(value.start, locale)}${range ? ` – ${value.end ? display(value.end, locale) : t.endDate}` : ''}` : range ? t.chooseRange : t.chooseDate, " "] }), _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "5", width: "18", height: "16", rx: "3" }), _jsx("path", { d: "M7 3v4m10-4v4M3 10h18" })] })] }), (error || helperText) && _jsxs("p", { id: `${id}-help`, className: "diya-field-help", children: [error && _jsx("span", { "aria-hidden": "true", children: "!" }), error || helperText] }), isOpen && portal && createPortal(_jsxs("div", { ref: calendar, id: `${id}-calendar`, className: "diya-calendar", role: "group", "aria-label": t.chooseDate, onKeyDown: (event) => {
+                    escape(event);
+                    if (event.key !== 'Tab')
+                        return;
+                    const controls = tabStops();
+                    if (event.shiftKey && event.target === controls[0]) {
+                        event.preventDefault();
+                        trigger.current?.focus();
+                    }
+                    else if (!event.shiftKey && event.target === controls[controls.length - 1]) {
+                        const destination = trigger.current && adjacentTabStop(trigger.current, calendar.current, false);
+                        close();
+                        if (destination) {
+                            destination.focus();
+                            if (destination.ownerDocument.activeElement === destination)
+                                event.preventDefault();
+                        }
+                    }
+                }, style: { position: 'fixed', inset: 'auto', margin: 0 }, children: [monthGrid.render(), _jsxs("div", { className: "diya-calendar-footer", children: [_jsx("button", { type: "button", disabled: outside(today), onClick: () => { setMonth(monthFor(today)); choose(today); }, children: t.today }), _jsx("button", { type: "button", onClick: () => { if (!disabled) {
+                                    onChange({ start: '', end: '' });
+                                    setChoosingEnd(false);
+                                } }, children: t.clear })] })] }), portal)] });
+});

package/dist/date-picker/messages.d.ts

@@ -0,0 +1,13 @@
+/** datePicker: English defaults, overridable through DiyaProvider `messages`. */
+export declare const datePickerMessages: {
+    chooseDate: string;
+    chooseRange: string;
+    chooseStart: string;
+    chooseEnd: string;
+    endDate: string;
+    previousMonth: string;
+    nextMonth: string;
+    today: string;
+    clear: string;
+    unavailableDay: (date: string) => string;
+};

package/dist/date-picker/messages.js

@@ -0,0 +1,2 @@
+/** datePicker: English defaults, overridable through DiyaProvider `messages`. */
+export const datePickerMessages = { chooseDate: 'Choose date', chooseRange: 'Choose date range', chooseStart: 'Choose start date', chooseEnd: 'Choose end date', endDate: 'End date', previousMonth: 'Previous month', nextMonth: 'Next month', today: 'Today', clear: 'Clear', unavailableDay: (date) => `${date}, unavailable` };

package/dist/dialog/Dialog.d.ts

@@ -0,0 +1,84 @@
+import { type DialogHTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import { dialogMessages } from './messages.js';
+declare module '../messages.js' {
+    interface DiyaMessages {
+        dialog: typeof dialogMessages;
+    }
+}
+export type DialogProps = Omit<DialogHTMLAttributes<HTMLDialogElement>, 'title' | 'children' | 'open'> & {
+    /** Your own element that opens the dialog, such as `<Button>Edit project</Button>`; DIYA wires its click and `aria-haspopup`, and focus returns to it on close. */
+    trigger?: ReactElement;
+    /** Visible dialog heading; it is also the dialog's accessible name. */
+    title: string;
+    /** The title's heading level, 1 to 6; it looks the same at every level. Defaults to 3. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Supporting text under the title, also read as the dialog's description. */
+    description?: string;
+    /** Dialog width; defaults to 'medium'. */
+    size?: 'small' | 'medium' | 'large';
+    /** Dialog body. */
+    children?: ReactNode;
+    /** Replaces the default dismiss and confirm buttons. */
+    footer?: ReactNode;
+    /** Whether the dialog is open; leave it out to let `trigger` manage it. */
+    open?: boolean;
+    /** Called with the next open state whenever the dialog opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Shows the confirm button. May be async; the dialog closes when it settles, unless it returns false. A thrown Error's message shows in the dialog. */
+    onConfirm?: () => void | boolean | Promise<void | boolean>;
+    /** Called when the person dismisses the dialog (dismiss or close button, Escape or a backdrop click). */
+    onDismiss?: () => void;
+    /** Confirm button text; defaults to "Save changes". */
+    confirmLabel?: string;
+    /** 'destructive' marks the confirm button as an action that deletes or can't be undone; defaults to 'solid'. */
+    confirmVariant?: 'solid' | 'destructive';
+    /** Dismiss button text; defaults to "Cancel" with `onConfirm`, otherwise "Close". */
+    dismissLabel?: string;
+    /** Disables the confirm button; defaults to false. */
+    confirmDisabled?: boolean;
+    /** Shows a spinner on the confirm button and blocks confirming; defaults to false. */
+    loading?: boolean;
+    /** Draws a line above the buttons; defaults to false. */
+    divided?: boolean;
+    /** Shows the close icon button in the corner; defaults to true. */
+    showClose?: boolean;
+};
+/** A modal dialog opened by your `trigger`, or controlled through `open`; focus returns on close. The ref, `className`, `style` and other attributes go to the native `dialog` element. */
+export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogHTMLAttributes<HTMLDialogElement>, "children" | "open" | "title"> & {
+    /** Your own element that opens the dialog, such as `<Button>Edit project</Button>`; DIYA wires its click and `aria-haspopup`, and focus returns to it on close. */
+    trigger?: ReactElement;
+    /** Visible dialog heading; it is also the dialog's accessible name. */
+    title: string;
+    /** The title's heading level, 1 to 6; it looks the same at every level. Defaults to 3. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Supporting text under the title, also read as the dialog's description. */
+    description?: string;
+    /** Dialog width; defaults to 'medium'. */
+    size?: "small" | "medium" | "large";
+    /** Dialog body. */
+    children?: ReactNode;
+    /** Replaces the default dismiss and confirm buttons. */
+    footer?: ReactNode;
+    /** Whether the dialog is open; leave it out to let `trigger` manage it. */
+    open?: boolean;
+    /** Called with the next open state whenever the dialog opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Shows the confirm button. May be async; the dialog closes when it settles, unless it returns false. A thrown Error's message shows in the dialog. */
+    onConfirm?: () => void | boolean | Promise<void | boolean>;
+    /** Called when the person dismisses the dialog (dismiss or close button, Escape or a backdrop click). */
+    onDismiss?: () => void;
+    /** Confirm button text; defaults to "Save changes". */
+    confirmLabel?: string;
+    /** 'destructive' marks the confirm button as an action that deletes or can't be undone; defaults to 'solid'. */
+    confirmVariant?: "solid" | "destructive";
+    /** Dismiss button text; defaults to "Cancel" with `onConfirm`, otherwise "Close". */
+    dismissLabel?: string;
+    /** Disables the confirm button; defaults to false. */
+    confirmDisabled?: boolean;
+    /** Shows a spinner on the confirm button and blocks confirming; defaults to false. */
+    loading?: boolean;
+    /** Draws a line above the buttons; defaults to false. */
+    divided?: boolean;
+    /** Shows the close icon button in the corner; defaults to true. */
+    showClose?: boolean;
+} & import("react").RefAttributes<HTMLDialogElement>>;

package/dist/dialog/Dialog.js

@@ -0,0 +1,107 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { Button } from '../button/Button.js';
+import { useDiyaMessages } from '../DiyaProvider.js';
+import { cx } from '../internal/cx.js';
+import { composeRefs, renderSlot } from '../internal/slot.js';
+import { dialogMessages } from './messages.js';
+/** A modal dialog opened by your `trigger`, or controlled through `open`; focus returns on close. The ref, `className`, `style` and other attributes go to the native `dialog` element. */
+export const Dialog = forwardRef(function Dialog({ trigger: triggerElement, title, headingLevel = 3, description, size = 'medium', children, footer, open: controlledOpen, onOpenChange, onConfirm, onDismiss, confirmLabel, confirmVariant = 'solid', dismissLabel, confirmDisabled = false, loading = false, divided = false, showClose = true, className, onCancel, onClose, onClick, ...props }, ref) {
+    const t = useDiyaMessages('dialog', dialogMessages);
+    const [localOpen, setLocalOpen] = useState(false);
+    const [pending, setPending] = useState(false);
+    const [error, setError] = useState('');
+    const open = controlledOpen ?? localOpen;
+    const busy = loading || pending;
+    const dialog = useRef(null);
+    const setDialog = useMemo(() => composeRefs(dialog, ref), [ref]);
+    const trigger = useRef(null);
+    const Heading = `h${headingLevel}`;
+    const previousFocus = useRef(null);
+    const operation = useRef(0);
+    const id = useId();
+    function change(next) {
+        if (controlledOpen === undefined)
+            setLocalOpen(next);
+        onOpenChange?.(next);
+    }
+    function dismiss() {
+        operation.current += 1;
+        setPending(false);
+        change(false);
+        onDismiss?.();
+    }
+    useEffect(() => () => {
+        operation.current += 1;
+    }, []);
+    useEffect(() => {
+        const node = dialog.current;
+        if (!node)
+            return;
+        if (open && !node.open) {
+            previousFocus.current =
+                document.activeElement instanceof HTMLElement ? document.activeElement : null;
+            setError('');
+            if (typeof node.showModal === 'function')
+                node.showModal();
+            else
+                node.setAttribute('open', '');
+        }
+        else if (!open && node.open) {
+            operation.current += 1;
+            setPending(false);
+            if (typeof node.close === 'function')
+                node.close();
+            else
+                node.removeAttribute('open');
+            (trigger.current ?? previousFocus.current)?.focus();
+        }
+    }, [open]);
+    async function confirm() {
+        if (busy || confirmDisabled || !onConfirm)
+            return;
+        const request = ++operation.current;
+        setPending(true);
+        setError('');
+        try {
+            if ((await onConfirm()) !== false && request === operation.current)
+                change(false);
+        }
+        catch (failure) {
+            if (request === operation.current)
+                setError(failure instanceof Error ? failure.message : t.error);
+        }
+        finally {
+            if (request === operation.current)
+                setPending(false);
+        }
+    }
+    const content = (_jsxs("div", { className: "diya-dialog-layout", children: [_jsxs("div", { className: "diya-dialog-heading", children: [_jsxs("div", { children: [_jsx(Heading, { id: id + '-title', className: "diya-dialog-title", children: title }), description && (_jsx("p", { id: id + '-description', className: "diya-dialog-description", children: description }))] }), showClose && (_jsx("button", { type: "button", className: "diya-dialog-close", "aria-label": t.close, onClick: dismiss, children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: _jsx("path", { d: "m5 5 10 10M15 5 5 15" }) }) }))] }), children && _jsx("div", { className: "diya-dialog-content", children: children }), error && (_jsx("p", { className: "diya-workflow-error", role: "alert", children: error })), _jsx("div", { className: "diya-dialog-actions", "data-divider": divided || undefined, children: footer ?? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "quiet", onClick: dismiss, children: dismissLabel ?? (onConfirm ? t.dismiss : t.closeAction) }), onConfirm && (_jsx(Button, { variant: confirmVariant, loading: busy, disabled: confirmDisabled, onClick: confirm, children: confirmLabel ?? t.confirm }))] })) })] }));
+    return (_jsxs(_Fragment, { children: [triggerElement && renderSlot(triggerElement, { 'aria-haspopup': 'dialog', onClick: () => change(true) }, trigger), _jsx("dialog", { ...props, ref: setDialog, className: cx('diya-dialog', className), "data-size": size, "aria-labelledby": id + '-title', "aria-describedby": description ? id + '-description' : undefined, onCancel: (event) => {
+                    onCancel?.(event);
+                    if (event.defaultPrevented)
+                        return;
+                    event.preventDefault();
+                    dismiss();
+                }, onClose: (event) => {
+                    onClose?.(event);
+                    if (event.currentTarget.open)
+                        return;
+                    operation.current += 1;
+                    setPending(false);
+                    if (open)
+                        change(false);
+                    (trigger.current ?? previousFocus.current)?.focus();
+                }, onClick: (event) => {
+                    onClick?.(event);
+                    if (event.target !== event.currentTarget)
+                        return;
+                    const box = event.currentTarget.getBoundingClientRect();
+                    if (event.clientX < box.left ||
+                        event.clientX > box.right ||
+                        event.clientY < box.top ||
+                        event.clientY > box.bottom)
+                        dismiss();
+                }, children: content })] }));
+});

package/dist/dialog/messages.d.ts

@@ -0,0 +1,9 @@
+/** dialog: English defaults, overridable through DiyaProvider `messages`. */
+export declare const dialogMessages: {
+    open: string;
+    confirm: string;
+    dismiss: string;
+    closeAction: string;
+    close: string;
+    error: string;
+};

package/dist/dialog/messages.js

@@ -0,0 +1,2 @@
+/** dialog: English defaults, overridable through DiyaProvider `messages`. */
+export const dialogMessages = { open: 'Open dialog', confirm: 'Save changes', dismiss: 'Cancel', closeAction: 'Close', close: 'Close dialog', error: 'Could not complete the action. Try again.' };

package/dist/fonts/OFL.txt

@@ -0,0 +1,94 @@
+Copyright 2022 The Mona Sans Project Authors (https://github.com/github/mona-sans), with Reserved Font Name "Mona"
+Copyright 2026 IDYeah Studio (https://diya13.ai), for the modifications in DIYA Sans.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+export { Button, type ButtonProps } from './button/Button.js';
+export { PageHeader, type PageHeaderProps } from './page-header/PageHeader.js';
+export { DiyaProvider, useDiyaAppearance, type DiyaProviderProps, type DiyaAppearance } from './DiyaProvider.js';
+export type { DiyaBrandTokens } from './internal/brand.js';
+export { Stack, type StackProps } from './layout/Stack.js';
+export { Inline, type InlineProps } from './layout/Inline.js';
+export type { LayoutProps, DiyaSpace, DiyaAlign, DiyaJustify, DiyaLayoutElement } from './layout/layout.js';
+export type { DiyaMessages, DiyaMessagesInput } from './messages.js';
+export { defaultMessages } from './messages-defaults.js';
+export { Breadcrumbs, type BreadcrumbsProps, type BreadcrumbItem } from './breadcrumbs/Breadcrumbs.js';
+export { Tabs, type TabsProps, type TabItem } from './tabs/Tabs.js';
+export { Tag, type TagProps } from './tag/Tag.js';
+export { Badge, type BadgeProps, type Tone } from './badge/Badge.js';
+export { TextInput, type TextInputProps } from './text-input/TextInput.js';
+export { TextArea, type TextAreaProps } from './text-area/TextArea.js';
+export { Select, type SelectProps, type SelectOption } from './select/Select.js';
+export { DatePicker, type DatePickerProps, type DatePickerSingleProps, type DatePickerRangeProps, type DateRange } from './date-picker/DatePicker.js';
+export { Calendar, type CalendarProps, type CalendarSingleProps, type CalendarRangeProps } from './calendar/Calendar.js';
+export { Combobox, type ComboboxProps, type ComboboxSingleProps, type ComboboxMultipleProps, type ComboboxOption } from './combobox/Combobox.js';
+export { Choice, type ChoiceProps, type ChoiceSingleProps, type ChoiceMultipleProps, type ChoiceOption } from './choice/Choice.js';
+export { Switch, type SwitchProps } from './switch/Switch.js';
+export { Slider, type SliderProps, type SliderSingleProps, type SliderRangeProps } from './slider/Slider.js';
+export { Search, type SearchProps } from './search/Search.js';
+export { TextLink, type TextLinkProps } from './link/TextLink.js';
+export { Pagination, type PaginationProps } from './pagination/Pagination.js';
+export { Menu, type MenuProps, type MenuItem } from './menu/Menu.js';
+export { Metric, type MetricProps, type MetricChange } from './metric/Metric.js';
+export { Avatar, type AvatarProps } from './avatar/Avatar.js';
+export { Rating, type RatingProps } from './rating/Rating.js';
+export { List, type ListProps, type ListItem } from './list/List.js';
+export { Accordion, type AccordionProps, type AccordionItem } from './accordion/Accordion.js';
+export { Prose, type ProseProps } from './prose/Prose.js';
+export { CodeBlock, type CodeBlockProps } from './code-block/CodeBlock.js';
+export { Alert, type AlertProps, type AlertTone } from './alert/Alert.js';
+export { Toast, type ToastProps } from './toast/Toast.js';
+export { Progress, type ProgressProps } from './progress/Progress.js';
+export { Tooltip, type TooltipProps } from './tooltip/Tooltip.js';
+export { Popover, type PopoverProps } from './popover/Popover.js';
+export { SiteHeader, type SiteHeaderProps, type SiteHeaderItem, } from './site-header/SiteHeader.js';
+export { Card, type CardProps } from './card/Card.js';
+export { Dialog, type DialogProps } from './dialog/Dialog.js';
+export { Table, type TableProps, type TableColumn, type TableFilter, type TableBulkAction } from './table/Table.js';
+export { FileUpload, type FileUploadProps, type FileRejection } from './workflow/FileUpload.js';
+export { Form, type FormProps } from './workflow/Form.js';
+export { Wizard, type WizardProps, type WizardStep } from './workflow/Wizard.js';
+export { Drawer, type DrawerProps } from './workflow/Drawer.js';
+export { ContentState, type ContentStateProps } from './workflow/ContentState.js';
+export { Chatbot, type ChatbotProps, type ChatMessage } from './application-patterns/Chatbot.js';
+export { SideNavigation, type SideNavigationProps, type SideNavigationGroup, type SideNavigationItem, } from './application-patterns/SideNavigation.js';
+export type { DiyaLinkComponent, DiyaLinkProps } from './internal/link.js';

package/dist/index.js

@@ -0,0 +1,46 @@
+export { Button } from './button/Button.js';
+export { PageHeader } from './page-header/PageHeader.js';
+export { DiyaProvider, useDiyaAppearance } from './DiyaProvider.js';
+export { Stack } from './layout/Stack.js';
+export { Inline } from './layout/Inline.js';
+export { defaultMessages } from './messages-defaults.js';
+export { Breadcrumbs } from './breadcrumbs/Breadcrumbs.js';
+export { Tabs } from './tabs/Tabs.js';
+export { Tag } from './tag/Tag.js';
+export { Badge } from './badge/Badge.js';
+export { TextInput } from './text-input/TextInput.js';
+export { TextArea } from './text-area/TextArea.js';
+export { Select } from './select/Select.js';
+export { DatePicker } from './date-picker/DatePicker.js';
+export { Calendar } from './calendar/Calendar.js';
+export { Combobox } from './combobox/Combobox.js';
+export { Choice } from './choice/Choice.js';
+export { Switch } from './switch/Switch.js';
+export { Slider } from './slider/Slider.js';
+export { Search } from './search/Search.js';
+export { TextLink } from './link/TextLink.js';
+export { Pagination } from './pagination/Pagination.js';
+export { Menu } from './menu/Menu.js';
+export { Metric } from './metric/Metric.js';
+export { Avatar } from './avatar/Avatar.js';
+export { Rating } from './rating/Rating.js';
+export { List } from './list/List.js';
+export { Accordion } from './accordion/Accordion.js';
+export { Prose } from './prose/Prose.js';
+export { CodeBlock } from './code-block/CodeBlock.js';
+export { Alert } from './alert/Alert.js';
+export { Toast } from './toast/Toast.js';
+export { Progress } from './progress/Progress.js';
+export { Tooltip } from './tooltip/Tooltip.js';
+export { Popover } from './popover/Popover.js';
+export { SiteHeader, } from './site-header/SiteHeader.js';
+export { Card } from './card/Card.js';
+export { Dialog } from './dialog/Dialog.js';
+export { Table } from './table/Table.js';
+export { FileUpload } from './workflow/FileUpload.js';
+export { Form } from './workflow/Form.js';
+export { Wizard } from './workflow/Wizard.js';
+export { Drawer } from './workflow/Drawer.js';
+export { ContentState } from './workflow/ContentState.js';
+export { Chatbot } from './application-patterns/Chatbot.js';
+export { SideNavigation, } from './application-patterns/SideNavigation.js';

package/dist/internal/brand.d.ts

@@ -0,0 +1,33 @@
+/** DIYA's own accent when the provider sets no `brandColor`: a true neutral ink in Light, its pale twin in Dark. */
+export declare const DIYA_DEFAULT_BRAND: {
+    readonly light: "#262626";
+    readonly dark: "#e8e8e8";
+};
+export type BrandTheme = 'light' | 'dark';
+/** The accent tokens for one theme, as hex. */
+export type DiyaBrandTokens = {
+    /** Fills: the solid Button, a selected pill Tab, an on Switch, chart series 1. */
+    accent: string;
+    /** Text and icons on the accent fill. */
+    accentText: string;
+    /** A quiet translucent tint, such as behind a brand-tone Tag. */
+    accentSoft: string;
+    /** Accent-colored text that reads on the page, the soft tint and raised surfaces. */
+    accentInk: string;
+};
+export declare const BRAND_GROUNDS: Record<BrandTheme, {
+    surface: string;
+    raised: string;
+    text: string;
+}>;
+/** `#rgb` or `#rrggbb`, with or without the hash, as lowercase `#rrggbb`; anything else is undefined. */
+export declare function normalizeHex(value: string): string | undefined;
+/** WCAG 2 contrast ratio between two opaque hex colors. */
+export declare function contrast(a: string, b: string): number;
+/** The four accent tokens for one theme, from a hex brand color; contrast is checked against DIYA's default grounds. */
+export declare function brandTokens(color: string, theme: BrandTheme): DiyaBrandTokens;
+/** A provider's `brandColor`, one color or one per theme, as the accent tokens for both themes. */
+export declare function resolveBrand(brandColor: string | {
+    light: string;
+    dark: string;
+} | undefined): Record<BrandTheme, DiyaBrandTokens>;