@optiaxiom/web-components 0.8.2 → 0.8.4

package/dist/ListboxSeparator-DHbLT7St.js

@@ -0,0 +1 @@
+import{$ as t,u as a}from"./register-CNODxtve.js";import{o as e}from"./Separator-DHR6n-eq.js";const o=t((r,m)=>a(e,{flex:"none",mx:"8",my:"4",ref:m,...r}));o.displayName="@optiaxiom/react/ListboxSeparator";export{o};

package/dist/ListboxSwitchItem-C-7x3umV.js

@@ -0,0 +1 @@
+import{$ as a,u as o}from"./register-CNODxtve.js";import{t as m}from"./Flex-Cm25gfK2.js";import{o as c}from"./Icon-BLGrXUYC.js";import{s as d}from"./ListboxItem-CS91gGkY.js";import{e as p}from"./Switch-ycp5f8aV.js";const i=a(({addonBefore:t,icon:r,...e},n)=>o(d,{addonBefore:o(m,{flexDirection:"row",gap:"8",children:[o(p,{checked:Boolean(e[e.role==="option"?"aria-selected":"aria-checked"]),pointerEvents:"none",tabIndex:-1}),t||(r?o(c,{asChild:!0,children:r}):null)]}),ref:n,...e}));i.displayName="@optiaxiom/react/ListboxSwitchItem";export{i};

package/dist/MenuListbox-iCC8XCHb.js

@@ -0,0 +1 @@
+import{i as x,$ as v,u as r}from"./register-CNODxtve.js";import{o as d}from"./Listbox-CY-5hFEY.js";import{r as l}from"./Paper-CKZcs-Dj.js";import{s as n}from"./Transition-Dx_wLQHU.js";import"./layers.css.ts.vanilla-BapI6-Q5-CQN-7f-t.js";import{y as k}from"./recipeRuntime-DkvY0ny0.js";x("@layer optiaxiom._1c60kh6;@layer optiaxiom._1c60kh6{.g013z9{max-height:min(var(--_1khhtp),var(--khxkfr,100vh))}._1ya7x1i{--khxkfr:var(--ax-maxSize-xs)}.joqeum{--khxkfr:var(--ax-maxSize-sm)}._80v9qb{--khxkfr:var(--ax-maxSize-md)}._1a1hntl{--khxkfr:var(--ax-maxSize-lg)}.kvumqa{min-width:var(--iz69fz)}.wygoly{--_1khhtp:var(--radix-dropdown-menu-content-available-height);--iz69fz:var(--radix-dropdown-menu-trigger-width)}._1rcerap{--_1khhtp:var(--radix-popover-content-available-height);--iz69fz:var(--radix-popover-trigger-width)}._1ubkxcl{--_1khhtp:var(--radix-popper-available-height);--iz69fz:var(--radix-popper-anchor-width)}}");var c=k({base:[{maxW:"xs",p:"4"},"g013z9"],variants:{maxH:{xs:"_1ya7x1i",sm:"joqeum",md:"_80v9qb",lg:"_1a1hntl",full:{}},minW:{0:{},trigger:"kvumqa"},provider:{"dropdown-menu":"wygoly",popover:"_1rcerap",popper:"_1ubkxcl"}}});const a=v(({children:i,className:o,maxH:e,minW:p,provider:m="popover",...t},h)=>r(n,{duration:"sm",type:"pop",children:r(l,{asChild:!0,children:r(d,{ref:h,...c({maxH:e,minW:p,provider:m},o),...t,children:i})})}));a.displayName="@optiaxiom/react/MenuListbox";export{a as r};

package/dist/NavItem-D8RjvPhy.js

