@burtson-labs/ui 0.13.1 → 0.14.1

package/dist/primitives/vendor/radix/react-switch/switch.js

@@ -0,0 +1,185 @@
+"use client";
+import { createContextScope } from "../react-context/create-context.js";
+import { useComposedRefs } from "../react-compose-refs/compose-refs.js";
+import { composeEventHandlers } from "../primitive/primitive.js";
+import { useControllableState } from "../react-use-controllable-state/use-controllable-state.js";
+import { Primitive } from "../react-primitive/primitive.js";
+import { useSize } from "../react-use-size/use-size.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/primitives/vendor/radix/react-switch/switch.tsx
+var SWITCH_NAME = "Switch";
+var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
+var [SwitchProviderImpl, useSwitchContext] = createSwitchContext(SWITCH_NAME);
+function SwitchProvider(props) {
+	const { __scopeSwitch, checked: checkedProp, children, defaultChecked, disabled, form, name, onCheckedChange, required, value = "on", internal_do_not_use_render } = props;
+	const [checked, setChecked] = useControllableState({
+		prop: checkedProp,
+		defaultProp: defaultChecked ?? false,
+		onChange: onCheckedChange,
+		caller: SWITCH_NAME
+	});
+	const [control, setControl] = React.useState(null);
+	const [bubbleInput, setBubbleInput] = React.useState(null);
+	const hasConsumerStoppedPropagationRef = React.useRef(false);
+	const [userInteractionCount, onUserInteraction] = React.useReducer((count) => count + 1, 0);
+	const context = {
+		checked,
+		setChecked,
+		disabled,
+		control,
+		setControl,
+		name,
+		form,
+		value,
+		hasConsumerStoppedPropagationRef,
+		userInteractionCount,
+		onUserInteraction,
+		required,
+		defaultChecked,
+		isFormControl: control ? !!form || !!control.closest("form") : true,
+		bubbleInput,
+		setBubbleInput
+	};
+	return /* @__PURE__ */ jsx(SwitchProviderImpl, {
+		scope: __scopeSwitch,
+		...context,
+		children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
+	});
+}
+var TRIGGER_NAME = "SwitchTrigger";
+var SwitchTrigger = /* @__PURE__ */ React.forwardRef(function SwitchTrigger({ __scopeSwitch, onClick, ...switchProps }, forwardedRef) {
+	const { control, form, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useSwitchContext(TRIGGER_NAME, __scopeSwitch);
+	const composedRefs = useComposedRefs(forwardedRef, setControl);
+	const initialCheckedStateRef = React.useRef(checked);
+	React.useEffect(() => {
+		const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.form;
+		if (associatedForm instanceof HTMLFormElement) {
+			const reset = () => setChecked(initialCheckedStateRef.current);
+			associatedForm.addEventListener("reset", reset);
+			return () => associatedForm.removeEventListener("reset", reset);
+		}
+	}, [
+		control,
+		form,
+		setChecked
+	]);
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		type: "button",
+		role: "switch",
+		"aria-checked": checked,
+		"aria-required": required,
+		"data-state": getState(checked),
+		"data-disabled": disabled ? "" : void 0,
+		disabled,
+		value,
+		...switchProps,
+		ref: composedRefs,
+		onClick: composeEventHandlers(onClick, (event) => {
+			onUserInteraction();
+			setChecked((prevChecked) => !prevChecked);
+			if (bubbleInput && isFormControl) {
+				hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+				if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+			}
+		})
+	});
+});
+var Switch = /* @__PURE__ */ React.forwardRef(function Switch(props, forwardedRef) {
+	const { __scopeSwitch, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...switchProps } = props;
+	return /* @__PURE__ */ jsx(SwitchProvider, {
+		__scopeSwitch,
+		checked,
+		defaultChecked,
+		disabled,
+		required,
+		onCheckedChange,
+		name,
+		form,
+		value,
+		internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SwitchTrigger, {
+			...switchProps,
+			ref: forwardedRef,
+			__scopeSwitch
+		}), isFormControl && /* @__PURE__ */ jsx(SwitchBubbleInput, { __scopeSwitch })] })
+	});
+});
+var THUMB_NAME = "SwitchThumb";
+var SwitchThumb = /* @__PURE__ */ React.forwardRef(function SwitchThumb(props, forwardedRef) {
+	const { __scopeSwitch, ...thumbProps } = props;
+	const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		"data-state": getState(context.checked),
+		"data-disabled": context.disabled ? "" : void 0,
+		...thumbProps,
+		ref: forwardedRef
+	});
+});
+var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
+var SwitchBubbleInput = /* @__PURE__ */ React.forwardRef(function SwitchBubbleInput({ __scopeSwitch, onClick, ...props }, forwardedRef) {
+	const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useSwitchContext(BUBBLE_INPUT_NAME, __scopeSwitch);
+	const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
+	const controlSize = useSize(control);
+	const shouldStopClickPropagationRef = React.useRef(false);
+	const prevCheckedRef = React.useRef(checked);
+	const prevUserInteractionCountRef = React.useRef(userInteractionCount);
+	React.useEffect(() => {
+		const input = bubbleInput;
+		if (!input) return;
+		const inputProto = window.HTMLInputElement.prototype;
+		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+		const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;
+		prevUserInteractionCountRef.current = userInteractionCount;
+		const checkedChanged = prevCheckedRef.current !== checked;
+		prevCheckedRef.current = checked;
+		const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);
+		if (checkedChanged && setChecked) {
+			shouldStopClickPropagationRef.current = !isUserInteraction;
+			const event = new Event("click", { bubbles });
+			setChecked.call(input, checked);
+			input.dispatchEvent(event);
+			shouldStopClickPropagationRef.current = false;
+		}
+	}, [
+		bubbleInput,
+		checked,
+		hasConsumerStoppedPropagationRef,
+		userInteractionCount
+	]);
+	const defaultCheckedRef = React.useRef(checked);
+	return /* @__PURE__ */ jsx(Primitive.input, {
+		type: "checkbox",
+		"aria-hidden": true,
+		defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+		required,
+		disabled,
+		name,
+		value,
+		form,
+		...props,
+		tabIndex: -1,
+		ref: composedRefs,
+		onClick: composeEventHandlers(onClick, (event) => {
+			if (shouldStopClickPropagationRef.current) event.stopPropagation();
+		}),
+		style: {
+			...props.style,
+			...controlSize,
+			position: "absolute",
+			pointerEvents: "none",
+			opacity: 0,
+			margin: 0,
+			transform: "translateX(-100%)"
+		}
+	});
+});
+function isFunction(value) {
+	return typeof value === "function";
+}
+function getState(checked) {
+	return checked ? "checked" : "unchecked";
+}
+//#endregion
+export { SwitchBubbleInput as BubbleInput, SwitchBubbleInput, SwitchProvider as Provider, SwitchProvider, Switch as Root, Switch, SwitchThumb, SwitchThumb as Thumb, SwitchTrigger, SwitchTrigger as Trigger };
+
+//# sourceMappingURL=switch.js.map

