@saas-ui/react 3.0.0-next.8 → 3.0.0-rc.0

package/dist/system/index.d.ts

@@ -0,0 +1,183 @@
+import { HTMLArkProps } from '@ark-ui/react';
+export type Dict = Record<string, any>;
+export declare const sui: {
+    a: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@ark-ui/react").PolymorphicProps>;
+    abbr: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    address: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    area: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLAreaElement> & import("react").AreaHTMLAttributes<HTMLAreaElement> & import("@ark-ui/react").PolymorphicProps>;
+    article: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    aside: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    audio: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLAudioElement> & import("react").AudioHTMLAttributes<HTMLAudioElement> & import("@ark-ui/react").PolymorphicProps>;
+    b: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    base: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLBaseElement> & import("react").BaseHTMLAttributes<HTMLBaseElement> & import("@ark-ui/react").PolymorphicProps>;
+    bdi: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    bdo: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    big: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    blockquote: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLQuoteElement> & import("react").BlockquoteHTMLAttributes<HTMLQuoteElement> & import("@ark-ui/react").PolymorphicProps>;
+    body: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLBodyElement> & import("react").HTMLAttributes<HTMLBodyElement> & import("@ark-ui/react").PolymorphicProps>;
+    br: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLBRElement> & import("react").HTMLAttributes<HTMLBRElement> & import("@ark-ui/react").PolymorphicProps>;
+    button: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("@ark-ui/react").PolymorphicProps>;
+    canvas: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLCanvasElement> & import("react").CanvasHTMLAttributes<HTMLCanvasElement> & import("@ark-ui/react").PolymorphicProps>;
+    caption: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    center: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    cite: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    code: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    col: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableColElement> & import("react").ColHTMLAttributes<HTMLTableColElement> & import("@ark-ui/react").PolymorphicProps>;
+    colgroup: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableColElement> & import("react").ColgroupHTMLAttributes<HTMLTableColElement> & import("@ark-ui/react").PolymorphicProps>;
+    data: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDataElement> & import("react").DataHTMLAttributes<HTMLDataElement> & import("@ark-ui/react").PolymorphicProps>;
+    datalist: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDataListElement> & import("react").HTMLAttributes<HTMLDataListElement> & import("@ark-ui/react").PolymorphicProps>;
+    dd: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    del: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLModElement> & import("react").DelHTMLAttributes<HTMLModElement> & import("@ark-ui/react").PolymorphicProps>;
+    details: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDetailsElement> & import("react").DetailsHTMLAttributes<HTMLDetailsElement> & import("@ark-ui/react").PolymorphicProps>;
+    dfn: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    dialog: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDialogElement> & import("react").DialogHTMLAttributes<HTMLDialogElement> & import("@ark-ui/react").PolymorphicProps>;
+    div: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@ark-ui/react").PolymorphicProps>;
+    dl: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLDListElement> & import("react").HTMLAttributes<HTMLDListElement> & import("@ark-ui/react").PolymorphicProps>;
+    dt: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    em: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    embed: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLEmbedElement> & import("react").EmbedHTMLAttributes<HTMLEmbedElement> & import("@ark-ui/react").PolymorphicProps>;
+    fieldset: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLFieldSetElement> & import("react").FieldsetHTMLAttributes<HTMLFieldSetElement> & import("@ark-ui/react").PolymorphicProps>;
+    figcaption: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    figure: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    footer: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    form: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement> & import("@ark-ui/react").PolymorphicProps>;
+    h1: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
+    h2: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
+    h3: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
+    h4: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
+    h5: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
+    h6: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
+    head: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadElement> & import("react").HTMLAttributes<HTMLHeadElement> & import("@ark-ui/react").PolymorphicProps>;
+    header: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    hgroup: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    hr: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHRElement> & import("react").HTMLAttributes<HTMLHRElement> & import("@ark-ui/react").PolymorphicProps>;
+    html: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHtmlElement> & import("react").HtmlHTMLAttributes<HTMLHtmlElement> & import("@ark-ui/react").PolymorphicProps>;
+    i: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    iframe: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLIFrameElement> & import("react").IframeHTMLAttributes<HTMLIFrameElement> & import("@ark-ui/react").PolymorphicProps>;
+    img: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & import("@ark-ui/react").PolymorphicProps>;
+    input: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & import("@ark-ui/react").PolymorphicProps>;
+    ins: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLModElement> & import("react").InsHTMLAttributes<HTMLModElement> & import("@ark-ui/react").PolymorphicProps>;
+    kbd: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    keygen: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").KeygenHTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    label: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("@ark-ui/react").PolymorphicProps>;
+    legend: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLLegendElement> & import("react").HTMLAttributes<HTMLLegendElement> & import("@ark-ui/react").PolymorphicProps>;
+    li: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & import("@ark-ui/react").PolymorphicProps>;
+    link: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLLinkElement> & import("react").LinkHTMLAttributes<HTMLLinkElement> & import("@ark-ui/react").PolymorphicProps>;
+    main: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    map: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLMapElement> & import("react").MapHTMLAttributes<HTMLMapElement> & import("@ark-ui/react").PolymorphicProps>;
+    mark: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    menu: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").MenuHTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    menuitem: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    meta: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLMetaElement> & import("react").MetaHTMLAttributes<HTMLMetaElement> & import("@ark-ui/react").PolymorphicProps>;
+    meter: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLMeterElement> & import("react").MeterHTMLAttributes<HTMLMeterElement> & import("@ark-ui/react").PolymorphicProps>;
+    nav: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    noindex: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    noscript: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    object: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLObjectElement> & import("react").ObjectHTMLAttributes<HTMLObjectElement> & import("@ark-ui/react").PolymorphicProps>;
+    ol: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLOListElement> & import("react").OlHTMLAttributes<HTMLOListElement> & import("@ark-ui/react").PolymorphicProps>;
+    optgroup: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLOptGroupElement> & import("react").OptgroupHTMLAttributes<HTMLOptGroupElement> & import("@ark-ui/react").PolymorphicProps>;
+    option: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLOptionElement> & import("react").OptionHTMLAttributes<HTMLOptionElement> & import("@ark-ui/react").PolymorphicProps>;
+    output: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLOutputElement> & import("react").OutputHTMLAttributes<HTMLOutputElement> & import("@ark-ui/react").PolymorphicProps>;
+    p: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & import("@ark-ui/react").PolymorphicProps>;
+    param: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLParamElement> & import("react").ParamHTMLAttributes<HTMLParamElement> & import("@ark-ui/react").PolymorphicProps>;
+    picture: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    pre: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLPreElement> & import("react").HTMLAttributes<HTMLPreElement> & import("@ark-ui/react").PolymorphicProps>;
+    progress: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLProgressElement> & import("react").ProgressHTMLAttributes<HTMLProgressElement> & import("@ark-ui/react").PolymorphicProps>;
+    q: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLQuoteElement> & import("react").QuoteHTMLAttributes<HTMLQuoteElement> & import("@ark-ui/react").PolymorphicProps>;
+    rp: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    rt: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    ruby: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    s: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    samp: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    search: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    slot: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSlotElement> & import("react").SlotHTMLAttributes<HTMLSlotElement> & import("@ark-ui/react").PolymorphicProps>;
+    script: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLScriptElement> & import("react").ScriptHTMLAttributes<HTMLScriptElement> & import("@ark-ui/react").PolymorphicProps>;
+    section: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    select: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & import("@ark-ui/react").PolymorphicProps>;
+    small: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    source: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSourceElement> & import("react").SourceHTMLAttributes<HTMLSourceElement> & import("@ark-ui/react").PolymorphicProps>;
+    span: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
+    strong: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    style: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLStyleElement> & import("react").StyleHTMLAttributes<HTMLStyleElement> & import("@ark-ui/react").PolymorphicProps>;
+    sub: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    summary: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    sup: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    table: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & import("@ark-ui/react").PolymorphicProps>;
+    template: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTemplateElement> & import("react").HTMLAttributes<HTMLTemplateElement> & import("@ark-ui/react").PolymorphicProps>;
+    tbody: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps>;
+    td: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & import("@ark-ui/react").PolymorphicProps>;
+    textarea: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("@ark-ui/react").PolymorphicProps>;
+    tfoot: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps>;
+    th: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & import("@ark-ui/react").PolymorphicProps>;
+    thead: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableSectionElement> & import("react").HTMLAttributes<HTMLTableSectionElement> & import("@ark-ui/react").PolymorphicProps>;
+    time: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTimeElement> & import("react").TimeHTMLAttributes<HTMLTimeElement> & import("@ark-ui/react").PolymorphicProps>;
+    title: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTitleElement> & import("react").HTMLAttributes<HTMLTitleElement> & import("@ark-ui/react").PolymorphicProps>;
+    tr: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTableRowElement> & import("react").HTMLAttributes<HTMLTableRowElement> & import("@ark-ui/react").PolymorphicProps>;
+    track: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLTrackElement> & import("react").TrackHTMLAttributes<HTMLTrackElement> & import("@ark-ui/react").PolymorphicProps>;
+    u: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    ul: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & import("@ark-ui/react").PolymorphicProps>;
+    var: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    video: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement> & import("@ark-ui/react").PolymorphicProps>;
+    wbr: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
+    webview: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLWebViewElement> & import("react").WebViewHTMLAttributes<HTMLWebViewElement> & import("@ark-ui/react").PolymorphicProps>;
+    svg: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGSVGElement> & import("@ark-ui/react").PolymorphicProps>;
+    animate: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGElement> & import("@ark-ui/react").PolymorphicProps>;
+    animateMotion: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGElement> & import("@ark-ui/react").PolymorphicProps>;
+    animateTransform: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGElement> & import("@ark-ui/react").PolymorphicProps>;
+    circle: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGCircleElement> & import("@ark-ui/react").PolymorphicProps>;
+    clipPath: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGClipPathElement> & import("@ark-ui/react").PolymorphicProps>;
+    defs: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGDefsElement> & import("@ark-ui/react").PolymorphicProps>;
+    desc: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGDescElement> & import("@ark-ui/react").PolymorphicProps>;
+    ellipse: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGEllipseElement> & import("@ark-ui/react").PolymorphicProps>;
+    feBlend: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEBlendElement> & import("@ark-ui/react").PolymorphicProps>;
+    feColorMatrix: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEColorMatrixElement> & import("@ark-ui/react").PolymorphicProps>;
+    feComponentTransfer: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEComponentTransferElement> & import("@ark-ui/react").PolymorphicProps>;
+    feComposite: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFECompositeElement> & import("@ark-ui/react").PolymorphicProps>;
+    feConvolveMatrix: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEConvolveMatrixElement> & import("@ark-ui/react").PolymorphicProps>;
+    feDiffuseLighting: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEDiffuseLightingElement> & import("@ark-ui/react").PolymorphicProps>;
+    feDisplacementMap: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEDisplacementMapElement> & import("@ark-ui/react").PolymorphicProps>;
+    feDistantLight: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEDistantLightElement> & import("@ark-ui/react").PolymorphicProps>;
+    feDropShadow: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEDropShadowElement> & import("@ark-ui/react").PolymorphicProps>;
+    feFlood: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEFloodElement> & import("@ark-ui/react").PolymorphicProps>;
+    feFuncA: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEFuncAElement> & import("@ark-ui/react").PolymorphicProps>;
+    feFuncB: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEFuncBElement> & import("@ark-ui/react").PolymorphicProps>;
+    feFuncG: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEFuncGElement> & import("@ark-ui/react").PolymorphicProps>;
+    feFuncR: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEFuncRElement> & import("@ark-ui/react").PolymorphicProps>;
+    feGaussianBlur: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEGaussianBlurElement> & import("@ark-ui/react").PolymorphicProps>;
+    feImage: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEImageElement> & import("@ark-ui/react").PolymorphicProps>;
+    feMerge: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEMergeElement> & import("@ark-ui/react").PolymorphicProps>;
+    feMergeNode: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEMergeNodeElement> & import("@ark-ui/react").PolymorphicProps>;
+    feMorphology: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEMorphologyElement> & import("@ark-ui/react").PolymorphicProps>;
+    feOffset: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEOffsetElement> & import("@ark-ui/react").PolymorphicProps>;
+    fePointLight: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFEPointLightElement> & import("@ark-ui/react").PolymorphicProps>;
+    feSpecularLighting: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFESpecularLightingElement> & import("@ark-ui/react").PolymorphicProps>;
+    feSpotLight: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFESpotLightElement> & import("@ark-ui/react").PolymorphicProps>;
+    feTile: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFETileElement> & import("@ark-ui/react").PolymorphicProps>;
+    feTurbulence: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFETurbulenceElement> & import("@ark-ui/react").PolymorphicProps>;
+    filter: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGFilterElement> & import("@ark-ui/react").PolymorphicProps>;
+    foreignObject: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGForeignObjectElement> & import("@ark-ui/react").PolymorphicProps>;
+    g: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGGElement> & import("@ark-ui/react").PolymorphicProps>;
+    image: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGImageElement> & import("@ark-ui/react").PolymorphicProps>;
+    line: import("react").ForwardRefExoticComponent<import("react").SVGLineElementAttributes<SVGLineElement> & import("@ark-ui/react").PolymorphicProps>;
+    linearGradient: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGLinearGradientElement> & import("@ark-ui/react").PolymorphicProps>;
+    marker: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGMarkerElement> & import("@ark-ui/react").PolymorphicProps>;
+    mask: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGMaskElement> & import("@ark-ui/react").PolymorphicProps>;
+    metadata: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGMetadataElement> & import("@ark-ui/react").PolymorphicProps>;
+    mpath: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGElement> & import("@ark-ui/react").PolymorphicProps>;
+    path: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGPathElement> & import("@ark-ui/react").PolymorphicProps>;
+    pattern: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGPatternElement> & import("@ark-ui/react").PolymorphicProps>;
+    polygon: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGPolygonElement> & import("@ark-ui/react").PolymorphicProps>;
+    polyline: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGPolylineElement> & import("@ark-ui/react").PolymorphicProps>;
+    radialGradient: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGRadialGradientElement> & import("@ark-ui/react").PolymorphicProps>;
+    rect: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGRectElement> & import("@ark-ui/react").PolymorphicProps>;
+    set: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGSetElement> & import("@ark-ui/react").PolymorphicProps>;
+    stop: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGStopElement> & import("@ark-ui/react").PolymorphicProps>;
+    switch: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGSwitchElement> & import("@ark-ui/react").PolymorphicProps>;
+    symbol: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGSymbolElement> & import("@ark-ui/react").PolymorphicProps>;
+    text: import("react").ForwardRefExoticComponent<import("react").SVGTextElementAttributes<SVGTextElement> & import("@ark-ui/react").PolymorphicProps>;
+    textPath: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGTextPathElement> & import("@ark-ui/react").PolymorphicProps>;
+    tspan: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGTSpanElement> & import("@ark-ui/react").PolymorphicProps>;
+    use: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGUseElement> & import("@ark-ui/react").PolymorphicProps>;
+    view: import("react").ForwardRefExoticComponent<import("react").SVGProps<SVGViewElement> & import("@ark-ui/react").PolymorphicProps>;
+};
+export type { HTMLArkProps as HTMLSystemProps };

