welcome-ui 10.0.0-alpha.4 → 10.0.0-alpha.5

package/dist/Toggle.js

@@ -1,12 +1,13 @@
 "use client";
+import './Toggle.css';
 import { jsxs as z, jsx as e } from "react/jsx-runtime";
-import { C as v } from "./KPUWHTQJ-Byij2al4.js";
-import { forwardRef as f } from "react";
-import { useField as h } from "./Field.js";
+import { a as v } from "./KPUWHTQJ-Dv3cAqjP.js";
+import { forwardRef as g } from "react";
+import { useField as f } from "./Field.js";
 import { Icon as n } from "./Icon.js";
-import { c as w } from "./index-PAaZGbyz.js";
-const g = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x = "_disabled_1czvn_124", b = {
-  root: g,
+import { c as h } from "./index-PAaZGbyz.js";
+const w = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x = "_disabled_1czvn_124", N = {
+  root: w,
   "size-sm": "_size-sm_1czvn_82",
   "size-md": "_size-md_1czvn_88",
   "size-lg": "_size-lg_1czvn_94",
@@ -14,11 +15,11 @@ const g = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x
   "icon-wrapper": "_icon-wrapper_1czvn_106",
   checked: u,
   disabled: x
-}, c = w(b), $ = f(
-  ({ checked: o, className: t, disabled: s, onClick: i, size: r = "md", withVisibilityIcon: a, ...p }, _) => {
-    const { getInputProps: l } = h(), m = l(p), d = s ? null : i;
+}, c = h(N), b = g(
+  ({ checked: o, className: a, disabled: s, onClick: i, size: r = "md", withVisibilityIcon: t, ...l }, p) => {
+    const { getInputProps: m } = f(), _ = m(l), d = s ? null : i;
     return /* @__PURE__ */ z("div", { className: c("wrapper"), onClick: d, children: [
-      a ? /* @__PURE__ */ e(
+      t ? /* @__PURE__ */ e(
         "div",
         {
           className: c(
@@ -34,15 +35,16 @@ const g = "_root_1czvn_2", k = "_wrapper_1czvn_100", u = "_checked_1czvn_120", x
         v,
         {
           checked: o,
-          className: c("root", `size-${r}`, t),
+          className: c("root", `size-${r}`, a),
           disabled: s,
-          ref: _,
-          ...m
+          ref: p,
+          ..._
         }
       )
     ] });
   }
 );
+b.displayName = "Toggle";
 export {
-  $ as Toggle
+  b as Toggle
 };

package/dist/Tooltip.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx as h, jsxs as N, Fragment as J } from "react/jsx-runtime";
-import { H as K, a as Q, u as U, b as X, c as Z, d as ee } from "./GVVKDT6A-C66-lr0B.js";
-import { e as te, f as $, c as F, b as M, _ as B, i as D, x as oe, a as P, d as L, z as x, q as re, T as ne, u as g, G as V, H as E, I as y } from "./OE2EFRVA-DkdhQLJL.js";
-import { c as se } from "./NI3IVY7K-DpF3td-7.js";
-import { a as I, c as q, b as ae, d as A, u as ie } from "./RTNCFSKZ-LcIdBwa8.js";
+import './Tooltip.css';
+import { jsx as h, jsxs as C, Fragment as J } from "react/jsx-runtime";
+import { H as K, a as Q, u as U, b as X, c as Z, d as ee } from "./GVVKDT6A-CF9ejW_c.js";
+import { e as te, f as $, c as B, b as F, _ as M, i as D, k as oe, a as P, d as L, E as x, w as re, V as ne, u as g, A as V, z as E, B as y } from "./OE2EFRVA-Dg1R6gaC.js";
+import { c as se } from "./NI3IVY7K-Dy240mkD.js";
+import { d as A, c as z, u as ae, a as I, b as ie } from "./RTNCFSKZ-BywELldk.js";
 import ue, { useRef as le, useEffect as H, forwardRef as ce, useState as de, useCallback as pe } from "react";
 import { Text as R } from "./Text.js";
 import { c as ve } from "./index-PAaZGbyz.js";
-var z = te(
+var W = te(
   [Q],
   [K]
-), w = z.useProviderContext, me = z.ScopedContextProvider, fe = "div", he = F(
+), w = W.useProviderContext, me = W.ScopedContextProvider, fe = "div", he = B(
   function(n) {
     var o = n, {
       store: e,
@@ -19,7 +20,7 @@ var z = te(
       preserveTabOrder: m = !1,
       hideOnHoverOutside: d = !0,
       hideOnInteractOutside: f = !0
-    } = o, a = B(o, [
+    } = o, a = M(o, [
       "store",
       "portal",
       "gutter",
@@ -59,10 +60,10 @@ var z = te(
 ), Se = se(
   $(function(n) {
     const o = he(n);
-    return M(fe, o);
+    return F(fe, o);
   }),
   w
-), Te = "div", v = q({
+), Te = "div", v = z({
   activeStore: null
 });
 function j(t) {
@@ -71,16 +72,16 @@ function j(t) {
     n === t && v.setState("activeStore", null);
   };
 }
-var be = F(
+var be = B(
   function(n) {
-    var o = n, { store: e, showOnHover: p = !0 } = o, s = B(o, ["store", "showOnHover"]);
+    var o = n, { store: e, showOnHover: p = !0 } = o, s = M(o, ["store", "showOnHover"]);
     const m = w();
     e = e || m, D(
       e,
       process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
     );
     const d = le(!1);
-    H(() => I(e, ["mounted"], (r) => {
+    H(() => A(e, ["mounted"], (r) => {
       r.mounted || (d.current = !1);
     }), [e]), H(() => {
       if (e)
@@ -89,7 +90,7 @@ var be = F(
           // the component unmounts. This is useful, for example, to avoid
           // showing tooltips immediately on serial tests.
           j(e),
-          I(e, ["mounted", "skipTimeout"], (r) => {
+          A(e, ["mounted", "skipTimeout"], (r) => {
             if (!e) return;
             if (r.mounted) {
               const { activeStore: T } = v.getState();
@@ -132,7 +133,7 @@ var be = F(
   }
 ), _e = $(function(n) {
   const o = be(n);
-  return M(Te, o);
+  return F(Te, o);
 });
 function Ee(t = {}) {
   var n;
@@ -151,11 +152,11 @@ function Ee(t = {}) {
   })), p = V(y({}, e.getState()), {
     type: E(t.type, o == null ? void 0 : o.type, "description"),
     skipTimeout: E(t.skipTimeout, o == null ? void 0 : o.skipTimeout, 300)
-  }), s = q(p, e, t.store);
+  }), s = z(p, e, t.store);
   return y(y({}, e), s);
 }
 function ye(t, n, o) {
-  return A(t, o, "type"), A(t, o, "skipTimeout"), ee(t, n, o);
+  return I(t, o, "type"), I(t, o, "skipTimeout"), ee(t, n, o);
 }
 function Pe(t = {}) {
   const [n, o] = ae(Ee, t);
@@ -164,7 +165,7 @@ function Pe(t = {}) {
 const ge = "_root_11jvu_2", Oe = "_childItem_11jvu_24", xe = {
   root: ge,
   childItem: Oe
-}, O = ve(xe), Re = ce(
+}, O = ve(xe), He = ce(
   ({
     children: t,
     className: n = "",
@@ -185,18 +186,18 @@ const ge = "_root_11jvu_2", Oe = "_childItem_11jvu_24", xe = {
       });
     }, T = pe(() => {
       b("animating", !1);
-    }, [b]), G = (k = t == null ? void 0 : t.props) != null && k.disabled ? ue.Children.only(/* @__PURE__ */ h("span", { className: O("childItem"), children: t })) : t;
+    }, [b]), Y = (k = t == null ? void 0 : t.props) != null && k.disabled ? ue.Children.only(/* @__PURE__ */ h("span", { className: O("childItem"), children: t })) : t;
     return H(() => {
-      function C({ clientX: W, clientY: Y }) {
-        r({ x: W, y: Y }), u();
+      function N({ clientX: q, clientY: G }) {
+        r({ x: q, y: G }), u();
       }
       if (c && !e)
-        return c.addEventListener("mousemove", C), () => {
-          c.removeEventListener("mousemove", C);
+        return c.addEventListener("mousemove", N), () => {
+          c.removeEventListener("mousemove", N);
         };
-    }, [u, e, c]), o ? /* @__PURE__ */ N(J, { children: [
-      /* @__PURE__ */ h(_e, { render: G, store: a }),
-      /* @__PURE__ */ N(
+    }, [u, e, c]), o ? /* @__PURE__ */ C(J, { children: [
+      /* @__PURE__ */ h(_e, { render: Y, store: a }),
+      /* @__PURE__ */ C(
         Se,
         {
           className: O("root", n),
@@ -216,6 +217,7 @@ const ge = "_root_11jvu_2", Oe = "_childItem_11jvu_24", xe = {
     ] }) : t;
   }
 );
+He.displayName = "Tooltip";
 export {
-  Re as Tooltip
+  He as Tooltip
 };

package/dist/VariantIcon.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
+import './VariantIcon.css';
+import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { Icon as e } from "./Icon.js";
 import { c as _ } from "./index-PAaZGbyz.js";
@@ -10,8 +11,8 @@ const m = "_root_iop02_2", p = {
   "variant-info": "_variant-info_iop02_15",
   "variant-success": "_variant-success_iop02_18",
   "variant-warning": "_variant-warning_iop02_21"
-}, l = _(p), x = s(
-  ({ className: n, size: i = "md", variant: a, ...r }, c) => {
+}, l = _(p), v = s(
+  ({ className: o, size: i = "md", variant: a, ...r }, c) => {
     const t = {
       ai: "sparkles",
       danger: "exclamation-octagon",
@@ -19,9 +20,10 @@ const m = "_root_iop02_2", p = {
       success: "check-circle",
       warning: "exclamation-circle"
     }[a];
-    return /* @__PURE__ */ o("div", { ...r, className: l("root", a && `variant-${a}`, n), ref: c, children: /* @__PURE__ */ o(e, { name: t, size: i }) });
+    return /* @__PURE__ */ n("div", { ...r, className: l("root", a && `variant-${a}`, o), ref: c, children: /* @__PURE__ */ n(e, { name: t, size: i }) });
   }
 );
+v.displayName = "VariantIcon";
 export {
-  x as VariantIcon
+  v as VariantIcon
 };

package/dist/VisuallyHidden.js

@@ -1,13 +1,15 @@
 "use client";
+import './VisuallyHidden.css';
 import { jsx as r } from "react/jsx-runtime";
 import { c as a } from "./index-PAaZGbyz.js";
-import { f as c } from "./forwardRefWithAs-8eP3ZN15.js";
+import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
-const e = "_root_w3556_2", m = {
-  root: e
-}, i = a(m), d = c(
-  ({ as: o = "span", children: s }, t) => /* @__PURE__ */ r(o, { className: i("root"), ref: t, children: s })
+const i = "_root_w3556_2", m = {
+  root: i
+}, c = a(m), l = e(
+  ({ as: o = "span", children: s }, t) => /* @__PURE__ */ r(o, { className: c("root"), ref: t, children: s })
 );
+l.displayName = "VisuallyHidden";
 export {
-  d as VisuallyHidden
+  l as VisuallyHidden
 };

package/dist/WelcomeLoader.js

@@ -5078,7 +5078,7 @@ const Fs = "5.7.6", Is = 30, Ls = 0, Vs = 80, Rs = 300, Os = 300, Bs = "Loader_W
   assets: Ds,
   layers: Ns,
   markers: zs
-}, Ws = Ps(), Ys = Cs(
+}, Ws = Ps(), Gs = Cs(
   ({ className: Fi, ...ci }, ae) => {
     const Vt = {
       animationData: qs,
@@ -5087,6 +5087,7 @@ const Fs = "5.7.6", Is = 30, Ls = 0, Vs = 80, Rs = 300, Os = 300, Bs = "Loader_W
     return /* @__PURE__ */ As("div", { className: Ws("w-150", Fi), ref: ae, ...ci, children: vi });
   }
 );
+Gs.displayName = "WelcomeLoader";
 export {
-  Ys as WelcomeLoader
+  Gs as WelcomeLoader
 };

package/dist/XCKGTAUF-CJwwVibW.js

@@ -0,0 +1,25 @@
+"use client";
+import { u as f } from "./2W3RN7C5-DMC82gDP.js";
+import { f as c, c as m, b as i, Q as B, R as u, d as l, v, a as d } from "./OE2EFRVA-Dg1R6gaC.js";
+import { useRef as N, useState as g, useEffect as R } from "react";
+var s = "button", _ = m(
+  function(t) {
+    const e = N(null), a = B(e, s), [n, o] = g(
+      () => !!a && u({ tagName: a, type: t.type })
+    );
+    return R(() => {
+      e.current && o(u(e.current));
+    }, []), t = l(d({
+      role: !n && a !== "a" ? "button" : void 0
+    }, t), {
+      ref: v(e, t.ref)
+    }), t = f(t), t;
+  }
+), P = c(function(t) {
+  const e = _(t);
+  return i(s, e);
+});
+export {
+  P as B,
+  _ as u
+};

package/dist/{Y67KZUMI-BDyUNSJw.js → Y67KZUMI-BwLWwpNF.js}

@@ -1,6 +1,6 @@
 "use client";
-import { g as o, k as r } from "./T22PY7TE-CzEDuEn1.js";
-import { e as t } from "./OE2EFRVA-DkdhQLJL.js";
+import { g as o, k as r } from "./T22PY7TE-gLuJpoOm.js";
+import { e as t } from "./OE2EFRVA-Dg1R6gaC.js";
 var e = t(
   [r],
   [o]

package/dist/{ZTXFEM5L-CjFLRObi.js → ZTXFEM5L-WGHY_jqg.js}

@@ -1,7 +1,7 @@
 "use client";
-import { u } from "./NMGNQVTG-BgAqqGOq.js";
-import { b as c } from "./T22PY7TE-CzEDuEn1.js";
-import { f as l, c as p, b as D, _ as m, i as g, a, C as v } from "./OE2EFRVA-DkdhQLJL.js";
+import { u } from "./NMGNQVTG-DRO2uXZT.js";
+import { b as c } from "./T22PY7TE-gLuJpoOm.js";
+import { f as l, c as p, b as D, _ as m, i as g, a, H as v } from "./OE2EFRVA-Dg1R6gaC.js";
 var f = "button", d = p(
   function(r) {
     var s = r, { store: o } = s, e = m(s, ["store"]);

package/dist/theme.js

@@ -1 +1,2 @@
 "use client";
+import './theme.css';

package/dist/types/components/Alert/components/Title.d.ts

@@ -1,2 +1,5 @@
 import { AlertTitleProps } from '../types';
-export declare const AlertTitle: ({ children, hasCloseButton, ...rest }: AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertTitle: {
+    ({ children, hasCloseButton, ...rest }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Alert/index.d.ts

@@ -6,5 +6,8 @@ export declare const ICON: Record<AlertProps['variant'], IconProps['name']>;
 export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Button: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     SecondaryButton: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "size">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Title: ({ children, hasCloseButton, ...rest }: import('./types').AlertTitleProps) => import("react/jsx-runtime").JSX.Element;
+    Title: {
+        ({ children, hasCloseButton, ...rest }: import('./types').AlertTitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
 };

package/dist/types/components/Card/Body.d.ts

@@ -1,6 +1,5 @@
+import { BodyProps } from './types';
 /**
  * @name Card.Body
  */
-export declare const Body: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Body: import('react').ForwardRefExoticComponent<Omit<BodyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/Footer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @name Card.Footer
+ */
+export declare const Footer: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/Header.d.ts

@@ -0,0 +1,5 @@
+import { HeaderProps } from './types';
+/**
+ * @name Card.Header
+ */
+export declare const Header: import('react').ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/Card/index.d.ts

@@ -1,11 +1,10 @@
-export declare const CardComponent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const Card: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import('react').Ref<HTMLDivElement>;
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
-    Body: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+import { CardProps } from './types';
+export declare const CardComponent: import('../../utils').FunctionComponentWithAs<"div", CardProps>;
+export declare const Card: import('../../utils').FunctionComponentWithAs<"div", CardProps> & {
+    Body: import('react').ForwardRefExoticComponent<Omit<import('./types').BodyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Cover: import('react').ForwardRefExoticComponent<Omit<import('./types').CoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: import('react').Ref<HTMLDivElement>;
     }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    Cover: import('react').ForwardRefExoticComponent<Omit<import('./types').CoverProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<Omit<import('./types').HeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/types/components/Card/types.d.ts

@@ -1,9 +1,22 @@
-import { ComponentPropsWithRef } from 'react';
-export type BodyProps = ComponentPropsWithRef<'div'>;
-export type CardProps = ComponentPropsWithRef<'div'>;
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type BodyProps = BodyOptions & ComponentPropsWithRef<'div'>;
+export type CardProps = CardOptions & ComponentPropsWithRef<'div'>;
 export type CoverProps = ComponentPropsWithRef<'div'> & CoverOptions;
+export type FooterProps = ComponentPropsWithRef<'div'>;
+export type HeaderProps = ComponentPropsWithRef<'div'> & HeaderOptions;
+interface BodyOptions {
+    metadata?: ReactNode;
+}
+interface CardOptions {
+    disabled?: boolean;
+    size?: 'lg' | 'md' | 'sm';
+}
 interface CoverOptions {
     alt: string;
     src: string;
 }
+interface HeaderOptions {
+    disabled?: boolean;
+    onClose?: () => void;
+}
 export {};

package/dist/types/components/Checkbox/index.d.ts

@@ -1,3 +1,2 @@
-import { default as React } from 'react';
 import { CheckboxProps } from './types';
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/components/Checkbox/types.d.ts

@@ -3,5 +3,7 @@ export interface CheckboxOptions {
     indeterminate?: boolean;
     variant?: Variant;
 }
-export type CheckboxProps = CheckboxOptions & ComponentProps<'input'>;
+export type CheckboxProps = CheckboxOptions & Omit<ComponentProps<'input'>, 'onChange'> & {
+    onChange?: (isChecked: boolean) => void;
+};
 export type Variant = 'danger' | 'success' | 'warning';

package/dist/types/components/DateTimePickerCommon/CustomHeader.d.ts

@@ -1,2 +1,5 @@
 import { CustomHeaderProps } from './types';
-export declare const CustomHeader: ({ changeMonth, changeYear, date, decreaseMonth, decreaseYear, endYear, increaseMonth, increaseYear, isMonthYearPicker, locale, startYear, }: CustomHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomHeader: {
+    ({ changeMonth, changeYear, date, decreaseMonth, decreaseYear, endYear, increaseMonth, increaseYear, isMonthYearPicker, locale, startYear, }: CustomHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/DateTimePickerCommon/CustomPopper.d.ts

@@ -1,4 +1,7 @@
 import { default as React } from 'react';
-export declare const CustomPopper: ({ children }: {
-    children: React.ReactElement;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomPopper: {
+    ({ children }: {
+        children: React.ReactElement;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Drawer/AssetDrawer/Header.d.ts

@@ -1,2 +1,5 @@
 import { HeaderProps } from './types';
-export declare const Header: ({ action, className, iconName, onBackButtonClick, subtitle, title, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: {
+    ({ action, className, iconName, onBackButtonClick, subtitle, title, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Drawer/AssetDrawer/IconBlock.d.ts

@@ -1,2 +1,5 @@
 import { IconBlockProps } from './types';
-export declare const IconBlock: ({ iconName, size }: IconBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconBlock: {
+    ({ iconName, size }: IconBlockProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Drawer/components/Close.d.ts

@@ -1,2 +1,5 @@
 import { CloseProps } from '../types';
-export declare const Close: ({ className }: CloseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Close: {
+    ({ className }: CloseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Drawer/components/Title.d.ts

@@ -1,2 +1,5 @@
 import { TitleProps } from '../types';
-export declare const Title: ({ children, className, ...rest }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: {
+    ({ children, className, ...rest }: TitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/Drawer/index.d.ts

@@ -1,18 +1,27 @@
 import { DrawerProps } from './types';
 export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
     Backdrop: import('react').ForwardRefExoticComponent<Omit<import('./types').BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    Close: ({ className }: import('./types').CloseProps) => import("react/jsx-runtime").JSX.Element;
+    Close: {
+        ({ className }: import('./types').CloseProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: import('react').Ref<HTMLDivElement>;
     }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Footer: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: import('react').Ref<HTMLDivElement>;
     }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-    Title: ({ children, className, ...rest }: import('./types').TitleProps) => import("react/jsx-runtime").JSX.Element;
+    Title: {
+        ({ children, className, ...rest }: import('./types').TitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };
 export { useDialogStore as useDrawer } from '@ariakit/react';
 export declare const AssetDrawer: import('../../utils').FunctionComponentWithAs<"div", import('./AssetDrawer/types').AssetDrawerProps> & {
-    Header: ({ action, className, iconName, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Header: {
+        ({ action, className, iconName, onBackButtonClick, subtitle, title, }: import('./AssetDrawer/types').HeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };

package/dist/types/components/DropdownMenu/Action.d.ts

@@ -0,0 +1,2 @@
+import { ActionProps } from './types';
+export declare const Action: import('../../utils').FunctionComponentWithAs<"button", ActionProps>;

package/dist/types/components/DropdownMenu/Group.d.ts

@@ -0,0 +1,4 @@
+import { GroupProps } from '@ariakit/react';
+import { GroupLabelProps } from './types';
+export declare const Group: import('../../utils').FunctionComponentWithAs<"div", GroupProps>;
+export declare const GroupLabel: import('../../utils').FunctionComponentWithAs<"div", GroupLabelProps>;

package/dist/types/components/DropdownMenu/Item.d.ts

@@ -1,2 +1,9 @@
+import { Ref } from 'react';
 import { ItemProps } from './types';
 export declare const Item: import('../../utils').FunctionComponentWithAs<"button", ItemProps>;
+export declare const ItemContent: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: Ref<HTMLDivElement>;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ItemDescription: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: Ref<HTMLDivElement>;
+}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/Search.d.ts

@@ -0,0 +1,2 @@
+import { SearchProps } from './types';
+export declare const Search: import('../../utils').FunctionComponentWithAs<"input", SearchProps>;

package/dist/types/components/DropdownMenu/Submenu.d.ts

@@ -0,0 +1,4 @@
+import { SubmenuOptions } from './types';
+export * from './types';
+export { useMenuStore as useDropdownMenu } from '@ariakit/react';
+export declare const Submenu: import('react').ForwardRefExoticComponent<Omit<SubmenuOptions, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownMenu/index.d.ts

@@ -2,8 +2,19 @@ import { DropdownMenuOptions } from './types';
 export * from './types';
 export { useMenuStore as useDropdownMenu } from '@ariakit/react';
 export declare const DropdownMenu: import('react').ForwardRefExoticComponent<Omit<DropdownMenuOptions, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
+    Action: import('../../utils').FunctionComponentWithAs<"button", import('./types').ActionProps>;
     Arrow: import('react').ForwardRefExoticComponent<Omit<import('./types').ArrowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: import('react').Ref<HTMLDivElement>;
+    }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('../../utils').FunctionComponentWithAs<"div", import('@ariakit/react').GroupProps>;
+    GroupLabel: import('../../utils').FunctionComponentWithAs<"div", import('./types').GroupLabelProps>;
     Item: import('../../utils').FunctionComponentWithAs<"button", import('./types').ItemProps>;
+    Search: import('../../utils').FunctionComponentWithAs<"input", import('./types').SearchProps>;
     Separator: import('react').ForwardRefExoticComponent<Omit<import('./types').SeparatorProps, "ref"> & import('react').RefAttributes<HTMLHRElement>>;
+    Submenu: import('react').ForwardRefExoticComponent<Omit<import('./types').SubmenuOptions, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Trigger: import('../../utils').FunctionComponentWithAs<"button", import('./types').TriggerProps>;
 };

package/dist/types/components/DropdownMenu/types.d.ts

@@ -1,12 +1,33 @@
-import { MenuArrowProps, MenuItemProps, MenuProps, MenuSeparatorProps, MenuStore } from '@ariakit/react';
+import { MenuArrowProps, MenuGroupLabelProps, MenuItemCheckboxProps, MenuItemCheckProps, MenuItemProps, MenuItemRadioProps, MenuProps, MenuSeparatorProps, MenuStore } from '@ariakit/react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export type ActionProps = MenuItemProps;
 export type ArrowProps = MenuArrowProps;
 export interface DropdownMenuOptions extends Omit<MenuProps, 'gutter'> {
-    dataTestId?: string;
-    innerProps?: React.ComponentProps<'div'>;
+    size?: 'lg' | 'md';
     withGutter?: boolean;
 }
-export type ItemProps = MenuItemProps;
-export type SeparatorProps = MenuSeparatorProps;
+export type GroupLabelProps = MenuGroupLabelProps;
+export type ItemCheckboxCheckProps = Omit<ComponentPropsWithRef<'input'>, 'onChange'> & {
+    onChange?: (isChecked: boolean) => void;
+};
+export type ItemCheckboxProps = MenuItemCheckboxProps;
+export type ItemContentProps = ComponentPropsWithRef<'div'>;
+export type ItemDefaultCheckProps = MenuItemCheckProps;
+export type ItemDescriptionProps = ComponentPropsWithRef<'div'>;
+export interface ItemProps extends MenuItemProps {
+    variant?: 'checkbox' | 'checkbox-mark' | 'radio' | 'radio-mark' | 'toggle';
+}
+export type ItemRadioCheckProps = ComponentPropsWithRef<'input'> & ComponentPropsWithRef<'label'>;
+export type ItemRadioProps = MenuItemRadioProps;
+export type ItemToggleCheckProps = ComponentPropsWithRef<'input'>;
+export type SearchProps = MenuItemProps;
+export interface SeparatorProps extends MenuSeparatorProps {
+    disabled?: boolean;
+}
+export interface SubmenuOptions extends Omit<ItemProps, 'store'> {
+    item: ReactNode;
+    size?: 'lg' | 'md';
+}
 export type TriggerProps = {
     store: MenuStore;
 };

package/dist/types/components/FileDrop/components/FilePreview.d.ts

@@ -1,2 +1,5 @@
 import { FilePreviewProps } from '../types';
-export declare const FilePreview: ({ file, fileName, forceFileType, previewButtonText, }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePreview: {
+    ({ file, fileName, forceFileType, previewButtonText, }: FilePreviewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};