@@ -0,0 +1 @@
+import{i as g,$ as y,u as a,D as C}from"./register-CNODxtve.js";import{f as k}from"./index-lV0VqqMH.js";import{i as _,o}from"./Box-BxAZP5q3.js";import{t as I}from"./Flex-Cm25gfK2.js";import{o as $}from"./Icon-BLGrXUYC.js";import{r as N}from"./SidebarContext-BU1PRlDa.js";import{r as j}from"./Text-wDUDacJp.js";import{i as z}from"./Tooltip-pYY6bYzu.js";import"./conditions-MIJg7YDH.js";import{l as w}from"./decorateChildren-DwT4b8LK.js";import{a as A}from"./fallbackSpan-C00NzLp6.js";import"./layers.css.ts.vanilla-BapI6-Q5-CQN-7f-t.js";import"./ActionsRoot.css.ts.vanilla-BHTi0xxJ-808VPyY6.js";import"./Button-ftT4E1lc.js";import{y as n}from"./recipeRuntime-DkvY0ny0.js";g("@layer optiaxiom._1c60kh6;@layer optiaxiom._1c60kh6{.pc636a{--oq90t:var(--ax-colors-fg-secondary);color:var(--ax-colors-fg-secondary);text-decoration:none;user-select:none}.pc636a:focus-visible:not([data-disabled]){outline:2px solid var(--ax-colors-border-focus);outline-offset:1px;z-index:10}.pc636a[data-disabled]{opacity:.32}.pc636a:active{background-color:var(--ax-colors-bg-default-pressed);color:var(--ax-colors-fg-default)}.pc636a[data-state=active]{background-color:var(--ax-colors-bg-accent-subtle);color:var(--ax-colors-fg-accent)}._8fkods{transition:opacity var(--ax-duration-md) ease}._11roum4{opacity:0}.oh3tb6{opacity:1}@media (hover:hover){.pc636a:hover:not([data-state=active]):not(:active){background-color:var(--ax-colors-bg-default-hovered);color:var(--ax-colors-fg-default)}.pc636a:hover[data-state=active]:not(:active){color:var(--ax-colors-fg-accent-hovered)}}}");var P=n({base:[{alignItems:"center",display:"flex",fontSize:"md",fontWeight:"500",h:"lg",justifyContent:"start",rounded:"md",textAlign:"start",transition:"colors"},"pc636a"]}),S=n({base:[{alignItems:"center",display:"flex",flex:"1",gap:"10",justifyContent:"space-between",mr:"10",overflow:"hidden"},"_8fkods"],variants:{expanded:{false:"_11roum4",true:"oh3tb6"}}});const p=y(({active:f,addonAfter:r,asChild:t,children:e,className:m,disabled:i,icon:v,...l},h)=>{const u=t?k:"button",{boxProps:x,restProps:b}=_(l),{expanded:c}=N("NavItem");let d=null;return e=w({asChild:t,children:e},s=>(d=s,a(C,{children:[a(o,{display:"grid",flex:"none",placeItems:"center",size:"lg",children:a($,{asChild:!0,children:v})}),a(o,{...S({expanded:Boolean(c)}),children:[a(j,{truncate:!0,children:s}),r&&a(o,{asChild:!0,display:"flex",flex:"none",children:A(r)})]})]}))),a(I,{asChild:!0,children:a("li",{children:a(z,{content:l["aria-label"]||d,disabled:c,side:"right",children:a(o,{asChild:!0,"data-disabled":i?"":void 0,"data-state":f?"active":void 0,...P({},m),...x,children:a(u,{disabled:i,ref:h,...b,children:e})})})})})});p.displayName="@optiaxiom/react/NavItem";export{p as s};

package/dist/{Paper-DtRRGffO.js → Paper-CKZcs-Dj.js}

