magnaui 0.1.0

package/dist/design/theme.d.ts

@@ -0,0 +1,18 @@
+type TypeSetting = [
+    string,
+    {
+        lineHeight: string;
+        letterSpacing: string;
+        fontWeight: string;
+    }
+];
+export declare const texts: Record<string, TypeSetting>;
+export declare const shadows: Record<string, string>;
+export declare const borderRadii: {
+    '10': string;
+    '20': string;
+    '28': string;
+    full: string;
+};
+export declare const colors: Record<string, string | Record<string, string>>;
+export {};

package/dist/design/theme.js

@@ -0,0 +1,185 @@
+import specification from "./figma-styles.js";
+const sizeNames = {
+    'X Large': 'xl',
+    Large: 'lg',
+    Medium: 'md',
+    Small: 'sm',
+    Compact: 'compact',
+    'X Small': 'xs',
+    '2X Small': '2xs',
+};
+export const texts = {};
+for (const style of specification.texts) {
+    const [family, label] = style.name.split('/');
+    let key;
+    if (family === 'Title')
+        key = `title-${label.split(' ')[0].toLowerCase()}`;
+    else if (['Label', 'Paragraph', 'Subheading'].includes(family) &&
+        sizeNames[label])
+        key = `${family.toLowerCase()}-${sizeNames[label]}`;
+    else if (family === 'Docs')
+        key = `doc-${label.toLowerCase()}`;
+    if (!key)
+        continue;
+    texts[key] = [
+        `${style.size / 16}rem`,
+        {
+            lineHeight: `${style.height.value / 16}rem`,
+            letterSpacing: `${Number((style.tracking.value / 100).toFixed(4))}em`,
+            fontWeight: String(style.weight),
+        },
+    ];
+}
+const shadow = (y, blur, spread, color, inset = false) => `${inset ? 'inset ' : ''}0 ${y}px ${blur}px ${spread}px ${color}`;
+const neutralLayer = (y, blur, spread, opacity, inset = false) => shadow(y, blur, spread, `rgb(51 51 51 / ${opacity})`, inset);
+const focus = (tone) => [
+    shadow(0, 0, 2, 'var(--bg-white-0)'),
+    shadow(0, 0, 4, `var(--${tone})`),
+].join(', ');
+const elevations = [1, 3, 6, 12, 24, 48].map((n) => neutralLayer(n, n, n === 1 ? 0.5 : -n / 2, n === 3 ? 0.02 : 0.04));
+const edge = neutralLayer(0, 0, 1, 0.04);
+const insetEdge = neutralLayer(-1, 1, -0.5, 0.06, true);
+// Preserve the shipped render values where current Figma effects differ.
+export const shadows = {
+    'regular-xs': shadow(1, 2, 0, '#0a0d1408'),
+    'regular-sm': shadow(2, 4, 0, '#1b1c1d0a'),
+    'regular-md': shadow(16, 32, -12, '#0e121b1a'),
+    'button-primary-focus': focus('primary-alpha-10'),
+    'button-important-focus': focus('neutral-alpha-16'),
+    'button-error-focus': focus('red-alpha-10'),
+    'fancy-buttons-neutral': [
+        shadow(1, 2, 0, '#1b1c1d7a'),
+        shadow(0, 0, 1, '#242628'),
+    ].join(', '),
+    'fancy-buttons-primary': [
+        shadow(1, 2, 0, '#0e121b3d'),
+        shadow(0, 0, 1, 'var(--primary-base)'),
+    ].join(', '),
+    'fancy-buttons-error': [
+        shadow(1, 2, 0, '#0e121b3d'),
+        shadow(0, 0, 1, 'var(--error-base)'),
+    ].join(', '),
+    'fancy-buttons-stroke': [
+        shadow(1, 3, 0, '#0e121b1f'),
+        shadow(0, 0, 1, 'var(--stroke-soft-200)'),
+    ].join(', '),
+    'toggle-switch': [
+        shadow(6, 10, 0, '#0e121b0f'),
+        shadow(2, 4, 0, '#0e121b08'),
+    ].join(', '),
+    'switch-thumb': [
+        shadow(4, 8, 0, '#1b1c1d0f'),
+        shadow(2, 4, 0, '#0e121b14'),
+    ].join(', '),
+    tooltip: [shadow(12, 24, 0, '#0e121b0f'), shadow(1, 2, 0, '#0e121b08')].join(', '),
+    'custom-xs': [
+        edge,
+        neutralLayer(4, 8, -2, 0.06),
+        neutralLayer(2, 4, 0, 0.04),
+        neutralLayer(1, 2, 0, 0.04),
+        insetEdge,
+    ].join(', '),
+    'custom-sm': [
+        edge,
+        neutralLayer(16, 8, -8, 0.01),
+        neutralLayer(12, 6, -6, 0.02),
+        neutralLayer(5, 5, -2.5, 0.08),
+        neutralLayer(1, 3, -1.5, 0.16),
+        neutralLayer(-0.5, 0.5, 0, 0.08, true),
+    ].join(', '),
+    'custom-md': [edge, ...elevations, insetEdge].join(', '),
+    'custom-lg': [
+        edge,
+        ...elevations,
+        neutralLayer(96, 96, -32, 0.06),
+        insetEdge,
+    ].join(', '),
+};
+export const borderRadii = {
+    '10': '.625rem',
+    '20': 'var(--radius-20)',
+    '28': 'var(--radius-28)',
+    full: 'var(--radius-full)',
+};
+const colorVariables = (prefix, suffixes) => Object.fromEntries(suffixes.map((suffix) => [suffix, `var(--${prefix}-${suffix})`]));
+export const colors = {
+    transparent: 'transparent',
+    current: 'currentColor',
+    overlay: { DEFAULT: 'var(--overlay)' },
+};
+for (const palette of [
+    'gray',
+    'slate',
+    'neutral',
+    'blue',
+    'orange',
+    'red',
+    'green',
+    'yellow',
+    'purple',
+    'sky',
+    'pink',
+    'teal',
+]) {
+    colors[palette] = colorVariables(palette, [
+        ...(['gray', 'slate', 'neutral'].includes(palette) ? [0] : []),
+        50,
+        100,
+        200,
+        300,
+        400,
+        500,
+        600,
+        700,
+        800,
+        900,
+        950,
+        'alpha-10',
+        'alpha-16',
+        'alpha-24',
+    ]);
+}
+for (const palette of ['white', 'black'])
+    colors[palette] = {
+        DEFAULT: palette === 'white' ? '#fff' : '#000',
+        ...colorVariables(palette, ['alpha-10', 'alpha-16', 'alpha-24']),
+    };
+const semantic = {
+    primary: ['dark', 'darker', 'base', 'alpha-10', 'alpha-16', 'alpha-24'],
+    static: ['black', 'white'],
+    bg: [
+        'strong-950',
+        'surface-800',
+        'sub-300',
+        'soft-200',
+        'weak-50',
+        'white-0',
+    ],
+    text: ['strong-950', 'sub-600', 'soft-400', 'disabled-300', 'white-0'],
+    stroke: ['strong-950', 'sub-300', 'soft-200', 'white-0'],
+    social: [
+        'apple',
+        'twitter',
+        'github',
+        'notion',
+        'tidal',
+        'amazon',
+        'zendesk',
+    ],
+};
+for (const state of [
+    'faded',
+    'information',
+    'warning',
+    'error',
+    'success',
+    'away',
+    'feature',
+    'verified',
+    'highlighted',
+    'stable',
+])
+    semantic[state] = ['dark', 'base', 'light', 'lighter'];
+for (const [key, suffixes] of Object.entries(semantic))
+    colors[key] = colorVariables(key, suffixes);
+colors.primary.dark = 'var(--primary-darkest)';

