welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/overflow-ellipsis-C2ESrF8C.js

@@ -0,0 +1,5 @@
+"use client";"use strict";const e=require("@xstyled/styled-components"),s=e.css`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;exports.overflowEllipsis=s;

package/dist/overflow-ellipsis-DGV5Kgt-.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { css as o } from "@xstyled/styled-components";
+const s = o`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+export {
+  s as o
+};

package/dist/radio-group-29lMl-2M.mjs

@@ -0,0 +1,51 @@
+"use client";
+import { c as l, u as f, a as m } from "./ITI7HKP4-Couz1Z73.mjs";
+import { c as v, a as R, b as S } from "./YV4JVR4I-1ezWeCCz.mjs";
+import { A as _, B as i, C as p, D as u, c as P, _ as x, i as V, E as b, a as d, f as C, b as E, m as G } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { u as g, a as j } from "./NLEBE274-FThuwZH_.mjs";
+function L(a = {}) {
+  var e = _(a, []), o;
+  const t = (o = e.store) == null ? void 0 : o.getState(), r = l(i(u({}, e), {
+    focusLoop: p(e.focusLoop, t == null ? void 0 : t.focusLoop, !0)
+  })), n = i(u({}, r.getState()), {
+    value: p(
+      e.value,
+      t == null ? void 0 : t.value,
+      e.defaultValue,
+      null
+    )
+  }), s = v(n, r, e.store);
+  return i(u(u({}, r), s), {
+    setValue: (c) => s.setState("value", c)
+  });
+}
+function N(a, e, o) {
+  return a = f(a, e, o), S(a, o, "value", "setValue"), a;
+}
+function A(a = {}) {
+  const [e, o] = R(L, a);
+  return N(e, o, a);
+}
+var h = "div", w = P(
+  function(e) {
+    var o = e, { store: t } = o, r = x(o, ["store"]);
+    const n = g();
+    return t = t || n, V(
+      t,
+      process.env.NODE_ENV !== "production" && "RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component."
+    ), r = b(
+      r,
+      (s) => /* @__PURE__ */ G.jsx(j, { value: t, children: s }),
+      [t]
+    ), r = d({
+      role: "radiogroup"
+    }, r), r = m(d({ store: t }, r)), r;
+  }
+), B = C(function(e) {
+  const o = w(e);
+  return E(h, o);
+});
+export {
+  B as R,
+  A as u
+};

package/dist/radio-group-BpImAAmy.js