package/dist/system/index.js

@@ -0,0 +1,3 @@
+// import { ComponentPropsWithoutRef, JSX } from 'react'
+import { ark } from '@ark-ui/react';
+export const sui = ark;

package/dist/utils/assign.d.ts

@@ -0,0 +1 @@
+export type { Assign } from '@ark-ui/react';

package/dist/utils/assign.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/call-all.d.ts

@@ -0,0 +1 @@
+export declare function callAll<T extends (...args: any[]) => any>(...fns: (T | undefined)[]): (...args: Parameters<T>) => void;

package/dist/utils/call-all.js

@@ -0,0 +1,5 @@
+export function callAll(...fns) {
+    return function mergedFn(...args) {
+        fns.forEach((fn) => fn?.(...args));
+    };
+}

package/dist/utils/create-context.d.ts

@@ -0,0 +1,14 @@
+export interface CreateContextOptions<T> {
+    strict?: boolean;
+    hookName?: string;
+    providerName?: string;
+    errorMessage?: string;
+    name?: string;
+    defaultValue?: T;
+}
+export type CreateContextReturn<T> = [
+    React.Provider<T>,
+    () => T,
+    React.Context<T>
+];
+export declare function createContext<T>(options?: CreateContextOptions<T>): CreateContextReturn<T>;