package/dist/primitives/vendor/radix/react-switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["_Fragment"],"sources":["../../../../../src/primitives/vendor/radix/react-switch/switch.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport { composeEventHandlers } from '../primitive';\nimport { useComposedRefs } from '../react-compose-refs';\nimport { createContextScope } from '../react-context';\nimport { useControllableState } from '../react-use-controllable-state';\nimport { useSize } from '../react-use-size';\nimport { Primitive } from '../react-primitive';\n\nimport type { Scope } from '../react-context';\n\nconst SWITCH_NAME = 'Switch';\n\ntype ScopedProps<P> = P & { __scopeSwitch?: Scope };\nconst [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\n\ntype SwitchContextValue = {\n  checked: boolean;\n  setChecked: React.Dispatch<React.SetStateAction<boolean>>;\n  disabled: boolean | undefined;\n  control: HTMLButtonElement | null;\n  setControl: React.Dispatch<React.SetStateAction<HTMLButtonElement | null>>;\n  name: string | undefined;\n  form: string | undefined;\n  value: string | number | readonly string[];\n  hasConsumerStoppedPropagationRef: React.RefObject<boolean>;\n  userInteractionCount: number;\n  onUserInteraction: () => void;\n  required: boolean | undefined;\n  defaultChecked: boolean | undefined;\n  isFormControl: boolean;\n  bubbleInput: HTMLInputElement | null;\n  setBubbleInput: React.Dispatch<React.SetStateAction<HTMLInputElement | null>>;\n};\n\nconst [SwitchProviderImpl, useSwitchContext] = createSwitchContext<SwitchContextValue>(SWITCH_NAME);\n\n/* -------------------------------------------------------------------------------------------------\n * SwitchProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SwitchProviderProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  required?: boolean;\n  onCheckedChange?(checked: boolean): void;\n  name?: string;\n  form?: string;\n  disabled?: boolean;\n  value?: string | number | readonly string[];\n  children?: React.ReactNode;\n}\n\nfunction SwitchProvider(props: ScopedProps<SwitchProviderProps>) {\n  const {\n    __scopeSwitch,\n    checked: checkedProp,\n    children,\n    defaultChecked,\n    disabled,\n    form,\n    name,\n    onCheckedChange,\n    required,\n    value = 'on',\n    // @ts-expect-error\n    internal_do_not_use_render,\n  } = props;\n\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultChecked ?? false,\n    onChange: onCheckedChange,\n    caller: SWITCH_NAME,\n  });\n  const [control, setControl] = React.useState<HTMLButtonElement | null>(null);\n  const [bubbleInput, setBubbleInput] = React.useState<HTMLInputElement | null>(null);\n  const hasConsumerStoppedPropagationRef = React.useRef(false);\n\n  // Incremented on every user interaction with the trigger. The bubble input\n  // compares this against the value it last handled to tell whether a `checked`\n  // change was driven by the user (vs. a controlled/programmatic update). Using\n  // a counter guarantees the marker is updated in the same commit as the\n  // resulting render, so it can never go stale and leak into a later\n  // programmatic update.\n  const [userInteractionCount, onUserInteraction] = React.useReducer(\n    (count: number): number => count + 1,\n    0,\n  );\n\n  const isFormControl = control\n    ? !!form || !!control.closest('form')\n    : // We set this to true by default so that events bubble to forms without JS (SSR)\n      true;\n\n  const context: SwitchContextValue = {\n    checked,\n    setChecked,\n    disabled,\n    control,\n    setControl,\n    name,\n    form,\n    value,\n    hasConsumerStoppedPropagationRef,\n    userInteractionCount,\n    onUserInteraction,\n    required,\n    defaultChecked,\n    isFormControl,\n    bubbleInput,\n    setBubbleInput,\n  };\n\n  return (\n    <SwitchProviderImpl scope={__scopeSwitch} {...context}>\n      {isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children}\n    </SwitchProviderImpl>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * SwitchTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SwitchTrigger';\n\ninterface SwitchTriggerProps extends Omit<\n  React.ComponentPropsWithoutRef<typeof Primitive.button>,\n  keyof SwitchProviderProps\n> {\n  children?: React.ReactNode;\n}\n\nconst SwitchTrigger = /* @__PURE__ */ React.forwardRef<HTMLButtonElement, SwitchTriggerProps>(\n  function SwitchTrigger(\n    { __scopeSwitch, onClick, ...switchProps }: ScopedProps<SwitchTriggerProps>,\n    forwardedRef,\n  ) {\n    const {\n      control,\n      form,\n      value,\n      disabled,\n      checked,\n      required,\n      setControl,\n      setChecked,\n      hasConsumerStoppedPropagationRef,\n      onUserInteraction,\n      isFormControl,\n      bubbleInput,\n    } = useSwitchContext(TRIGGER_NAME, __scopeSwitch);\n    const composedRefs = useComposedRefs(forwardedRef, setControl);\n\n    const initialCheckedStateRef = React.useRef(checked);\n    React.useEffect(() => {\n      const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.form;\n      if (associatedForm instanceof HTMLFormElement) {\n        const reset = () => setChecked(initialCheckedStateRef.current);\n        associatedForm.addEventListener('reset', reset);\n        return () => associatedForm.removeEventListener('reset', reset);\n      }\n    }, [control, form, setChecked]);\n\n    return (\n      <Primitive.button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={checked}\n        aria-required={required}\n        data-state={getState(checked)}\n        data-disabled={disabled ? '' : undefined}\n        disabled={disabled}\n        value={value}\n        {...switchProps}\n        ref={composedRefs}\n        onClick={composeEventHandlers(onClick, (event) => {\n          onUserInteraction();\n          setChecked((prevChecked) => !prevChecked);\n          if (bubbleInput && isFormControl) {\n            hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n            // if switch has a bubble input and is a form control, stop\n            // propagation from the button so that we only propagate one click\n            // event (from the input). We propagate changes from an input so\n            // that native form validation works and form events reflect switch\n            // updates.\n            if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n          }\n        })}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Switch\n * -----------------------------------------------------------------------------------------------*/\n\ntype SwitchElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface SwitchProps extends Omit<PrimitiveButtonProps, 'checked' | 'defaultChecked'> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  required?: boolean;\n  onCheckedChange?(checked: boolean): void;\n}\n\nconst Switch = /* @__PURE__ */ React.forwardRef<SwitchElement, SwitchProps>(\n  // blank line to reduce diff noise\n  function Switch(props: ScopedProps<SwitchProps>, forwardedRef) {\n    const {\n      __scopeSwitch,\n      name,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      value,\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n\n    return (\n      <SwitchProvider\n        __scopeSwitch={__scopeSwitch}\n        checked={checked}\n        defaultChecked={defaultChecked}\n        disabled={disabled}\n        required={required}\n        onCheckedChange={onCheckedChange}\n        name={name}\n        form={form}\n        value={value}\n        // @ts-expect-error\n        internal_do_not_use_render={({ isFormControl }: SwitchContextValue) => (\n          <>\n            <SwitchTrigger\n              {...switchProps}\n              ref={forwardedRef}\n              // @ts-expect-error\n              __scopeSwitch={__scopeSwitch}\n            />\n            {isFormControl && (\n              <SwitchBubbleInput\n                // @ts-expect-error\n                __scopeSwitch={__scopeSwitch}\n              />\n            )}\n          </>\n        )}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * SwitchThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SwitchThumb';\n\ntype SwitchThumbElement = React.ComponentRef<typeof Primitive.span>;\ntype PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;\ninterface SwitchThumbProps extends PrimitiveSpanProps {}\n\nconst SwitchThumb = /* @__PURE__ */ React.forwardRef<SwitchThumbElement, SwitchThumbProps>(\n  function SwitchThumb(props: ScopedProps<SwitchThumbProps>, forwardedRef) {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return (\n      <Primitive.span\n        data-state={getState(context.checked)}\n        data-disabled={context.disabled ? '' : undefined}\n        {...thumbProps}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * SwitchBubbleInput\n * -----------------------------------------------------------------------------------------------*/\n\nconst BUBBLE_INPUT_NAME = 'SwitchBubbleInput';\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Primitive.input>;\ninterface SwitchBubbleInputProps extends Omit<InputProps, 'checked'> {}\n\nconst SwitchBubbleInput = /* @__PURE__ */ React.forwardRef<\n  HTMLInputElement,\n  SwitchBubbleInputProps\n>(\n  // blank line to reduce diff noise\n  function SwitchBubbleInput(\n    { __scopeSwitch, onClick, ...props }: ScopedProps<SwitchBubbleInputProps>,\n    forwardedRef,\n  ) {\n    const {\n      control,\n      hasConsumerStoppedPropagationRef,\n      userInteractionCount,\n      checked,\n      defaultChecked,\n      required,\n      disabled,\n      name,\n      value,\n      form,\n      bubbleInput,\n      setBubbleInput,\n    } = useSwitchContext(BUBBLE_INPUT_NAME, __scopeSwitch);\n\n    const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);\n    const controlSize = useSize(control);\n    // When the checked change is not driven by a user interaction (e.g. a\n    // controlled `checked` update), the `click` event we dispatch to notify\n    // forms must not reach ancestor `onClick` handlers. We can't simply make it\n    // non-bubbling because React derives the switch's `change` event from a\n    // bubbling `click`. Instead we stop propagation of the synthetic click,\n    // which still lets the `change` event reach the form.\n    const shouldStopClickPropagationRef = React.useRef(false);\n\n    // The `checked` value we last synced to the input, and the interaction\n    // counter we last accounted for. Comparing against these lets us detect a\n    // genuine `checked` change and whether it followed a user interaction, even\n    // on renders caused by clicks that don't change `checked` (e.g. a\n    // controlled value that ignores the change).\n    const prevCheckedRef = React.useRef(checked);\n    const prevUserInteractionCountRef = React.useRef(userInteractionCount);\n\n    // Bubble checked change to parents (e.g form change event)\n    React.useEffect(() => {\n      const input = bubbleInput;\n      if (!input) return;\n\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        'checked',\n      ) as PropertyDescriptor;\n      const setChecked = descriptor.set;\n\n      const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;\n      prevUserInteractionCountRef.current = userInteractionCount;\n      const checkedChanged = prevCheckedRef.current !== checked;\n      prevCheckedRef.current = checked;\n\n      const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);\n      if (checkedChanged && setChecked) {\n        shouldStopClickPropagationRef.current = !isUserInteraction;\n        const event = new Event('click', { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n        shouldStopClickPropagationRef.current = false;\n      }\n    }, [bubbleInput, checked, hasConsumerStoppedPropagationRef, userInteractionCount]);\n\n    const defaultCheckedRef = React.useRef(checked);\n    return (\n      <Primitive.input\n        type=\"checkbox\"\n        aria-hidden\n        defaultChecked={defaultChecked ?? defaultCheckedRef.current}\n        required={required}\n        disabled={disabled}\n        name={name}\n        value={value}\n        form={form}\n        {...props}\n        tabIndex={-1}\n        ref={composedRefs}\n        onClick={composeEventHandlers(onClick, (event) => {\n          // Prevent the synthetic click dispatched on controlled/programmatic\n          // updates from triggering ancestor `onClick` handlers, while still\n          // allowing the resulting `change` event to reach the form.\n          if (shouldStopClickPropagationRef.current) {\n            event.stopPropagation();\n          }\n        })}\n        style={{\n          ...props.style,\n          ...controlSize,\n          position: 'absolute',\n          pointerEvents: 'none',\n          opacity: 0,\n          margin: 0,\n          // We transform because the input is absolutely positioned but we have\n          // rendered it **after** the button. This pulls it back to sit on top\n          // of the button.\n          transform: 'translateX(-100%)',\n        }}\n      />\n    );\n  },\n);\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction isFunction(value: unknown): value is (...args: any[]) => any {\n  return typeof value === 'function';\n}\n\nfunction getState(checked: boolean) {\n  return checked ? 'checked' : 'unchecked';\n}\n\nexport {\n  createSwitchScope,\n  //\n  Switch,\n  SwitchProvider,\n  SwitchTrigger,\n  SwitchThumb,\n  SwitchBubbleInput,\n  //\n  Switch as Root,\n  SwitchProvider as Provider,\n  SwitchTrigger as Trigger,\n  SwitchThumb as Thumb,\n  SwitchBubbleInput as BubbleInput,\n};\nexport type {\n  SwitchProps,\n  SwitchProviderProps,\n  SwitchTriggerProps,\n  SwitchThumbProps,\n  SwitchBubbleInputProps,\n};\n"],"mappings":"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"}