@@ -0,0 +1 @@
+"use client";"use strict";const i=require("./ITI7HKP4-BPa8qpnl.js"),d=require("./YV4JVR4I-DIthYWMj.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),p=require("./NLEBE274-DvH3XTTw.js");function l(t={}){var o=e.__objRest$1(t,[]),r;const a=(r=o.store)==null?void 0:r.getState(),s=i.createCompositeStore(e.__spreadProps$1(e.__spreadValues$1({},o),{focusLoop:e.defaultValue(o.focusLoop,a==null?void 0:a.focusLoop,!0)})),n=e.__spreadProps$1(e.__spreadValues$1({},s.getState()),{value:e.defaultValue(o.value,a==null?void 0:a.value,o.defaultValue,null)}),u=d.createStore(n,s,o.store);return e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1({},s),u),{setValue:c=>u.setState("value",c)})}function _(t,o,r){return t=i.useCompositeStoreProps(t,o,r),d.useStoreProps(t,r,"value","setValue"),t}function v(t={}){const[o,r]=d.useStore(l,t);return _(o,r,t)}var R="div",f=e.createHook(function(o){var r=o,{store:a}=r,s=e.__objRest(r,["store"]);const n=p.useRadioProviderContext();return a=a||n,e.invariant(a,process.env.NODE_ENV!=="production"&&"RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component."),s=e.useWrapElement(s,u=>e.jsxRuntimeExports.jsx(p.RadioScopedContextProvider,{value:a,children:u}),[a]),s=e.__spreadValues({role:"radiogroup"},s),s=i.useComposite(e.__spreadValues({store:a},s)),s}),S=e.forwardRef2(function(o){const r=f(o);return e.createElement(R,r)});exports.RadioGroup=S;exports.useRadioStore=v;

package/dist/throttle-BB1Y3bfD.js

@@ -0,0 +1 @@
+"use client";"use strict";const i=(u,n,s=!0)=>{let t=null,e=null;return(...r)=>{const l=()=>{u(...e),t=null};e=r,t||(s&&l(),t=setTimeout(l,n))}};exports.throttle=i;

package/dist/throttle-BDBzFeFj.mjs

@@ -0,0 +1,13 @@
+"use client";
+const r = (n, u, s = !0) => {
+  let t = null, e = null;
+  return (...o) => {
+    const l = () => {
+      n(...e), t = null;
+    };
+    e = o, t || (s && l(), t = setTimeout(l, u));
+  };
+};
+export {
+  r as t
+};

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextProps } from '@welcome-ui/text';
+import { TextProps } from '../Text';
 export type AlertTitleProps = Pick<TextProps, 'children' | 'dataTestId' | 'variant'>;
 /**
  * @name Alert.Title

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ButtonProps } from '@welcome-ui/button';
+import { ButtonProps } from '../Button';
 import { CreateWuiProps } from '../System';
 type Size = 'sm' | 'md';
 type Variant = 'danger' | 'success' | 'warning' | 'info' | 'default' | 'beige';
@@ -18,7 +18,7 @@ export interface AlertOptions {
 export type AlertProps = CreateWuiProps<'div', AlertOptions>;
 export declare const Alert: import('../System').CreateWuiComponent<"div", AlertProps> & {
     Title: React.FC<import('./Title').AlertTitleProps>;
-    Button: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "variant" | "size">>;
-    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "variant" | "size">>;
+    Button: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "size" | "variant">>;
 };
 export {};

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

@@ -1,6 +1,6 @@
 import { AlertTitleProps } from './Title';
 import { AlertOptions } from './index';
 export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
-export declare const Icon: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"div", import('@welcome-ui/variant-icon').VariantIconProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../VariantIcon').VariantIconProps>, import('@xstyled/system').Theme, {}, never>;
 export declare const Alert: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & AlertOptions, never>;
-export declare const Title: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"p", import('@welcome-ui/text').TextProps>, import('@xstyled/system').Theme, AlertTitleProps, never>;
+export declare const Title: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, AlertTitleProps, never>;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { ShapeOptions } from '@welcome-ui/shape';
 import { Theme } from '@xstyled/styled-components';
+import { ShapeOptions } from '../Shape';
 import { CreateWuiProps } from '../System';
 type SubColor = Theme['colors'];
 type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';

package/dist/types/components/Avatar/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const Avatar: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"div", import('@welcome-ui/shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
-export declare const Text: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"p", import('@welcome-ui/text').TextProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Avatar: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Text: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/Badge/styles.d.ts

@@ -1,8 +1,8 @@
-import { WuiProps } from '@welcome-ui/system';
+import { WuiProps } from '../System';
 import { BadgeOptions } from '.';
 export type StyledBadgeProps = Pick<BadgeOptions, 'disabled' | 'size' | 'variant'> & {
     length: number;
 };
-export declare const Badge: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, Pick<BadgeOptions, "variant" | "disabled" | "size"> & {
+export declare const Badge: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, Pick<BadgeOptions, "size" | "disabled" | "variant"> & {
     length: number;
 } & WuiProps, never>;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ShapeProps } from '@welcome-ui/shape';
+import { ShapeProps } from '../Shape';
 export interface CoverOptions {
     src: string;
 }

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

@@ -1 +1 @@
-export declare const Cover: import('styled-components').StyledComponent<import('@welcome-ui/system').CreateWuiComponent<"div", import('@welcome-ui/shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Cover: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Shape').ShapeProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
+export interface CheckboxOptions extends DefaultFieldStylesProps {
+    Component?: React.ElementType;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    name?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export type CheckboxProps = CreateWuiProps<'input', CheckboxOptions>;
+export declare const Checkbox: import('../System').CreateWuiComponent<"input", CheckboxProps>;

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

@@ -0,0 +1,3 @@
+import { CheckboxProps } from './index';
+import * as Ariakit from '@ariakit/react';
+export declare const Checkbox: import('styled-components').StyledComponent<(props: Ariakit.CheckboxProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, CheckboxProps, never>;

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

@@ -0,0 +1,8 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeCheckboxes = {
+    checked: CSSObject;
+    default: CSSObject;
+    disabled: CSSObject;
+};
+export declare const getCheckboxes: (theme: ThemeValues) => ThemeCheckboxes;

package/dist/types/components/ClearButton/styles.d.ts

@@ -1 +1 @@
-export declare const ClearButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const ClearButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/CloseButton/styles.d.ts

@@ -1 +1 @@
-export declare const CloseButton: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const CloseButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,15 @@
+import { ReactDatePickerProps } from 'react-datepicker';
+import { CreateWuiProps } from '../System';
+import { CustomHeaderOptions, CustomInputOptions, StyledDatePicker } from '../DateTimePickerCommon';
+export interface DatePickerOptions {
+    onBlur?: CustomInputOptions['handleBlur'];
+    onChange?: (date?: Date) => void;
+    onFocus?: CustomInputOptions['handleFocus'];
+    placeholder?: ReactDatePickerProps['placeholderText'];
+    preventVirtualKeyboard?: boolean;
+    transparent?: boolean;
+    useWeekdaysShort?: boolean;
+    value: string | Date;
+}
+export type DatePickerProps = CreateWuiProps<typeof StyledDatePicker, Omit<ReactDatePickerProps, keyof DatePickerOptions | 'locale'> & Partial<Pick<CustomHeaderOptions, 'endYear' | 'startYear'>> & Pick<CustomHeaderOptions, 'locale'> & Omit<CustomInputOptions, 'handleBlur' | 'handleFocus' | 'onReset' | 'focused' | 'value'> & DatePickerOptions>;
+export declare const DatePicker: import('../System').CreateWuiComponent<"input", DatePickerProps>;

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

@@ -0,0 +1,5 @@
+import { DatePickerProps } from '../DatePicker';
+import { TimePickerProps } from '../TimePicker';
+import { CreateWuiProps } from '../System';
+export type DateTimePickerProps = CreateWuiProps<'input', Pick<DatePickerProps, 'disabled' | 'locale' | 'onChange' | 'size' | 'value' | 'transparent'> & Pick<TimePickerProps, 'disabled' | 'locale' | 'onChange' | 'size' | 'value' | 'transparent'>>;
+export declare const DateTimePicker: import('../System').CreateWuiComponent<"input", DateTimePickerProps>;

package/dist/types/components/DateTimePicker/styles.d.ts

@@ -0,0 +1 @@
+export declare const DateTimePicker: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Locale } from 'date-fns';
+import { CreateWuiProps } from '../System';
+export interface CustomHeaderOptions {
+    changeMonth: () => void;
+    changeYear: () => void;
+    date: Date;
+    decreaseMonth?: () => void;
+    decreaseYear?: () => void;
+    endYear: number;
+    increaseMonth?: () => void;
+    increaseYear?: () => void;
+    isMonthYearPicker?: boolean;
+    locale?: Locale;
+    startYear: number;
+}
+export type CustomHeaderProps = CreateWuiProps<'div', CustomHeaderOptions>;
+export declare const CustomHeader: React.FC<CustomHeaderProps>;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
+export type Focused = 'date' | 'time' | null;
+export type Icon = JSX.Element;
+export type IconPlacement = 'right' | 'left';
+export interface CustomInputOptions {
+    focused: Focused;
+    handleBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    handleFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    icon?: Icon;
+    iconPlacement?: IconPlacement;
+    onReset?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: DefaultFieldStylesProps['size'];
+    value?: string | null;
+}
+export type CustomInputProps = Omit<React.ComponentProps<'input'>, keyof CustomInputOptions> & CustomInputOptions;
+export declare const CustomInput: React.ForwardRefExoticComponent<Pick<CustomInputProps, "width" | "height" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "name" | "onClick" | "type" | "className" | "id" | "lang" | "max" | "min" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "alt" | "hidden" | "multiple" | "disabled" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "step" | keyof CustomInputOptions> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const CustomPopper: ({ children, }: {
+    children: React.ReactElement;
+}) => React.ReactElement;

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

@@ -0,0 +1 @@
+export declare const datePickerStyles: import('styled-components').FlattenSimpleInterpolation;

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

@@ -0,0 +1,5 @@
+export * from './CustomHeader';
+export * from './CustomPopper';
+export * from './CustomInput';
+export * from './utils';
+export { fixAriaMessageStyle, StyledDatePicker, StyledTimePicker } from './styles';

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

@@ -0,0 +1,9 @@
+import { Focused } from './CustomInput';
+export declare const StyledDatePicker: import('styled-components').StyledComponent<any, import('@xstyled/system').Theme, any, any>;
+export declare const StyledTimePicker: import('styled-components').StyledComponent<any, import('@xstyled/system').Theme, any, any>;
+export declare const CustomInput: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    focused: Focused;
+}, never>;
+export declare const CustomHeader: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Selects: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const fixAriaMessageStyle: import('styled-components').FlattenSimpleInterpolation;

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

@@ -0,0 +1,9 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeDateTimePickerCommon = {
+    item: {
+        selected: CSSObject;
+        today: CSSObject;
+    };
+};
+export declare const getDateTimePickerCommon: (theme: ThemeValues) => ThemeDateTimePickerCommon;

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

@@ -0,0 +1,6 @@
+import { Locale } from 'date-fns';
+import { SelectOption, SelectOptions } from '../Select';
+export declare const DEFAULT_DATE: Date;
+export declare const getDate: (date: string | number | Date, interval?: number) => Date;
+export declare const getMonths: (locale: Locale) => SelectOptions["options"];
+export declare const getYears: (startYear: number, endYear: number) => SelectOption[];

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { IconProps } from '../../Icon';
+type HeaderProps = {
+    /**
+     * Show on right a block, for example an HeaderAction
+     */
+    action?: React.ReactNode;
+    /**
+     * Icon from Icon component on the gray square
+     */
+    icon?: React.FC<IconProps>;
+    /**
+     * Add a back icon on header and call function on click
+     */
+    onBackButtonClick?: (props?: unknown) => void;
+    /**
+     * List of tags
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Title of asset
+     */
+    title: React.ReactNode;
+};
+export declare const Header: React.FC<HeaderProps>;
+export type IconBlockProps = {
+    icon: React.FC<IconProps>;
+    size?: 'sm' | 'md';
+};
+export declare const IconBlock: React.FC<IconBlockProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../../System';
+import * as Ariakit from '@ariakit/react';
+export type AssetDrawerProps = CreateWuiProps<'div', Ariakit.DialogOptions>;
+export declare const AssetDrawerComponent: import('../../System').CreateWuiComponent<"div", AssetDrawerProps>;

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

