@forte-ui/react 1.0.0-alpha.1

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,361 @@
+import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';
+import * as React from "react";
+export interface TooltipProviderProps extends BaseTooltip.Provider.Props {
+    /**
+     * How long to wait before opening a tooltip, in milliseconds. Applies to
+     * every tooltip below this provider; an individual `Tooltip.Trigger` can
+     * still override it.
+     * @default 600
+     */
+    delay?: BaseTooltip.Provider.Props["delay"];
+    /**
+     * How long to wait before closing a tooltip, in milliseconds.
+     * @default 0
+     */
+    closeDelay?: BaseTooltip.Provider.Props["closeDelay"];
+    /**
+     * Grouping window, in milliseconds. If one tooltip closes and another opens
+     * within this window, the second one appears instantly instead of waiting
+     * out `delay` again — which is what makes a row of icon buttons feel like a
+     * single toolbar rather than a series of separate waits.
+     * @default 400
+     */
+    timeout?: BaseTooltip.Provider.Props["timeout"];
+    /**
+     * The subtree that shares this delay.
+     */
+    children?: BaseTooltip.Provider.Props["children"];
+}
+/**
+ * Shares one hover delay across every tooltip beneath it. Renders no DOM
+ * element.
+ *
+ * Mount it once near the root of the app. Without it each tooltip waits out
+ * its own delay, so sweeping across a toolbar feels sticky.
+ */
+declare function TooltipProvider(props: TooltipProviderProps): React.JSX.Element;
+export interface TooltipRootProps<Payload = unknown> extends BaseTooltip.Root.Props<Payload> {
+    /**
+     * Whether the tooltip is open when it first mounts. For a controlled
+     * tooltip use `open` instead.
+     * @default false
+     */
+    defaultOpen?: BaseTooltip.Root.Props<Payload>["defaultOpen"];
+    /**
+     * Whether the tooltip is currently open. Pass this together with
+     * `onOpenChange` to control the tooltip.
+     */
+    open?: BaseTooltip.Root.Props<Payload>["open"];
+    /**
+     * Called when the tooltip wants to open or close. The second argument
+     * carries the reason (`'trigger-hover'`, `'trigger-focus'`,
+     * `'trigger-press'`, `'outside-press'`, `'escape-key'`, `'disabled'`,
+     * `'imperative-action'`, `'none'`) and can `cancel()` the change.
+     */
+    onOpenChange?: BaseTooltip.Root.Props<Payload>["onOpenChange"];
+    /**
+     * Called after the open or close transition has finished. Use this rather
+     * than a timer when work has to wait for the popup to actually leave.
+     */
+    onOpenChangeComplete?: BaseTooltip.Root.Props<Payload>["onOpenChangeComplete"];
+    /**
+     * Whether this tooltip is disabled. Disables the tooltip only — the trigger
+     * element stays fully interactive and does not receive the `disabled`
+     * attribute.
+     * @default false
+     */
+    disabled?: BaseTooltip.Root.Props<Payload>["disabled"];
+    /**
+     * Which axis the tooltip follows the cursor on. `'both'` turns it into a
+     * cursor-tracking label; combine with `side="bottom"` for the usual feel.
+     * @default "none"
+     */
+    trackCursorAxis?: BaseTooltip.Root.Props<Payload>["trackCursorAxis"];
+    /**
+     * Whether the popup can be hovered without closing. Off by default: a
+     * tooltip is not meant to hold interactive content, and a hoverable popup
+     * gets in the way of the content beneath it.
+     * @default false
+     */
+    disableHoverablePopup?: BaseTooltip.Root.Props<Payload>["disableHoverablePopup"];
+    /**
+     * Imperative escape hatch. `unmount()` forces the popup out of the DOM (use
+     * it when an exit animation is driven externally); `close()` closes the
+     * tooltip.
+     */
+    actionsRef?: BaseTooltip.Root.Props<Payload>["actionsRef"];
+    /**
+     * Associates this tooltip with detached triggers created through
+     * `Tooltip.createHandle()`, so one popup can serve several triggers that
+     * live elsewhere in the tree.
+     */
+    handle?: BaseTooltip.Root.Props<Payload>["handle"];
+    /**
+     * The trigger the tooltip is attached to, for controlled multi-trigger
+     * setups. There is no separate `onTriggerIdChange` — derive the new id from
+     * `eventDetails.trigger` inside `onOpenChange`.
+     */
+    triggerId?: BaseTooltip.Root.Props<Payload>["triggerId"];
+    /**
+     * The initially attached trigger id. Pairs with `defaultOpen` the way
+     * `triggerId` pairs with `open`.
+     */
+    defaultTriggerId?: BaseTooltip.Root.Props<Payload>["defaultTriggerId"];
+    /**
+     * The trigger and popup for this tooltip. May also be a render function
+     * receiving `{ payload }` from the trigger that opened the tooltip.
+     */
+    children?: BaseTooltip.Root.Props<Payload>["children"];
+}
+/**
+ * Groups one tooltip's trigger and popup. Renders no DOM element, so it takes
+ * no `className`, `style` or `ref`.
+ */
+declare function TooltipRoot<Payload = unknown>(props: TooltipRootProps<Payload>): React.JSX.Element;
+export interface TooltipTriggerProps<Payload = unknown> extends Omit<BaseTooltip.Trigger.Props<Payload>, "className"> {
+    /**
+     * How long to wait before opening, in milliseconds. Overrides the
+     * provider's `delay` for this trigger only.
+     * @default 600
+     */
+    delay?: BaseTooltip.Trigger.Props<Payload>["delay"];
+    /**
+     * How long to wait before closing, in milliseconds.
+     * @default 0
+     */
+    closeDelay?: BaseTooltip.Trigger.Props<Payload>["closeDelay"];
+    /**
+     * Whether clicking the trigger closes the tooltip. Leave it on for triggers
+     * that do something on click — the tooltip has served its purpose by then
+     * and would otherwise sit over the result.
+     * @default true
+     */
+    closeOnClick?: BaseTooltip.Trigger.Props<Payload>["closeOnClick"];
+    /**
+     * Stops this trigger from opening the tooltip. It does **not** apply the
+     * `disabled` attribute to the element, so the button stays focusable and
+     * clickable; style the difference from `data-trigger-disabled`. To disable
+     * the control itself, pass `disabled` through `render`.
+     * @default false
+     */
+    disabled?: BaseTooltip.Trigger.Props<Payload>["disabled"];
+    /**
+     * Associates a detached trigger with a `Tooltip.Root` that carries the same
+     * handle, created once outside render with `Tooltip.createHandle()`.
+     */
+    handle?: BaseTooltip.Trigger.Props<Payload>["handle"];
+    /**
+     * Data handed to the tooltip when this trigger opens it, so one popup can
+     * render different content per trigger.
+     */
+    payload?: BaseTooltip.Trigger.Props<Payload>["payload"];
+    /**
+     * Replaces the rendered `<button>` with another element or component —
+     * `render={<Button variant="ghost" />}` is the common case. Note there is
+     * no `nativeButton` prop on this part: it always renders button semantics.
+     */
+    render?: BaseTooltip.Trigger.Props<Payload>["render"];
+    /**
+     * Forwarded to the underlying element.
+     */
+    ref?: React.Ref<HTMLButtonElement>;
+    /**
+     * Additional class name(s). Applied after the internal styles so consumer
+     * utilities (e.g. Tailwind) win without needing `!important`.
+     */
+    className?: string;
+}
+/**
+ * The element the tooltip is attached to. Renders a `<button>`.
+ *
+ * **This trigger must carry its own accessible name.** The tooltip is a
+ * visual affordance only — see the note on {@link Tooltip} — so an icon-only
+ * trigger needs an `aria-label` that closely matches the tooltip's text.
+ * Screen reader users get the `aria-label` and nothing else.
+ *
+ * Unlike `Popover.Trigger` and `Menu.Trigger`, this part has **no
+ * `nativeButton` prop**; it always renders button semantics. Compose it with
+ * an existing control through `render` instead.
+ */
+declare function TooltipTrigger<Payload = unknown>({ className, ...props }: TooltipTriggerProps<Payload>): React.JSX.Element;
+type PositionerProps = BaseTooltip.Positioner.Props;
+export interface TooltipPopupProps extends Omit<BaseTooltip.Popup.Props, "className"> {
+    /**
+     * Which side of the trigger to place the tooltip on. Flips automatically to
+     * avoid collisions. `"inline-start"` / `"inline-end"` follow writing
+     * direction.
+     * @default "top"
+     */
+    side?: PositionerProps["side"];
+    /**
+     * How the tooltip lines up with the trigger along the chosen side.
+     * @default "center"
+     */
+    align?: PositionerProps["align"];
+    /**
+     * Gap between trigger and tooltip, in pixels, or a function returning one.
+     * When an `Arrow` is rendered this must exceed the arrow's height or the
+     * arrow will overlap the trigger; the default leaves room for the default
+     * arrow.
+     * @default 8
+     */
+    sideOffset?: PositionerProps["sideOffset"];
+    /**
+     * Shifts the tooltip along the alignment axis, in pixels, or a function
+     * returning one.
+     * @default 0
+     */
+    alignOffset?: PositionerProps["alignOffset"];
+    /**
+     * Minimum distance, in pixels, the arrow keeps from the tooltip's corners
+     * before it is allowed to sit off-centre (`data-uncentered`).
+     * @default 5
+     */
+    arrowPadding?: PositionerProps["arrowPadding"];
+    /**
+     * The element the tooltip positions against, when it should not be the
+     * trigger.
+     */
+    anchor?: PositionerProps["anchor"];
+    /**
+     * The boundary the tooltip tries to stay inside of.
+     * @default "clipping-ancestors"
+     */
+    collisionBoundary?: PositionerProps["collisionBoundary"];
+    /**
+     * Space, in pixels, kept between the tooltip and the collision boundary.
+     * @default 5
+     */
+    collisionPadding?: PositionerProps["collisionPadding"];
+    /**
+     * How the tooltip reacts when it would overflow the boundary — whether it
+     * flips, shifts, or stays put.
+     */
+    collisionAvoidance?: PositionerProps["collisionAvoidance"];
+    /**
+     * Keeps the tooltip glued to the trigger while it scrolls out of view
+     * instead of letting it detach.
+     * @default false
+     */
+    sticky?: PositionerProps["sticky"];
+    /**
+     * Whether the tooltip is positioned with `position: absolute` or
+     * `position: fixed`.
+     * @default "absolute"
+     */
+    positionMethod?: PositionerProps["positionMethod"];
+    /**
+     * Stops the tooltip re-measuring the anchor on scroll and resize. Cheaper,
+     * but the tooltip drifts if the anchor moves.
+     * @default false
+     */
+    disableAnchorTracking?: PositionerProps["disableAnchorTracking"];
+    /**
+     * Keeps the portal in the DOM while the tooltip is closed.
+     * @default false
+     */
+    keepMounted?: BaseTooltip.Portal.Props["keepMounted"];
+    /**
+     * Where the portal renders. Defaults to `document.body`; point it at a
+     * container when the tooltip has to live inside a specific stacking or
+     * shadow root.
+     */
+    container?: BaseTooltip.Portal.Props["container"];
+    /**
+     * Additional class name(s) for the positioner element, which owns
+     * placement and `z-index`. Use it to re-stack a single tooltip.
+     */
+    positionerClassName?: string;
+    /**
+     * Forwarded to the popup element.
+     */
+    ref?: React.Ref<HTMLDivElement>;
+    /**
+     * Additional class name(s). Applied after the internal styles so consumer
+     * utilities (e.g. Tailwind) win without needing `!important`.
+     */
+    className?: string;
+}
+export interface TooltipArrowProps extends Omit<BaseTooltip.Arrow.Props, "className"> {
+    /**
+     * Replaces the built-in wedge. The default SVG inherits the popup's colours
+     * through `--forte-tooltip-bg`, so a custom skin usually needs nothing here.
+     */
+    children?: React.ReactNode;
+    /**
+     * Forwarded to the arrow element.
+     */
+    ref?: React.Ref<HTMLDivElement>;
+    /**
+     * Additional class name(s). Applied after the internal styles so consumer
+     * utilities (e.g. Tailwind) win without needing `!important`.
+     */
+    className?: string;
+}
+export interface TooltipShortcutProps extends Omit<React.ComponentPropsWithoutRef<"span">, "className"> {
+    /**
+     * The keys, written the way they are printed — `⌘B`, `Ctrl+B`, `⇧⌘P`.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class name(s). Applied after the internal styles so consumer
+     * utilities (e.g. Tailwind) win without needing `!important`.
+     */
+    className?: string;
+}
+/**
+ * A tooltip built on Base UI's unstyled `Tooltip` primitive.
+ *
+ * ```tsx
+ * <Tooltip.Provider>
+ *   <Tooltip.Root>
+ *     <Tooltip.Trigger aria-label="Bold">
+ *       <BoldIcon aria-hidden="true" />
+ *     </Tooltip.Trigger>
+ *     <Tooltip.Popup>
+ *       <Tooltip.Arrow />
+ *       Bold
+ *     </Tooltip.Popup>
+ *   </Tooltip.Root>
+ * </Tooltip.Provider>
+ * ```
+ *
+ * ## Accessibility: a tooltip is VISUAL ONLY
+ *
+ * This is the single most important thing to know about this component, and
+ * it is a property of tooltips in general, not of this implementation.
+ *
+ * - **It is not available to screen readers.** Nothing in the popup is
+ *   announced. The trigger therefore needs its own `aria-label` that closely
+ *   matches the tooltip's text, so the two audiences get the same
+ *   information and the same words for it.
+ * - **It is disabled on touch devices.** There is no discoverable way to
+ *   reveal a tooltip before tapping its trigger; iOS has no equivalent
+ *   affordance, and on Android long-press collides with the browser's own
+ *   context menu. Base UI therefore does not open tooltips on touch at all.
+ * - **Never put important information only in a tooltip.** If a user who
+ *   never sees it would be unable to operate or understand the UI, it does
+ *   not belong here. Put it inline, or in a `Popover` if space is tight.
+ * - **For an info affordance — the little "i" icon — use {@link Popover} with
+ *   `openOnHover` on its trigger instead.** That version is reachable by
+ *   touch and by assistive technology. The rule of thumb: if the trigger's
+ *   purpose *is* to open the popup, it is a popover; if the trigger's purpose
+ *   is unrelated to the popup, it is a tooltip.
+ * - For transient feedback ("Copied!"), prefer an anchored `Toast`, which is
+ *   announced.
+ *
+ * Styling is driven by `data-*` attributes and `--forte-tooltip-*` custom
+ * properties, so it can be re-skinned from plain CSS or targeted with
+ * Tailwind arbitrary variants (`data-[side=top]:...`) without wrapping.
+ */
+export declare const Tooltip: {
+    Provider: typeof TooltipProvider;
+    Root: typeof TooltipRoot;
+    Trigger: typeof TooltipTrigger;
+    Popup: React.ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: React.ForwardRefExoticComponent<TooltipShortcutProps & React.RefAttributes<HTMLSpanElement>>;
+    /** Creates a handle that connects a `Tooltip.Root` to detached triggers. */
+    createHandle: typeof BaseTooltip.createHandle;
+};
+export {};

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../../Tooltip-CI4chsRw.js";
+export { e as Tooltip };

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TooltipPopupProps, TooltipArrowProps, TooltipShortcutProps, } from './Tooltip';

