welcome-ui 1.0.0-beta.2 → 1.0.0-beta.4

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/Accordion/index.d.ts

@@ -0,0 +1,16 @@
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export interface AccordionOptions {
+    icon?: JSX.Element;
+    /**
+     * store from useAccordion()
+     */
+    store: UseAccordion;
+    title: string | JSX.Element;
+}
+export type AccordionProps = CreateWuiProps<'div', AccordionOptions>;
+export declare const Accordion: import('../System').CreateWuiComponent<"div", AccordionProps>;
+export type UseAccordion = Ariakit.DisclosureStore;
+export type UseAccordionProps = Ariakit.DisclosureStoreProps;
+export type UseAccordionState = Ariakit.DisclosureStoreState;
+export declare function useAccordion(options?: UseAccordionProps): UseAccordion;

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

@@ -0,0 +1,6 @@
+import * as Ariakit from '@ariakit/react';
+export declare const Accordion: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+export declare const Disclosure: import('styled-components').StyledComponent<(props: Ariakit.DisclosureProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<({ unmountOnHide, ...props }: Ariakit.DisclosureContentProps) => import("react/jsx-runtime").JSX.Element | null, import('@xstyled/system').Theme, {}, never>;
+export declare const ContentChild: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1,10 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeAccordions = {
+    content: CSSObject;
+    icon: CSSObject;
+    padding: string;
+    title: CSSObject;
+    wrapper: CSSObject;
+};
+export declare const getAccordions: (theme: ThemeValues) => ThemeAccordions;

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TextProps } from '../Text';
+export type AlertTitleProps = Pick<TextProps, 'children' | 'dataTestId' | 'variant'>;
+/**
+ * @name Alert.Title
+ */
+export declare const Title: React.FC<AlertTitleProps>;

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../Button';
+import { CreateWuiProps } from '../System';
+type Size = 'sm' | 'md';
+type Variant = 'danger' | 'success' | 'warning' | 'info' | 'default' | 'beige';
+export interface AlertOptions {
+    closeButtonDataTestId?: string;
+    cta?: JSX.Element;
+    /**
+     * @description add a close button with an onclick handleClose function
+     */
+    handleClose?: () => void;
+    icon?: JSX.Element | null;
+    isFullWidth?: boolean;
+    size?: Size;
+    variant?: Variant;
+}
+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, "size" | "variant">>;
+    SecondaryButton: import('../System').CreateWuiComponent<"button", Omit<ButtonProps, "size" | "variant">>;
+};
+export {};

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

