@optiaxiom/web-components 0.8.2 → 0.8.3

package/dist/ListboxSeparator-D35-Ftqq.js

@@ -0,0 +1 @@
+import{$ as t,u as a}from"./register-BHSuS38m.js";import{o as e}from"./Separator-BPs5mvFR.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/MenuListbox-Y1xpi-Fi.js

@@ -0,0 +1 @@
+import{i as s,$ as d,u as r}from"./register-BHSuS38m.js";import{o as v}from"./Listbox-BIgmedFF.js";import{r as l}from"./Paper-BdXP8lKv.js";import{s as n}from"./Transition-DBVpBrqf.js";import"./layers.css.ts.vanilla-DvUyVLsY-BuMUUA9L.js";import{y as h}from"./recipeRuntime-DkvY0ny0.js";s("@layer optiaxiom.rok3ul;@layer optiaxiom.rok3ul{._140klok{max-height:min(var(--_1ssaxi7),var(--_8jubs0,100vh))}._2b39jm{--_8jubs0:var(--ax-maxSize-xs)}.hsdmto{--_8jubs0:var(--ax-maxSize-sm)}._1s1aitv{--_8jubs0:var(--ax-maxSize-md)}._14i2xhz{--_8jubs0:var(--ax-maxSize-lg)}.xxpfk{min-width:var(--qbxqqz)}.k0qfck{--_1ssaxi7:var(--radix-dropdown-menu-content-available-height);--qbxqqz:var(--radix-dropdown-menu-trigger-width)}.fmgcvu{--_1ssaxi7:var(--radix-popover-content-available-height);--qbxqqz:var(--radix-popover-trigger-width)}._31za3{--_1ssaxi7:var(--radix-popper-available-height);--qbxqqz:var(--radix-popper-anchor-width)}}");var _=h({base:[{maxW:"xs",p:"4"},"_140klok"],variants:{maxH:{xs:"_2b39jm",sm:"hsdmto",md:"_1s1aitv",lg:"_14i2xhz",full:{}},minW:{0:{},trigger:"xxpfk"},provider:{"dropdown-menu":"k0qfck",popover:"fmgcvu",popper:"_31za3"}}});const a=d(({children:i,className:o,maxH:e,minW:m,provider:x="popover",...p},t)=>r(n,{duration:"sm",type:"pop",children:r(l,{asChild:!0,children:r(v,{ref:t,..._({maxH:e,minW:m,provider:x},o),...p,children:i})})}));a.displayName="@optiaxiom/react/MenuListbox";export{a as r};

package/dist/NavItem-UkxSqk-C.js

@@ -0,0 +1 @@
+import{i as b,$ as g,u as e,D as k}from"./register-BHSuS38m.js";import{f as w}from"./index-DVsJPda-.js";import{i as _,o}from"./Box-B_cws1JB.js";import{t as C}from"./Flex-BI_ReZQD.js";import{o as j}from"./Icon-BnvQueQL.js";import{r as I}from"./SidebarContext-DDuiDyw6.js";import{r as $}from"./Text-BjfqQZQy.js";import{i as N}from"./Tooltip-mV12jmvN.js";import"./conditions-C6zD85Yw.js";import{l as z}from"./decorateChildren-btEsE3bT.js";import{a as q}from"./fallbackSpan-CP-p6XG-.js";import"./layers.css.ts.vanilla-DvUyVLsY-BuMUUA9L.js";import"./AvatarGroup.css.ts.vanilla-pvg1PXNv-BCo0qILJ.js";import"./Button-BnESvoMv.js";import{y as n}from"./recipeRuntime-DkvY0ny0.js";b("@layer optiaxiom.rok3ul;@layer optiaxiom.rok3ul{._14fykwd{--_13aykc0:var(--ax-colors-fg-secondary);color:var(--ax-colors-fg-secondary);text-decoration:none;user-select:none}._14fykwd:focus-visible:not([data-disabled]){outline:2px solid var(--ax-colors-border-focus);outline-offset:1px;z-index:10}._14fykwd[data-disabled]{opacity:.32}._14fykwd:active{background-color:var(--ax-colors-bg-default-pressed);color:var(--ax-colors-fg-default)}._14fykwd[data-state=active]{background-color:var(--ax-colors-bg-accent-subtle);color:var(--ax-colors-fg-accent)}._1rx3axp{transition:opacity .25s ease}.ptfqw3{opacity:0}._1wjl0ub{opacity:1}@media (hover:hover){._14fykwd:hover:not([data-state=active]):not(:active){background-color:var(--ax-colors-bg-default-hovered);color:var(--ax-colors-fg-default)}._14fykwd:hover[data-state=active]:not(:active){color:var(--ax-colors-fg-accent-hovered)}}}");var A=n({base:[{alignItems:"center",display:"flex",fontSize:"md",fontWeight:"500",h:"lg",justifyContent:"start",rounded:"md",textAlign:"start",transition:"colors"},"_14fykwd"]}),P=n({base:[{alignItems:"center",display:"flex",flex:"1",gap:"10",justifyContent:"space-between",mr:"10",overflow:"hidden"},"_1rx3axp"],variants:{expanded:{false:"ptfqw3",true:"_1wjl0ub"}}});const f=g(({active:p,addonAfter:r,asChild:t,children:a,className:m,disabled:i,icon:v,...l},x)=>{const u=t?w:"button",{boxProps:h,restProps:y}=_(l),{expanded:d}=I("NavItem");let s=null;return a=z({asChild:t,children:a},c=>(s=c,e(k,{children:[e(o,{display:"grid",flex:"none",placeItems:"center",size:"lg",children:e(j,{asChild:!0,children:v})}),e(o,{...P({expanded:Boolean(d)}),children:[e($,{truncate:!0,children:c}),r&&e(o,{asChild:!0,display:"flex",flex:"none",children:q(r)})]})]}))),e(C,{asChild:!0,children:e("li",{children:e(N,{content:l["aria-label"]||s,disabled:d,side:"right",children:e(o,{asChild:!0,"data-disabled":i?"":void 0,"data-state":p?"active":void 0,...A({},m),...h,children:e(u,{disabled:i,ref:x,...y,children:a})})})})})});f.displayName="@optiaxiom/react/NavItem";export{f as s};