package/dist/primitives/vendor/radix/react-tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { createTabsScope, Tabs, TabsList, TabsTrigger, TabsContent, Root, List, Trigger, Content, } from './tabs';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps } from './tabs';

package/dist/primitives/vendor/radix/react-tabs/tabs.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { Primitive } from '../react-primitive';
+import * as RovingFocusGroup from '../react-roving-focus';
+declare const createTabsScope: import("../react-context").CreateScope;
+type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface TabsProps extends PrimitiveDivProps {
+    /** The value for the selected tab, if controlled */
+    value?: string;
+    /** The value of the tab to select by default, if uncontrolled */
+    defaultValue?: string;
+    /** A function called when a new tab is selected */
+    onValueChange?: (value: string) => void;
+    /**
+     * The orientation the tabs are layed out.
+     * Mainly so arrow navigation is done accordingly (left & right vs. up & down)
+     * @defaultValue horizontal
+     */
+    orientation?: RovingFocusGroupProps['orientation'];
+    /**
+     * The direction of navigation between toolbar items.
+     */
+    dir?: RovingFocusGroupProps['dir'];
+    /**
+     * Whether a tab is activated automatically or manually.
+     * @defaultValue automatic
+     * */
+    activationMode?: 'automatic' | 'manual';
+}
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+interface TabsListProps extends PrimitiveDivProps {
+    loop?: RovingFocusGroupProps['loop'];
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface TabsTriggerProps extends PrimitiveButtonProps {
+    value: string;
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface TabsContentProps extends PrimitiveDivProps {
+    value: string;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const List: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+declare const Trigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Content: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
+export { createTabsScope, Tabs, TabsList, TabsTrigger, TabsContent, Root, List, Trigger, Content, };
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };

package/dist/primitives/vendor/radix/react-tabs/tabs.js

@@ -0,0 +1,145 @@
+"use client";
+import { createContextScope } from "../react-context/create-context.js";
+import { composeEventHandlers } from "../primitive/primitive.js";
+import { useControllableState } from "../react-use-controllable-state/use-controllable-state.js";
+import { Primitive } from "../react-primitive/primitive.js";
+import { Presence } from "../react-presence/presence.js";
+import { useId } from "../react-id/id.js";
+import { useDirection } from "../react-direction/direction.js";
+import { Item, Root as Root$1, createRovingFocusGroupScope } from "../react-roving-focus/roving-focus-group.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/vendor/radix/react-tabs/tabs.tsx
+var TABS_NAME = "Tabs";
+var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [createRovingFocusGroupScope]);
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
+var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs(props, forwardedRef) {
+	const { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", ...tabsProps } = props;
+	const direction = useDirection(dir);
+	const [value, setValue] = useControllableState({
+		prop: valueProp,
+		onChange: onValueChange,
+		defaultProp: defaultValue ?? "",
+		caller: TABS_NAME
+	});
+	return /* @__PURE__ */ jsx(TabsProvider, {
+		scope: __scopeTabs,
+		baseId: useId(),
+		value,
+		onValueChange: setValue,
+		orientation,
+		dir: direction,
+		activationMode,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			dir: direction,
+			"data-orientation": orientation,
+			...tabsProps,
+			ref: forwardedRef
+		})
+	});
+});
+var TAB_LIST_NAME = "TabsList";
+var TabsList = /* @__PURE__ */ React.forwardRef(function TabsList(props, forwardedRef) {
+	const { __scopeTabs, loop = true, ...listProps } = props;
+	const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
+	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
+	return /* @__PURE__ */ jsx(Root$1, {
+		asChild: true,
+		...rovingFocusGroupScope,
+		orientation: context.orientation,
+		dir: context.dir,
+		loop,
+		children: /* @__PURE__ */ jsx(Primitive.div, {
+			role: "tablist",
+			"aria-orientation": context.orientation,
+			...listProps,
+			ref: forwardedRef
+		})
+	});
+});
+var TRIGGER_NAME = "TabsTrigger";
+var TabsTrigger = /* @__PURE__ */ React.forwardRef(function TabsTrigger(props, forwardedRef) {
+	const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
+	const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
+	const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
+	const triggerId = makeTriggerId(context.baseId, value);
+	const contentId = makeContentId(context.baseId, value);
+	const isSelected = value === context.value;
+	return /* @__PURE__ */ jsx(Item, {
+		asChild: true,
+		...rovingFocusGroupScope,
+		focusable: !disabled,
+		active: isSelected,
+		children: /* @__PURE__ */ jsx(Primitive.button, {
+			type: "button",
+			role: "tab",
+			"aria-selected": isSelected,
+			"aria-controls": contentId,
+			"data-state": isSelected ? "active" : "inactive",
+			"data-disabled": disabled ? "" : void 0,
+			disabled,
+			id: triggerId,
+			...triggerProps,
+			ref: forwardedRef,
+			onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
+				if (!disabled && event.button === 0 && event.ctrlKey === false) context.onValueChange(value);
+				else event.preventDefault();
+			}),
+			onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+				if (disabled || event.target !== event.currentTarget) return;
+				if ([" ", "Enter"].includes(event.key)) context.onValueChange(value);
+			}),
+			onFocus: composeEventHandlers(props.onFocus, () => {
+				const isAutomaticActivation = context.activationMode !== "manual";
+				if (!isSelected && !disabled && isAutomaticActivation) context.onValueChange(value);
+			})
+		})
+	});
+});
+var CONTENT_NAME = "TabsContent";
+var TabsContent = /* @__PURE__ */ React.forwardRef(function TabsContent(props, forwardedRef) {
+	const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
+	const context = useTabsContext(CONTENT_NAME, __scopeTabs);
+	const triggerId = makeTriggerId(context.baseId, value);
+	const contentId = makeContentId(context.baseId, value);
+	const isSelected = value === context.value;
+	const isMountAnimationPreventedRef = React.useRef(isSelected);
+	React.useEffect(() => {
+		const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
+		return () => cancelAnimationFrame(rAF);
+	}, []);
+	return /* @__PURE__ */ jsx(Presence, {
+		present: forceMount || isSelected,
+		children: ({ present }) => /* @__PURE__ */ jsx(Primitive.div, {
+			"data-state": isSelected ? "active" : "inactive",
+			"data-orientation": context.orientation,
+			role: "tabpanel",
+			"aria-labelledby": triggerId,
+			hidden: !present,
+			id: contentId,
+			tabIndex: 0,
+			...contentProps,
+			ref: forwardedRef,
+			style: {
+				...props.style,
+				animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0
+			},
+			children: present && children
+		})
+	});
+});
+function makeTriggerId(baseId, value) {
+	return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+	return `${baseId}-content-${value}`;
+}
+var Root = Tabs;
+var List = TabsList;
+var Trigger = TabsTrigger;
+var Content = TabsContent;
+//#endregion
+export { Content, List, Root, Tabs, TabsContent, TabsList, TabsTrigger, Trigger };
+
+//# sourceMappingURL=tabs.js.map