@@ -0,0 +1,3 @@
+import { IconBlockProps } from './Header';
+export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const IconBlock: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<IconBlockProps, "size">, never>;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { CloseButtonProps } from '../CloseButton';
+import * as Ariakit from '@ariakit/react';
+export type CloseProps = Ariakit.DialogDismissProps & CloseButtonProps;
+export declare const Close: React.FC<CloseProps>;

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+type ContentProps = CreateWuiProps<'div'>;
+export declare const Content: import('../System').CreateWuiComponent<"div", ContentProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+type FooterProps = CreateWuiProps<'div'>;
+export declare const Footer: import('../System').CreateWuiComponent<"div", FooterProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { TextProps } from '../Text';
+export declare const Title: React.FC<TextProps>;

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

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { As, CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+type Placement = 'top' | 'right' | 'bottom' | 'left';
+type Size = 'sm' | 'md' | 'lg' | 'auto' | string;
+export interface DrawerOptions extends Ariakit.DialogOptions<'div'> {
+    placement?: Placement;
+    size?: Size;
+    withBackdrop?: boolean;
+    withCloseButton?: boolean;
+}
+export type DrawerProps = CreateWuiProps<'div', DrawerOptions>;
+export type UseDrawer = Ariakit.DialogStore;
+export type UseDrawerProps = Ariakit.DialogStoreProps;
+export type UseDrawerState = Ariakit.DialogStoreState;
+export declare function useDrawer(options?: UseDrawerProps): UseDrawer;
+export interface DrawerBackdropOptions {
+    hideOnInteractOutside?: boolean;
+}
+/**
+ * @name Drawer.Backdrop
+ */
+export declare const DrawerBackdrop: React.FC<DrawerBackdropOptions>;
+type TriggerProps = {
+    as?: As;
+    children: React.ReactNode;
+    store: Ariakit.DialogStore;
+};
+export declare const Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+export declare const Drawer: import('../System').CreateWuiComponent<"div", DrawerProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Backdrop: React.FC<DrawerBackdropOptions>;
+    Close: React.FC<import('./Close').CloseProps>;
+    Title: React.FC<import('..').TextProps>;
+    Content: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+        as?: As;
+    }, never>>;
+    Footer: import('../System').CreateWuiComponent<"div", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../System').WuiProps>, never> & Omit<import('../System').WuiProps & import('../System').WuiTestProps & {
+        as?: As;
+    }, never>>;
+};
+export declare const AssetDrawer: import('../System').CreateWuiComponent<"div", import('./AssetDrawer').AssetDrawerProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Header: React.FC<{
+        action?: React.ReactNode;
+        icon?: React.FC<import('..').IconProps>;
+        onBackButtonClick?: (props?: unknown) => void;
+        subtitle?: React.ReactNode;
+        title: React.ReactNode;
+    }>;
+};
+export {};

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

