@optiaxiom/react 3.1.1 → 3.1.2

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,13 +1,13 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/transition/Transition.css.ts.vanilla-_4WzfqiU.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/transition/Transition.css.ts.vanilla-BDdXIkIn.css";
 //#region src/transition/Transition.css.ts
 var transition = recipeRuntime({
-	base: "m2pn9j",
+	base: "ix7kzm",
 	variants: { duration: {
-		sm: "acriwz",
-		md: "wda5ng",
-		lg: "qa5evf"
+		sm: "_518sv9",
+		md: "b5imdz",
+		lg: "_14mmvy5"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/utils/formatDate.js

@@ -1,30 +1,31 @@
+import { memoize } from "./memoize.js";
 //#region src/utils/formatDate.ts
-/**
-* The browser's preferred locale, used to localize dates without requiring a
-* `locale` prop. Falls back to `en-US` when unavailable (e.g. SSR).
-*/
-const language = typeof navigator !== "undefined" ? navigator.language : "en-US";
-const dateTimeFormat = (options) => new Intl.DateTimeFormat(language, options).format;
+const dateTimeFormat = (locale, options) => new Intl.DateTimeFormat(locale, options).format;
 /**
 * Bare numbers go through `NumberFormat` rather than `DateTimeFormat` because
 * the latter appends date-unit suffixes in some locales (e.g. `5日` in `zh`),
 * which we don't want for day/year cells.
 */
-const numberFormat = new Intl.NumberFormat(language, { useGrouping: false }).format;
-const tokens = {
-	ccccc: dateTimeFormat({ weekday: "narrow" }),
-	d: (date) => numberFormat(date.getDate()),
-	LLL: dateTimeFormat({ month: "short" }),
-	LLLL: dateTimeFormat({ month: "long" }),
-	"LLLL yyyy": dateTimeFormat({
+const numberFormat = (locale) => new Intl.NumberFormat(locale, { useGrouping: false }).format;
+const buildTokens = (locale) => ({
+	ccccc: dateTimeFormat(locale, { weekday: "narrow" }),
+	d: (date) => numberFormat(locale)(date.getDate()),
+	LLL: dateTimeFormat(locale, { month: "short" }),
+	LLLL: dateTimeFormat(locale, { month: "long" }),
+	"LLLL yyyy": dateTimeFormat(locale, {
 		month: "long",
 		year: "numeric"
 	}),
-	yyyy: (date) => numberFormat(date.getFullYear())
-};
+	yyyy: (date) => numberFormat(locale)(date.getFullYear())
+});
+/**
+* `Intl` formatter construction is expensive, so we memoize the token map per
+* locale. The values are stable for a given locale.
+*/
+const tokensFor = memoize(buildTokens);
 /**
-* A locale-aware `formatDate(date, token)` modeled on date-fns's `format`, but
-* backed by `Intl` and limited to the tokens we actually use:
+* A locale-aware `formatDate(locale, date, token)` modeled on date-fns's
+* `format`, but backed by `Intl` and limited to the tokens we actually use:
 *
 * - `d` — day of month (`5`)
 * - `yyyy` — year (`2025`)
@@ -36,6 +37,6 @@ const tokens = {
 * Add new tokens to the map above as components need them, rather than parsing
 * arbitrary format strings.
 */
-const formatDate = (date, token) => tokens[token](date);
+const formatDate = (locale, date, token) => tokensFor(locale)[token](date);
 //#endregion
 export { formatDate };

package/dist/esm/packages/react/src/utils/memoize.js

@@ -0,0 +1,14 @@
+//#region src/utils/memoize.ts
+/**
+* Memoizes `build` by a string key, caching each result so expensive
+* constructions (e.g. `Intl` formatters) only happen once per key.
+*/
+const memoize = (build) => {
+	const cache = /* @__PURE__ */ new Map();
+	return (key) => {
+		if (!cache.has(key)) cache.set(key, build(key));
+		return cache.get(key);
+	};
+};
+//#endregion
+export { memoize };

package/dist/{index-CmjnYAxA.d.ts → index-BDX7ET90.d.ts}

@@ -2917,9 +2917,9 @@ declare namespace AlertDialog {
 //#endregion
 //#region src/button/ButtonRoot.css.d.ts
 declare const buttonBase: (props?: {
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
 } | undefined, className?: string) => {
   className: string;
@@ -2961,7 +2961,14 @@ declare const appearances: {
     variant: "subtle";
   };
 };
-type ButtonRootProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<Omit<NonNullable<ButtonVariants>, "intent" | "variant"> & {
+type ButtonRootProps<T extends ElementType = "button", P = unknown> = BoxProps<T, ExtendProps<Omit<NonNullable<ButtonVariants>, "addon" | "intent" | "variant"> & {
+  /**
+   * Which addons sit alongside the button label. Set internally by `Button`
+   * based on the leading/trailing content.
+   *
+   * @internal
+   */
+  addon?: NonNullable<ButtonVariants>["addon"];
   /**
    * Control the appearance by selecting between the different button types.
    */
@@ -2974,17 +2981,29 @@ type ButtonRootProps<T extends ElementType = "button", P = unknown> = BoxProps<T
    * Whether to show loading spinner inside the button.
    */
   loading?: boolean;
+  /**
+   * Whether button should have square shape (an icon-only button with no
+   * label).
+   */
+  square?: boolean;
   /**
    * The default behavior of the button.
    */
   type?: "button" | "reset" | "submit" | undefined;
 }, P>>;
 declare const ButtonRoot: import("react").ForwardRefExoticComponent<Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  /**
+   * Which addons sit alongside the button label. Set internally by `Button`
+   * based on the leading/trailing content.
+   *
+   * @internal
+   */
+  addon?: NonNullable<ButtonVariants>["addon"];
   /**
    * Control the appearance by selecting between the different button types.
    */
@@ -2997,6 +3016,11 @@ declare const ButtonRoot: import("react").ForwardRefExoticComponent<Omit<NonNull
    * Whether to show loading spinner inside the button.
    */
   loading?: boolean;
+  /**
+   * Whether button should have square shape (an icon-only button with no
+   * label).
+   */
+  square?: boolean;
   /**
    * The default behavior of the button.
    */
@@ -3062,14 +3086,16 @@ declare const Button: import("react").ForwardRefExoticComponent<Omit<{
    */
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -3109,14 +3135,16 @@ declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -3145,14 +3173,16 @@ declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<Omit<
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -3266,14 +3296,16 @@ declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -3296,14 +3328,16 @@ declare const AngleMenuButton: import("react").ForwardRefExoticComponent<Omit<Om
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -3651,6 +3685,12 @@ type AxiomProviderProps = {
    * {@link https://optimizely-axiom.github.io/optiaxiom/components/dialog/ Documentation}
    */
   dialog?: Omit<DialogKitProviderProps, "children">;
+  /**
+   * BCP-47 language tag (e.g. `"fr-FR"`) used to localize date/time components
+   * such as `Calendar`, `DateRangePicker`, `Clock`, and `Time`. Defaults to the
+   * browser locale.
+   */
+  locale?: string;
   /**
    * Props for the `ToastProvider` component
    *
@@ -3676,6 +3716,7 @@ interface TooltipProviderProps extends ComponentPropsWithoutRef<typeof TooltipPr
 declare function AxiomProvider({
   children,
   dialog,
+  locale,
   toast,
   tooltip
 }: AxiomProviderProps): import("react/jsx-runtime").JSX.Element;
@@ -5348,14 +5389,16 @@ declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Omit<{
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -5454,14 +5497,16 @@ declare const DateRangePickerTrigger: import("react").ForwardRefExoticComponent<
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -5546,14 +5591,16 @@ declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<{
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -5643,14 +5690,16 @@ declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<{
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -5941,14 +5990,16 @@ declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<Omi
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -5973,14 +6024,16 @@ declare const EllipsisMenuButton: import("react").ForwardRefExoticComponent<Omit
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -6341,14 +6394,16 @@ type LabelMenuButtonProps = ComponentPropsWithoutRef<typeof ButtonRoot> & {
  * @group Button
  */
 declare const LabelMenuButton: import("react").ForwardRefExoticComponent<Omit<Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -6674,14 +6729,16 @@ declare const MenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<{
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -7134,70 +7191,6 @@ declare const RadioGroup: import("react").ForwardRefExoticComponent<{
   className?: string;
 }>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color" | "defaultValue" | "onBlur" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-//#region src/rich-text-editor/RichTextEditor.d.ts
-type RichTextEditorProps = BoxProps<"div", {
-  /**
-   * Initial uncontrolled HTML content.
-   */
-  defaultValue?: string;
-  /**
-   * Name of the form control element. Used by form-data integrations.
-   */
-  name?: string;
-  /**
-   * Called when the editor content changes. Receives the new HTML string.
-   */
-  onValueChange?: (value: string) => void;
-  /**
-   * Placeholder text shown when the editor is empty.
-   */
-  placeholder?: string;
-  /**
-   * Whether the editor is read-only.
-   */
-  readOnly?: boolean;
-  /**
-   * Controlled HTML content. Pair with `onValueChange`.
-   */
-  value?: string;
-}>;
-/**
- * Rich text editor with a toolbar for basic formatting (bold, italic, lists, links).
- *
- * @category form
- * @experimental
- * @since 1.10.0
- */
-declare const RichTextEditor: import("react").ForwardRefExoticComponent<{
-  /**
-   * Initial uncontrolled HTML content.
-   */
-  defaultValue?: string;
-  /**
-   * Name of the form control element. Used by form-data integrations.
-   */
-  name?: string;
-  /**
-   * Called when the editor content changes. Receives the new HTML string.
-   */
-  onValueChange?: (value: string) => void;
-  /**
-   * Placeholder text shown when the editor is empty.
-   */
-  placeholder?: string;
-  /**
-   * Whether the editor is read-only.
-   */
-  readOnly?: boolean;
-  /**
-   * Controlled HTML content. Pair with `onValueChange`.
-   */
-  value?: string;
-} & Omit<NonNullable<Sprinkles & {
-  asChild?: boolean;
-  className?: string;
-}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color" | "defaultValue"> & import("react").RefAttributes<HTMLDivElement>>;
-//#endregion
 //#region src/search-input/SearchInput.d.ts
 type SearchInputProps = ComponentPropsWithRef<typeof Input> & {
   /**
@@ -7251,14 +7244,16 @@ declare const SegmentedControlItem: import("react").ForwardRefExoticComponent<Om
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, never> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -7729,14 +7724,16 @@ declare const ToggleButton: import("react").ForwardRefExoticComponent<{
   icon?: import("react").ReactNode;
   iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
+  addon?: "both" | "end" | "none" | "only" | "start" | undefined;
   intent?: "danger" | "neutral" | "primary" | undefined;
   size?: "lg" | "md" | "sm" | undefined;
-  square?: boolean | undefined;
   variant?: "outline" | "outline-opal" | "strong" | "subtle" | undefined;
-}, "intent" | "variant"> & {
+}, "addon" | "intent" | "variant"> & {
+  addon?: NonNullable<ButtonVariants>["addon"];
   appearance?: "danger" | "danger-outline" | "default" | "default-opal" | "inverse" | "primary" | "primary-opal" | "subtle";
   disabled?: boolean;
   loading?: boolean;
+  square?: boolean;
   type?: "button" | "reset" | "submit" | undefined;
 }>, "appearance"> & Omit<NonNullable<Sprinkles & {
   asChild?: boolean;
@@ -7818,4 +7815,4 @@ declare namespace TransitionGroup {
   var displayName: string;
 }
 //#endregion
-export { Paper as $, TooltipProps as $i, ListboxSwitchItem as $n, TableHeaderCell as $r, DropdownMenuTrigger as $t, SidebarToggleProps as A, AlertDialogBodyProps as Aa, CardCheckbox as Ai, DialogHeaderProps as An, DateInputProps as Ar, MenuContentProps as At, SegmentedControlItemProps as B, AlertProps as Ba, Banner as Bi, DialogBodyProps as Bn, CalendarProps as Br, IndicatorProps as Bt, SubNav as C, Group as Ca, LinkProps as Ci, DisclosureContent as Cn, Listbox as Cr, Nav as Ct, Skeleton as D, AlertDialogCancel as Da, CardHeaderProps as Di, DialogTrigger as Dn, Popover as Dr, MenuTrigger as Dt, SpinnerProps as E, AlertDialogContentProps as Ea, CardHeader as Ei, DisclosureProps as En, PopoverAnchorProps as Er, ModalLayerProps as Et, SelectContent as F, Button as Fa, CardActionProps as Fi, DialogContent as Fn, InputRoot as Fr, LabelMenuButton as Ft, RichTextEditor as G, sprinklesMerge as Ga, TextProps as Gi, DateRangePickerContent as Gn, DataTableCheckbox as Gr, Flex as Gt, SegmentedControlProps as H, extractBoxProps as Ha, Badge as Hi, DialogProps as Hn, DataTableLabelProps as Hr, HeadingProps as Ht, SelectContentProps as I, ButtonProps as Ia, Card as Ii, DialogContentProps as In, InputRootProps as Ir, LabelMenuButtonProps as It, RadioGroupProps as J, mapResponsiveValue as Ja, TooltipTrigger as Ji, DateRangePickerProps as Jn, DataTableBodyProps as Jr, FieldProps as Jt, RichTextEditorProps as K, LonghandProps as Ka, AxiomProvider as Ki, DateRangePickerContentProps as Kn, DataTableCheckboxProps as Kr, FlexProps as Kt, Select as L, AlertDialog as La, CardProps as Li, DialogClose as Ln, InputControl as Lr, Kbd as Lt, SidebarProps as M, AlertDialogActionProps as Ma, Checkbox as Mi, DialogFormProps as Mn, InputAddonProps as Mr, MenuOption as Mt, SelectTrigger as N, ButtonGroup as Na, CheckboxProps as Ni, DialogFooter as Nn, Input as Nr, MenuProps as Nt, SkeletonProps as O, AlertDialogCancelProps as Oa, CardFooter as Oi, DialogTriggerProps as On, PopoverProps as Or, MenuTriggerProps as Ot, SelectTriggerProps as P, ButtonGroupProps as Pa, CardAction as Pi, DialogFooterProps as Pn, InputProps$1 as Pr, layers_css_d_exports as Pt, ProgressProps as Q, ExcludeProps as Qa, Tooltip as Qi, PopoverContentProps as Qn, TableRowProps as Qr, EllipsisMenuButtonProps as Qt, SelectProps as R, AlertDialogProps as Ra, Breadcrumb as Ri, DialogCloseProps as Rn, InputControlProps as Rr, KbdProps as Rt, TabsProps as S, AlertDialogFooterProps as Sa, Link as Si, DisclosureTriggerProps as Sn, ListboxItemProps as Sr, NavAccountItemProps as St, Spinner as T, AlertDialogContent as Ta, CardImageProps as Ti, Disclosure as Tn, PopoverAnchor as Tr, ModalLayer as Tt, SearchInput as U, Box as Ua, BadgeProps as Ui, DateRangePickerTrigger as Un, DataTableFooter as Ur, Grid as Ut, SegmentedControl as V, RecipeVariants as Va, BannerProps as Vi, Dialog as Vn, DataTableLabel as Vr, Heading as Vt, SearchInputProps as W, BoxProps as Wa, Text as Wi, DateRangePickerTriggerProps as Wn, DataTableFooterProps as Wr, GridProps as Wt, RadioProps as X, sprinkles as Xa, TooltipProvider as Xi, PopoverTriggerProps as Xn, DataTableActionProps as Xr, FieldLabelProps as Xt, Radio as Y, normalizeResponsiveValue as Ya, TooltipTriggerProps as Yi, PopoverTrigger as Yn, DataTableAction as Yr, FieldLabel as Yt, Progress as Z, vars as Za, TooltipProviderProps$1 as Zi, PopoverContent as Zn, TableRow as Zr, EllipsisMenuButton as Zt, TabsList as _, AlertDialogTrigger as _a, cleanup as _i, DropdownMenuCheckboxItem as _n, ListboxEmpty as _r, NavFooter as _t, TransitionGroup as a, ToastProviderProps$1 as aa, TableBody as ai, DropdownMenuSub as an, Separator as ar, NavList as at, TabsContentProps as b, AlertDialogHeaderProps as ba, CardLink as bi, DropdownMenuProps as bn, ListboxCheckboxItemProps as br, NavBodyProps as bt, TransitionProps as c, AvatarGroup as ca, TableActionProps as ci, DropdownMenuSeparatorProps as cn, ListboxRadioItemProps as cr, NavItemProps as ct, ThemeProvider as d, AvatarProps as da, DataTable as di, DropdownMenuItem as dn, ListboxItemized as dr, NavGroupTrigger as dt, TooltipRoot as ea, TableHeaderCellProps as ei, DropdownMenuTriggerProps as en, ListboxSwitchItemProps as er, PaperProps as et, ThemeProviderProps as f, useAuthContext as fa, DataTableProps as fi, DropdownMenuItemProps as fn, ListboxItemizedProps as fr, NavGroupTriggerProps as ft, TabsTriggerProps as g, AngleMenuButtonProps as ga, CodeProps as gi, DropdownMenuContentProps as gn, ListboxGroupProps as gr, NavGroupProps as gt, TabsTrigger as h, AngleMenuButton as ha, Code as hi, DropdownMenuContent as hn, ListboxGroup as hr, NavGroup as ht, tokens as i, ToastProvider as ia, TableCellProps as ii, DropdownMenuSubContentProps as in, ListboxSeparatorProps as ir, NavSeparatorProps as it, Sidebar as j, AlertDialogAction as ja, CardCheckboxProps as ji, DialogForm as jn, InputAddon as jr, Menu as jt, SidebarToggle as k, AlertDialogBody as ka, CardFooterProps as ki, DialogHeader as kn, DateInput as kr, MenuContent as kt, ToggleButton as l, AvatarGroupProps as la, Table$1 as li, DropdownMenuLabel as ln, ListboxLabel as lr, NavHeader as lt, TextareaProps as m, AuthProviderProps as ma, CoverProps as mi, DropdownMenuGroupProps as mn, ListboxItemIndicatorProps as mr, NavGroupContentProps as mt, theme as n, TooltipContent as na, TableHeaderProps as ni, DropdownMenuSubTriggerProps as nn, SwitchProps as nr, PaginationProps as nt, TransitionGlobalConfig as o, createDialogKit as oa, TableBodyProps as oi, DropdownMenuSubProps as on, SeparatorProps as or, NavListProps as ot, Textarea as p, AuthProvider as pa, Cover as pi, DropdownMenuGroup as pn, ListboxItemIndicator as pr, NavGroupContent as pt, RadioGroup as q, Sprinkles as qa, AxiomProviderProps as qi, DateRangePicker as qn, DataTableBody as qr, Field as qt, toaster as r, TooltipContentProps as ra, TableCell as ri, DropdownMenuSubContent as rn, ListboxSeparator as rr, NavSeparator as rt, Transition as s, dialogkit as sa, TableAction as si, DropdownMenuSeparator as sn, ListboxRadioItem as sr, NavItem as st, createToaster$1 as t, TooltipRootProps as ta, TableHeader as ti, DropdownMenuSubTrigger as tn, Switch as tr, Pagination as tt, ToggleButtonProps as u, Avatar as ua, TableProps as ui, DropdownMenuLabelProps as un, ListboxLabelProps as ur, NavHeaderProps as ut, TabsListProps as v, AlertDialogTriggerProps as va, CardPreview as vi, DropdownMenuCheckboxItemProps as vn, ListboxEmptyProps as vr, NavFooterProps as vt, SubNavProps as w, GroupProps as wa, CardImage as wi, DisclosureContentProps as wn, ListboxProps as wr, NavProps as wt, Tabs as x, AlertDialogFooter as xa, CardLinkProps as xi, DisclosureTrigger as xn, ListboxItem as xr, NavAccountItem as xt, TabsContent as y, AlertDialogHeader as ya, CardPreviewProps as yi, DropdownMenu as yn, ListboxCheckboxItem as yr, NavBody as yt, SegmentedControlItem as z, Alert as za, BreadcrumbProps as zi, DialogBody as zn, Calendar as zr, Indicator as zt };
+export { Pagination as $, TooltipRootProps as $i, Switch as $n, TableHeader as $r, DropdownMenuSubTrigger as $t, SidebarToggleProps as A, AlertDialogActionProps as Aa, Checkbox as Ai, DialogFormProps as An, InputAddonProps as Ar, MenuOption as At, SegmentedControlItemProps as B, RecipeVariants as Ba, Badge as Bi, DialogProps as Bn, DataTableLabelProps as Br, HeadingProps as Bt, SubNav as C, AlertDialogContent as Ca, CardImageProps as Ci, Disclosure as Cn, PopoverAnchor as Cr, ModalLayer as Ct, Skeleton as D, AlertDialogBody as Da, CardFooterProps as Di, DialogHeader as Dn, DateInput as Dr, MenuContent as Dt, SpinnerProps as E, AlertDialogCancelProps as Ea, CardFooter as Ei, DialogTriggerProps as En, PopoverProps as Er, MenuTriggerProps as Et, SelectContent as F, ButtonVariants as Fa, CardProps as Fi, DialogClose as Fn, InputControl as Fr, Kbd as Ft, RadioGroup as G, LonghandProps as Ga, AxiomProviderProps as Gi, DateRangePicker as Gn, DataTableBody as Gr, Field as Gt, SegmentedControlProps as H, Box as Ha, Text as Hi, DateRangePickerTriggerProps as Hn, DataTableFooterProps as Hr, GridProps as Ht, SelectContentProps as I, AlertDialog as Ia, Breadcrumb as Ii, DialogCloseProps as In, InputControlProps as Ir, KbdProps as It, RadioProps as J, normalizeResponsiveValue as Ja, TooltipProvider as Ji, PopoverTriggerProps as Jn, DataTableActionProps as Jr, FieldLabelProps as Jt, RadioGroupProps as K, Sprinkles as Ka, TooltipTrigger as Ki, DateRangePickerProps as Kn, DataTableBodyProps as Kr, FieldProps as Kt, Select as L, AlertDialogProps as La, BreadcrumbProps as Li, DialogBody as Ln, Calendar as Lr, Indicator as Lt, SidebarProps as M, ButtonGroupProps as Ma, CardAction as Mi, DialogFooterProps as Mn, InputProps$1 as Mr, layers_css_d_exports as Mt, SelectTrigger as N, Button as Na, CardActionProps as Ni, DialogContent as Nn, InputRoot as Nr, LabelMenuButton as Nt, SkeletonProps as O, AlertDialogBodyProps as Oa, CardCheckbox as Oi, DialogHeaderProps as On, DateInputProps as Or, MenuContentProps as Ot, SelectTriggerProps as P, ButtonProps as Pa, Card as Pi, DialogContentProps as Pn, InputRootProps as Pr, LabelMenuButtonProps as Pt, PaperProps as Q, TooltipRoot as Qi, ListboxSwitchItemProps as Qn, TableHeaderCellProps as Qr, DropdownMenuTriggerProps as Qt, SelectProps as R, Alert as Ra, Banner as Ri, DialogBodyProps as Rn, CalendarProps as Rr, IndicatorProps as Rt, TabsProps as S, GroupProps as Sa, CardImage as Si, DisclosureContentProps as Sn, ListboxProps as Sr, NavProps as St, Spinner as T, AlertDialogCancel as Ta, CardHeaderProps as Ti, DialogTrigger as Tn, Popover as Tr, MenuTrigger as Tt, SearchInput as U, BoxProps as Ua, TextProps as Ui, DateRangePickerContent as Un, DataTableCheckbox as Ur, Flex as Ut, SegmentedControl as V, extractBoxProps as Va, BadgeProps as Vi, DateRangePickerTrigger as Vn, DataTableFooter as Vr, Grid as Vt, SearchInputProps as W, sprinklesMerge as Wa, AxiomProvider as Wi, DateRangePickerContentProps as Wn, DataTableCheckboxProps as Wr, FlexProps as Wt, ProgressProps as X, vars as Xa, Tooltip as Xi, PopoverContentProps as Xn, TableRowProps as Xr, EllipsisMenuButtonProps as Xt, Progress as Y, sprinkles as Ya, TooltipProviderProps$1 as Yi, PopoverContent as Yn, TableRow as Yr, EllipsisMenuButton as Yt, Paper as Z, ExcludeProps as Za, TooltipProps as Zi, ListboxSwitchItem as Zn, TableHeaderCell as Zr, DropdownMenuTrigger as Zt, TabsList as _, AlertDialogHeader as _a, CardPreviewProps as _i, DropdownMenu as _n, ListboxCheckboxItem as _r, NavBody as _t, TransitionGroup as a, dialogkit as aa, TableAction as ai, DropdownMenuSeparator as an, ListboxRadioItem as ar, NavItem as at, TabsContentProps as b, AlertDialogFooterProps as ba, Link as bi, DisclosureTriggerProps as bn, ListboxItemProps as br, NavAccountItemProps as bt, TransitionProps as c, Avatar as ca, TableProps as ci, DropdownMenuLabelProps as cn, ListboxLabelProps as cr, NavHeaderProps as ct, ThemeProvider as d, AuthProvider as da, Cover as di, DropdownMenuGroup as dn, ListboxItemIndicator as dr, NavGroupContent as dt, TooltipContent as ea, TableHeaderProps as ei, DropdownMenuSubTriggerProps as en, SwitchProps as er, PaginationProps as et, ThemeProviderProps as f, AuthProviderProps as fa, CoverProps as fi, DropdownMenuGroupProps as fn, ListboxItemIndicatorProps as fr, NavGroupContentProps as ft, TabsTriggerProps as g, AlertDialogTriggerProps as ga, CardPreview as gi, DropdownMenuCheckboxItemProps as gn, ListboxEmptyProps as gr, NavFooterProps as gt, TabsTrigger as h, AlertDialogTrigger as ha, cleanup as hi, DropdownMenuCheckboxItem as hn, ListboxEmpty as hr, NavFooter as ht, tokens as i, createDialogKit as ia, TableBodyProps as ii, DropdownMenuSubProps as in, SeparatorProps as ir, NavListProps as it, Sidebar as j, ButtonGroup as ja, CheckboxProps as ji, DialogFooter as jn, Input as jr, MenuProps as jt, SidebarToggle as k, AlertDialogAction as ka, CardCheckboxProps as ki, DialogForm as kn, InputAddon as kr, Menu as kt, ToggleButton as l, AvatarProps as la, DataTable as li, DropdownMenuItem as ln, ListboxItemized as lr, NavGroupTrigger as lt, TextareaProps as m, AngleMenuButtonProps as ma, CodeProps as mi, DropdownMenuContentProps as mn, ListboxGroupProps as mr, NavGroupProps as mt, theme as n, ToastProvider as na, TableCellProps as ni, DropdownMenuSubContentProps as nn, ListboxSeparatorProps as nr, NavSeparatorProps as nt, TransitionGlobalConfig as o, AvatarGroup as oa, TableActionProps as oi, DropdownMenuSeparatorProps as on, ListboxRadioItemProps as or, NavItemProps as ot, Textarea as p, AngleMenuButton as pa, Code as pi, DropdownMenuContent as pn, ListboxGroup as pr, NavGroup as pt, Radio as q, mapResponsiveValue as qa, TooltipTriggerProps as qi, PopoverTrigger as qn, DataTableAction as qr, FieldLabel as qt, toaster as r, ToastProviderProps$1 as ra, TableBody as ri, DropdownMenuSub as rn, Separator as rr, NavList as rt, Transition as s, AvatarGroupProps as sa, Table$1 as si, DropdownMenuLabel as sn, ListboxLabel as sr, NavHeader as st, createToaster$1 as t, TooltipContentProps as ta, TableCell as ti, DropdownMenuSubContent as tn, ListboxSeparator as tr, NavSeparator as tt, ToggleButtonProps as u, useAuthContext as ua, DataTableProps as ui, DropdownMenuItemProps as un, ListboxItemizedProps as ur, NavGroupTriggerProps as ut, TabsListProps as v, AlertDialogHeaderProps as va, CardLink as vi, DropdownMenuProps as vn, ListboxCheckboxItemProps as vr, NavBodyProps as vt, SubNavProps as w, AlertDialogContentProps as wa, CardHeader as wi, DisclosureProps as wn, PopoverAnchorProps as wr, ModalLayerProps as wt, Tabs as x, Group as xa, LinkProps as xi, DisclosureContent as xn, Listbox as xr, Nav as xt, TabsContent as y, AlertDialogFooter as ya, CardLinkProps as yi, DisclosureTrigger as yn, ListboxItem as yr, NavAccountItem as yt, SegmentedControlItem as z, AlertProps as za, BannerProps as zi, Dialog as zn, DataTableLabel as zr, Heading as zt };