package/dist/fonts/DM-Mono-OFL.txt

@@ -0,0 +1,93 @@
+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/Inter-OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+
+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://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/README.md

@@ -0,0 +1,23 @@
+# MagnaUI fonts
+
+These WOFF2 files are the unmodified Inter and DM Mono files used by the original
+MagnaUI site through `next/font/google`. They were copied from its existing build
+cache on 2026-09-28, together with the exact font-face ranges and fallback metrics.
+The package build reads these checked-in files, so it never needs the Next.js cache
+or a network request.
+
+- Inter: normal, variable weight 100–900 and optical size; Cyrillic, Greek,
+  Vietnamese, Latin, and extended subsets.
+- DM Mono: normal, weights 400 and 500; Latin and extended subsets.
+- Only styles used by the original site are bundled. Italic glyphs or other DM
+  Mono weights use normal browser synthesis unless the application adds them.
+- Font files remain licensed under SIL OFL 1.1. See `Inter-OFL.txt` and
+  `DM-Mono-OFL.txt`. Original projects: https://github.com/rsms/inter and
+  https://github.com/googlefonts/dm-mono.
+- License notices were fetched from the official Google Fonts repository:
+  https://github.com/google/fonts/blob/main/ofl/inter/OFL.txt and
+  https://github.com/google/fonts/blob/main/ofl/dmmono/OFL.txt.
+
+`fonts.css` URLs are relative to the generated package `styles.css`. Applications
+can override `--font-sans` and `--font-dm-mono` on `:root` or a component subtree.
+`SHA256SUMS` records the checked-in font binaries.