@@ -0,0 +1,10 @@
+import { DrawerOptions } from '.';
+import * as Ariakit from '@ariakit/react';
+export declare const Drawer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & Pick<DrawerOptions, "size" | "placement">, never>;
+export declare const Backdrop: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {
+    hideOnInteractOutside: Ariakit.DialogProps["hideOnInteractOutside"];
+}, never>;
+export declare const Title: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const CloseButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('..').ButtonProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Footer: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,17 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type Size = 'sm' | 'md' | 'lg';
+export type ThemeDrawers = {
+    backdrop: CSSObject;
+    closeButton: CSSObject;
+    content: CSSObject;
+    default: CSSObject;
+    footer: CSSObject;
+    sizes: {
+        horizontal: Record<Size, Record<'width', string>>;
+        vertical: Record<Size, Record<'height', string>>;
+    };
+    title: CSSObject;
+};
+export declare const getDrawers: (theme: ThemeValues) => ThemeDrawers;
+export {};

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export type ArrowProps = CreateWuiProps<'div', Ariakit.MenuArrowProps>;
+export declare const Arrow: import('../System').CreateWuiComponent<"div", ArrowProps>;

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

@@ -0,0 +1,4 @@
+export declare const Arrow: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const ArrowItem: import('styled-components').StyledComponent<"svg", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    $transform: string;
+}, never>;

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export type ItemProps = CreateWuiProps<'button', Omit<Ariakit.MenuItemProps, 'as'>>;
+export declare const Item: import('../System').CreateWuiComponent<"button", ItemProps>;

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

