@abuzareal/contour-ui 0.1.2 → 0.2.0

package/dist/components/ui/SelectField.d.ts

@@ -10,4 +10,14 @@ export type SelectFieldProps = SelectHTMLAttributes<HTMLSelectElement> & {
     error?: string;
     placeholder?: string;
 };
-export default function SelectField({ id: providedId, "aria-describedby": describedBy, label, options, hint, error, placeholder, ...rest }: SelectFieldProps): import("react").JSX.Element;
+declare const SelectField: import("react").ForwardRefExoticComponent<SelectHTMLAttributes<HTMLSelectElement> & {
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    hint?: string;
+    error?: string;
+    placeholder?: string;
+} & import("react").RefAttributes<HTMLSelectElement>>;
+export default SelectField;

package/dist/components/ui/SelectField.js

@@ -1,13 +1,15 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Native select styled as an underlined field with a chevron. */
-import { useId } from "react";
+import { forwardRef, useId } from "react";
 import { ChevronDown } from "lucide-react";
 import { fieldDescribedBy } from "../../lib/a11y.js";
 import Field from "./Field.js";
-export default function SelectField({ id: providedId, "aria-describedby": describedBy, label, options, hint, error, placeholder, ...rest }) {
+const SelectField = forwardRef(function SelectField({ id: providedId, "aria-describedby": describedBy, label, options, hint, error, placeholder, ...rest }, ref) {
     const generatedId = useId();
     const id = providedId ?? generatedId;
-    return (_jsx(Field, { id: id, label: label, hint: hint, error: error, required: rest.required, disabled: rest.disabled, children: _jsxs("div", { className: "field-control field-select", children: [_jsxs("select", { ...rest, id: id, "aria-invalid": error ? true : undefined, "aria-describedby": [describedBy, fieldDescribedBy(id, hint, error)]
+    return (_jsx(Field, { id: id, label: label, hint: hint, error: error, required: rest.required, disabled: rest.disabled, children: _jsxs("div", { className: "field-control field-select", children: [_jsxs("select", { ...rest, ref: ref, id: id, "aria-invalid": error ? true : rest["aria-invalid"], "aria-describedby": [describedBy, fieldDescribedBy(id, hint, error)]
                         .filter(Boolean)
                         .join(" ") || undefined, children: [placeholder && (_jsx("option", { value: "", disabled: true, children: placeholder })), options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }), _jsx(ChevronDown, { className: "field-chevron", size: 16, "aria-hidden": "true" })] }) }));
-}
+});
+export default SelectField;

package/dist/components/ui/Slider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Range slider with a filled acid track and a live value readout. */
 import { useId } from "react";

package/dist/components/ui/Switch.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** On/off switch (role="switch") with a pill track that fills acid when on. */
 import { useId } from "react";

package/dist/components/ui/Tabs.d.ts

@@ -9,5 +9,8 @@ export type TabsProps = {
     label: string;
     tabs: TabItem[];
     defaultTabId?: string;
+    /** Controlled selection. The caller must update this after onTabChange. */
+    activeTabId?: string;
+    onTabChange?: (id: string) => void;
 };
-export default function Tabs({ label, tabs, defaultTabId }: TabsProps): import("react").JSX.Element;
+export default function Tabs({ label, tabs, defaultTabId, activeTabId, onTabChange, }: TabsProps): import("react").JSX.Element;

package/dist/components/ui/Tabs.js

@@ -1,13 +1,14 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Tabs with a sliding underline indicator, arrow-key navigation, and linked panels. */
 import { useId, useLayoutEffect, useRef, useState, } from "react";
 import { nextIndexForKey } from "../../lib/keyboard.js";
-export default function Tabs({ label, tabs, defaultTabId }) {
+export default function Tabs({ label, tabs, defaultTabId, activeTabId, onTabChange, }) {
     const baseId = useId();
     const [activeId, setActiveId] = useState(defaultTabId ?? tabs[0]?.id ?? "");
     const [indicator, setIndicator] = useState({ left: 0, width: 0 });
     const tabRefs = useRef([]);
-    const activeIndex = Math.max(0, tabs.findIndex((tab) => tab.id === activeId));
+    const activeIndex = Math.max(0, tabs.findIndex((tab) => tab.id === (activeTabId ?? activeId)));
     const selectedId = tabs[activeIndex]?.id;
     useLayoutEffect(() => {
         const measure = () => {
@@ -18,9 +19,11 @@ export default function Tabs({ label, tabs, defaultTabId }) {
         measure();
         window.addEventListener("resize", measure);
         return () => window.removeEventListener("resize", measure);
-    }, [activeIndex]);
+    }, [activeIndex, tabs]);
     const select = (index) => {
-        setActiveId(tabs[index].id);
+        if (activeTabId === undefined)
+            setActiveId(tabs[index].id);
+        onTabChange?.(tabs[index].id);
         tabRefs.current[index]?.focus();
     };
     return (_jsxs("div", { className: "tabs", children: [_jsx("div", { className: "tabs-list", role: "tablist", "aria-label": label, style: {
@@ -30,7 +33,11 @@ export default function Tabs({ label, tabs, defaultTabId }) {
                     const selected = tab.id === selectedId;
                     return (_jsx("button", { ref: (element) => {
                             tabRefs.current[index] = element;
-                        }, id: `${baseId}-tab-${tab.id}`, type: "button", role: "tab", "aria-selected": selected, "aria-controls": `${baseId}-panel-${tab.id}`, tabIndex: selected ? 0 : -1, className: "tabs-tab", onClick: () => setActiveId(tab.id), onKeyDown: (event) => {
+                        }, id: `${baseId}-tab-${tab.id}`, type: "button", role: "tab", "aria-selected": selected, "aria-controls": `${baseId}-panel-${tab.id}`, tabIndex: selected ? 0 : -1, className: "tabs-tab", onClick: () => {
+                            if (activeTabId === undefined)
+                                setActiveId(tab.id);
+                            onTabChange?.(tab.id);
+                        }, onKeyDown: (event) => {
                             const next = nextIndexForKey(event.key, index, tabs.length);
                             if (next === null)
                                 return;

package/dist/components/ui/Tag.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Mono "+ tag" label (as in project notes); becomes a removable chip when given onRemove. */
 import { X } from "lucide-react";

package/dist/components/ui/TextArea.d.ts

@@ -7,4 +7,11 @@ export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** Grows with its content instead of scrolling. */
     autoResize?: boolean;
 };
-export default function TextArea({ id: providedId, "aria-describedby": describedBy, label, hint, error, autoResize, maxLength, onChange, rows, ...rest }: TextAreaProps): import("react").JSX.Element;
+declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label: string;
+    hint?: string;
+    error?: string;
+    /** Grows with its content instead of scrolling. */
+    autoResize?: boolean;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/components/ui/TextArea.js

@@ -1,12 +1,15 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 /** Multi-line text input with optional auto-resize and character counter. */
-import { useId, useLayoutEffect, useRef, useState, } from "react";
+import { forwardRef, useId, useLayoutEffect, useState, } from "react";
 import { fieldDescribedBy } from "../../lib/a11y.js";
 import Field from "./Field.js";
-export default function TextArea({ id: providedId, "aria-describedby": describedBy, label, hint, error, autoResize = false, maxLength, onChange, rows = 3, ...rest }) {
+import useControlRef from "../../hooks/useControlRef.js";
+import useFormReset from "../../hooks/useFormReset.js";
+const TextArea = forwardRef(function TextArea({ id: providedId, "aria-describedby": describedBy, label, hint, error, autoResize = false, maxLength, onChange, rows = 3, ...rest }, forwardedRef) {
     const generatedId = useId();
     const id = providedId ?? generatedId;
-    const ref = useRef(null);
+    const { ref, attach } = useControlRef(forwardedRef);
     const [length, setLength] = useState(String(rest.value ?? rest.defaultValue ?? "").length);
     const fitContent = () => {
         const element = ref.current;
@@ -16,13 +19,24 @@ export default function TextArea({ id: providedId, "aria-describedby": described
         element.style.height = `${element.scrollHeight}px`;
     };
     useLayoutEffect(fitContent);
-    return (_jsx(Field, { id: id, label: label, hint: hint, error: error, required: rest.required, disabled: rest.disabled, counter: maxLength
+    useFormReset(ref, () => {
+        setLength(ref.current?.value.length ?? 0);
+        fitContent();
+    });
+    return (_jsx(Field, { id: id, label: label, hint: hint, error: error, required: rest.required, disabled: rest.disabled, counter: maxLength !== undefined
             ? `${rest.value !== undefined ? String(rest.value).length : length}/${maxLength}`
-            : undefined, children: _jsx("div", { className: "field-control", children: _jsx("textarea", { ...rest, ref: ref, id: id, rows: rows, maxLength: maxLength, "data-auto-resize": autoResize || undefined, "aria-invalid": error ? true : undefined, "aria-describedby": [describedBy, fieldDescribedBy(id, hint, error)]
+            : undefined, children: _jsx("div", { className: "field-control", children: _jsx("textarea", { ...rest, ref: attach, id: id, rows: rows, maxLength: maxLength, "data-auto-resize": autoResize || undefined, "aria-invalid": error ? true : rest["aria-invalid"], "aria-describedby": [describedBy, fieldDescribedBy(id, hint, error)]
                     .filter(Boolean)
-                    .join(" ") || undefined, onChange: (event) => {
+                    .join(" ") || undefined, 
+                // Native input also runs when React deduplicates a repeated value after form.reset().
+                onInput: (event) => {
+                    setLength(event.currentTarget.value.length);
+                    fitContent();
+                    rest.onInput?.(event);
+                }, onChange: (event) => {
                     setLength(event.target.value.length);
                     fitContent();
                     onChange?.(event);
                 } }) }) }));
-}
+});
+export default TextArea;

package/dist/components/ui/TextField.d.ts

@@ -9,4 +9,13 @@ export type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Content after the input, e.g. a unit or an icon button. */
     trailing?: ReactNode;
 };
-export default function TextField({ id: providedId, "aria-describedby": describedBy, label, hint, error, hideLabel, leadingIcon, trailing, maxLength, onChange, ...rest }: TextFieldProps): import("react").JSX.Element;
+declare const TextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    label: string;
+    hint?: string;
+    error?: string;
+    hideLabel?: boolean;
+    leadingIcon?: ReactNode;
+    /** Content after the input, e.g. a unit or an icon button. */
+    trailing?: ReactNode;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export default TextField;

package/dist/components/ui/TextField.js

@@ -1,18 +1,29 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Single-line text input with underline styling, optional icon/adornment, and character counter. */
-import { useId, useState, } from "react";
+import { forwardRef, useId, useState, } from "react";
 import { fieldDescribedBy } from "../../lib/a11y.js";
 import Field from "./Field.js";
-export default function TextField({ id: providedId, "aria-describedby": describedBy, label, hint, error, hideLabel, leadingIcon, trailing, maxLength, onChange, ...rest }) {
+import useControlRef from "../../hooks/useControlRef.js";
+import useFormReset from "../../hooks/useFormReset.js";
+const TextField = forwardRef(function TextField({ id: providedId, "aria-describedby": describedBy, label, hint, error, hideLabel, leadingIcon, trailing, maxLength, onChange, ...rest }, forwardedRef) {
+    const { ref, attach } = useControlRef(forwardedRef);
     const generatedId = useId();
     const id = providedId ?? generatedId;
     const [length, setLength] = useState(String(rest.value ?? rest.defaultValue ?? "").length);
-    return (_jsx(Field, { id: id, label: label, hint: hint, error: error, required: rest.required, hideLabel: hideLabel, disabled: rest.disabled, counter: maxLength
+    useFormReset(ref, () => setLength(ref.current?.value.length ?? 0));
+    return (_jsx(Field, { id: id, label: label, hint: hint, error: error, required: rest.required, hideLabel: hideLabel, disabled: rest.disabled, counter: maxLength !== undefined
             ? `${rest.value !== undefined ? String(rest.value).length : length}/${maxLength}`
-            : undefined, children: _jsxs("div", { className: "field-control", children: [leadingIcon && _jsx("span", { className: "field-icon", children: leadingIcon }), _jsx("input", { ...rest, id: id, maxLength: maxLength, "aria-invalid": error ? true : undefined, "aria-describedby": [describedBy, fieldDescribedBy(id, hint, error)]
+            : undefined, children: _jsxs("div", { className: "field-control", children: [leadingIcon && _jsx("span", { className: "field-icon", children: leadingIcon }), _jsx("input", { ...rest, ref: attach, id: id, maxLength: maxLength, "aria-invalid": error ? true : rest["aria-invalid"], "aria-describedby": [describedBy, fieldDescribedBy(id, hint, error)]
                         .filter(Boolean)
-                        .join(" ") || undefined, onChange: (event) => {
+                        .join(" ") || undefined, 
+                    // Native input also runs when React deduplicates a repeated value after form.reset().
+                    onInput: (event) => {
+                        setLength(event.currentTarget.value.length);
+                        rest.onInput?.(event);
+                    }, onChange: (event) => {
                         setLength(event.target.value.length);
                         onChange?.(event);
                     } }), trailing && _jsx("span", { className: "field-trailing", children: trailing })] }) }));
-}
+});
+export default TextField;

package/dist/components/ui/ThemeToggle.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Header button that switches between the light and dark themes. */
 import { Moon, Sun } from "lucide-react";

package/dist/components/ui/TiltCard.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Card that tilts in 3D toward a fine pointer with a moving glare highlight. */
 import { useRef } from "react";

package/dist/components/ui/ToastProvider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Renders queued toasts in a polite live region; each auto-dismisses unless hovered or focused. */
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";

package/dist/components/ui/Tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Ink tooltip shown on hover or focus, dismissible with Escape, described via aria-describedby. */
 import { cloneElement, useId, useState } from "react";

package/dist/fonts/dm-mono-LICENSE.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono) DMMono-LightItalic.ttf: Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono) DMMono-Regular.ttf: Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono) DMMono-Italic.ttf: Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono) DMMono-Medium.ttf: Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono) DMMono-MediumItalic.ttf: Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono)
+
+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:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+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/fonts/dm-sans-LICENSE.txt

@@ -0,0 +1,93 @@
+Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts) DMSans-Italic[opsz,wght].ttf: Copyright 2014 The DM Sans Project Authors (https://github.com/googlefonts/dm-fonts)
+
+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:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+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/fonts/space-grotesk-LICENSE.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)
+
+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:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+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/fonts-latin.css

@@ -4,7 +4,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 100 1000;
-  src: url(@fontsource-variable/dm-sans/files/dm-sans-latin-wght-normal.woff2)
+  src: url("./fonts/dm-sans-latin-wght-normal.woff2")
     format("woff2-variations");
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
@@ -17,7 +17,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 300 700;
-  src: url(@fontsource-variable/space-grotesk/files/space-grotesk-latin-wght-normal.woff2)
+  src: url("./fonts/space-grotesk-latin-wght-normal.woff2")
     format("woff2-variations");
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
@@ -30,6 +30,6 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(@fontsource/dm-mono/files/dm-mono-latin-400-normal.woff2)
+  src: url("./fonts/dm-mono-latin-400-normal.woff2")
     format("woff2");
 }

package/dist/hooks/useClipboardCopy.js

@@ -1,3 +1,4 @@
+"use client";
 /** Copies text to the clipboard and reports the outcome, resetting after a few seconds. */
 import { useCallback, useEffect, useRef, useState } from "react";
 const resetDelay = 4000;

package/dist/hooks/useControlRef.d.ts

@@ -0,0 +1,6 @@
+import { type ForwardedRef } from "react";
+/** Expose the native control while retaining an internal ref for reset/size behavior. */
+export default function useControlRef<T extends HTMLElement>(forwarded: ForwardedRef<T>): {
+    ref: import("react").MutableRefObject<T | null>;
+    attach: import("react").MutableRefObject<T | null>;
+};

package/dist/hooks/useControlRef.js

@@ -0,0 +1,13 @@
+"use client";
+import { useImperativeHandle, useRef } from "react";
+/** Expose the native control while retaining an internal ref for reset/size behavior. */
+export default function useControlRef(forwarded) {
+    const ref = useRef(null);
+    useImperativeHandle(forwarded, () => {
+        const element = ref.current;
+        if (!element)
+            throw new Error("The field control must be mounted before exposing its ref.");
+        return element;
+    });
+    return { ref, attach: ref };
+}

package/dist/hooks/useDismiss.js

@@ -1,3 +1,4 @@
+"use client";
 /** Calls onDismiss on Escape or a pointer press outside the container while `active`. */
 import { useEffect } from "react";
 export default function useDismiss(container, active, onDismiss) {

package/dist/hooks/useFormReset.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from "react";
+/** Native reset fires before the browser restores default values. */
+export default function useFormReset<T extends HTMLInputElement | HTMLTextAreaElement>(ref: RefObject<T | null>, sync: () => void): void;

package/dist/hooks/useFormReset.js

@@ -0,0 +1,31 @@
+"use client";
+import { useEffect, useLayoutEffect, useRef } from "react";
+/** Native reset fires before the browser restores default values. */
+export default function useFormReset(ref, sync) {
+    const synchronize = useRef(sync);
+    useLayoutEffect(() => {
+        synchronize.current = sync;
+    });
+    useEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        let timer;
+        const reset = (event) => {
+            if (!element.form || event.target !== element.form)
+                return;
+            clearTimeout(timer);
+            // A microtask can run before the reset default action for browser-originated
+            // events. A task observes the restored value and later preventDefault calls.
+            timer = setTimeout(() => {
+                if (!event.defaultPrevented)
+                    synchronize.current();
+            }, 0);
+        };
+        element.ownerDocument.addEventListener("reset", reset, true);
+        return () => {
+            clearTimeout(timer);
+            element.ownerDocument.removeEventListener("reset", reset, true);
+        };
+    }, [ref]);
+}