package/dist/fonts/SHA256SUMS

@@ -0,0 +1,11 @@
+7f8712cbbd64135f9e74a527475a97cd8c5a49d8e0a1de7a65f8e2c30c5214d9  dm-mono-400-latin-ext.woff2
+fd7521f3531a5ccfc655b25c4f22e9871df3ec141ad79bb27fde20d0df347b6d  dm-mono-400-latin.woff2
+e284f2a17fc9cca89cc30f496945bd9a2903010944a9469fb357924da21b6f6c  dm-mono-500-latin-ext.woff2
+0e263db52797086e763679c54f84ded8cc1249879bc27dca2bd5dd446f6d9f36  dm-mono-500-latin.woff2
+942b71451b22e42c9a0d94e45bf3a5feac43b73e7a1256742ccf1a78974dc706  inter-cyrillic-ext.woff2
+a7f3e73668ccdd99ac9cccdb043e6e1238580a9fd38492c83a0e241bc6882aca  inter-cyrillic.woff2
+009e52d835e45840b76aa92601cf1778c65e224ce7ea3ae887d708c6aa536f4b  inter-greek-ext.woff2
+b6a22966401b2b8892ecdd6e670c3c98bf2fd8f97e79b138a896f0942051ee33  inter-greek.woff2
+8bc9dee39deab5dc6599980e563c5023053387e4c391f5c419543e493e024c39  inter-latin-ext.woff2
+dd8a4575be9806105ac3decd02805cd2782fe7c05abb02c582316bc436ce03ae  inter-latin.woff2
+07df696d36deed379a901c2867fd700fee3453f46e384424a08ee376178a81b1  inter-vietnamese.woff2

package/dist/hooks/use-notification.d.ts

@@ -0,0 +1,36 @@
+import type { NotificationProps } from "../components/ui/notification.js";
+type Entry = NotificationProps & {
+    id: string;
+};
+type Snapshot = {
+    notifications: Entry[];
+};
+type Event = {
+    type: 'ADD_NOTIFICATION';
+    notification: Entry;
+} | {
+    type: 'UPDATE_NOTIFICATION';
+    notification: Partial<Entry>;
+} | {
+    type: 'DISMISS_NOTIFICATION';
+    notificationId?: string;
+} | {
+    type: 'REMOVE_NOTIFICATION';
+    notificationId?: string;
+};
+/** Pure state transition, also exported for integrations that manage their own store. */
+export declare function reducer(snapshot: Snapshot, event: Event): Snapshot;
+declare function dismiss(id?: string): void;
+export declare function notification(props: NotificationProps & {
+    id?: string;
+}): {
+    id: string;
+    dismiss: () => void;
+    update: (next: NotificationProps) => void;
+};
+export declare function useNotification(): {
+    notification: typeof notification;
+    dismiss: typeof dismiss;
+    notifications: Entry[];
+};
+export {};

package/dist/hooks/use-notification.js