@@ -0,0 +1 @@
+export declare const Item: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,4 @@
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export type SeparatorProps = CreateWuiProps<'div', Ariakit.MenuSeparatorProps>;
+export declare const Separator: import('../System').CreateWuiComponent<"div", SeparatorProps>;

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

@@ -0,0 +1 @@
+export declare const Separator: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,25 @@
+import { CreateWuiProps, WuiProps } from '../System';
+import { ThemeValues } from '../../theme';
+import * as Ariakit from '@ariakit/react';
+export interface DropdownMenuOptions extends Omit<Ariakit.MenuProps, 'gutter'> {
+    /** default 4px (space.xs) */
+    gutter?: keyof ThemeValues['space'] | number;
+    /** add custom props from styled system on DropdownMenu inner */
+    innerProps?: WuiProps;
+}
+export type DropdownMenuProps = CreateWuiProps<'div', DropdownMenuOptions>;
+export type UseDropdownMenu = Ariakit.MenuStore;
+export type UseDropdownMenuProps = Ariakit.MenuStoreProps;
+export type UseDropdownMenuState = Ariakit.MenuStoreState;
+export declare function useDropdownMenu(options?: UseDropdownMenuProps): UseDropdownMenu;
+type TriggerOptions = {
+    store: UseDropdownMenu;
+};
+type TriggerProps = CreateWuiProps<'button', TriggerOptions>;
+export declare const DropdownMenu: import('../System').CreateWuiComponent<"div", DropdownMenuProps> & {
+    Trigger: import('../System').CreateWuiComponent<"button", TriggerProps>;
+    Item: import('../System').CreateWuiComponent<"button", import('./Item').ItemProps>;
+    Separator: import('../System').CreateWuiComponent<"div", import('./Separator').SeparatorProps>;
+    Arrow: import('../System').CreateWuiComponent<"div", import('./Arrow').ArrowProps>;
+};
+export {};

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

@@ -0,0 +1 @@
+export declare const Inner: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,8 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeDropdownMenu = {
+    inner: CSSObject;
+    item: CSSObject;
+    separator: CSSObject;
+};
+export declare const getDropdownMenu: (theme: ThemeValues) => ThemeDropdownMenu;

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

@@ -0,0 +1,26 @@
+import { CreateWuiProps } from '../System';
+import { getBaseType } from './utils';
+type VariantProps = {
+    error?: string | JSX.Element;
+    success?: string | JSX.Element;
+    warning?: string | JSX.Element;
+};
+export interface FieldOptions extends VariantProps {
+    children: JSX.Element;
+    disabled?: boolean;
+    disabledIcon?: JSX.Element;
+    hint?: string | JSX.Element;
+    label?: string | JSX.Element;
+    required?: boolean;
+    transparent?: boolean;
+}
+export type FieldProps = CreateWuiProps<'div', FieldOptions>;
+export declare const Field: import('../System').CreateWuiComponent<"div", FieldProps>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    iconPlacement: "left" | "right";
+    size?: import('../../utils/field-styles').FieldIconSize;
+}, never>;
+export declare const IconGroupWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    size: import('../../utils/field-styles').FieldIconSize;
+}, never>;
+export { getBaseType };