package/dist/components/tooltip/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../Tooltip-CI4chsRw.js";
+export { e as Tooltip };

package/dist/index.d.ts

@@ -0,0 +1,92 @@
+export { Accordion } from './components/accordion';
+export type { AccordionVariant, AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
+export { Alert } from './components/alert';
+export type { AlertVariant, AlertTone, AlertLive, AlertRootProps, AlertIconProps, AlertTitleProps, AlertDescriptionProps, AlertActionProps, AlertCloseProps, } from './components/alert';
+export { AspectRatio } from './components/aspect-ratio';
+export type { AspectRatioProps, AspectRatioPreset, AspectRatioValue, AspectRatioFit, AspectRatioVariant, AspectRatioBasis, } from './components/aspect-ratio';
+export { Avatar } from './components/avatar';
+export type { AvatarSize, AvatarShape, AvatarVariant, AvatarTone, AvatarBadgeTone, AvatarBadgePlacement, AvatarRootProps, AvatarImageProps, AvatarFallbackProps, AvatarBadgeProps, AvatarGroupProps, } from './components/avatar';
+export { Badge } from './components/badge';
+export type { BadgeProps, BadgeVariant, BadgeTone, BadgeSize, BadgeShape, } from './components/badge';
+export { Breadcrumb } from './components/breadcrumb';
+export type { BreadcrumbSize, BreadcrumbVariant, BreadcrumbOverflow, BreadcrumbRootProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisProps, } from './components/breadcrumb';
+export { Button } from './components/button';
+export type { ButtonProps, ButtonVariant, ButtonTone, ButtonSize } from './components/button';
+export { ButtonGroup } from './components/button-group';
+export type { ButtonGroupOrientation, ButtonGroupRootProps, ButtonGroupSeparatorProps, ButtonGroupTextProps, } from './components/button-group';
+export { Calendar } from './components/calendar';
+export type { CalendarMode, CalendarSize, CalendarCaptionLayout, CalendarRange, CalendarSelection, CalendarMatcher, CalendarLabels, CalendarProps, } from './components/calendar';
+export { Checkbox, CheckboxGroup } from './components/checkbox';
+export type { CheckboxProps, CheckboxSize, CheckboxTone, CheckboxGroupProps, CheckboxGroupOrientation, } from './components/checkbox';
+export { Collapsible } from './components/collapsible';
+export type { CollapsibleVariant, CollapsibleRootProps, CollapsibleTriggerProps, CollapsiblePanelProps, } from './components/collapsible';
+export { ColorPicker, DEFAULT_SWATCHES } from './components/color-picker';
+export type { ColorPickerFormat, ColorPickerChangeReason, ColorPickerChangeDetails, ColorPickerRootProps, ColorPickerTriggerProps, ColorPickerPopupProps, ColorPickerPanelProps, ColorPickerRowProps, ColorPickerAreaProps, ColorPickerHueSliderProps, ColorPickerAlphaSliderProps, ColorPickerSwatchesProps, ColorPickerSwatchProps, ColorPickerPreviewProps, ColorPickerValueProps, ColorPickerFormatProps, ColorPickerInputProps, ColorPickerEyeDropperProps, ColorPickerHiddenInputProps, Hsva, Rgba, } from './components/color-picker';
+export { Combobox, useComboboxFilter, useComboboxFilteredItems, } from './components/combobox';
+export type { ComboboxRootProps, ComboboxLabelProps, ComboboxInputGroupProps, ComboboxInputProps, ComboboxTriggerProps, ComboboxValueProps, ComboboxIconProps, ComboboxClearProps, ComboboxChipsProps, ComboboxChipProps, ComboboxChipRemoveProps, ComboboxPopupProps, ComboboxListProps, ComboboxEmptyProps, ComboboxStatusProps, ComboboxItemProps, ComboboxGroupProps, ComboboxGroupLabelProps, ComboboxSeparatorProps, ComboboxRowProps, ComboboxSize, ComboboxVariant, } from './components/combobox';
+export { ContextMenu } from './components/context-menu';
+export type { ContextMenuRootProps, ContextMenuTriggerProps, ContextMenuItemTone, ContextMenuPopupProps, ContextMenuItemProps, ContextMenuLinkItemProps, ContextMenuCheckboxItemProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuSeparatorProps, ContextMenuSubmenuRootProps, ContextMenuSubmenuTriggerProps, ContextMenuShortcutProps, } from './components/context-menu';
+export { DatePicker, DatePickerRoot, DatePickerTrigger, DatePickerValue, DatePickerIcon, DatePickerPopup, DatePickerCalendar, DatePickerFooter, DatePickerClear, } from './components/date-picker';
+export type { DatePickerSize, DatePickerVariant, DatePickerRootProps, DatePickerTriggerProps, DatePickerValueProps, DatePickerIconProps, DatePickerPopupProps, DatePickerCalendarProps, DatePickerFooterProps, DatePickerClearProps, } from './components/date-picker';
+export { Dialog, AlertDialog, useDialog } from './components/dialog';
+export type { DialogSize, DialogFooterAlign, DialogRootProps, DialogTriggerProps, DialogPopupProps, DialogSurfaceProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogFooterProps, AlertDialogRootProps, AlertDialogTriggerProps, DialogProviderProps, DialogApi, DialogManager, DialogLabels, DialogMessageOptions, DialogAlertOptions, DialogConfirmOptions, DialogConfirmWithInputOptions, DialogShowOptions, CustomDialogProps, CustomDialogComponent, } from './components/dialog';
+export { Drawer } from './components/drawer';
+export type { DrawerSide, DrawerSize, DrawerVariant, DrawerSnapPoint, DrawerFooterAlign, DrawerRootProps, DrawerTriggerProps, DrawerPopupProps, DrawerHandleProps, DrawerContentProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerFooterProps, DrawerSwipeAreaProps, DrawerVirtualKeyboardProviderProps, } from './components/drawer';
+export { Field, FieldRoot, FieldLabel, FieldDescription, FieldError, FieldItem } from './components/field';
+export type { FieldRootProps, FieldLabelProps, FieldDescriptionProps, FieldErrorProps, FieldItemProps, } from './components/field';
+export { Fieldset, FieldsetRoot, FieldsetLegend } from './components/fieldset';
+export type { FieldsetRootProps, FieldsetLegendProps } from './components/fieldset';
+export { Form } from './components/form';
+export type { FormProps, FormValidationMode } from './components/form';
+export { Input } from './components/input';
+export type { InputProps, InputSize, InputVariant } from './components/input';
+export { InputGroup } from './components/input-group';
+export type { InputGroupSize, InputGroupVariant, InputGroupAddonAlign, InputGroupRootProps, InputGroupInputProps, InputGroupTextareaProps, InputGroupAddonProps, InputGroupTextProps, InputGroupButtonProps, } from './components/input-group';
+export { Menu } from './components/menu';
+export type { MenuItemTone, MenuRootProps, MenuTriggerProps, MenuPopupProps, MenuItemProps, MenuLinkItemProps, MenuCheckboxItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuGroupProps, MenuGroupLabelProps, MenuSeparatorProps, MenuSubmenuRootProps, MenuSubmenuTriggerProps, MenuShortcutProps, } from './components/menu';
+export { Menubar } from './components/menubar';
+export type { MenubarProps, MenubarVariant, MenubarOrientation, } from './components/menubar';
+export { NavList } from './components/nav-list';
+export type { NavListSize, NavListMarker, NavListRootProps, NavListSectionProps, NavListSectionLabelProps, NavListListProps, NavListItemProps, NavListLinkProps, NavListGroupProps, NavListGroupTriggerProps, NavListGroupPanelProps, NavListBadgeProps, } from './components/nav-list';
+export { NavigationMenu } from './components/navigation-menu';
+export type { NavigationMenuVariant, NavigationMenuColumns, NavigationMenuRootProps, NavigationMenuListProps, NavigationMenuItemProps, NavigationMenuTriggerProps, NavigationMenuIconProps, NavigationMenuContentProps, NavigationMenuLinkProps, NavigationMenuLinkTitleProps, NavigationMenuLinkDescriptionProps, NavigationMenuPopupProps, } from './components/navigation-menu';
+export { NumberField } from './components/number-field';
+export type { NumberFieldSize, NumberFieldVariant, NumberFieldScrubDirection, NumberFieldRootProps, NumberFieldGroupProps, NumberFieldInputProps, NumberFieldIncrementProps, NumberFieldDecrementProps, NumberFieldScrubAreaProps, NumberFieldScrubAreaCursorProps, } from './components/number-field';
+export { OTPField } from './components/otp-field';
+export type { OTPFieldSize, OTPFieldVariant, OTPFieldValidationType, OTPFieldRootProps, OTPFieldInputProps, OTPFieldSeparatorProps, } from './components/otp-field';
+export { Popover } from './components/popover';
+export type { PopoverSize, PopoverFooterAlign, PopoverRootProps, PopoverTriggerProps, PopoverPopupProps, PopoverArrowProps, PopoverTitleProps, PopoverDescriptionProps, PopoverCloseProps, PopoverFooterProps, PopoverViewportProps, } from './components/popover';
+export { PreviewCard } from './components/preview-card';
+export type { PreviewCardSize, PreviewCardRootProps, PreviewCardTriggerProps, PreviewCardPopupProps, PreviewCardArrowProps, PreviewCardViewportProps, } from './components/preview-card';
+export { Progress, ProgressCircle } from './components/progress';
+export type { ProgressSize, ProgressTone, ProgressRootProps, ProgressLabelProps, ProgressValueProps, ProgressTrackProps, ProgressIndicatorProps, ProgressCircleSize, ProgressCircleTone, ProgressCircleRootProps, ProgressCircleTrackProps, ProgressCircleIndicatorProps, ProgressCircleValueProps, ProgressCircleLabelProps, } from './components/progress';
+export { Radio, RadioGroup } from './components/radio';
+export type { RadioProps, RadioSize, RadioTone, RadioGroupProps, RadioGroupOrientation, } from './components/radio';
+export { Resizable } from './components/resizable';
+export type { ResizableOrientation, ResizableLength, ResizableStorage, ResizableGroupProps, ResizablePanelProps, ResizableHandleProps, } from './components/resizable';
+export { ScrollArea } from './components/scroll-area';
+export type { ScrollAreaScrollbarVisibility, ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
+export { Select } from './components/select';
+export type { SelectRootProps, SelectLabelProps, SelectTriggerProps, SelectValueProps, SelectIconProps, SelectPopupProps, SelectItemProps, SelectGroupProps, SelectGroupLabelProps, SelectSeparatorProps, SelectSize, SelectVariant, } from './components/select';
+export { Separator } from './components/separator';
+export type { SeparatorProps, SeparatorOrientation, SeparatorVariant, } from './components/separator';
+export { Skeleton } from './components/skeleton';
+export type { SkeletonVariant, SkeletonAnimation, SkeletonRootProps, SkeletonTextProps, SkeletonGroupProps, } from './components/skeleton';
+export { Slider } from './components/slider';
+export type { SliderSize, SliderTone, SliderRootProps, SliderLabelProps, SliderValueProps, SliderControlProps, SliderTrackProps, SliderIndicatorProps, SliderThumbProps, } from './components/slider';
+export { Spinner } from './components/spinner';
+export type { SpinnerProps, SpinnerVariant, SpinnerSize, SpinnerTone, SpinnerLabelPlacement, } from './components/spinner';
+export { Switch } from './components/switch';
+export type { SwitchProps, SwitchSize } from './components/switch';
+export { Tabs } from './components/tabs';
+export type { TabsVariant, TabsOverflow, TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
+export { Textarea } from './components/textarea';
+export type { TextareaProps, TextareaSize, TextareaVariant, TextareaResize, } from './components/textarea';
+export { Toast, useToast } from './components/toast';
+export type { ToastType, ToastPosition, ToastSwipeDirection, ToastData, ToastObject, ToastActionOptions, ToastOptions, ToastMessage, ToastHandle, ToastPromiseOptions, ToastApi, ToastManager, UseToastReturn, ToastProviderProps, ToastViewportProps, ToastItemProps, ToastIconProps, ToastTitleProps, ToastDescriptionProps, ToastActionProps, ToastCloseProps, } from './components/toast';
+export { Toggle, ToggleGroup } from './components/toggle';
+export type { ToggleProps, ToggleVariant, ToggleTone, ToggleSize, ToggleGroupProps, ToggleGroupOrientation, } from './components/toggle';
+export { Toolbar } from './components/toolbar';
+export type { ToolbarOrientation, ToolbarVariant, ToolbarSize, ToolbarRootProps, ToolbarGroupProps, ToolbarButtonProps, ToolbarLinkProps, ToolbarInputProps, ToolbarSeparatorProps, } from './components/toolbar';
+export { Tooltip } from './components/tooltip';
+export type { TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TooltipPopupProps, TooltipArrowProps, TooltipShortcutProps, } from './components/tooltip';

package/dist/index.js

@@ -0,0 +1,86 @@
+"use client";
+import { t as e } from "./Accordion-9JunkjgY.js";
+import "./components/accordion/index.js";
+import { t } from "./Alert-Cn_WUF3L.js";
+import "./components/alert/index.js";
+import { t as n } from "./AspectRatio-gSjpTVk-.js";
+import "./components/aspect-ratio/index.js";
+import { t as r } from "./Avatar-BuitDluH.js";
+import "./components/avatar/index.js";
+import { t as i } from "./Badge-sArNWMre.js";
+import "./components/badge/index.js";
+import { t as a } from "./ScrollArea-CBMGJ6hh.js";
+import { t as o } from "./Breadcrumb-Cq7tFtMX.js";
+import "./components/breadcrumb/index.js";
+import { t as s } from "./Spinner-BF0uD4hR.js";
+import { t as c } from "./Button-AiyKnx5I.js";
+import { t as l } from "./ButtonGroup-C-CrwPXP.js";
+import "./components/button-group/index.js";
+import { t as u } from "./Select-BP-zvdXm.js";
+import { t as d } from "./Calendar-D7Q-QJ_e.js";
+import { n as f, t as p } from "./Checkbox-DfNbmOed.js";
+import "./components/checkbox/index.js";
+import { t as m } from "./Collapsible-D8UKiGip.js";
+import "./components/collapsible/index.js";
+import { t as h } from "./Popover-BXhn2Wwt.js";
+import { t as g } from "./ColorPicker-B-eCI31W.js";
+import { DEFAULT_SWATCHES as _ } from "./components/color-picker/color.js";
+import "./components/color-picker/index.js";
+import { C as v, t as y, w as b } from "./Combobox-D-BN-Tvp.js";
+import "./components/combobox/index.js";
+import { t as x } from "./Menu-CKu9xE2h.js";
+import { t as S } from "./ContextMenu-D81uDaMG.js";
+import "./components/context-menu/index.js";
+import { a as C, c as w, i as T, l as E, n as D, o as O, r as k, s as A, t as j } from "./DatePicker-CfkMsaI-.js";
+import "./components/date-picker/index.js";
+import { a as M, i as N, n as P, o as F, r as I, t as L } from "./Field-FLFEO70D.js";
+import { t as R } from "./Form-DVPmW9XV.js";
+import { t as z } from "./Input-BgGWhO2q.js";
+import { h as B, i as V, t as H } from "./Dialog-_n8FpFs5.js";
+import "./components/dialog/index.js";
+import { t as U } from "./Drawer-DKQF3OO7.js";
+import "./components/drawer/index.js";
+import { n as W, r as G, t as K } from "./Fieldset-CYhh71Qt.js";
+import "./components/fieldset/index.js";
+import { t as q } from "./Textarea-CqZJL41e.js";
+import { t as J } from "./InputGroup-DsZyDXNn.js";
+import "./components/input-group/index.js";
+import "./components/menu/index.js";
+import { t as Y } from "./Menubar-Dax027Db.js";
+import "./components/menubar/index.js";
+import { t as X } from "./NavList-DGvcIoJm.js";
+import "./components/nav-list/index.js";
+import { t as Z } from "./NavigationMenu-BayQkUUb.js";
+import "./components/navigation-menu/index.js";
+import { t as Q } from "./NumberField-P55SA8T7.js";
+import "./components/number-field/index.js";
+import { t as $ } from "./Separator-DewJBzaJ.js";
+import { t as ee } from "./OTPField-CjHvBNSN.js";
+import "./components/otp-field/index.js";
+import { t as te } from "./PreviewCard-Dnitrky0.js";
+import "./components/preview-card/index.js";
+import { t as ne } from "./Progress-BlomDp-X.js";
+import { t as re } from "./ProgressCircle-j6XBl0fk.js";
+import "./components/progress/index.js";
+import { n as ie, t as ae } from "./Radio-BIcX4INJ.js";
+import "./components/radio/index.js";
+import { t as oe } from "./Resizable-7nJJM97e.js";
+import "./components/resizable/index.js";
+import { t as se } from "./Skeleton-zr6ObCCq.js";
+import "./components/skeleton/index.js";
+import { t as ce } from "./Slider-Bh8_cti1.js";
+import "./components/slider/index.js";
+import { t as le } from "./Switch-OBewMMvM.js";
+import "./components/switch/index.js";
+import { t as ue } from "./Tabs-LgkSbPSF.js";
+import "./components/tabs/index.js";
+import "./components/textarea/index.js";
+import { d as de, t as fe } from "./Toast-BWayxAcd.js";
+import "./components/toast/index.js";
+import { n as pe, t as me } from "./Toggle-BrhMnkF5.js";
+import "./components/toggle/index.js";
+import { t as he } from "./Toolbar-OmOVCk3i.js";
+import "./components/toolbar/index.js";
+import { t as ge } from "./Tooltip-CI4chsRw.js";
+import "./components/tooltip/index.js";
+export { e as Accordion, t as Alert, H as AlertDialog, n as AspectRatio, r as Avatar, i as Badge, o as Breadcrumb, c as Button, l as ButtonGroup, d as Calendar, p as Checkbox, f as CheckboxGroup, m as Collapsible, g as ColorPicker, y as Combobox, S as ContextMenu, _ as DEFAULT_SWATCHES, j as DatePicker, D as DatePickerCalendar, k as DatePickerClear, T as DatePickerFooter, C as DatePickerIcon, O as DatePickerPopup, A as DatePickerRoot, w as DatePickerTrigger, E as DatePickerValue, V as Dialog, U as Drawer, L as Field, P as FieldDescription, I as FieldError, N as FieldItem, M as FieldLabel, F as FieldRoot, K as Fieldset, W as FieldsetLegend, G as FieldsetRoot, R as Form, z as Input, J as InputGroup, x as Menu, Y as Menubar, X as NavList, Z as NavigationMenu, Q as NumberField, ee as OTPField, h as Popover, te as PreviewCard, ne as Progress, re as ProgressCircle, ae as Radio, ie as RadioGroup, oe as Resizable, a as ScrollArea, u as Select, $ as Separator, se as Skeleton, ce as Slider, s as Spinner, le as Switch, ue as Tabs, q as Textarea, fe as Toast, me as Toggle, pe as ToggleGroup, he as Toolbar, ge as Tooltip, v as useComboboxFilter, b as useComboboxFilteredItems, B as useDialog, de as useToast };

package/dist/styles/Accordion.css

@@ -0,0 +1 @@
+@layer forte.components{._root_1vl8x_38{--forte-accordion-gap:0px;--forte-accordion-item-radius:0px;--forte-accordion-item-bg:transparent;--forte-accordion-item-border-width:0px;--forte-accordion-item-border-color:var(--forte-color-border-muted);--forte-accordion-divider-width:1px;--forte-accordion-divider-color:var(--forte-color-border-muted);--forte-accordion-trigger-px:var(--forte-space-3);--forte-accordion-trigger-py:var(--forte-space-3);--forte-accordion-trigger-gap:var(--forte-space-4);--forte-accordion-trigger-bg:transparent;--forte-accordion-trigger-bg-hover:var(--forte-color-panel);--forte-accordion-trigger-color:var(--forte-color-foreground);--forte-accordion-trigger-font-size:var(--forte-font-size-2);--forte-accordion-trigger-font-weight:var(--forte-font-weight-medium);--forte-accordion-icon-color:var(--forte-color-foreground-subtle);--forte-accordion-icon-color-open:var(--forte-color-foreground);--forte-accordion-icon-rotate:180deg;--forte-accordion-panel-px:var(--forte-accordion-trigger-px);--forte-accordion-panel-pb:var(--forte-space-4);--forte-accordion-panel-color:var(--forte-color-foreground-muted);--forte-accordion-panel-font-size:var(--forte-font-size-2);--forte-accordion-duration:var(--forte-duration-normal);--forte-accordion-ease:var(--forte-ease-standard);box-sizing:border-box;gap:var(--forte-accordion-gap);font-family:var(--forte-font-sans);color:var(--forte-color-foreground);flex-direction:column;display:flex}._root_1vl8x_38[data-variant=contained]{--forte-accordion-gap:var(--forte-space-2);--forte-accordion-item-radius:var(--forte-radius-surface);--forte-accordion-item-bg:var(--forte-color-panel);--forte-accordion-item-border-width:1px;--forte-accordion-trigger-bg-hover:var(--forte-color-panel-hover)}._item_1vl8x_146{box-sizing:border-box;border:var(--forte-accordion-item-border-width) solid var(--forte-accordion-item-border-color);border-radius:var(--forte-accordion-item-radius);background-color:var(--forte-accordion-item-bg);overflow:hidden}._item_1vl8x_146[data-variant=divided]+._item_1vl8x_146{border-block-start:var(--forte-accordion-divider-width) solid var(--forte-accordion-divider-color)}._item_1vl8x_146[data-disabled]{opacity:.55}._header_1vl8x_186{box-sizing:border-box;margin:0;display:flex}._trigger_1vl8x_193{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--forte-accordion-trigger-gap);width:100%;min-height:var(--forte-target-min);padding:var(--forte-accordion-trigger-py) var(--forte-accordion-trigger-px);border-radius:var(--forte-accordion-item-radius);background-color:var(--forte-accordion-trigger-bg);color:var(--forte-accordion-trigger-color);font-family:inherit;font-size:var(--forte-accordion-trigger-font-size);font-weight:var(--forte-accordion-trigger-font-weight);line-height:var(--forte-line-height-normal);text-align:start;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--forte-duration-fast) var(--forte-ease-standard);border:0;flex:auto;margin:0;display:flex}._trigger_1vl8x_193[data-panel-open]{border-end-end-radius:0;border-end-start-radius:0}@media (hover:hover){._trigger_1vl8x_193:hover:not([data-disabled]){background-color:var(--forte-accordion-trigger-bg-hover)}}._trigger_1vl8x_193[data-disabled]{cursor:not-allowed}._label_1vl8x_252{align-items:center;gap:var(--forte-control-gap);flex:auto;min-width:0;display:flex}._icon_1vl8x_268{color:var(--forte-accordion-icon-color);transition:color var(--forte-duration-fast) var(--forte-ease-standard), rotate var(--forte-duration-spring-snappy) var(--forte-ease-spring-snappy);flex:none;justify-content:center;align-items:center;display:inline-flex;rotate:0deg}._trigger_1vl8x_193[data-panel-open] ._icon_1vl8x_268{color:var(--forte-accordion-icon-color-open);rotate:var(--forte-accordion-icon-rotate)}._panel_1vl8x_27{box-sizing:border-box;height:var(--accordion-panel-height);color:var(--forte-accordion-panel-color);font-size:var(--forte-accordion-panel-font-size);line-height:var(--forte-line-height-normal);transition:height var(--forte-accordion-duration) var(--forte-accordion-ease);overflow:hidden}._panel_1vl8x_27[data-starting-style],._panel_1vl8x_27[data-ending-style]{height:0}._content_1vl8x_288{padding:0 var(--forte-accordion-panel-px) var(--forte-accordion-panel-pb);opacity:1;transition:opacity var(--forte-duration-fast) var(--forte-ease-standard), translate var(--forte-accordion-duration) var(--forte-accordion-ease);translate:0}._panel_1vl8x_27[data-starting-style] ._content_1vl8x_288,._panel_1vl8x_27[data-ending-style] ._content_1vl8x_288{opacity:0;translate:0 calc(-1 * var(--forte-travel-sm))}}@layer forte.a11y{@media (forced-colors:active){._item_1vl8x_146{border-color:canvastext}._item_1vl8x_146[data-variant=divided]+._item_1vl8x_146{border-block-start-color:canvastext}}}

package/dist/styles/Alert.css

@@ -0,0 +1 @@
+@layer forte.components{._root_6hqok_83{--forte-alert-gap:var(--forte-space-3);--forte-alert-row-gap:var(--forte-space-1);--forte-alert-padding:var(--forte-surface-p);--forte-alert-radius:var(--forte-radius-surface);--forte-alert-border-width:1px;--forte-alert-icon-size:var(--forte-space-4);--forte-alert-title-font-size:var(--forte-font-size-2);--forte-alert-title-font-weight:var(--forte-font-weight-semibold);--forte-alert-font-size:var(--forte-font-size-2);--forte-alert-exit-duration:var(--forte-duration-fast);--forte-alert-exit-ease:var(--forte-ease-exit);--forte-alert-exit-travel:var(--forte-travel-md);--forte-alert-tone-soft:var(--forte-gray-3);--forte-alert-tone-border:var(--forte-color-border);--forte-alert-tone-title:var(--forte-color-foreground);--forte-alert-tone-body:var(--forte-color-foreground-muted);--forte-alert-tone-accent:var(--forte-color-foreground-muted);--forte-alert-bg:var(--forte-alert-tone-soft);--forte-alert-border-color:var(--forte-alert-tone-border);--forte-alert-title-color:var(--forte-alert-tone-title);--forte-alert-body-color:var(--forte-alert-tone-body);--forte-alert-icon-color:var(--forte-alert-tone-accent);box-sizing:border-box;row-gap:var(--forte-alert-row-gap);padding:var(--forte-alert-padding);border:var(--forte-alert-border-width) solid var(--forte-alert-border-color);border-radius:var(--forte-alert-radius);background-color:var(--forte-alert-bg);font-family:var(--forte-font-sans);font-size:var(--forte-alert-font-size);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}._icon_6hqok_178{block-size:calc(var(--forte-alert-title-font-size) * var(--forte-line-height-tight));color:var(--forte-alert-icon-color);pointer-events:none;grid-area:1/1;justify-content:center;align-items:center;margin-inline-end:var(--forte-alert-gap);display:flex}._icon_6hqok_178 svg{inline-size:var(--forte-alert-icon-size);block-size:var(--forte-alert-icon-size);display:block}._title_6hqok_201{color:var(--forte-alert-title-color);font-size:var(--forte-alert-title-font-size);font-weight:var(--forte-alert-title-font-weight);line-height:var(--forte-line-height-tight);text-wrap:balance;grid-area:1/2}._description_6hqok_215{color:var(--forte-alert-body-color);font-size:var(--forte-alert-font-size);line-height:var(--forte-line-height-normal);grid-column:2}._description_6hqok_215>:first-child{margin-block-start:0}._description_6hqok_215>:last-child{margin-block-end:0}._action_6hqok_244{align-self:center;align-items:center;gap:var(--forte-space-2);grid-area:1/3;margin-inline-start:var(--forte-alert-gap);display:flex}._root_6hqok_83:has(>._title_6hqok_201):has(>._description_6hqok_215)>._action_6hqok_244{grid-row:1/span 2}._close_6hqok_150{box-sizing:border-box;inline-size:var(--forte-target-min);block-size:var(--forte-target-min);border-radius:var(--forte-radius-control);color:var(--forte-alert-body-color);cursor:pointer;transition:background-color var(--forte-duration-fast) var(--forte-ease-standard), color var(--forte-duration-fast) var(--forte-ease-standard);background-color:#0000;border:0;justify-content:center;align-items:center;margin-block-start:calc((var(--forte-alert-title-font-size) * var(--forte-line-height-tight) - var(--forte-target-min)) / 2);padding:0;display:inline-flex;position:absolute;inset-block-start:var(--forte-alert-padding);inset-inline-end:var(--forte-alert-padding)}._root_6hqok_83:has(>._close_6hqok_150){padding-inline-end:calc(var(--forte-alert-padding) + var(--forte-target-min) + var(--forte-space-2))}._close_6hqok_150 svg{inline-size:var(--forte-alert-icon-size);block-size:var(--forte-alert-icon-size)}@media (hover:hover){._close_6hqok_150:hover{background-color:var(--forte-color-panel-hover);color:var(--forte-alert-title-color)}}._close_6hqok_150:active{background-color:var(--forte-color-panel-active)}._root_6hqok_83[data-exiting]{block-size:var(--forte-alert-exit-from);transition:opacity var(--forte-alert-exit-duration) var(--forte-alert-exit-ease), translate var(--forte-alert-exit-duration) var(--forte-alert-exit-ease), block-size var(--forte-alert-exit-duration) var(--forte-alert-exit-ease), padding-block var(--forte-alert-exit-duration) var(--forte-alert-exit-ease), border-block-width var(--forte-alert-exit-duration) var(--forte-alert-exit-ease);overflow:hidden}._root_6hqok_83[data-ending-style]{opacity:0;block-size:0;translate:calc(var(--forte-alert-exit-travel) * var(--forte-direction));border-block-width:0;padding-block:0}._root_6hqok_83[data-tone=neutral]{--forte-alert-tone-soft:var(--forte-gray-3);--forte-alert-tone-border:var(--forte-color-border);--forte-alert-tone-title:var(--forte-color-foreground);--forte-alert-tone-body:var(--forte-color-foreground-muted);--forte-alert-tone-accent:var(--forte-color-foreground-muted)}._root_6hqok_83[data-tone=primary]{--forte-alert-tone-soft:var(--forte-color-primary-soft);--forte-alert-tone-border:var(--forte-color-primary-border);--forte-alert-tone-title:var(--forte-color-primary-text);--forte-alert-tone-body:var(--forte-color-primary-text);--forte-alert-tone-accent:var(--forte-color-primary-text)}._root_6hqok_83[data-tone=secondary]{--forte-alert-tone-soft:var(--forte-color-secondary-soft);--forte-alert-tone-border:var(--forte-color-secondary-border);--forte-alert-tone-title:var(--forte-color-secondary-text);--forte-alert-tone-body:var(--forte-color-secondary-text);--forte-alert-tone-accent:var(--forte-color-secondary-text)}._root_6hqok_83[data-tone=success]{--forte-alert-tone-soft:var(--forte-color-success-soft);--forte-alert-tone-border:var(--forte-color-success-border);--forte-alert-tone-title:var(--forte-color-success-text);--forte-alert-tone-body:var(--forte-color-success-text);--forte-alert-tone-accent:var(--forte-color-success-text)}._root_6hqok_83[data-tone=warning]{--forte-alert-tone-soft:var(--forte-color-warning-soft);--forte-alert-tone-border:var(--forte-color-warning-border);--forte-alert-tone-title:var(--forte-color-warning-text);--forte-alert-tone-body:var(--forte-color-warning-text);--forte-alert-tone-accent:var(--forte-color-warning-text)}._root_6hqok_83[data-tone=danger]{--forte-alert-tone-soft:var(--forte-color-danger-soft);--forte-alert-tone-border:var(--forte-color-danger-border);--forte-alert-tone-title:var(--forte-color-danger-text);--forte-alert-tone-body:var(--forte-color-danger-text);--forte-alert-tone-accent:var(--forte-color-danger-text)}._root_6hqok_83[data-tone=info]{--forte-alert-tone-soft:var(--forte-color-info-soft);--forte-alert-tone-border:var(--forte-color-info-border);--forte-alert-tone-title:var(--forte-color-info-text);--forte-alert-tone-body:var(--forte-color-info-text);--forte-alert-tone-accent:var(--forte-color-info-text)}._root_6hqok_83[data-variant=soft]{--forte-alert-bg:var(--forte-alert-tone-soft);--forte-alert-border-color:var(--forte-alert-tone-border);--forte-alert-title-color:var(--forte-alert-tone-title);--forte-alert-body-color:var(--forte-alert-tone-body);--forte-alert-icon-color:var(--forte-alert-tone-accent)}._root_6hqok_83[data-variant=outline]{--forte-alert-bg:var(--forte-color-panel);--forte-alert-border-color:var(--forte-color-border);--forte-alert-title-color:var(--forte-color-foreground);--forte-alert-body-color:var(--forte-color-foreground-muted);--forte-alert-icon-color:var(--forte-alert-tone-accent)}}@layer forte.a11y{@media (forced-colors:active){._root_6hqok_83{background-color:canvas;border-color:canvastext}._icon_6hqok_178,._title_6hqok_201,._description_6hqok_215{color:canvastext}._close_6hqok_150{color:buttontext}}}

package/dist/styles/AspectRatio.css

@@ -0,0 +1 @@
+@layer forte.components{._root_1s91t_47{--forte-aspect-ratio:var(--forte-aspect-ratio-seed,1);--forte-aspect-fit:cover;--forte-aspect-position:50% 50%;--forte-aspect-radius:0px;--forte-aspect-background:transparent;--forte-aspect-border-color:var(--forte-color-border-muted);--forte-aspect-border-width:0px;box-sizing:border-box;aspect-ratio:var(--forte-aspect-ratio);background-color:var(--forte-aspect-background);border:var(--forte-aspect-border-width) solid var(--forte-aspect-border-color);border-radius:var(--forte-aspect-radius);grid-template:minmax(0,1fr)/minmax(0,1fr);min-inline-size:0;display:grid}._root_1s91t_47[data-basis=inline]{block-size:auto;inline-size:100%}._root_1s91t_47[data-basis=block]{block-size:100%;min-block-size:0;inline-size:auto}._root_1s91t_47[data-clip]{overflow:clip}._root_1s91t_47>*{grid-area:1/1;min-block-size:0;min-inline-size:0}._root_1s91t_47>picture{display:contents}._root_1s91t_47>:is(img,video,canvas,iframe,embed,object),._root_1s91t_47>picture>img{object-fit:var(--forte-aspect-fit);object-position:var(--forte-aspect-position);border:0;grid-area:1/1;block-size:100%;inline-size:100%;display:block}._root_1s91t_47[data-fit=cover]{--forte-aspect-fit:cover}._root_1s91t_47[data-fit=contain]{--forte-aspect-fit:contain}._root_1s91t_47[data-fit=fill]{--forte-aspect-fit:fill}._root_1s91t_47[data-fit=scale-down]{--forte-aspect-fit:scale-down}._root_1s91t_47[data-fit=none]{--forte-aspect-fit:none}._root_1s91t_47[data-variant=outlined]{--forte-aspect-border-width:1px;--forte-aspect-radius:var(--forte-radius-surface)}._root_1s91t_47[data-variant=filled]{--forte-aspect-background:var(--forte-color-panel);--forte-aspect-radius:var(--forte-radius-surface)}}@layer forte.a11y{@media (forced-colors:active){._root_1s91t_47[data-variant=filled]{--forte-aspect-border-width:1px}}}

package/dist/styles/Avatar.css

@@ -0,0 +1 @@
+@layer forte.components{._root_s5mge_42{--forte-avatar-size:2.5rem;--forte-avatar-radius:50%;--forte-avatar-font-size:calc(var(--forte-avatar-size) * .4);--forte-avatar-font-weight:var(--forte-font-weight-medium);--forte-avatar-icon-size:calc(var(--forte-avatar-size) * .55);--forte-avatar-duration:var(--forte-duration-fast);--forte-avatar-ring-width:0px;--forte-avatar-ring-color:var(--forte-color-background);--forte-avatar-tone-solid:var(--forte-gray-12);--forte-avatar-tone-on-solid:var(--forte-gray-1);--forte-avatar-tone-soft:var(--forte-gray-3);--forte-avatar-tone-text:var(--forte-color-foreground);--forte-avatar-tone-border:var(--forte-color-border);--forte-avatar-bg:var(--forte-avatar-tone-soft);--forte-avatar-fg:var(--forte-avatar-tone-text);--forte-avatar-border-width:0px;--forte-avatar-border-color:transparent;box-sizing:border-box;inline-size:var(--forte-avatar-size);block-size:var(--forte-avatar-size);border:var(--forte-avatar-border-width) solid var(--forte-avatar-border-color);border-radius:var(--forte-avatar-radius);background-color:var(--forte-avatar-bg);color:var(--forte-avatar-fg);vertical-align:middle;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-grid;position:relative}._root_s5mge_42:before{content:"";inset:calc(-1 * (var(--forte-avatar-ring-width) + var(--forte-avatar-border-width)));border:var(--forte-avatar-ring-width) solid var(--forte-avatar-ring-color);border-radius:calc(var(--forte-avatar-radius) + var(--forte-avatar-ring-width));pointer-events:none;position:absolute}._image_s5mge_161{object-fit:cover;border-radius:inherit;opacity:1;block-size:100%;inline-size:100%;transition:opacity var(--forte-avatar-duration) var(--forte-ease-standard);grid-area:1/1;display:block}._image_s5mge_161[data-starting-style],._image_s5mge_161[data-ending-style]{opacity:0}._fallback_s5mge_190{box-sizing:border-box;border-radius:inherit;font-family:var(--forte-font-sans);font-size:var(--forte-avatar-font-size);font-weight:var(--forte-avatar-font-weight);line-height:var(--forte-line-height-tight);grid-area:1/1;justify-content:center;align-items:center;display:flex;overflow:hidden}._content_s5mge_208{justify-content:center;align-items:center;min-inline-size:0;display:flex}._content_s5mge_208 svg{inline-size:var(--forte-avatar-icon-size);block-size:var(--forte-avatar-icon-size)}._root_s5mge_42[data-size=xs]{--forte-avatar-size:1.5rem}._root_s5mge_42[data-size=sm]{--forte-avatar-size:2rem}._root_s5mge_42[data-size=md]{--forte-avatar-size:2.5rem}._root_s5mge_42[data-size=lg]{--forte-avatar-size:3rem}._root_s5mge_42[data-size=xl]{--forte-avatar-size:4rem}._root_s5mge_42[data-shape=circle]{--forte-avatar-radius:50%}._root_s5mge_42[data-shape=rounded]{--forte-avatar-radius:min(var(--forte-radius-surface), calc(var(--forte-avatar-size) / 4))}._root_s5mge_42[data-shape=square]{--forte-avatar-radius:0px}._root_s5mge_42[data-tone=neutral]{--forte-avatar-tone-solid:var(--forte-gray-12);--forte-avatar-tone-on-solid:var(--forte-gray-1);--forte-avatar-tone-soft:var(--forte-gray-3);--forte-avatar-tone-text:var(--forte-color-foreground);--forte-avatar-tone-border:var(--forte-color-border)}._root_s5mge_42[data-tone=primary]{--forte-avatar-tone-solid:var(--forte-color-primary);--forte-avatar-tone-on-solid:var(--forte-color-on-primary);--forte-avatar-tone-soft:var(--forte-color-primary-soft);--forte-avatar-tone-text:var(--forte-color-primary-text);--forte-avatar-tone-border:var(--forte-color-primary-border)}._root_s5mge_42[data-tone=secondary]{--forte-avatar-tone-solid:var(--forte-color-secondary);--forte-avatar-tone-on-solid:var(--forte-color-on-secondary);--forte-avatar-tone-soft:var(--forte-color-secondary-soft);--forte-avatar-tone-text:var(--forte-color-secondary-text);--forte-avatar-tone-border:var(--forte-color-secondary-border)}._root_s5mge_42[data-tone=danger]{--forte-avatar-tone-solid:var(--forte-color-danger);--forte-avatar-tone-on-solid:var(--forte-color-on-danger);--forte-avatar-tone-soft:var(--forte-color-danger-soft);--forte-avatar-tone-text:var(--forte-color-danger-text);--forte-avatar-tone-border:var(--forte-color-danger-border)}._root_s5mge_42[data-variant=soft]{--forte-avatar-bg:var(--forte-avatar-tone-soft);--forte-avatar-fg:var(--forte-avatar-tone-text)}._root_s5mge_42[data-variant=solid]{--forte-avatar-bg:var(--forte-avatar-tone-solid);--forte-avatar-fg:var(--forte-avatar-tone-on-solid)}._root_s5mge_42[data-variant=outline]{--forte-avatar-bg:transparent;--forte-avatar-fg:var(--forte-avatar-tone-text);--forte-avatar-border-width:1px;--forte-avatar-border-color:var(--forte-avatar-tone-border)}._badge_s5mge_105{--forte-avatar-badge-size:calc(var(--forte-avatar-size) * .3);--forte-avatar-badge-inset:calc(.2929 * var(--forte-avatar-radius));--forte-avatar-badge-ring-width:2px;--forte-avatar-badge-ring-color:var(--forte-avatar-ring-color);--forte-avatar-badge-radius:calc(var(--forte-avatar-badge-size) / 2);--forte-avatar-badge-font-size:calc(var(--forte-avatar-size) * .18);--forte-avatar-badge-font-weight:var(--forte-font-weight-medium);--forte-avatar-badge-bg:var(--forte-gray-12);--forte-avatar-badge-fg:var(--forte-gray-1);--forte-avatar-badge-offset:calc(var(--forte-avatar-badge-inset) - var(--forte-avatar-badge-size) / 2 - var(--forte-avatar-border-width));box-sizing:border-box;min-inline-size:var(--forte-avatar-badge-size);block-size:var(--forte-avatar-badge-size);padding-inline:calc(var(--forte-avatar-badge-size) * .1);border:var(--forte-avatar-badge-ring-width) solid var(--forte-avatar-badge-ring-color);border-radius:var(--forte-avatar-badge-radius);background-color:var(--forte-avatar-badge-bg);color:var(--forte-avatar-badge-fg);font-family:var(--forte-font-sans);font-size:var(--forte-avatar-badge-font-size);font-weight:var(--forte-avatar-badge-font-weight);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset-block-end:var(--forte-avatar-badge-offset);inset-inline-end:var(--forte-avatar-badge-offset)}._badge_s5mge_105[data-placement^=top]{inset-block-start:var(--forte-avatar-badge-offset);inset-block-end:auto}._badge_s5mge_105[data-placement$=start]{inset-inline-start:var(--forte-avatar-badge-offset);inset-inline-end:auto}._badgeContent_s5mge_449{justify-content:center;align-items:center;min-inline-size:0;display:flex}._badgeContent_s5mge_449 svg{inline-size:calc(var(--forte-avatar-badge-size) * .5);block-size:calc(var(--forte-avatar-badge-size) * .5)}._badge_s5mge_105[data-tone=neutral]{--forte-avatar-badge-bg:var(--forte-gray-12);--forte-avatar-badge-fg:var(--forte-gray-1)}._badge_s5mge_105[data-tone=primary]{--forte-avatar-badge-bg:var(--forte-color-primary);--forte-avatar-badge-fg:var(--forte-color-on-primary)}._badge_s5mge_105[data-tone=secondary]{--forte-avatar-badge-bg:var(--forte-color-secondary);--forte-avatar-badge-fg:var(--forte-color-on-secondary)}._badge_s5mge_105[data-tone=success]{--forte-avatar-badge-bg:var(--forte-color-success);--forte-avatar-badge-fg:var(--forte-color-on-success)}._badge_s5mge_105[data-tone=warning]{--forte-avatar-badge-bg:var(--forte-color-warning);--forte-avatar-badge-fg:var(--forte-color-on-warning)}._badge_s5mge_105[data-tone=danger]{--forte-avatar-badge-bg:var(--forte-color-danger);--forte-avatar-badge-fg:var(--forte-color-on-danger)}._group_s5mge_52{--forte-avatar-group-overlap:var(--forte-space-3);--forte-avatar-group-ring-width:2px;--forte-avatar-group-ring-color:var(--forte-color-background);align-items:center;display:inline-flex}._group_s5mge_52>*+*{margin-inline-start:calc(-1 * var(--forte-avatar-group-overlap))}._group_s5mge_52 ._root_s5mge_42{--forte-avatar-ring-width:var(--forte-avatar-group-ring-width);--forte-avatar-ring-color:var(--forte-avatar-group-ring-color)}}@layer forte.a11y{@media (forced-colors:active){._fallback_s5mge_190{border:1px solid canvastext}._badge_s5mge_105{color:canvastext;background-color:canvas;border-color:canvastext}._badge_s5mge_105[data-dot]{background-color:canvastext;border-color:canvas}}}

package/dist/styles/Badge.css

@@ -0,0 +1 @@
+@layer forte.components{._root_3atzu_44{--forte-badge-radius:var(--forte-radius-control);--forte-badge-font-size:var(--forte-font-size-1);--forte-badge-font-weight:var(--forte-font-weight-medium);--forte-badge-gap:var(--forte-space-1);--forte-badge-padding-y:var(--forte-space-1);--forte-badge-padding-x:var(--forte-space-2);--forte-badge-border-width:1px;--forte-badge-icon-size:1em;--forte-badge-dot-size:.5em;--forte-badge-dot-color:currentColor;--forte-badge-min-inline-size:auto;--forte-badge-duration:var(--forte-duration-fast);--forte-badge-tone-solid:var(--forte-color-primary);--forte-badge-tone-solid-hover:var(--forte-color-primary-hover);--forte-badge-tone-on-solid:var(--forte-color-on-primary);--forte-badge-tone-soft:var(--forte-color-primary-soft);--forte-badge-tone-soft-hover:var(--forte-color-primary-soft-hover);--forte-badge-tone-text:var(--forte-color-primary-text);--forte-badge-tone-border:var(--forte-color-primary-border);--forte-badge-bg:transparent;--forte-badge-bg-hover:transparent;--forte-badge-fg:var(--forte-color-foreground);--forte-badge-border-color:transparent;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--forte-badge-gap);min-inline-size:var(--forte-badge-min-inline-size);padding-block:var(--forte-badge-padding-y);padding-inline:var(--forte-badge-padding-x);border:var(--forte-badge-border-width) solid var(--forte-badge-border-color);border-radius:var(--forte-badge-radius);background-color:var(--forte-badge-bg);color:var(--forte-badge-fg);font-family:var(--forte-font-sans);font-size:var(--forte-badge-font-size);font-weight:var(--forte-badge-font-weight);line-height:var(--forte-line-height-tight);white-space:nowrap;vertical-align:middle;cursor:default;-webkit-user-select:none;user-select:none;transition:background-color var(--forte-badge-duration) var(--forte-ease-standard), border-color var(--forte-badge-duration) var(--forte-ease-standard), color var(--forte-badge-duration) var(--forte-ease-standard);text-decoration:none;display:inline-flex}._root_3atzu_44 svg{inline-size:var(--forte-badge-icon-size);block-size:var(--forte-badge-icon-size);flex:none}._dot_3atzu_165{inline-size:var(--forte-badge-dot-size);block-size:var(--forte-badge-dot-size);border-radius:var(--forte-radius-full);background-color:var(--forte-badge-dot-color);pointer-events:none;flex:none}._root_3atzu_44[data-size=sm]{--forte-badge-padding-y:0px;--forte-badge-padding-x:var(--forte-space-2);--forte-badge-font-size:var(--forte-font-size-1)}._root_3atzu_44[data-size=md]{--forte-badge-padding-y:var(--forte-space-1);--forte-badge-padding-x:var(--forte-space-2);--forte-badge-font-size:var(--forte-font-size-1)}._root_3atzu_44[data-size=lg]{--forte-badge-padding-y:var(--forte-space-1);--forte-badge-padding-x:var(--forte-space-3);--forte-badge-font-size:var(--forte-font-size-2)}._root_3atzu_44[data-shape=pill]{--forte-badge-radius:var(--forte-radius-pill)}._root_3atzu_44[data-count]{--forte-badge-padding-x:var(--forte-space-1);--forte-badge-min-inline-size:calc(1em * var(--forte-line-height-tight) + 2 * var(--forte-badge-padding-y) + 2 * var(--forte-badge-border-width));font-variant-numeric:tabular-nums}._root_3atzu_44[data-tone=secondary]{--forte-badge-tone-solid:var(--forte-color-secondary);--forte-badge-tone-solid-hover:var(--forte-color-secondary-hover);--forte-badge-tone-on-solid:var(--forte-color-on-secondary);--forte-badge-tone-soft:var(--forte-color-secondary-soft);--forte-badge-tone-soft-hover:var(--forte-color-secondary-soft-hover);--forte-badge-tone-text:var(--forte-color-secondary-text);--forte-badge-tone-border:var(--forte-color-secondary-border)}._root_3atzu_44[data-tone=neutral]{--forte-badge-tone-solid:var(--forte-gray-12);--forte-badge-tone-solid-hover:var(--forte-gray-11);--forte-badge-tone-on-solid:var(--forte-gray-1);--forte-badge-tone-soft:var(--forte-gray-3);--forte-badge-tone-soft-hover:var(--forte-gray-4);--forte-badge-tone-text:var(--forte-color-foreground);--forte-badge-tone-border:var(--forte-color-border)}._root_3atzu_44[data-tone=danger]{--forte-badge-tone-solid:var(--forte-color-danger);--forte-badge-tone-solid-hover:var(--forte-color-danger-hover);--forte-badge-tone-on-solid:var(--forte-color-on-danger);--forte-badge-tone-soft:var(--forte-color-danger-soft);--forte-badge-tone-text:var(--forte-color-danger-text);--forte-badge-tone-border:var(--forte-color-danger-border)}._root_3atzu_44[data-tone=success]{--forte-badge-tone-solid:var(--forte-color-success);--forte-badge-tone-on-solid:var(--forte-color-on-success);--forte-badge-tone-soft:var(--forte-color-success-soft);--forte-badge-tone-text:var(--forte-color-success-text);--forte-badge-tone-border:var(--forte-color-success-border)}._root_3atzu_44[data-tone=warning]{--forte-badge-tone-solid:var(--forte-color-warning);--forte-badge-tone-on-solid:var(--forte-color-on-warning);--forte-badge-tone-soft:var(--forte-color-warning-soft);--forte-badge-tone-text:var(--forte-color-warning-text);--forte-badge-tone-border:var(--forte-color-warning-border)}._root_3atzu_44[data-tone=info]{--forte-badge-tone-solid:var(--forte-color-info);--forte-badge-tone-on-solid:var(--forte-color-on-info);--forte-badge-tone-soft:var(--forte-color-info-soft);--forte-badge-tone-text:var(--forte-color-info-text);--forte-badge-tone-border:var(--forte-color-info-border)}._root_3atzu_44:not([data-tone=primary],[data-tone=secondary],[data-tone=neutral],[data-tone=danger]){--forte-badge-tone-solid-hover:color-mix(in oklab, var(--forte-badge-tone-solid) 92%, black)}._root_3atzu_44:not([data-tone=primary],[data-tone=secondary],[data-tone=neutral]){--forte-badge-tone-soft-hover:color-mix(in oklab, var(--forte-badge-tone-soft) 92%, var(--forte-badge-tone-text))}._root_3atzu_44[data-variant=solid]{--forte-badge-bg:var(--forte-badge-tone-solid);--forte-badge-bg-hover:var(--forte-badge-tone-solid-hover);--forte-badge-fg:var(--forte-badge-tone-on-solid)}._root_3atzu_44[data-variant=soft]{--forte-badge-bg:var(--forte-badge-tone-soft);--forte-badge-bg-hover:var(--forte-badge-tone-soft-hover);--forte-badge-fg:var(--forte-badge-tone-text)}._root_3atzu_44[data-variant=outline]{--forte-badge-bg:transparent;--forte-badge-bg-hover:var(--forte-badge-tone-soft);--forte-badge-fg:var(--forte-badge-tone-text);--forte-badge-border-color:var(--forte-badge-tone-border)}._root_3atzu_44[data-variant=ghost]{--forte-badge-bg:transparent;--forte-badge-bg-hover:var(--forte-badge-tone-soft);--forte-badge-fg:var(--forte-badge-tone-text)}._root_3atzu_44[data-tone=neutral]:is([data-variant=outline],[data-variant=ghost]){--forte-badge-bg-hover:var(--forte-color-panel-hover)}._root_3atzu_44:is(button,[href],[role=button],[role=link]){cursor:pointer;position:relative}._root_3atzu_44:is(button,[href],[role=button],[role=link]):after{content:"";inline-size:max(100%, var(--forte-target-min));block-size:max(100%, var(--forte-target-min));position:absolute;inset:50% auto auto 50%;translate:-50% -50%}@media (hover:hover){._root_3atzu_44:is(button,[href],[role=button],[role=link]):hover:not([data-disabled],[aria-disabled=true],:disabled){background-color:var(--forte-badge-bg-hover)}}:is(button,[href],[role=button],[role=link]) ._root_3atzu_44{cursor:inherit}._root_3atzu_44:is([data-disabled],[aria-disabled=true],:disabled){cursor:not-allowed;opacity:.55}}@layer forte.a11y{@media (forced-colors:active){._dot_3atzu_165{background-color:canvastext}._root_3atzu_44:after{display:none}}}