@@ -0,0 +1,86 @@
+'use client';
+import * as React from "react";
+/** Pure state transition, also exported for integrations that manage their own store. */
+export function reducer(snapshot, event) {
+    const items = snapshot.notifications;
+    if (event.type === 'ADD_NOTIFICATION')
+        return { notifications: [event.notification] };
+    if (event.type === 'UPDATE_NOTIFICATION')
+        return {
+            notifications: items.map((item) => item.id === event.notification.id
+                ? { ...item, ...event.notification }
+                : item),
+        };
+    const matches = (item) => event.notificationId === undefined || item.id === event.notificationId;
+    return {
+        notifications: event.type === 'REMOVE_NOTIFICATION'
+            ? items.filter((item) => !matches(item))
+            : items.map((item) => matches(item) ? { ...item, open: false } : item),
+    };
+}
+const empty = { notifications: [] };
+let current = empty;
+let sequence = 0;
+const subscribers = new Set();
+const pendingRemoval = new Map();
+const getSnapshot = () => current;
+const getServerSnapshot = () => empty;
+const subscribe = (listener) => {
+    subscribers.add(listener);
+    return () => {
+        subscribers.delete(listener);
+    };
+};
+function cancelRemoval(id) {
+    const timeout = pendingRemoval.get(id);
+    if (timeout !== undefined)
+        clearTimeout(timeout);
+    pendingRemoval.delete(id);
+}
+function send(event) {
+    if (event.type === 'ADD_NOTIFICATION') {
+        if (current.notifications.some((item) => item.id === event.notification.id))
+            return;
+        current.notifications.forEach((item) => cancelRemoval(item.id));
+    }
+    current = reducer(current, event);
+    subscribers.forEach((listener) => listener());
+}
+function dismiss(id) {
+    const closing = current.notifications.filter((item) => id === undefined || id === item.id);
+    send({ type: 'DISMISS_NOTIFICATION', notificationId: id });
+    closing.forEach((item) => {
+        if (pendingRemoval.has(item.id))
+            return;
+        // Preserve the window in which existing handles may update or reopen a toast.
+        pendingRemoval.set(item.id, setTimeout(() => {
+            pendingRemoval.delete(item.id);
+            send({ type: 'REMOVE_NOTIFICATION', notificationId: item.id });
+        }, 1000000));
+    });
+}
+export function notification(props) {
+    const id = props.id || `magna-${++sequence}`;
+    const onOpenChange = (open) => {
+        props.onOpenChange?.(open);
+        if (!open)
+            dismiss(id);
+    };
+    send({
+        type: 'ADD_NOTIFICATION',
+        notification: { ...props, id, open: true, onOpenChange },
+    });
+    return {
+        id,
+        dismiss: () => dismiss(id),
+        update: (next) => {
+            if (next.open)
+                cancelRemoval(id);
+            send({ type: 'UPDATE_NOTIFICATION', notification: { ...next, id } });
+        },
+    };
+}
+export function useNotification() {
+    const state = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+    return { ...state, notification, dismiss };
+}

package/dist/hooks/use-tab-observer.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+/** Observe only the information that can change the selected tab's geometry. */
+export declare function useTabObserver(options?: {
+    onActiveTabChange?: (index: number, element: HTMLElement) => void;
+}): {
+    listRef: React.RefObject<HTMLDivElement>;
+    mounted: boolean;
+};

package/dist/hooks/use-tab-observer.js

@@ -0,0 +1,72 @@
+'use client';
+import * as React from "react";
+/** Observe only the information that can change the selected tab's geometry. */
+export function useTabObserver(options = {}) {
+    const listRef = React.useRef(null);
+    const callback = React.useRef(options.onActiveTabChange);
+    callback.current = options.onActiveTabChange;
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        let frame = 0;
+        let last;
+        const measure = () => {
+            const tabs = Array.from(list.querySelectorAll('[role="tab"]'));
+            const index = tabs.findIndex((tab) => tab.dataset.state === 'active');
+            const tab = tabs[index];
+            if (!tab)
+                return;
+            const next = {
+                tab,
+                index,
+                width: tab.offsetWidth,
+                left: tab.offsetLeft,
+                height: tab.offsetHeight,
+            };
+            if (!last ||
+                Object.keys(next).some((key) => next[key] !== last?.[key])) {
+                last = next;
+                callback.current?.(index, tab);
+            }
+        };
+        const schedule = () => {
+            cancelAnimationFrame(frame);
+            frame = requestAnimationFrame(measure);
+        };
+        const sizes = new ResizeObserver(schedule);
+        const track = () => {
+            sizes.disconnect();
+            sizes.observe(list);
+            list
+                .querySelectorAll('[role="tab"]')
+                .forEach((tab) => sizes.observe(tab));
+            schedule();
+        };
+        const changes = new MutationObserver((records) => {
+            if (records.some((record) => record.type === 'childList'))
+                track();
+            else
+                schedule();
+        });
+        changes.observe(list, {
+            subtree: true,
+            childList: true,
+            characterData: true,
+            attributes: true,
+            attributeFilter: ['data-state', 'class', 'style', 'hidden', 'dir'],
+        });
+        window.addEventListener('resize', schedule);
+        track();
+        measure();
+        setMounted(true);
+        return () => {
+            cancelAnimationFrame(frame);
+            sizes.disconnect();
+            changes.disconnect();
+            window.removeEventListener('resize', schedule);
+        };
+    }, []);
+    return { listRef, mounted };
+}

package/dist/magna-assets.d.ts

@@ -0,0 +1,2 @@
+/** Resolve bundled Magna artwork; preserve application-supplied URLs. */
+export declare function resolveMagnaAsset(path: string): string;