@@ -1 +1 @@
-import{D as t,u as m}from"./register-lF4HmaII.js";import{o as i}from"./Box-CboDxz64.js";import"./layers.css.ts.vanilla-NRNXWe4M-BMEdnqT7.js";import{y as l}from"./recipeRuntime-BJlqqWqz.js";var n=l({base:{bg:"bg.default",color:"fg.default",shadow:"md",z:"popover"},variants:{elevation:{dialog:{rounded:"lg"},drawer:{},menu:{border:"1",borderColor:"border.secondary",rounded:"lg"}}}});const o=t(({className:r,elevation:e="menu",...a},d)=>m(i,{ref:d,...n({elevation:e},r),...a}));o.displayName="@optiaxiom/react/Paper";export{o as r};
+import{$ as t,u as m}from"./register-CNODxtve.js";import{o as i}from"./Box-BxAZP5q3.js";import"./layers.css.ts.vanilla-BapI6-Q5-CQN-7f-t.js";import{y as l}from"./recipeRuntime-DkvY0ny0.js";var n=l({base:{bg:"bg.default",color:"fg.default",shadow:"md",z:"popover"},variants:{elevation:{dialog:{rounded:"lg"},drawer:{},menu:{border:"1",borderColor:"border.secondary",rounded:"lg"}}}});const o=t(({className:r,elevation:e="menu",...a},d)=>m(i,{ref:d,...n({elevation:e},r),...a}));o.displayName="@optiaxiom/react/Paper";export{o as r};

package/dist/PopoverContent-DN8fEhvU.d-foC7hqlj.d.ts