package/dist/primitives/vendor/radix/react-tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["RovingFocusGroup.Root","RovingFocusGroup.Item"],"sources":["../../../../../src/primitives/vendor/radix/react-tabs/tabs.tsx"],"sourcesContent":["// Vendored from Radix Primitives (c) 2022 WorkOS, MIT. See vendor/LICENSE.radix.\n// Local modification: package imports resolve to the pinned local source.\nimport * as React from 'react';\nimport { composeEventHandlers } from '../primitive';\nimport { createContextScope } from '../react-context';\nimport { createRovingFocusGroupScope } from '../react-roving-focus';\nimport { Presence } from '../react-presence';\nimport { Primitive } from '../react-primitive';\nimport * as RovingFocusGroup from '../react-roving-focus';\nimport { useDirection } from '../react-direction';\nimport { useControllableState } from '../react-use-controllable-state';\nimport { useId } from '../react-id';\n\nimport type { Scope } from '../react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Tabs\n * -----------------------------------------------------------------------------------------------*/\n\nconst TABS_NAME = 'Tabs';\n\ntype ScopedProps<P> = P & { __scopeTabs?: Scope };\nconst [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope,\n]);\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\n\ntype TabsContextValue = {\n  baseId: string;\n  value: string;\n  onValueChange: (value: string) => void;\n  orientation?: TabsProps['orientation'];\n  dir?: TabsProps['dir'];\n  activationMode?: TabsProps['activationMode'];\n};\n\nconst [TabsProvider, useTabsContext] = createTabsContext<TabsContextValue>(TABS_NAME);\n\ntype TabsElement = React.ComponentRef<typeof Primitive.div>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup.Root>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface TabsProps extends PrimitiveDivProps {\n  /** The value for the selected tab, if controlled */\n  value?: string;\n  /** The value of the tab to select by default, if uncontrolled */\n  defaultValue?: string;\n  /** A function called when a new tab is selected */\n  onValueChange?: (value: string) => void;\n  /**\n   * The orientation the tabs are layed out.\n   * Mainly so arrow navigation is done accordingly (left & right vs. up & down)\n   * @defaultValue horizontal\n   */\n  orientation?: RovingFocusGroupProps['orientation'];\n  /**\n   * The direction of navigation between toolbar items.\n   */\n  dir?: RovingFocusGroupProps['dir'];\n  /**\n   * Whether a tab is activated automatically or manually.\n   * @defaultValue automatic\n   * */\n  activationMode?: 'automatic' | 'manual';\n}\n\nconst Tabs = /* @__PURE__ */ React.forwardRef<TabsElement, TabsProps>(\n  // blank line to reduce diff noise\n  function Tabs(props: ScopedProps<TabsProps>, forwardedRef) {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = 'horizontal',\n      dir,\n      activationMode = 'automatic',\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? '',\n      caller: TABS_NAME,\n    });\n\n    return (\n      <TabsProvider\n        scope={__scopeTabs}\n        baseId={useId()}\n        value={value}\n        onValueChange={setValue}\n        orientation={orientation}\n        dir={direction}\n        activationMode={activationMode}\n      >\n        <Primitive.div\n          dir={direction}\n          data-orientation={orientation}\n          {...tabsProps}\n          ref={forwardedRef}\n        />\n      </TabsProvider>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * TabsList\n * -----------------------------------------------------------------------------------------------*/\n\nconst TAB_LIST_NAME = 'TabsList';\n\ntype TabsListElement = React.ComponentRef<typeof Primitive.div>;\ninterface TabsListProps extends PrimitiveDivProps {\n  loop?: RovingFocusGroupProps['loop'];\n}\n\nconst TabsList = /* @__PURE__ */ React.forwardRef<TabsListElement, TabsListProps>(\n  // blank line to reduce diff noise\n  function TabsList(props: ScopedProps<TabsListProps>, forwardedRef) {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return (\n      <RovingFocusGroup.Root\n        asChild\n        {...rovingFocusGroupScope}\n        orientation={context.orientation}\n        dir={context.dir}\n        loop={loop}\n      >\n        <Primitive.div\n          role=\"tablist\"\n          aria-orientation={context.orientation}\n          {...listProps}\n          ref={forwardedRef}\n        />\n      </RovingFocusGroup.Root>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * TabsTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'TabsTrigger';\n\ntype TabsTriggerElement = React.ComponentRef<typeof Primitive.button>;\ntype PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;\ninterface TabsTriggerProps extends PrimitiveButtonProps {\n  value: string;\n}\n\nconst TabsTrigger = /* @__PURE__ */ React.forwardRef<TabsTriggerElement, TabsTriggerProps>(\n  function TabsTrigger(props: ScopedProps<TabsTriggerProps>, forwardedRef) {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return (\n      <RovingFocusGroup.Item\n        asChild\n        {...rovingFocusGroupScope}\n        focusable={!disabled}\n        active={isSelected}\n      >\n        <Primitive.button\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={isSelected}\n          aria-controls={contentId}\n          data-state={isSelected ? 'active' : 'inactive'}\n          data-disabled={disabled ? '' : undefined}\n          disabled={disabled}\n          id={triggerId}\n          {...triggerProps}\n          ref={forwardedRef}\n          onMouseDown={composeEventHandlers(props.onMouseDown, (event) => {\n            // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n            // but not when the control key is pressed (avoiding MacOS right click)\n            if (!disabled && event.button === 0 && event.ctrlKey === false) {\n              context.onValueChange(value);\n            } else {\n              // prevent focus to avoid accidental activation\n              event.preventDefault();\n            }\n          })}\n          onKeyDown={composeEventHandlers(props.onKeyDown, (event) => {\n            // Only react to keys originating from the trigger itself. Focusable\n            // descendants (eg. content portaled out of the trigger's DOM\n            // subtree) bubble their key events here through React's event\n            // system.\n            // See: https://github.com/radix-ui/primitives/issues/3232\n            if (disabled || event.target !== event.currentTarget) {\n              return;\n            }\n\n            if ([' ', 'Enter'].includes(event.key)) {\n              context.onValueChange(value);\n            }\n          })}\n          onFocus={composeEventHandlers(props.onFocus, () => {\n            // handle \"automatic\" activation if necessary\n            // ie. activate tab following focus\n            const isAutomaticActivation = context.activationMode !== 'manual';\n            if (!isSelected && !disabled && isAutomaticActivation) {\n              context.onValueChange(value);\n            }\n          })}\n        />\n      </RovingFocusGroup.Item>\n    );\n  },\n);\n\n/* -------------------------------------------------------------------------------------------------\n * TabsContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'TabsContent';\n\ntype TabsContentElement = React.ComponentRef<typeof Primitive.div>;\ninterface TabsContentProps extends PrimitiveDivProps {\n  value: string;\n\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst TabsContent = /* @__PURE__ */ React.forwardRef<TabsContentElement, TabsContentProps>(\n  function TabsContent(props: ScopedProps<TabsContentProps>, forwardedRef) {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => (isMountAnimationPreventedRef.current = false));\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n\n    return (\n      <Presence present={forceMount || isSelected}>\n        {({ present }) => (\n          <Primitive.div\n            data-state={isSelected ? 'active' : 'inactive'}\n            data-orientation={context.orientation}\n            role=\"tabpanel\"\n            aria-labelledby={triggerId}\n            hidden={!present}\n            id={contentId}\n            tabIndex={0}\n            {...contentProps}\n            ref={forwardedRef}\n            style={{\n              ...props.style,\n              animationDuration: isMountAnimationPreventedRef.current ? '0s' : undefined,\n            }}\n          >\n            {present && children}\n          </Primitive.div>\n        )}\n      </Presence>\n    );\n  },\n);\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction makeTriggerId(baseId: string, value: string) {\n  return `${baseId}-trigger-${value}`;\n}\n\nfunction makeContentId(baseId: string, value: string) {\n  return `${baseId}-content-${value}`;\n}\n\nconst Root = Tabs;\nconst List = TabsList;\nconst Trigger = TabsTrigger;\nconst Content = TabsContent;\n\nexport {\n  createTabsScope,\n  //\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  //\n  Root,\n  List,\n  Trigger,\n  Content,\n};\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"],"mappings":"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"}