package/dist/{Paper-DtRRGffO.js → Paper-BdXP8lKv.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-BHSuS38m.js";import{o as i}from"./Box-B_cws1JB.js";import"./layers.css.ts.vanilla-DvUyVLsY-BuMUUA9L.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-BG1q2SMH.d-Cm7Is13w.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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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" | "2/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-CMmfmEF4.js

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

package/dist/RadioGroupContext-NfSb1Ji1.js

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

package/dist/SegmentedControlContext-CxKd4ZH4.js

@@ -0,0 +1 @@
+import{L as u,u as t}from"./register-BHSuS38m.js";import{l as k,P as D}from"./index-DC3-CwRG.js";import{t as h}from"./index-Dh7Gzn6-.js";import{e as _,a as N,b as P,i as V}from"./index-BDt3HU0G.js";import{r as x}from"./index-DSKQT-J4.js";import{v as b}from"./index-C-9BXbhb.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-BPs5mvFR.js

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

package/dist/SidebarContext-DDuiDyw6.js

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

package/dist/Spinner-BeWczUmH.js

@@ -0,0 +1 @@
+import{i as s,$ as c,u as r}from"./register-BHSuS38m.js";import{o as e}from"./Box-B_cws1JB.js";import{t as p}from"./Flex-BI_ReZQD.js";import"./layers.css.ts.vanilla-DvUyVLsY-BuMUUA9L.js";import{y as d}from"./recipeRuntime-DkvY0ny0.js";s("@layer optiaxiom.rok3ul;@layer optiaxiom.rok3ul{.bjzhm9{color:var(--ax-colors-bg-spinner-default)}.aru97{color:var(--ax-colors-bg-spinner-inverse)}}");var m=d({variants:{appearance:{default:"bjzhm9",inverse:"aru97"}}});const h={default:"fg.spinner.default",inverse:"fg.spinner.inverse"},a=c(({appearance:i="default",children:o,size:t="md",...n},l)=>r(p,{alignItems:"center","aria-label":"Loading",display:"inline-flex",ref:l,role:"status",...n,children:[r(e,{animation:"spin",asChild:!0,size:t,children:r("svg",{fill:"none",height:16,viewBox:"0 0 16 16",width:16,xmlns:"http://www.w3.org/2000/svg",children:[r(e,{asChild:!0,...m({appearance:i}),children:r("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.04",strokeWidth:"1.5"})}),r(e,{asChild:!0,color:h[i],children:r("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"})})]})}),o]}));a.displayName="@optiaxiom/react/Spinner";export{a as o};

package/dist/Text-BjfqQZQy.js

@@ -0,0 +1 @@
+import{i as c,$ as s,u as a}from"./register-BHSuS38m.js";import{f as v}from"./index-DVsJPda-.js";import{o as u}from"./Box-B_cws1JB.js";import"./layers.css.ts.vanilla-DvUyVLsY-BuMUUA9L.js";import{y as x}from"./recipeRuntime-DkvY0ny0.js";c("@layer optiaxiom.rok3ul;@layer optiaxiom.rok3ul{._1c93ix0{text-overflow:ellipsis}._6h33i2{display:-webkit-box;-webkit-box-orient:vertical}._9luwzq{-webkit-line-clamp:1}.seyqhe{-webkit-line-clamp:2}._106x2ob{-webkit-line-clamp:3}.quavgq{-webkit-line-clamp:4}}");var _=x(function(){var i={base:{fontSize:"md"},variants:{lineClamp:{1:[{overflow:"hidden"},"_1c93ix0","_6h33i2","_9luwzq"],2:[void 0,"_1c93ix0","_6h33i2","seyqhe"],3:[void 0,"_1c93ix0","_6h33i2","_106x2ob"],4:[void 0,"_1c93ix0","_6h33i2","quavgq"]},truncate:{true:[void 0,"_1c93ix0",{whiteSpace:"nowrap"}]}}};return i.variants.lineClamp[2][0]=i.variants.lineClamp[1][0],i.variants.lineClamp[3][0]=i.variants.lineClamp[1][0],i.variants.lineClamp[4][0]=i.variants.lineClamp[1][0],i.variants.truncate.true[0]=i.variants.lineClamp[1][0],i}());const e=s(({asChild:i,children:t,className:l,lineClamp:r,truncate:n,...o},m)=>{const p=i?v:"p";return a(u,{asChild:!0,ref:m,..._({lineClamp:r,truncate:n},l),...o,children:a(p,{children:t})})});e.displayName="@optiaxiom/react/Text";export{e as r};