package/dist/utils/create-context.js

@@ -0,0 +1,21 @@
+"use client";
+import { createContext as createReactContext, useContext as useReactContext, } from "react";
+function getErrorMessage(hook, provider) {
+    return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+export function createContext(options = {}) {
+    const { name, strict = true, hookName = "useContext", providerName = "Provider", errorMessage, defaultValue, } = options;
+    const Context = createReactContext(defaultValue);
+    Context.displayName = name;
+    function useContext() {
+        const context = useReactContext(Context);
+        if (!context && strict) {
+            const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+            error.name = "ContextError";
+            Error.captureStackTrace?.(error, useContext);
+            throw error;
+        }
+        return context;
+    }
+    return [Context.Provider, useContext, Context];
+}

package/dist/utils/create-props.d.ts

@@ -0,0 +1,3 @@
+type StrictKeys<K extends (keyof T)[], T> = K extends (keyof T)[] ? [keyof T] extends [K[number]] ? unknown : `Missing required keys: ${Exclude<keyof T, K[number]>}` : never;
+export declare const createProps: <T extends Record<never, never>>() => <K extends (keyof T)[]>(props: K & StrictKeys<K, T>) => (keyof T)[];
+export {};

package/dist/utils/create-props.js

@@ -0,0 +1 @@
+export const createProps = () => (props) => Array.from(new Set(props));

package/dist/utils/cx.d.ts

@@ -0,0 +1 @@
+export declare const cx: (...classNames: any[]) => string;

package/dist/utils/cx.js

@@ -0,0 +1,4 @@
+export const cx = (...classNames) => classNames
+    .filter(Boolean)
+    .map((r) => r.trim())
+    .join(' ');

package/dist/utils/data-attr.d.ts

@@ -0,0 +1,3 @@
+type Booleanish = boolean | 'true' | 'false';
+export declare const dataAttr: (condition: boolean | undefined) => Booleanish;
+export {};

package/dist/utils/data-attr.js

@@ -0,0 +1 @@
+export const dataAttr = (condition) => (condition ? '' : undefined);

package/dist/utils/entries.d.ts

@@ -0,0 +1,5 @@
+export declare function mapEntries<A, B, K extends string | number | symbol>(obj: {
+    [key in K]: A;
+}, f: (key: K, val: A) => [K, B]): {
+    [key in K]: B;
+};

package/dist/utils/entries.js

@@ -0,0 +1,8 @@
+export function mapEntries(obj, f) {
+    const result = {};
+    for (const key in obj) {
+        const kv = f(key, obj[key]);
+        result[kv[0]] = kv[1];
+    }
+    return result;
+}

package/dist/utils/get-child-of-type.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+/**
+ * Get the first child of a specific type.
+ * @param children The children
+ * @param type The component type
+ */
+export declare function getChildOfType(children: React.ReactNode, type: React.JSXElementConstructor<any>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | undefined;

package/dist/utils/get-child-of-type.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+/**
+ * Get the first child of a specific type.
+ * @param children The children
+ * @param type The component type
+ */
+export function getChildOfType(children, type) {
+    return React.Children.toArray(children).find((item) => item.type === type);
+}

package/dist/utils/get-children-of-type.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+/**
+ * Get all children of a specific type.
+ * @param children The children
+ * @param type The component type
+ */
+export declare function getChildrenOfType(children: React.ReactNode, type: React.JSXElementConstructor<any> | React.JSXElementConstructor<any>[]): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

package/dist/utils/get-children-of-type.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+/**
+ * Get all children of a specific type.
+ * @param children The children
+ * @param type The component type
+ */
+export function getChildrenOfType(children, type) {
+    return React.Children.toArray(children).filter((item) => Array.isArray(type)
+        ? type.some((component) => component === item.type)
+        : item.type === type);
+}

package/dist/utils/get.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Get value from a deeply nested object using a string path.
+ * Memorizes the value.
+ * @param obj - the object
+ * @param path - the string path
+ * @param fallback  - the fallback value
+ */
+export declare function get(obj: Record<string, any>, path: string | number, fallback?: any, index?: number): any;
+type Get = (obj: Readonly<object>, path: string | number, fallback?: any, index?: number) => any;
+export declare const memoizedGet: Get;
+export {};

package/dist/utils/get.js

@@ -0,0 +1,36 @@
+/**
+ * Get value from a deeply nested object using a string path.
+ * Memorizes the value.
+ * @param obj - the object
+ * @param path - the string path
+ * @param fallback  - the fallback value
+ */
+export function get(obj, path, fallback, index) {
+    const key = typeof path === 'string' ? path.split('.') : [path];
+    for (index = 0; index < key.length; index += 1) {
+        if (!obj)
+            break;
+        obj = obj[key[index]];
+    }
+    return obj === undefined ? fallback : obj;
+}
+const memoize = (fn) => {
+    const cache = new WeakMap();
+    const memoizedFn = (obj, path, fallback, index) => {
+        if (typeof obj === 'undefined') {
+            return fn(obj, path, fallback);
+        }
+        if (!cache.has(obj)) {
+            cache.set(obj, new Map());
+        }
+        const map = cache.get(obj);
+        if (map.has(path)) {
+            return map.get(path);
+        }
+        const value = fn(obj, path, fallback, index);
+        map.set(path, value);
+        return value;
+    };
+    return memoizedFn;
+};
+export const memoizedGet = memoize(get);

package/dist/utils/index.d.ts

@@ -0,0 +1,15 @@
+export type { Assign } from './assign.ts';
+export type { SplitPropsFn } from './split-props.ts';
+export { createSplitProps, splitProps } from './split-props.ts';
+export { createProps } from './create-props.ts';
+export { callAll } from './call-all.ts';
+export { createContext } from './create-context.ts';
+export { cx } from './cx.ts';
+export { dataAttr } from './data-attr.ts';
+export { runIfFn } from './run-if-fn.ts';
+export { mapEntries } from './entries.ts';
+export { getChildOfType } from './get-child-of-type.ts';
+export { getChildrenOfType } from './get-children-of-type.ts';
+export { mergeRefs } from './merge-refs.ts';
+export { get } from './get.ts';
+export type { MaybeRenderProp } from './run-if-fn.ts';

package/dist/utils/index.js

@@ -0,0 +1,12 @@
+export { createSplitProps, splitProps } from "./split-props.js";
+export { createProps } from "./create-props.js";
+export { callAll } from "./call-all.js";
+export { createContext } from "./create-context.js";
+export { cx } from "./cx.js";
+export { dataAttr } from "./data-attr.js";
+export { runIfFn } from "./run-if-fn.js";
+export { mapEntries } from "./entries.js";
+export { getChildOfType } from "./get-child-of-type.js";
+export { getChildrenOfType } from "./get-children-of-type.js";
+export { mergeRefs } from "./merge-refs.js";
+export { get } from "./get.js";

package/dist/utils/merge-refs.d.ts

@@ -0,0 +1,3 @@
+export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
+export declare function assignRef<T = any>(ref: ReactRef<T> | null | undefined, value: T): void;
+export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;

package/dist/utils/merge-refs.js

@@ -0,0 +1,21 @@
+export function assignRef(ref, value) {
+    if (ref == null)
+        return;
+    if (typeof ref === "function") {
+        ref(value);
+        return;
+    }
+    try {
+        ref.current = value;
+    }
+    catch (error) {
+        throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
+    }
+}
+export function mergeRefs(...refs) {
+    return (node) => {
+        refs.forEach((ref) => {
+            assignRef(ref, node);
+        });
+    };
+}

package/dist/utils/run-if-fn.d.ts

@@ -0,0 +1,2 @@
+export declare function runIfFn<T, U>(valueOrFn: T | ((...fnArgs: U[]) => T), ...args: U[]): T;
+export type MaybeRenderProp<P> = React.ReactNode | ((props: P) => React.ReactNode);

package/dist/utils/run-if-fn.js

@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/ban-types */
+const isFunction = (value) => typeof value === 'function';
+export function runIfFn(valueOrFn, ...args) {
+    return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
+}

package/dist/utils/split-props.d.ts

@@ -0,0 +1,9 @@
+type Dict = Record<string, any>;
+type PredicateFn<T> = (key: T) => boolean;
+export interface SplitPropsFn {
+    <T extends Dict, K extends keyof T>(props: T, keys: K[]): [Pick<T, K>, Omit<T, K>];
+    <T extends Dict, K extends PredicateFn<keyof T>>(props: T, keys: K): [Dict, Dict];
+}
+export declare const splitProps: SplitPropsFn;
+export declare const createSplitProps: <T>(keys: (keyof T)[]) => <Props extends T>(props: Props) => [T, Omit<Props, keyof T>];
+export {};

package/dist/utils/split-props.js

@@ -0,0 +1,25 @@
+export const splitProps = (props, keys) => {
+    const picked = {};
+    const omitted = { ...props };
+    if (typeof keys === 'function') {
+        for (const key in props) {
+            if (keys(key)) {
+                picked[key] = props[key];
+                delete omitted[key];
+            }
+        }
+    }
+    else {
+        for (const key of keys) {
+            picked[key] = props[key];
+            delete omitted[key];
+        }
+    }
+    return [picked, omitted];
+};
+export const createSplitProps = (keys) => {
+    return function split(props) {
+        // @ts-expect-error
+        return splitProps(props, keys);
+    };
+};