package/dist/primitives/vendor/radix/react-toast/index.d.ts

@@ -0,0 +1,2 @@
+export { createToastScope, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastAction, ToastClose, Provider, Viewport, Root, Title, Description, Action, Close, } from './toast';
+export type { ToastProviderProps, ToastViewportProps, ToastProps, ToastTitleProps, ToastDescriptionProps, ToastActionProps, ToastCloseProps, } from './toast';

package/dist/primitives/vendor/radix/react-toast/toast.d.ts

@@ -0,0 +1,125 @@
+import * as React from 'react';
+import * as DismissableLayer from '../react-dismissable-layer';
+import { Primitive } from '../react-primitive';
+type SwipeDirection = 'up' | 'down' | 'left' | 'right';
+declare const createToastScope: import("../react-context").CreateScope;
+interface ToastProviderProps {
+    children?: React.ReactNode;
+    /**
+     * An author-localized label for each toast. Used to help screen reader users
+     * associate the interruption with a toast.
+     * @defaultValue 'Notification'
+     */
+    label?: string;
+    /**
+     * Time in milliseconds that each toast should remain visible for.
+     * @defaultValue 5000
+     */
+    duration?: number;
+    /**
+     * Direction of pointer swipe that should close the toast.
+     * @defaultValue 'right'
+     */
+    swipeDirection?: SwipeDirection;
+    /**
+     * Distance in pixels that the swipe must pass before a close is triggered.
+     * @defaultValue 50
+     */
+    swipeThreshold?: number;
+    /**
+     * An optional container where the toast announcements should be appended.
+     * This is useful when working with focus traps or modal dialogs that make
+     * other elements inert.
+     * @defaultValue document.body
+     */
+    announcerContainer?: Element | DocumentFragment;
+}
+declare const ToastProvider: React.FC<ToastProviderProps>;
+type PrimitiveOrderedListProps = React.ComponentPropsWithoutRef<typeof Primitive.ol>;
+interface ToastViewportProps extends PrimitiveOrderedListProps {
+    /**
+     * The keys to use as the keyboard shortcut that will move focus to the toast viewport.
+     * @defaultValue ['F8']
+     */
+    hotkey?: string[];
+    /**
+     * An author-localized label for the toast viewport to provide context for screen reader users
+     * when navigating page landmarks. The available `{hotkey}` placeholder will be replaced for you.
+     * @defaultValue 'Notifications ({hotkey})'
+     */
+    label?: string;
+}
+declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
+type ToastElement = ToastImplElement;
+interface ToastProps extends Omit<ToastImplProps, keyof ToastImplPrivateProps> {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLLIElement>>;
+type SwipeEvent = {
+    currentTarget: EventTarget & ToastElement;
+} & Omit<CustomEvent<{
+    originalEvent: React.PointerEvent;
+    delta: {
+        x: number;
+        y: number;
+    };
+}>, 'currentTarget'>;
+type ToastImplElement = React.ComponentRef<typeof Primitive.li>;
+type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer.Root>;
+type ToastImplPrivateProps = {
+    open: boolean;
+    onClose(): void;
+};
+type PrimitiveListItemProps = React.ComponentPropsWithoutRef<typeof Primitive.li>;
+interface ToastImplProps extends ToastImplPrivateProps, PrimitiveListItemProps {
+    type?: 'foreground' | 'background';
+    /**
+     * Time in milliseconds that toast should remain visible for. Overrides value
+     * given to `ToastProvider`.
+     */
+    duration?: number;
+    onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];
+    onPause?(): void;
+    onResume?(): void;
+    onSwipeStart?(event: SwipeEvent): void;
+    onSwipeMove?(event: SwipeEvent): void;
+    onSwipeCancel?(event: SwipeEvent): void;
+    onSwipeEnd?(event: SwipeEvent): void;
+}
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface ToastTitleProps extends PrimitiveDivProps {
+}
+declare const ToastTitle: React.ForwardRefExoticComponent<ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
+interface ToastDescriptionProps extends PrimitiveDivProps {
+}
+declare const ToastDescription: React.ForwardRefExoticComponent<ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+interface ToastActionProps extends ToastCloseProps {
+    /**
+     * A short description for an alternate way to carry out the action. For screen reader users
+     * who will not be able to navigate to the button easily/quickly.
+     * @example <ToastAction altText="Goto account settings to upgrade">Upgrade</ToastAction>
+     * @example <ToastAction altText="Undo (Alt+U)">Undo</ToastAction>
+     */
+    altText: string;
+}
+declare const ToastAction: React.ForwardRefExoticComponent<ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
+type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface ToastCloseProps extends PrimitiveButtonProps {
+}
+declare const ToastClose: React.ForwardRefExoticComponent<ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Provider: React.FC<ToastProviderProps>;
+declare const Viewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
+declare const Root: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLLIElement>>;
+declare const Title: React.ForwardRefExoticComponent<ToastTitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const Description: React.ForwardRefExoticComponent<ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Action: React.ForwardRefExoticComponent<ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Close: React.ForwardRefExoticComponent<ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export { createToastScope, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastAction, ToastClose, Provider, Viewport, Root, Title, Description, Action, Close, };
+export type { ToastProviderProps, ToastViewportProps, ToastProps, ToastTitleProps, ToastDescriptionProps, ToastActionProps, ToastCloseProps, };