@hintoric/ui 0.7.0 → 0.9.0

package/README.md

@@ -36,6 +36,18 @@ once, near the root of your project:
 import '@hintoric/ui/styles.css';
 ```
 
+If your app runs its own Tailwind CSS v4 (4.1 or later), import the Tailwind entry in your
+stylesheet **instead of** `styles.css`. Your build then generates the utilities for our components
+and for your own markup (`md:`, arbitrary values, and so on), all with our theme tokens:
+
+```css
+@import "tailwindcss";
+@import "@hintoric/ui/tailwind.css";
+```
+
+Do not load both files. A second Tailwind build next to `styles.css` changes which utility wins
+inside our components.
+
 ## Usage
 
 ```tsx

package/dist/components/AccordionDetails/AccordionDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD,eAAO,MAAM,gBAAgB,8FAiB3B,CAAC"}
+{"version":3,"file":"AccordionDetails.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAWrD,eAAO,MAAM,gBAAgB,8FAoB3B,CAAC"}

package/dist/components/AccordionSummary/AccordionSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionSummary/AccordionSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQrD,eAAO,MAAM,gBAAgB,iGA2B3B,CAAC"}
+{"version":3,"file":"AccordionSummary.d.ts","sourceRoot":"","sources":["../../../src/components/AccordionSummary/AccordionSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQrD,eAAO,MAAM,gBAAgB,iGAkC3B,CAAC"}

package/dist/components/AccountMenu/AccountMenu.d.ts

@@ -0,0 +1,20 @@
+import { AccountMenuProps } from './types';
+import * as React from 'react';
+/**
+ * The signed-in person in one pill — avatar and menu button — and a menu that
+ * opens with a card (avatar, address, subtitle), then the two settings a
+ * person changes for themselves, then the caller's own items and sign-out.
+ *
+ * Appearance and language drill down in place: the row shows the current
+ * value, a click swaps the popup's contents for the choices and a row back,
+ * and a choice returns to the top showing the new value — the confirmation is
+ * the menu itself. Those rows are `closeOnClick={false}`; everything else
+ * closes the menu as usual, and the next opening starts at the top again.
+ *
+ * Knows no session, no routes and no i18n: who, the labels and what signing
+ * out does all come in as props, so applications that share no code show the
+ * same menu. A signed-out visitor is the caller's to handle — there is no one
+ * to show here.
+ */
+export declare function AccountMenu({ user, subtitle, labels, onSignOut, signingOut, items, appearance, locales: localesProp, locale: localeProp, onLocaleChange: onLocaleChangeProp, flags, size, ...barProps }: AccountMenuProps): React.JSX.Element;
+//# sourceMappingURL=AccountMenu.d.ts.map

package/dist/components/AccountMenu/AccountMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountMenu.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/AccountMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA8ChD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,EACT,UAAkB,EAClB,KAAK,EACL,UAAiB,EACjB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,cAAc,EAAE,kBAAkB,EAClC,KAAY,EACZ,IAAW,EACX,GAAG,QAAQ,EACZ,EAAE,gBAAgB,qBAoKlB"}

package/dist/components/AccountMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { AccountMenu } from './AccountMenu';
+export type { AccountMenuLabels, AccountMenuProps, AccountMenuUser } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AccountMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/AccountMenu/types.d.ts

@@ -0,0 +1,64 @@
+import { ColorSchemeLabels } from '../../internal/colorScheme';
+import { LocaleOption } from '../../theme/LocaleProvider';
+import { FloatingBarProps } from '../FloatingBar';
+import type * as React from 'react';
+export interface AccountMenuUser {
+    /** Shown on the card, and the source of the avatar's letter when there is no `name`. */
+    email: string;
+    /** Shown above the address when given; its first letter goes on the avatar. */
+    name?: string;
+    /** A picture for both avatars instead of the letter. */
+    avatarSrc?: string;
+}
+/**
+ * English defaults, each one overridable on its own. The component ships no
+ * translations and knows no i18n library — the line LocaleSwitcher draws.
+ */
+export interface AccountMenuLabels {
+    /** Accessible name of the bar and of the menu button. @default 'Account' */
+    menu?: string;
+    /** @default 'Appearance' */
+    appearance?: React.ReactNode;
+    /** @default 'Language' */
+    language?: React.ReactNode;
+    /** Accessible name of a sub-view's first row, which leads back. @default 'Back' */
+    back?: string;
+    /** @default 'Sign out' */
+    signOut?: React.ReactNode;
+    /** The three appearance entries; `System` / `Light` / `Dark` by default. */
+    colorScheme?: ColorSchemeLabels;
+}
+export interface AccountMenuProps extends Omit<FloatingBarProps, 'children' | 'orientation'> {
+    user: AccountMenuUser;
+    /** Second line of the card — a workspace, a tenant, a plan. */
+    subtitle?: React.ReactNode;
+    labels?: AccountMenuLabels;
+    /** Adds the sign-out row at the foot of the menu. Without it there is none. */
+    onSignOut?: () => void;
+    /** Disables the sign-out row, for while a sign-out is under way. */
+    signingOut?: boolean;
+    /**
+     * Your own `MenuItem`s, between the settings and the sign-out row. They
+     * close the menu on click like any other item.
+     */
+    items?: React.ReactNode;
+    /**
+     * Offers the appearance view, which needs a `ColorSchemeProvider` above.
+     *
+     * @default true
+     */
+    appearance?: boolean;
+    /**
+     * The offered languages. Falls back to an enclosing `LocaleProvider`. The
+     * language view appears only when languages, the current one and a change
+     * handler are all known.
+     */
+    locales?: readonly LocaleOption[];
+    /** The current language. Falls back to the `LocaleProvider`'s `locale`. */
+    locale?: string;
+    /** Falls back to the `LocaleProvider`'s `onLocaleChange`. */
+    onLocaleChange?: (locale: string) => void;
+    /** Show a flag beside each language, as LocaleSwitcher does. @default true */
+    flags?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/AccountMenu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AccountMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,aAAa,CAAC;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAClC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,uFAwCjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,uFA0DjB,CAAC"}

package/dist/components/Button/ButtonBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBody.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAErE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAgB9G"}
+{"version":3,"file":"ButtonBody.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAErE;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAuB9G"}

package/dist/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAUhD,eAAO,MAAM,WAAW,yFAsBtB,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAWhD,eAAO,MAAM,WAAW,yFA6CtB,CAAC"}

package/dist/components/ButtonGroup/ButtonGroupContext.d.ts

@@ -0,0 +1,17 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+import * as React from 'react';
+/**
+ * What a group hands down to its Buttons and IconButtons. Mirrors Joy's own
+ * `ButtonGroupContext`: Joy's Button.js and IconButton.js resolve each of these
+ * as `own prop || group || default`, which is why a Joy `<ToggleButtonGroup>`
+ * of bare `<Button>`s renders outlined/neutral rather than Button's own
+ * solid/primary default.
+ */
+export interface ButtonGroupContextValue {
+    variant?: JoyVariant;
+    color?: JoyColor;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+}
+export declare const ButtonGroupContext: React.Context<ButtonGroupContextValue>;
+//# sourceMappingURL=ButtonGroupContext.d.ts.map

package/dist/components/ButtonGroup/ButtonGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E;;;;;;GAMG;AACH,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,wCAAmD,CAAC"}

package/dist/components/ButtonGroup/buttonGroupClasses.d.ts

@@ -0,0 +1,12 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+/** `spacing` 0 / "0px" / "0rem" connects the buttons — Joy's `/^0(?!\.)/` test. */
+export declare function isConnected(spacing: number | string): boolean;
+/** Joy's `theme.spacing(n)`: a number is a multiple of 8px, a string is used as-is. */
+export declare function groupGap(spacing: number | string): string;
+export declare function buttonGroupClasses({ variant, color, orientation, connected, }: {
+    variant: JoyVariant;
+    color: JoyColor;
+    orientation: 'horizontal' | 'vertical';
+    connected: boolean;
+}): string;
+//# sourceMappingURL=buttonGroupClasses.d.ts.map

package/dist/components/ButtonGroup/buttonGroupClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonGroupClasses.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/buttonGroupClasses.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AA0D5E,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAE7D;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;CACpB,GAAG,MAAM,CAgBT"}

package/dist/components/ButtonGroup/types.d.ts

@@ -1,7 +1,19 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
 import type * as React from 'react';
 export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Passed down to every Button/IconButton in the group that doesn't set its own, as in Joy. */
+    variant?: JoyVariant;
+    /** Passed down to every Button/IconButton in the group that doesn't set its own, as in Joy. */
+    color?: JoyColor;
+    /** Passed down to every Button/IconButton in the group that doesn't set its own, as in Joy. */
+    size?: 'sm' | 'md' | 'lg';
     orientation?: 'horizontal' | 'vertical';
+    /**
+     * Gap between the buttons. A number is a multiple of 8px (Joy's
+     * `theme.spacing`), a string is used as-is. 0 connects them.
+     */
     spacing?: number | string;
+    /** Disables every Button/IconButton in the group that doesn't set its own `disabled`. */
     disabled?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ButtonGroup/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,+FAA+F;IAC/F,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/ButtonGroup/useButtonGroupItem.d.ts

@@ -0,0 +1,32 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+import * as React from 'react';
+interface GroupItemProps {
+    variant?: JoyVariant;
+    color?: JoyColor;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    value?: unknown;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    'aria-pressed'?: React.AriaAttributes['aria-pressed'];
+}
+/**
+ * The props a Button or IconButton actually renders with once a surrounding
+ * group is taken into account — the same resolution Joy's Button.js and
+ * IconButton.js do: an explicit prop wins, then the group, then the
+ * component's own default. Inside a ToggleButtonGroup, `aria-pressed` follows
+ * the group's value and a click reports the button's `value` to it.
+ */
+export declare function useButtonGroupItem(props: GroupItemProps, defaults: {
+    variant: JoyVariant;
+    color: JoyColor;
+    size: 'sm' | 'md' | 'lg';
+}): {
+    variant: JoyVariant;
+    color: JoyColor;
+    size: "sm" | "md" | "lg";
+    disabled: boolean | undefined;
+    'aria-pressed': boolean | "true" | "false" | "mixed" | undefined;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export {};
+//# sourceMappingURL=useButtonGroupItem.d.ts.map

package/dist/components/ButtonGroup/useButtonGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButtonGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/useButtonGroupItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACvD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAAE;;;;;;qBAWzD,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;EAOvD"}

package/dist/components/CircularProgress/CircularProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../src/components/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,gBAAgB,+FAuD3B,CAAC"}
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../src/components/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,gBAAgB,+FAwD3B,CAAC"}

package/dist/components/ColorSchemeMenuItems/ColorSchemeMenuItems.d.ts

@@ -9,5 +9,5 @@ import { ColorSchemeMenuItemsProps } from './types';
  * or `cloneElement`. A host that clones its children — `ToggleButtonGroup`
  * does — would apply those clones to the fragment instead of the entries.
  */
-export declare function ColorSchemeMenuItems({ labels, color, icons, }: ColorSchemeMenuItemsProps): import("react").JSX.Element;
+export declare function ColorSchemeMenuItems({ labels, color, icons, closeOnClick, onModeChange, }: ColorSchemeMenuItemsProps): import("react").JSX.Element;
 //# sourceMappingURL=ColorSchemeMenuItems.d.ts.map

package/dist/components/ColorSchemeMenuItems/ColorSchemeMenuItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/ColorSchemeMenuItems.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,KAAiB,EACjB,KAAY,GACb,EAAE,yBAAyB,+BAwB3B"}
+{"version":3,"file":"ColorSchemeMenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/ColorSchemeMenuItems.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,KAAiB,EACjB,KAAY,EACZ,YAAmB,EACnB,YAAY,GACb,EAAE,yBAAyB,+BA4B3B"}

package/dist/components/ColorSchemeMenuItems/types.d.ts

@@ -1,3 +1,4 @@
+import { ColorSchemeMode } from '../../theme/ColorSchemeProvider';
 import { JoyColor } from '../../utils/colorVariantClasses';
 import { ColorSchemeLabels } from '../../internal/colorScheme';
 export interface ColorSchemeMenuItemsProps {
@@ -6,5 +7,14 @@ export interface ColorSchemeMenuItemsProps {
     color?: JoyColor;
     /** Hides the per-entry icon, leaving text only. */
     icons?: boolean;
+    /**
+     * Whether choosing an entry closes the enclosing menu. Turn it off when the
+     * menu should stay and show the new choice — a settings sub-view, say.
+     *
+     * @default true
+     */
+    closeOnClick?: boolean;
+    /** Called after an entry has set the mode, with the mode it set. */
+    onModeChange?: (mode: ColorSchemeMode) => void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ColorSchemeMenuItems/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,WAAW,yBAAyB;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorSchemeMenuItems/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,WAAW,yBAAyB;IACxC,4EAA4E;IAC5E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD"}

package/dist/components/DataGrid/DataGridHeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridHeaderCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAmDvD,KAAK,+BAA+B,GAAG,CAAC,CAAC,KAAK,SAAS,OAAO,EAC5D,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,KAC9E,KAAK,CAAC,YAAY,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAKpD,eAAO,MAAM,kBAAkB,EAA2D,+BAA+B,CAAC"}
+{"version":3,"file":"DataGridHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/DataGridHeaderCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAqDvD,KAAK,+BAA+B,GAAG,CAAC,CAAC,KAAK,SAAS,OAAO,EAC5D,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,KAC9E,KAAK,CAAC,YAAY,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAKpD,eAAO,MAAM,kBAAkB,EAA2D,+BAA+B,CAAC"}

package/dist/components/DataGrid/dataGridVariants.d.ts

@@ -2,5 +2,5 @@ import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
 export { TABLE_SIZE_CLASS, TABLE_HEAD_CLASS, TABLE_BORDER_AXIS_CLASS } from '../Table/tableVariants';
 export declare const DATAGRID_HEADER_HOVER_CLASS: Record<JoyVariant, Record<JoyColor, string>>;
 export declare const DATAGRID_RESIZE_HANDLE_CLASS = "absolute right-0 top-0 z-10 h-full w-1 cursor-col-resize touch-none select-none opacity-0 group-hover:opacity-100";
-export declare const DATAGRID_SORT_ICON_CLASS = "inline-flex items-center text-base text-ink-icon transition-transform duration-200";
+export declare const DATAGRID_SORT_ICON_CLASS = "inline-flex items-center text-base text-ink-icon";
 //# sourceMappingURL=dataGridVariants.d.ts.map

package/dist/components/DataGrid/dataGridVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataGridVariants.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/dataGridVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AASrG,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CA6BpF,CAAC;AAMF,eAAO,MAAM,4BAA4B,sHAC4E,CAAC;AAEtH,eAAO,MAAM,wBAAwB,uFACiD,CAAC"}
+{"version":3,"file":"dataGridVariants.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/dataGridVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AASrG,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CA6BpF,CAAC;AAMF,eAAO,MAAM,4BAA4B,sHAC4E,CAAC;AAEtH,eAAO,MAAM,wBAAwB,qDACe,CAAC"}

package/dist/components/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAM5C,eAAO,MAAM,OAAO,kFAqClB,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAM5C,eAAO,MAAM,OAAO,kFAyClB,CAAC"}

package/dist/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmB3C,eAAO,MAAM,MAAM,oFA8BjB,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmB3C,eAAO,MAAM,MAAM,oFAsCjB,CAAC"}

package/dist/components/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,2FAYrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,2FAuCrB,CAAC"}

package/dist/components/LinearProgress/LinearProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.d.ts","sourceRoot":"","sources":["../../../src/components/LinearProgress/LinearProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,4FAuCzB,CAAC"}
+{"version":3,"file":"LinearProgress.d.ts","sourceRoot":"","sources":["../../../src/components/LinearProgress/LinearProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,cAAc,4FAwCzB,CAAC"}

package/dist/components/LocaleSwitcher/LocaleSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcher/LocaleSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAgB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAmCjE;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAoB,EACpB,KAAiB,EACjB,IAAW,EACX,KAAY,EACZ,GAAG,WAAW,EACf,EAAE,mBAAmB,qBAwDrB"}
+{"version":3,"file":"LocaleSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LocaleSwitcher/LocaleSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAoB,EACpB,KAAiB,EACjB,IAAW,EACX,KAAY,EACZ,GAAG,WAAW,EACf,EAAE,mBAAmB,qBAwDrB"}

package/dist/components/MapImage/MapImageFrame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/MapImage/MapImageFrame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,aAAa,2FAsCxB,CAAC"}
+{"version":3,"file":"MapImageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/MapImage/MapImageFrame.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,aAAa,2FA6CxB,CAAC"}

package/dist/components/MenuItem/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,eAAO,MAAM,QAAQ,sFAsBnB,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,eAAO,MAAM,QAAQ,sFAuBnB,CAAC"}

package/dist/components/MenuItem/types.d.ts

@@ -5,5 +5,13 @@ export interface MenuItemProps extends Omit<React.ComponentPropsWithoutRef<'div'
     color?: JoyColor;
     selected?: boolean;
     disabled?: boolean;
+    /**
+     * Whether clicking the item closes the menu. Turn it off for an item that
+     * changes what the menu shows — a row that opens a sub-view, a setting
+     * whose new value the menu should display — rather than finishing the job.
+     *
+     * @default true
+     */
+    closeOnClick?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/MenuItem/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MenuItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,UAAU,qBASjF"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAKD,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,UAAU,qBAgBjF"}

package/dist/components/ModalDialog/ModalDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDialog/ModalDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYhD,eAAO,MAAM,WAAW,yFAiBtB,CAAC"}
+{"version":3,"file":"ModalDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDialog/ModalDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYhD,eAAO,MAAM,WAAW,yFAqBtB,CAAC"}

package/dist/components/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA4J1C,eAAO,MAAM,KAAK,gFAkBhB,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiK1C,eAAO,MAAM,KAAK,gFAkBhB,CAAC"}

package/dist/components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C,eAAO,MAAM,QAAQ,uFAkBnB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C,eAAO,MAAM,QAAQ,uFAoBnB,CAAC"}

package/dist/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+H3C,eAAO,MAAM,MAAM,iFAMjB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgI3C,eAAO,MAAM,MAAM,iFAMjB,CAAC"}

package/dist/components/Tab/Tab.d.ts

@@ -1,4 +1,4 @@
 import { TabProps } from './types';
 import * as React from 'react';
-export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAqDxC,eAAO,MAAM,GAAG,oFAsBd,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAuHxC,eAAO,MAAM,GAAG,8EAyEd,CAAC"}

package/dist/components/Tab/TabIndicatorContext.d.ts

@@ -0,0 +1,21 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+import * as React from 'react';
+export type TabLook = {
+    variant: JoyVariant;
+    color: JoyColor;
+};
+/**
+ * Provided by `TabList` and `TabNav`. Their indicator is one element under
+ * the strip, not part of a tab, so the selected Tab reports its variant and
+ * colour here — and the indicator takes the tab's colour the way Joy's
+ * `::after` takes `currentColor` from it.
+ */
+export declare const TabIndicatorContext: React.Context<((look: TabLook) => void) | null>;
+/** The strip's side: the look of the selected Tab, plain/neutral until one reports. */
+export declare function useSelectedTabLook(): readonly [TabLook, (next: TabLook) => void];
+/** The Tab's side: renders nothing, reports the look while `selected`. */
+export declare function ReportTabLook({ selected, variant, color }: TabLook & {
+    selected: boolean;
+}): null;
+export declare const INDICATOR_COLOR_CLASSES: Record<JoyVariant, Record<JoyColor, string>>;
+//# sourceMappingURL=TabIndicatorContext.d.ts.map

package/dist/components/Tab/TabIndicatorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabIndicatorContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/TabIndicatorContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,MAAM,OAAO,GAAG;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,wBAA+B,OAAO,KAAK,IAAI,SAAe,CAAC;AAE/F,uFAAuF;AACvF,wBAAgB,kBAAkB,8BAGvB,OAAO,WAKjB;AAED,0EAA0E;AAC1E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,QAM1F;AAKD,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CA6BhF,CAAC"}

package/dist/components/Tab/types.d.ts

@@ -5,5 +5,13 @@ export interface TabProps extends Omit<React.ComponentPropsWithoutRef<'button'>,
     color?: JoyColor;
     value: string | number;
     disabled?: boolean;
+    /**
+     * Inside a `TabNav` only: what the link renders as — e.g. a router's link
+     * component. Defaults to `<a>`. Ignored inside `Tabs`, where a Tab is a
+     * `role="tab"` button and a link would be the wrong element.
+     */
+    component?: React.ElementType;
+    /** Inside a `TabNav` only: where the link goes. */
+    href?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Tab/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACvF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACvF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/TabList/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAY5C,eAAO,MAAM,OAAO,qFAkBlB,CAAC"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../src/components/TabList/TabList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiB5C,eAAO,MAAM,OAAO,qFA2BlB,CAAC"}

package/dist/components/TabNav/TabNav.d.ts

@@ -0,0 +1,23 @@
+import { TabNavProps } from './types';
+import * as React from 'react';
+/**
+ * `Tabs` for navigation: a `<nav>` of links that look like `TabList` + `Tab`,
+ * with the same sliding indicator under the link for the current page.
+ *
+ * Joy's answer to "tabs as navigation" is `<Tab component={Link}>` inside
+ * `Tabs`. That gives links `role="tab"` inside a `role="tablist"`: a screen
+ * reader announces tab panels that do not exist, and the roving tabindex
+ * takes every link but the selected one out of the Tab order. WAI-ARIA's
+ * guidance for site navigation is a `nav` landmark of plain links with
+ * `aria-current="page"` on the current one — which is what this renders.
+ *
+ * So the children are the same `Tab`s, with `href` (and `component` for a
+ * router link) instead of a panel: a `Tab` inside a `TabNav` renders as a
+ * link, not as Base UI's tab button. Its look — variant, colour, size, the
+ * selected background — is `Tab`'s, compared against Joy's own `Tab` in
+ * TabNav.visual.test.tsx.
+ *
+ * Horizontal only: a vertical list of navigation links is a `List`.
+ */
+export declare const TabNav: React.ForwardRefExoticComponent<TabNavProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TabNav.d.ts.map

package/dist/components/TabNav/TabNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,iFAsDjB,CAAC"}

package/dist/components/TabNav/TabNavContext.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+/**
+ * Present only inside a `<TabNav>`. A `Tab` that finds it renders as a link
+ * marked `aria-current="page"` when its `value` matches, instead of as Base
+ * UI's `role="tab"` button — see TabNav.tsx for why. The indicator colour
+ * travels through `TabIndicatorContext`, as it does for `TabList`.
+ */
+export declare const TabNavContext: React.Context<{
+    value: string | number | null | undefined;
+} | null>;
+//# sourceMappingURL=TabNavContext.d.ts.map

package/dist/components/TabNav/TabNavContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavContext.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/TabNavContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,aAAa;WACjB,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS;SAC5B,CAAC"}

package/dist/components/TabNav/index.d.ts

@@ -0,0 +1,3 @@
+export { TabNav } from './TabNav';
+export type { TabNavProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TabNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/TabNav/types.d.ts

@@ -0,0 +1,17 @@
+import { JoyColor, JoyVariant } from '../../utils/colorVariantClasses';
+import type * as React from 'react';
+export interface TabNavProps extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'color'> {
+    /** The strip's own variant, like `TabList`'s. */
+    variant?: JoyVariant;
+    /** The strip's own colour, like `TabList`'s. */
+    color?: JoyColor;
+    /** Passed down to every `Tab`, like `Tabs`'s. */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * The `value` of the `Tab` that stands for the current page — usually
+     * derived from the route. That tab gets `aria-current="page"` and the
+     * indicator. `null`/no match marks none, and hides the indicator.
+     */
+    value?: string | number | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/TabNav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TabNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE5E,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACvF,iDAAiD;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,gDAAgD;IAChD,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAChC"}

package/dist/components/TabPanel/TabPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanel/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7C,eAAO,MAAM,QAAQ,sFAenB,CAAC"}
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/TabPanel/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAc7C,eAAO,MAAM,QAAQ,sFAenB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,IAAI,kFAoCf,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAezC,eAAO,MAAM,IAAI,kFAqCf,CAAC"}

package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAgBtD,eAAO,MAAM,iBAAiB,+FAwD5B,CAAC"}
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAgBtD,eAAO,MAAM,iBAAiB,+FAiE5B,CAAC"}

package/dist/components/ToggleButtonGroup/ToggleButtonGroupContext.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+/**
+ * Selection state a ToggleButtonGroup shares with its buttons. Through context
+ * rather than `cloneElement`, as in Joy, so a button wrapped in something (a
+ * Tooltip, say) still toggles and still renders pressed.
+ */
+export interface ToggleButtonGroupContextValue {
+    value: readonly unknown[];
+    onClick: (event: React.MouseEvent<HTMLButtonElement>, value: unknown) => void;
+}
+export declare const ToggleButtonGroupContext: React.Context<ToggleButtonGroupContextValue | undefined>;
+//# sourceMappingURL=ToggleButtonGroupContext.d.ts.map