@@ -0,0 +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('../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('../System').CreateWuiComponent<"p", import('../Text').TextProps>, import('@xstyled/system').Theme, AlertTitleProps, never>;

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

@@ -0,0 +1,15 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type State = 'default' | 'danger' | 'warning' | 'info' | 'success' | 'beige';
+type Sizes = 'sm' | 'md';
+type AttributesState = CSSObject;
+export type ThemeAlerts = {
+    default: CSSObject;
+    sizes: Record<Sizes, CSSObject>;
+    title: {
+        default: CSSObject;
+        sizes: Record<Sizes, CSSObject>;
+    };
+} & Record<State, AttributesState>;
+export declare const getAlerts: (theme: ThemeValues) => ThemeAlerts;
+export {};

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

@@ -0,0 +1,6 @@
+import { CreateWuiProps } from '../System';
+export interface AspectRatioOptions {
+    ratio?: number;
+}
+export type AspectRatioProps = CreateWuiProps<'div', AspectRatioOptions>;
+export declare const AspectRatio: import('../System').CreateWuiComponent<"div", AspectRatioProps>;

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

@@ -0,0 +1,2 @@
+import { AspectRatioOptions } from '.';
+export declare const AspectRatio: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & AspectRatioOptions, never>;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+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';
+export interface AvatarOptions {
+    color?: string | SubColor;
+    getInitials?: (name: string) => string;
+    name: string;
+    size?: Size;
+    src?: string;
+}
+export type AvatarProps = CreateWuiProps<'div', AvatarOptions & ShapeOptions>;
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

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

@@ -0,0 +1,2 @@
+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/Avatar/theme.d.ts

@@ -0,0 +1,9 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type Size = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type ThemeAvatars = {
+    sizes: Record<Size, string>;
+    text: CSSObject;
+};
+export declare const getAvatars: (theme: ThemeValues) => ThemeAvatars;
+export {};

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

@@ -0,0 +1,3 @@
+import { Theme } from '@xstyled/styled-components';
+export declare function getColorByLength(colors: Theme['colors'], text?: string): string;
+export declare function getInitials(name?: string): string;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export type BadgeOptions = {
+    children: React.ReactElement | string | number;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    variant?: 'default' | 'primary';
+    withNumberAbbreviation?: boolean;
+};
+export type BadgeProps = CreateWuiProps<'div', BadgeOptions>;
+export declare const Badge: import('../System').CreateWuiComponent<"div", BadgeProps>;

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

@@ -0,0 +1,8 @@
+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, "size" | "disabled" | "variant"> & {
+    length: number;
+} & WuiProps, never>;

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

@@ -0,0 +1,18 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeBadges = {
+    default: CSSObject;
+    disabled: {
+        default: CSSObject;
+        primary: CSSObject;
+    };
+    sizes: {
+        md: CSSObject;
+        sm: CSSObject;
+    };
+    variants: {
+        default: CSSObject;
+        primary: CSSObject;
+    };
+};
+export declare const getBadges: (theme: ThemeValues) => ThemeBadges;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export interface ItemOptions {
+    children: React.ReactNode;
+    isActive?: boolean;
+    separator?: string | React.ReactNode;
+    to?: string;
+}
+export type ItemProps = CreateWuiProps<'a', ItemOptions>;
+/**
+ * @name Breadcrumb.Item
+ */
+export declare const Item: import('../System').CreateWuiComponent<"a", ItemProps>;

package/dist/types/components/Breadcrumb/Item.styles.d.ts

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

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { Theme } from '@xstyled/styled-components';
+import { CreateWuiProps } from '../System';
+type Colors = Theme['colors'];
+export interface BreadcrumbOptions {
+    children: React.ReactNode | React.ReactNode[];
+    /** color from theme, add for scroll gradient on mobile */
+    gradientBackground?: Colors;
+    /** set clickable or not the last child */
+    lastChildNotClickable?: boolean;
+    separator?: string | React.ReactNode;
+}
+export type BreadcrumbProps = CreateWuiProps<'div', BreadcrumbOptions>;
+export declare const BreadcrumbComponent: import('../System').CreateWuiComponent<"div", BreadcrumbProps>;
+export declare const Breadcrumb: import('../System').CreateWuiComponent<"div", BreadcrumbProps> & {
+    Item: import('../System').CreateWuiComponent<"a", import('./Item').ItemProps>;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { Theme } from '@xstyled/styled-components';
+import { BreadcrumbOptions } from './index';
+export declare const StartGradient: import('styled-components').StyledComponent<"span", Theme, import('@xstyled/system').SystemProps<Theme> & Pick<BreadcrumbOptions, "gradientBackground">, never>;
+export declare const EndGradient: import('styled-components').StyledComponent<"span", Theme, import('@xstyled/system').SystemProps<Theme> & Pick<BreadcrumbOptions, "gradientBackground">, never>;
+export declare const Breadcrumb: import('styled-components').StyledComponent<"div", Theme, import('@xstyled/system').SystemProps<Theme>, never>;
+export declare const List: import('styled-components').StyledComponent<"ol", Theme, import('@xstyled/system').SystemProps<Theme>, never>;

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

@@ -0,0 +1,12 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeBreadcrumbs = {
+    item: {
+        active: CSSObject;
+        default: CSSObject;
+        hover: CSSObject;
+    };
+    list: CSSObject;
+    separator: CSSObject;
+};
+export declare const getBreadcrumbs: (theme: ThemeValues) => ThemeBreadcrumbs;

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+type Shape = 'circle' | 'square';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Variant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'disabled';
+export interface ButtonOptions {
+    /** Danger button with 3 variants: primary / tertiary / ghost */
+    danger?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    shape?: Shape;
+    size?: Size;
+    variant?: Variant;
+}
+export type ButtonProps = CreateWuiProps<'button', ButtonOptions>;
+/**
+ * @tag button
+ */
+export declare const Button: import('../System').CreateWuiComponent<"button", ButtonProps>;
+export declare const StyledButton: import('styled-components').StyledComponent<(props: import('@ariakit/react').ButtonProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ButtonOptions, never>;
+export {};

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

@@ -0,0 +1,2 @@
+import { ButtonOptions } from './index';
+export declare const Button: import('styled-components').StyledComponent<(props: import('@ariakit/react').ButtonProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ButtonOptions, never>;

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

@@ -0,0 +1,13 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+import { ThemeFocus } from '../../theme/focus';
+type CommonAttributesButton = CSSObject;
+type SizeAttributesButton = CSSObject;
+type Variant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Icon = 'only' | 'default';
+export type ThemeButtons = Record<Variant | 'danger', CommonAttributesButton> & Record<'hover', Record<Variant | 'danger', CommonAttributesButton>> & Record<'focus', Record<Variant | 'danger', unknown>> & Record<'active', Record<Variant | 'danger', CommonAttributesButton>> & Record<'disabled', CommonAttributesButton & {
+    '&:focus': ReturnType<ThemeFocus>;
+}> & Record<'sizes', Record<Size, SizeAttributesButton>> & Record<'icon', Record<Icon, Record<Size, string>>>;
+export declare const getButtons: (theme: ThemeValues) => ThemeButtons;
+export {};

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { Button, ButtonProps } from '../Button';
+type ChildType = React.ReactElement<typeof Button> | null | undefined | boolean;
+type ChildrenProps = ChildType | ChildType[];
+export interface ButtonGroupOptions {
+    children: ChildrenProps;
+    /** Disable all your buttons components */
+    disabled?: boolean;
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+}
+export type ButtonGroupProps = CreateWuiProps<'div', ButtonGroupOptions>;
+export declare const ButtonGroup: import('../System').CreateWuiComponent<"div", ButtonGroupProps>;
+export {};

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

@@ -0,0 +1 @@
+export declare const ButtonGroup: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, import('@xstyled/util').Props<import('@xstyled/system').Theme> & import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ShapeProps } from '../Shape';
+export interface CoverOptions {
+    src: string;
+}
+export type CoverProps = CoverOptions & ShapeProps;
+/**
+ * @name Card.Cover
+ */
+export declare const Cover: React.FC<CoverProps>;

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

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

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export type CardProps = CreateWuiProps<'div'>;
+export declare const CardComponent: import('../System').CreateWuiComponent<"div", CardProps>;
+export declare const Card: import('../System').CreateWuiComponent<"div", CardProps> & {
+    Body: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;
+    Cover: React.FC<import('./Cover').CoverProps>;
+};

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

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

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

@@ -0,0 +1,6 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeCards = {
+    default: CSSObject;
+};
+export declare const getCards: (theme: ThemeValues) => ThemeCards;

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/index.d.ts

@@ -0,0 +1,5 @@
+import { ButtonOptions } from '../Button';
+import { CreateWuiProps } from '../System';
+export type ClearButtonProps = CreateWuiProps<'button', Omit<ButtonOptions, 'shape' | 'title' | 'variant'>>;
+export declare const ClearButton: import('../System').CreateWuiComponent<"button", ClearButtonProps>;
+export declare const StyledClearButton: import('styled-components').StyledComponent<import('../System').CreateWuiComponent<"button", import('../Button').ButtonProps>, import('@xstyled/system').Theme, {}, never>;

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

@@ -0,0 +1 @@
+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/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../Button';
+export type CloseButtonProps = ButtonProps;
+export declare const CloseButton: import('../System').CreateWuiComponent<"button", ButtonProps>;

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

@@ -0,0 +1 @@
+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" | "type" | "name" | "hidden" | "multiple" | "disabled" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "onClick" | "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" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "alt" | "max" | "min" | "crossOrigin" | "list" | "step" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | 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;