@@ -0,0 +1,505 @@
+import * as react from 'react';
+import { RefAttributes, ElementType, ComponentPropsWithoutRef, ReactElement } from 'react';
+
+type ComponentAttributes<P> = KebabCaseKeys<P> &
+  RefAttributes<HTMLElement>;
+
+type KebabCase<
+  T extends string,
+  A extends string = "",
+> = T extends `${infer F}${infer R}`
+  ? KebabCase<R, `${A}${F extends Lowercase<F> ? "" : "-"}${Lowercase<F>}`>
+  : A;
+
+type KebabCaseKeys<T> = {
+  [K in keyof T as K extends `on${string}`
+    ? never
+    : KebabCase<K & string>]: T[K];
+};
+
+declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "span", "svg", "ul"];
+type Primitives = {
+    [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
+};
+type PrimitivePropsWithRef<E extends react.ElementType> = react.ComponentPropsWithRef<E> & {
+    asChild?: boolean;
+};
+interface PrimitiveForwardRefComponent<E extends react.ElementType> extends react.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
+}
+declare const Primitive: Primitives;
+
+type PrimitiveDivProps$2 = react.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface DismissableLayerProps$2 extends PrimitiveDivProps$2 {
+    /**
+     * When `true`, hover/focus/click interactions will be disabled on elements outside
+     * the `DismissableLayer`. Users will need to click twice on outside elements to
+     * interact with them: once to close the `DismissableLayer`, and again to trigger the element.
+     */
+    disableOutsidePointerEvents?: boolean;
+    /**
+     * Event handler called when the escape key is down.
+     * Can be prevented.
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.
+     * Can be prevented.
+     */
+    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
+    /**
+     * Event handler called when the focus moves outside of the `DismissableLayer`.
+     * Can be prevented.
+     */
+    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    /**
+     * Event handler called when an interaction happens outside the `DismissableLayer`.
+     * Specifically, when a `pointerdown` event happens outside or focus moves outside of it.
+     * Can be prevented.
+     */
+    onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+    /**
+     * Handler called when the `DismissableLayer` should be dismissed
+     */
+    onDismiss?: () => void;
+}
+declare const DismissableLayer: react.ForwardRefExoticComponent<DismissableLayerProps$2 & react.RefAttributes<HTMLDivElement>>;
+type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+type FocusOutsideEvent = CustomEvent<{
+    originalEvent: FocusEvent;
+}>;
+declare const Root$1: react.ForwardRefExoticComponent<DismissableLayerProps$2 & react.RefAttributes<HTMLDivElement>>;
+
+type PrimitiveDivProps$1 = react.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface FocusScopeProps$2 extends PrimitiveDivProps$1 {
+    /**
+     * When `true`, tabbing from last item will focus first tabbable
+     * and shift+tab from first item will focus last tababble.
+     * @defaultValue false
+     */
+    loop?: boolean;
+    /**
+     * When `true`, focus cannot escape the focus scope via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue false
+     */
+    trapped?: boolean;
+    /**
+     * Event handler called when auto-focusing on mount.
+     * Can be prevented.
+     */
+    onMountAutoFocus?: (event: Event) => void;
+    /**
+     * Event handler called when auto-focusing on unmount.
+     * Can be prevented.
+     */
+    onUnmountAutoFocus?: (event: Event) => void;
+}
+declare const FocusScope: react.ForwardRefExoticComponent<FocusScopeProps$2 & react.RefAttributes<HTMLDivElement>>;
+
+interface DialogProps {
+    children?: react.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}
+type PrimitiveButtonProps$1 = react.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface DialogTriggerProps extends PrimitiveButtonProps$1 {
+}
+interface DialogContentProps$1 extends DialogContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+interface DialogContentTypeProps extends Omit<DialogContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {
+}
+type DismissableLayerProps$1 = react.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type FocusScopeProps$1 = react.ComponentPropsWithoutRef<typeof FocusScope>;
+interface DialogContentImplProps extends Omit<DismissableLayerProps$1, 'onDismiss'> {
+    /**
+     * When `true`, focus cannot escape the `Content` via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue false
+     */
+    trapFocus?: FocusScopeProps$1['trapped'];
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented.
+     */
+    onOpenAutoFocus?: FocusScopeProps$1['onMountAutoFocus'];
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps$1['onUnmountAutoFocus'];
+}
+type PrimitiveHeading2Props = react.ComponentPropsWithoutRef<typeof Primitive.h2>;
+interface DialogTitleProps extends PrimitiveHeading2Props {
+}
+type PrimitiveParagraphProps = react.ComponentPropsWithoutRef<typeof Primitive.p>;
+interface DialogDescriptionProps extends PrimitiveParagraphProps {
+}
+interface DialogCloseProps extends PrimitiveButtonProps$1 {
+}
+declare const Root: react.FC<DialogProps>;
+declare const Trigger: react.ForwardRefExoticComponent<DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Content$2: react.ForwardRefExoticComponent<DialogContentProps$1 & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+declare const Close: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+
+type Measurable = {
+    getBoundingClientRect(): ClientRect;
+};
+
+declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
+declare const ALIGN_OPTIONS: readonly ["start", "center", "end"];
+type Side = (typeof SIDE_OPTIONS)[number];
+type Align = (typeof ALIGN_OPTIONS)[number];
+type PrimitiveDivProps = react.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface PopperAnchorProps$1 extends PrimitiveDivProps {
+    virtualRef?: react.RefObject<Measurable>;
+}
+type Boundary = Element | null;
+interface PopperContentProps$1 extends PrimitiveDivProps {
+    side?: Side;
+    sideOffset?: number;
+    align?: Align;
+    alignOffset?: number;
+    arrowPadding?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Boundary | Boundary[];
+    collisionPadding?: number | Partial<Record<Side, number>>;
+    sticky?: 'partial' | 'always';
+    hideWhenDetached?: boolean;
+    updatePositionStrategy?: 'optimized' | 'always';
+    onPlaced?: () => void;
+}
+declare const Anchor: react.ForwardRefExoticComponent<PopperAnchorProps$1 & react.RefAttributes<HTMLDivElement>>;
+declare const Content$1: react.ForwardRefExoticComponent<PopperContentProps$1 & react.RefAttributes<HTMLDivElement>>;
+
+type PopperAnchorProps = react.ComponentPropsWithoutRef<typeof Anchor>;
+interface PopoverAnchorProps extends PopperAnchorProps {
+}
+type PrimitiveButtonProps = react.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface PopoverTriggerProps extends PrimitiveButtonProps {
+}
+interface PopoverContentProps$1 extends PopoverContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, 'trapFocus' | 'disableOutsidePointerEvents'> {
+}
+type FocusScopeProps = react.ComponentPropsWithoutRef<typeof FocusScope>;
+type DismissableLayerProps = react.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type PopperContentProps = react.ComponentPropsWithoutRef<typeof Content$1>;
+interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {
+    /**
+     * Whether focus should be trapped within the `Popover`
+     * (default: false)
+     */
+    trapFocus?: FocusScopeProps['trapped'];
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented.
+     */
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+}
+declare const Content: react.ForwardRefExoticComponent<PopoverContentProps$1 & react.RefAttributes<HTMLDivElement>>;
+
+type ExcludeProps<P, T extends keyof P> = Omit<P, T>;
+
+type ExtendProps<T1, T2> = NonNullable<T2> & Omit<NonNullable<T1>, keyof NonNullable<T1> & keyof NonNullable<T2>>;
+
+interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
+    0: Value;
+    length: Length;
+}
+
+declare const sprinkles: ((props: {
+    animation?: "ping" | "pulse" | "spin" | undefined;
+    backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    borderBottomWidth?: "0" | "2" | "1" | undefined;
+    borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
+    borderLeftWidth?: "0" | "2" | "1" | undefined;
+    borderRadius?: "sm" | "md" | "xs" | "lg" | "full" | "inherit" | "none" | undefined;
+    borderRightWidth?: "0" | "2" | "1" | undefined;
+    borderTopWidth?: "0" | "2" | "1" | undefined;
+    boxShadow?: "sm" | "md" | "lg" | "none" | undefined;
+    color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
+    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
+    empty?: "hidden" | undefined;
+    fontFamily?: "mono" | "sans" | undefined;
+    fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "3xl" | "2xl" | "4xl" | undefined;
+    fontWeight?: "inherit" | "400" | "500" | "600" | "700" | undefined;
+    marginBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    marginTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    objectFit?: "none" | "contain" | "cover" | "fill" | undefined;
+    overflowX?: "auto" | "hidden" | "visible" | undefined;
+    overflowY?: "auto" | "hidden" | "visible" | undefined;
+    paddingBottom?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingLeft?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingRight?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    paddingTop?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
+    textAlign?: "center" | "end" | "start" | "justify" | undefined;
+    textTransform?: "none" | "capitalize" | "uppercase" | undefined;
+    transition?: "opacity" | "transform" | "colors" | "none" | "all" | undefined;
+    whiteSpace?: "nowrap" | undefined;
+    zIndex?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+    bg?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    border?: "0" | "2" | "1" | undefined;
+    borderB?: "0" | "2" | "1" | undefined;
+    borderL?: "0" | "2" | "1" | undefined;
+    borderR?: "0" | "2" | "1" | undefined;
+    borderT?: "0" | "2" | "1" | undefined;
+    m?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mx?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    my?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    ml?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    mt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | undefined;
+    overflow?: "auto" | "hidden" | "visible" | undefined;
+    p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    px?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    py?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pb?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pl?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pr?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    pt?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    rounded?: "sm" | "md" | "xs" | "lg" | "full" | "inherit" | "none" | undefined;
+    shadow?: "sm" | "md" | "lg" | "none" | undefined;
+    z?: "0" | "10" | "20" | "auto" | "popover" | "toast" | "tooltip" | "30" | undefined;
+} & {
+    alignItems?: ("center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
+    alignSelf?: ("center" | "end" | "start" | "normal" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    display?: ("table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | {
+        readonly base?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+        readonly sm?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+        readonly md?: "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "table" | "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table-cell" | "table-row" | null>;
+    flex?: ("auto" | "1" | "none" | "initial" | {
+        readonly base?: "auto" | "1" | "none" | "initial" | undefined;
+        readonly sm?: "auto" | "1" | "none" | "initial" | undefined;
+        readonly md?: "auto" | "1" | "none" | "initial" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "auto" | "1" | "none" | "initial" | null>;
+    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+        readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
+    flexWrap?: ("nowrap" | "wrap" | {
+        readonly base?: "nowrap" | "wrap" | undefined;
+        readonly sm?: "nowrap" | "wrap" | undefined;
+        readonly md?: "nowrap" | "wrap" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
+    gap?: ("0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | {
+        readonly base?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+        readonly sm?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+        readonly md?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | null>;
+    gridColumn?: ("2" | "4" | "1" | "3" | {
+        readonly base?: "2" | "4" | "1" | "3" | undefined;
+        readonly sm?: "2" | "4" | "1" | "3" | undefined;
+        readonly md?: "2" | "4" | "1" | "3" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
+    gridTemplateColumns?: ("2" | "4" | "1" | "3" | {
+        readonly base?: "2" | "4" | "1" | "3" | undefined;
+        readonly sm?: "2" | "4" | "1" | "3" | undefined;
+        readonly md?: "2" | "4" | "1" | "3" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "2" | "4" | "1" | "3" | null>;
+    height?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    justifyContent?: ("center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
+    justifyItems?: ("center" | "end" | "start" | "normal" | "stretch" | {
+        readonly base?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly sm?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+        readonly md?: "center" | "end" | "start" | "normal" | "stretch" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | "end" | "start" | "normal" | "stretch" | null>;
+    maxHeight?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    maxWidth?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    placeItems?: ("center" | {
+        readonly base?: "center" | undefined;
+        readonly sm?: "center" | undefined;
+        readonly md?: "center" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
+    width?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    maxH?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
+        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    size?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    h?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "0" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "xs" | "lg" | "full" | "2xs" | "xl" | "3xl" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
+}) => string) & {
+    properties: Set<"p" | "borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "size" | "zIndex" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "animation" | "backgroundColor" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+};
+type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
+type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
+
+type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<Sprinkles & {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     *
+     * Read the {@link https://optimizely-axiom.github.io/optiaxiom/components/#composition Composition guide} for more details.
+     */
+    asChild?: boolean;
+    className?: string;
+}, P>>;
+declare const Box: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     *
+     * Read the {@link https://optimizely-axiom.github.io/optiaxiom/components/#composition Composition guide} for more details.
+     */
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
+
+declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    indeterminate?: boolean;
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const Transition: react.ForwardRefExoticComponent<{
+    duration?: "sm" | "md" | "lg" | undefined;
+    type?: "pop" | "fade" | "slide" | "slidePop" | undefined;
+} & {
+    children: ReactElement;
+    "data-side"?: "bottom" | "left" | "right" | "top";
+    skipAnimations?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const content: (props?: {
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type DialogVariants = RecipeVariants<typeof content>;
+
+type DialogContentProps = ExcludeProps<BoxProps<typeof Content$2, DialogVariants & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+}>, "forceMount">;
+declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const MenuListbox: react.ForwardRefExoticComponent<{
+    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "maxH"> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Link: react.ForwardRefExoticComponent<Pick<Omit<{
+    overlay?: boolean | undefined;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "overlay"> & {
+    appearance?: "default" | "subtle" | "inverse" | undefined;
+} & {
+    /**
+     * Whether to show disabled state and disable interactions.
+     */
+    disabled?: boolean;
+    /**
+     * Show an external link icon and sets the correct rel/target attributes.
+     */
+    external?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+
+type PopoverContentProps = ExcludeProps<BoxProps<typeof Content, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
+    /**
+     * Whether to show an arrow.
+     */
+    withArrow?: boolean;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
+declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Box as B, type ComponentAttributes as C, DialogContent as D, type ExcludeProps as E, FocusScope as F, Link as L, MenuListbox as M, PopoverContent as P, Root$1 as R, type Sprinkles as S, Transition as T, Checkbox as a, Primitive as b, Close as c, Description as d, Content$2 as e, Trigger as f, Content$1 as g, DismissableLayer as h, type BoxProps as i, type RecipeVariants as j, type ExtendProps as k, type DialogCloseProps as l, type DialogTriggerProps as m, Root as n, type DialogContentProps$1 as o, type DialogDescriptionProps as p, type DialogTitleProps as q, type ResponsiveArray as r, type PopoverAnchorProps as s, type PopoverTriggerProps as t };

package/dist/PopoverContext-CDD91aj8.js

@@ -0,0 +1 @@
+import{P as o}from"./index-CuahE2cr.js";const[r,t]=o("Popover");export{r as e,t};

package/dist/RadioGroupContext-CfTVQ6RT.js

@@ -0,0 +1 @@
+import{P as o}from"./index-CuahE2cr.js";const[r,t]=o("RadioGroup",null);export{t as e,r as t};

package/dist/SegmentedControlContext-Npzr_gtz.js

@@ -0,0 +1 @@
+import{L as u,u as t}from"./register-CNODxtve.js";import{l as k,P as D}from"./index-CuahE2cr.js";import{t as h}from"./index-CkLQ3Mzx.js";import{e as _,a as N,b as P,i as V}from"./index-BHQPVLaU.js";import{r as x}from"./index-zV5oXDh0.js";import{v as b}from"./index-FOztFWCh.js";var f="ToggleGroup",[C,Q]=k(f,[_]),G=_(),m=u.forwardRef((e,r)=>{const{type:l,...a}=e;if(l==="single")return t(A,{...a,ref:r});if(l==="multiple")return t(F,{...a,ref:r});throw new Error(`Missing prop \`type\` expected on \`${f}\``)});m.displayName=f;var[w,y]=C(f),A=u.forwardRef((e,r)=>{const{value:l,defaultValue:a,onValueChange:n=()=>{},...i}=e,[s,o]=b({prop:l,defaultProp:a,onChange:n});return t(w,{scope:e.__scopeToggleGroup,type:"single",value:s?[s]:[],onItemActivate:o,onItemDeactivate:u.useCallback(()=>o(""),[o]),children:t(T,{...i,ref:r})})}),F=u.forwardRef((e,r)=>{const{value:l,defaultValue:a,onValueChange:n=()=>{},...i}=e,[s=[],o]=b({prop:l,defaultProp:a,onChange:n}),p=u.useCallback(d=>o((c=[])=>[...c,d]),[o]),v=u.useCallback(d=>o((c=[])=>c.filter(I=>I!==d)),[o]);return t(w,{scope:e.__scopeToggleGroup,type:"multiple",value:s,onItemActivate:p,onItemDeactivate:v,children:t(T,{...i,ref:r})})});m.displayName=f;var[E,L]=C(f),T=u.forwardRef((e,r)=>{const{__scopeToggleGroup:l,disabled:a=!1,rovingFocus:n=!0,orientation:i,dir:s,loop:o=!0,...p}=e,v=G(l),d=N(s),c={role:"group",dir:d,...p};return t(E,{scope:l,rovingFocus:n,disabled:a,children:n?t(P,{asChild:!0,...v,orientation:i,dir:d,loop:o,children:t(h.div,{...c,ref:r})}):t(h.div,{...c,ref:r})})}),g="ToggleGroupItem",$=u.forwardRef((e,r)=>{const l=y(g,e.__scopeToggleGroup),a=L(g,e.__scopeToggleGroup),n=G(e.__scopeToggleGroup),i=l.value.includes(e.value),s=a.disabled||e.disabled,o={...e,pressed:i,disabled:s},p=u.useRef(null);return a.rovingFocus?t(V,{asChild:!0,...n,focusable:!s,active:i,ref:p,children:t(R,{...o,ref:r})}):t(R,{...o,ref:r})});$.displayName=g;var R=u.forwardRef((e,r)=>{const{__scopeToggleGroup:l,value:a,...n}=e,i=y(g,l),s={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},o=i.type==="single"?s:void 0;return t(x,{...o,...n,ref:r,onPressedChange:p=>{p?i.onItemActivate(a):i.onItemDeactivate(a)}})}),M=m,B=$;const[S,j]=D("SegmentedControl");export{B,M as k,j as o,S as t};

package/dist/Separator-DHR6n-eq.js

@@ -0,0 +1 @@
+import{$ as d,u as a,i as p}from"./register-CNODxtve.js";import{t as b}from"./index-CkLQ3Mzx.js";import{a as c,c as f,o as v}from"./Box-BxAZP5q3.js";import"./layers.css.ts.vanilla-BapI6-Q5-CQN-7f-t.js";import{y as u}from"./recipeRuntime-DkvY0ny0.js";var w="Separator",s="horizontal",x=["horizontal","vertical"],n=d((t,r)=>{const{decorative:e,orientation:o=s,...h}=t,i=y(o)?o:s,m=e?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return a(b.div,{"data-orientation":i,...m,...h,ref:r})});n.displayName=w;function y(t){return x.includes(t)}var g=n;p("@layer optiaxiom._1c60kh6;@layer optiaxiom._1c60kh6{._5bepgr{border-left-width:0;border-top-width:1px;width:auto}.jbjm0b{align-self:stretch;border-left-width:1px;border-top-width:0;height:auto}@media screen and (min-width:37.5rem){._197bxa1{border-left-width:0;border-top-width:1px;width:auto}.ofxsfm{align-self:stretch;border-left-width:1px;border-top-width:0;height:auto}}@media screen and (min-width:56.25rem){.hpl740{border-left-width:0;border-top-width:1px;width:auto}.dv2bxv{align-self:stretch;border-left-width:1px;border-top-width:0;height:auto}}}");var j=u({base:{borderColor:"border.secondary"}}),_=c(function(){var t={conditions:{defaultCondition:"base",conditionNames:["sm","md","base"],responsiveArray:["base","sm","md"]},styles:{orientation:{values:{horizontal:{conditions:{sm:"_197bxa1",md:"hpl740",base:"_5bepgr"},defaultClass:"_5bepgr"},vertical:{conditions:{sm:"ofxsfm",md:"dv2bxv",base:"jbjm0b"},defaultClass:"jbjm0b"}},responsiveArray:void 0}}};return t.styles.orientation.responsiveArray=t.conditions.responsiveArray,t}());const l=d(({className:t,orientation:r="horizontal",...e},o)=>a(v,{asChild:!0,ref:o,...j({},f(_({orientation:r}),t)),...e,children:a(g,{})}));l.displayName="@optiaxiom/react/Separator";export{l as o};

package/dist/SidebarContext-BU1PRlDa.js

@@ -0,0 +1 @@
+import{P as r}from"./index-CuahE2cr.js";const[o,t]=r("Sidebar");export{t as r,o as t};

package/dist/Spinner-CkrA8Zp5.js

@@ -0,0 +1 @@
+import{i as s,$ as c,u as e}from"./register-CNODxtve.js";import{o as r}from"./Box-BxAZP5q3.js";import{t as p}from"./Flex-Cm25gfK2.js";import"./layers.css.ts.vanilla-BapI6-Q5-CQN-7f-t.js";import{y as d}from"./recipeRuntime-DkvY0ny0.js";s("@layer optiaxiom._1c60kh6;@layer optiaxiom._1c60kh6{.emuj6z{color:var(--ax-colors-bg-spinner-default)}.zfpdv6{color:var(--ax-colors-bg-spinner-inverse)}}");var m=d({variants:{appearance:{default:"emuj6z",inverse:"zfpdv6"}}});const h={default:"fg.spinner.default",inverse:"fg.spinner.inverse"},o=c(({appearance:i="default",children:a,size:t="md",...n},l)=>e(p,{alignItems:"center","aria-label":"Loading",display:"inline-flex",ref:l,role:"status",...n,children:[e(r,{animation:"spin",asChild:!0,size:t,children:e("svg",{fill:"none",height:16,viewBox:"0 0 16 16",width:16,xmlns:"http://www.w3.org/2000/svg",children:[e(r,{asChild:!0,...m({appearance:i}),children:e("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.04",strokeWidth:"1.5"})}),e(r,{asChild:!0,color:h[i],children:e("path",{d:"M4.5 1.93782C5.45668 1.38549 6.53049 1.06741 7.63365 1.00959C8.73681 0.951779 9.83799 1.15587 10.8472 1.60518C11.8563 2.05449 12.7448 2.73627 13.44 3.59476C14.1352 4.45325 14.6174 5.46408 14.847 6.54462",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.5"})})]})}),a]}));o.displayName="@optiaxiom/react/Spinner";export{o};