@economic/taco 1.11.1 → 1.12.0

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { AlertDialogTriggerProps } from './components/Trigger';
+import { AlertDialogCancelProps, AlertDialogActionProps, AlertDialogFooterProps } from './components/Footer';
+import { AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';
+import { DialogSize } from '../Dialog/types';
+export declare type AlertDialogProps = {
+    children: React.ReactNode | React.ReactNode[];
+    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */
+    defaultOpen?: boolean;
+    /** Allows dragging the alert dialog around the screen (window constrained) */
+    draggable?: boolean;
+    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */
+    onChange?: (open: boolean) => void;
+    /** Control the open state of the dialog from outside the component  */
+    open?: boolean;
+    /** Size of the alert dialog. This is the recommended way to set a size for alert dialog component. */
+    size?: DialogSize;
+    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */
+    trigger?: JSX.Element;
+};
+export declare type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<AlertDialogProps & React.RefAttributes<HTMLElement>> & {
+    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export declare const AlertDialog: ForwardedAlertDialogWithStatics;

package/dist/components/AlertDialog/AlertDialog.stories.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { AlertDialogProps } from './AlertDialog';
+import { DialogProps } from '../../index';
+declare const _default: {
+    title: string;
+    component: import("./AlertDialog").ForwardedAlertDialogWithStatics;
+    argTypes: {
+        trigger: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Basic: (args: AlertDialogProps) => JSX.Element;
+export declare const Draggable: {
+    (args: DialogProps): JSX.Element;
+    args: {
+        draggable: boolean;
+        size: string;
+    };
+};
+export declare const OpenByDefault: {
+    (args: DialogProps): JSX.Element;
+    storyName: string;
+};

package/dist/components/AlertDialog/Context.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DialogSize } from '../Dialog/types';
+export declare type AlertDialogContext = {
+    draggable: boolean;
+    onClose?: () => void;
+    props: {};
+    ref: React.Ref<HTMLElement>;
+    size: DialogSize;
+};
+export declare const AlertDialogContext: React.Context<AlertDialogContext>;
+export declare const useCurrentAlertDialog: () => AlertDialogContext;

package/dist/components/AlertDialog/components/Content.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export declare type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export declare const Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /** An accessible label to be announced when the dialog is opened */
+    'aria-label': string;
+    children: React.ReactNode;
+};
+export declare const Content: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "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" | "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"> & {
+    /** An accessible label to be announced when the dialog is opened */
+    'aria-label': string;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/AlertDialog/components/Footer.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+export declare type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/AlertDialog/components/Trigger.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;
+export declare const Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Badge/Badge.stories.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
         children: React.ReactNode;
         compact?: boolean | undefined;
         outline?: boolean | undefined;
-        state?: "warning" | "information" | "default" | "success" | "error" | undefined;
+        state?: "warning" | "default" | "information" | "success" | "error" | undefined;
     } & React.RefAttributes<HTMLSpanElement>>;
 };
 export default _default;

package/dist/components/Button/Button.stories.d.ts

@@ -58,6 +58,10 @@ export declare const WithDialog: {
     (args: ButtonProps): JSX.Element;
     storyName: string;
 };
+export declare const WithAlertDialog: {
+    (args: ButtonProps): JSX.Element;
+    storyName: string;
+};
 export declare const WithPopover: {
     (args: ButtonProps): JSX.Element;
     storyName: string;

package/dist/components/Table/util/sortTypes.d.ts

@@ -1,4 +1,4 @@
 import { SortTypes, TableRow } from '../types';
 declare type SortHandler<T> = (rowA: TableRow<T>, rowB: TableRow<T>, columnId: string) => 0 | 1 | -1;
-export declare const sortTypes: Record<SortTypes, SortHandler<any>>;
+export declare const sortTypes: (locale: string) => Record<SortTypes, SortHandler<any>>;
 export {};

package/dist/esm/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,42 @@
+import { forwardRef, useMemo, createElement } from 'react';
+import { Root } from '@radix-ui/react-alert-dialog';
+import { AlertDialogContext } from './Context.js';
+import { Trigger } from './components/Trigger.js';
+import { Cancel, Action, Footer } from './components/Footer.js';
+import { Content, Title } from './components/Content.js';
+
+const AlertDialog = /*#__PURE__*/forwardRef(function AlertDialog(props, ref) {
+  const {
+    children: initialChildren,
+    defaultOpen,
+    draggable = false,
+    size = 'dialog',
+    onChange,
+    open,
+    trigger,
+    ...otherProps
+  } = props;
+  const context = useMemo(() => ({
+    ref,
+    draggable,
+    props: otherProps,
+    size,
+    trigger
+  }), [draggable, open, otherProps]);
+  return /*#__PURE__*/createElement(AlertDialogContext.Provider, {
+    value: context
+  }, /*#__PURE__*/createElement(Root, Object.assign({}, props, {
+    defaultOpen: defaultOpen,
+    open: open,
+    onOpenChange: onChange
+  }), trigger && /*#__PURE__*/createElement(Trigger, null, trigger), props.children));
+});
+AlertDialog.Trigger = Trigger;
+AlertDialog.Content = Content;
+AlertDialog.Title = Title;
+AlertDialog.Cancel = Cancel;
+AlertDialog.Action = Action;
+AlertDialog.Footer = Footer;
+
+export { AlertDialog };
+//# sourceMappingURL=AlertDialog.js.map

package/dist/esm/components/AlertDialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { AlertDialogContext } from './Context';\nimport { Trigger, AlertDialogTriggerProps } from './components/Trigger';\nimport {\n    Cancel,\n    Action,\n    Footer,\n    AlertDialogCancelProps,\n    AlertDialogActionProps,\n    AlertDialogFooterProps,\n} from './components/Footer';\nimport { Title, Content, AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';\nimport { DialogSize } from '../Dialog/types';\n\nexport type AlertDialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Allows dragging the alert dialog around the screen (window constrained) */\n    draggable?: boolean;\n    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** Size of the alert dialog. This is the recommended way to set a size for alert dialog component. */\n    size?: DialogSize;\n    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nexport type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<\n    AlertDialogProps & React.RefAttributes<HTMLElement>\n> & {\n    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;\n    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const AlertDialog = React.forwardRef(function AlertDialog(props: AlertDialogProps, ref: React.Ref<HTMLElement>) {\n    const {\n        children: initialChildren,\n        defaultOpen,\n        draggable = false,\n        size = 'dialog',\n        onChange,\n        open,\n        trigger,\n        ...otherProps\n    } = props;\n\n    const context = React.useMemo(\n        () => ({\n            ref,\n            draggable,\n            props: otherProps,\n            size,\n            trigger,\n        }),\n        [draggable, open, otherProps]\n    );\n\n    return (\n        <AlertDialogContext.Provider value={context}>\n            <AlertDialogPrimitive.Root {...props} defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {props.children}\n            </AlertDialogPrimitive.Root>\n        </AlertDialogContext.Provider>\n    );\n}) as ForwardedAlertDialogWithStatics;\n\nAlertDialog.Trigger = Trigger;\nAlertDialog.Content = Content;\nAlertDialog.Title = Title;\nAlertDialog.Cancel = Cancel;\nAlertDialog.Action = Action;\nAlertDialog.Footer = Footer;\n"],"names":["AlertDialog","React","props","ref","children","initialChildren","defaultOpen","draggable","size","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MA0CaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,CAAqBE,KAArB,EAA8CC,GAA9C;EACxC,MAAM;IACFC,QAAQ,EAAEC,eADR;IAEFC,WAFE;IAGFC,SAAS,GAAG,KAHV;IAIFC,IAAI,GAAG,QAJL;IAKFC,QALE;IAMFC,IANE;IAOFC,OAPE;IAQF,GAAGC;MACHV,KATJ;EAWA,MAAMW,OAAO,GAAGZ,OAAA,CACZ,OAAO;IACHE,GADG;IAEHI,SAFG;IAGHL,KAAK,EAAEU,UAHJ;IAIHJ,IAJG;IAKHG;GALJ,CADY,EAQZ,CAACJ,SAAD,EAAYG,IAAZ,EAAkBE,UAAlB,CARY,CAAhB;EAWA,oBACIX,aAAA,CAACa,kBAAkB,CAACC,QAApB;IAA6BC,KAAK,EAAEH;GAApC,eACIZ,aAAA,CAACgB,IAAD,oBAA+Bf;IAAOI,WAAW,EAAEA;IAAaI,IAAI,EAAEA;IAAMQ,YAAY,EAAET;IAA1F,EACKE,OAAO,iBAAIV,aAAA,CAACkB,OAAD,MAAA,EAAUR,OAAV,CADhB,EAEKT,KAAK,CAACE,QAFX,CADJ,CADJ;AAQH,CA/B0B;AAiC3BJ,WAAW,CAACmB,OAAZ,GAAsBA,OAAtB;AACAnB,WAAW,CAACoB,OAAZ,GAAsBA,OAAtB;AACApB,WAAW,CAACqB,KAAZ,GAAoBA,KAApB;AACArB,WAAW,CAACsB,MAAZ,GAAqBA,MAArB;AACAtB,WAAW,CAACuB,MAAZ,GAAqBA,MAArB;AACAvB,WAAW,CAACwB,MAAZ,GAAqBA,MAArB;;;;"}

package/dist/esm/components/AlertDialog/Context.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+/* eslint-disable @typescript-eslint/no-empty-function */
+const AlertDialogContext = /*#__PURE__*/React__default.createContext({
+  draggable: false,
+  onClose: () => {},
+  props: {},
+  ref: null,
+  size: 'dialog'
+});
+const useCurrentAlertDialog = () => {
+  return React__default.useContext(AlertDialogContext);
+};
+
+export { AlertDialogContext, useCurrentAlertDialog };
+//# sourceMappingURL=Context.js.map

package/dist/esm/components/AlertDialog/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\nimport { DialogSize } from '../Dialog/types';\n\nexport type AlertDialogContext = {\n    draggable: boolean;\n    onClose?: () => void;\n    props: {};\n    ref: React.Ref<HTMLElement>;\n    size: DialogSize;\n};\n\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\n    draggable: false,\n    onClose: () => {},\n    props: {},\n    ref: null,\n    size: 'dialog',\n});\n\nexport const useCurrentAlertDialog = () => {\n    return React.useContext(AlertDialogContext);\n};\n"],"names":["AlertDialogContext","React","createContext","draggable","onClose","props","ref","size","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAYaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAN,CAAwC;EACtEC,SAAS,EAAE,KAD2D;EAEtEC,OAAO,EAAE,QAF6D;EAGtEC,KAAK,EAAE,EAH+D;EAItEC,GAAG,EAAE,IAJiE;EAKtEC,IAAI,EAAE;AALgE,CAAxC;MAQrBC,qBAAqB,GAAG;EACjC,OAAOP,cAAK,CAACQ,UAAN,CAAiBT,kBAAjB,CAAP;AACH;;;;"}

package/dist/esm/components/AlertDialog/components/Content.js

@@ -0,0 +1,46 @@
+import { forwardRef, createElement } from 'react';
+import { Title as Title$1, Portal, Overlay, Content as Content$1 } from '@radix-ui/react-alert-dialog';
+import { useCurrentAlertDialog } from '../Context.js';
+import cn from 'classnames';
+import { Backdrop } from '../../Backdrop/Backdrop.js';
+import { useDraggable } from '../../../utils/hooks/useDraggable.js';
+import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
+
+const Title = /*#__PURE__*/forwardRef(function AlertDialogTitle(props, ref) {
+  const className = cn('text-center', props.className);
+  return /*#__PURE__*/createElement(Title$1, Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
+const Content = /*#__PURE__*/forwardRef(function AlertDialogContent(props, ref) {
+  const dialog = useCurrentAlertDialog();
+  const internalRef = useProxiedRef(ref);
+  const {
+    position,
+    handleProps: dragHandleProps
+  } = useDraggable(internalRef);
+  const className = cn('bg-white rounded relative p-6 mt-16 mx-auto origin-center rounded animate-[fade-in_150ms] z-[997] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]', {
+    'w-128 justify-center': dialog.size === 'dialog',
+    'w-xs': dialog.size === 'xs',
+    'w-sm': dialog.size === 'sm',
+    'w-md': dialog.size === 'md',
+    'w-lg': dialog.size === 'lg'
+  });
+  return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Overlay, {
+    asChild: true
+  }, /*#__PURE__*/createElement(Backdrop, null, /*#__PURE__*/createElement(Content$1, Object.assign({}, props, {
+    ref: ref,
+    className: className,
+    style: { ...props.style,
+      left: dialog.draggable ? `${position.x}px` : undefined,
+      top: dialog.draggable ? `${position.y}px` : undefined
+    }
+  }), dialog.draggable && /*#__PURE__*/createElement("div", Object.assign({}, dragHandleProps, {
+    "aria-label": 'alert-dialog-drag',
+    className: "yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center"
+  })), props.children))));
+});
+
+export { Content, Title };
+//# sourceMappingURL=Content.js.map

package/dist/esm/components/AlertDialog/components/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport cn from 'classnames';\nimport { useCurrentAlertDialog } from '../Context';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const className = cn('text-center', props.className);\n    return <AlertDialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const dialog = useCurrentAlertDialog();\n    const internalRef = useProxiedRef<HTMLDivElement>(ref);\n    const { position, handleProps: dragHandleProps } = useDraggable(internalRef);\n    const className = cn(\n        'bg-white rounded relative p-6 mt-16 mx-auto origin-center rounded animate-[fade-in_150ms] z-[997] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]',\n        {\n            'w-128 justify-center': dialog.size === 'dialog',\n            'w-xs': dialog.size === 'xs',\n            'w-sm': dialog.size === 'sm',\n            'w-md': dialog.size === 'md',\n            'w-lg': dialog.size === 'lg',\n        }\n    );\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <AlertDialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <AlertDialogPrimitive.Content\n                        {...props}\n                        ref={ref}\n                        className={className}\n                        style={{\n                            ...props.style,\n                            left: dialog.draggable ? `${position.x}px` : undefined,\n                            top: dialog.draggable ? `${position.y}px` : undefined,\n                        }}>\n                        {dialog.draggable && (\n                            <div\n                                {...dragHandleProps}\n                                aria-label={'alert-dialog-drag'}\n                                className=\"yt-dialog__drag absolute-center-x bg-grey-light top-1.5 h-3 w-24 cursor-move rounded text-center\"\n                            />\n                        )}\n                        {props.children}\n                    </AlertDialogPrimitive.Content>\n                </Backdrop>\n            </AlertDialogPrimitive.Overlay>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["Title","React","AlertDialogTitle","props","ref","className","cn","AlertDialogPrimitive","Content","AlertDialogContent","dialog","useCurrentAlertDialog","internalRef","useProxiedRef","position","handleProps","dragHandleProps","useDraggable","size","asChild","Backdrop","style","left","draggable","x","undefined","top","y","children"],"mappings":";;;;;;;;MASaA,KAAK,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAClCC,KADkC,EAElCC,GAFkC;EAIlC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAD,EAAgBH,KAAK,CAACE,SAAtB,CAApB;EACA,oBAAOJ,aAAA,CAACM,OAAD,oBAAgCJ;IAAOE,SAAS,EAAEA;IAAWD,GAAG,EAAEA;IAAlE,CAAP;AACH,CANoB;MAaRI,OAAO,gBAAGP,UAAA,CAAiB,SAASQ,kBAAT,CACpCN,KADoC,EAEpCC,GAFoC;EAIpC,MAAMM,MAAM,GAAGC,qBAAqB,EAApC;EACA,MAAMC,WAAW,GAAGC,aAAa,CAAiBT,GAAjB,CAAjC;EACA,MAAM;IAAEU,QAAF;IAAYC,WAAW,EAAEC;MAAoBC,YAAY,CAACL,WAAD,CAA/D;EACA,MAAMP,SAAS,GAAGC,EAAE,CAChB,wKADgB,EAEhB;IACI,wBAAwBI,MAAM,CAACQ,IAAP,KAAgB,QAD5C;IAEI,QAAQR,MAAM,CAACQ,IAAP,KAAgB,IAF5B;IAGI,QAAQR,MAAM,CAACQ,IAAP,KAAgB,IAH5B;IAII,QAAQR,MAAM,CAACQ,IAAP,KAAgB,IAJ5B;IAKI,QAAQR,MAAM,CAACQ,IAAP,KAAgB;GAPZ,CAApB;EAWA,oBACIjB,aAAA,CAACM,MAAD,MAAA,eACIN,aAAA,CAACM,OAAD;IAA8BY,OAAO;GAArC,eACIlB,aAAA,CAACmB,QAAD,MAAA,eACInB,aAAA,CAACM,SAAD,oBACQJ;IACJC,GAAG,EAAEA;IACLC,SAAS,EAAEA;IACXgB,KAAK,EAAE,EACH,GAAGlB,KAAK,CAACkB,KADN;MAEHC,IAAI,EAAEZ,MAAM,CAACa,SAAP,MAAsBT,QAAQ,CAACU,KAA/B,GAAuCC,SAF1C;MAGHC,GAAG,EAAEhB,MAAM,CAACa,SAAP,MAAsBT,QAAQ,CAACa,KAA/B,GAAuCF;;IAPpD,EASKf,MAAM,CAACa,SAAP,iBACGtB,aAAA,MAAA,oBACQe;kBACQ;IACZX,SAAS,EAAC;IAHd,CAVR,EAgBKF,KAAK,CAACyB,QAhBX,CADJ,CADJ,CADJ,CADJ;AA0BH,CA5CsB;;;;"}

package/dist/esm/components/AlertDialog/components/Footer.js

@@ -0,0 +1,26 @@
+import { forwardRef, createElement } from 'react';
+import { Cancel as Cancel$1, Action as Action$1 } from '@radix-ui/react-alert-dialog';
+
+const Footer = /*#__PURE__*/forwardRef(function AlertDialogFooter(props, ref) {
+  const className = 'flex justify-end gap-2';
+  return /*#__PURE__*/createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }), props.children);
+});
+const Cancel = /*#__PURE__*/forwardRef(function AlertDialogCancel(props, ref) {
+  return /*#__PURE__*/createElement(Cancel$1, Object.assign({}, props, {
+    ref: ref,
+    asChild: true
+  }));
+});
+const Action = /*#__PURE__*/forwardRef(function AlertDialogAction(props, ref) {
+  return /*#__PURE__*/createElement(Action$1, Object.assign({}, props, {
+    className: props.className,
+    ref: ref,
+    asChild: true
+  }));
+});
+
+export { Action, Cancel, Footer };
+//# sourceMappingURL=Footer.js.map

package/dist/esm/components/AlertDialog/components/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../src/components/AlertDialog/components/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nexport type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function AlertDialogFooter(props: AlertDialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = 'flex justify-end gap-2';\n\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Cancel = React.forwardRef(function AlertDialogCancel(\n    props: AlertDialogCancelProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    return <AlertDialogPrimitive.Cancel {...props} ref={ref} asChild />;\n});\n\nexport type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Action = React.forwardRef(function AlertDialogAction(\n    props: AlertDialogActionProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    return <AlertDialogPrimitive.Action {...props} className={props.className} ref={ref} asChild />;\n});\n"],"names":["Footer","React","AlertDialogFooter","props","ref","className","children","Cancel","AlertDialogCancel","AlertDialogPrimitive","asChild","Action","AlertDialogAction"],"mappings":";;;MAIaA,MAAM,gBAAGC,UAAA,CAAiB,SAASC,iBAAT,CAA2BC,KAA3B,EAA0DC,GAA1D;EACnC,MAAMC,SAAS,GAAG,wBAAlB;EAEA,oBACIJ,aAAA,MAAA,oBAASE;IAAOE,SAAS,EAAEA;IAAWD,GAAG,EAAEA;IAA3C,EACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARqB;MAWTC,MAAM,gBAAGN,UAAA,CAAiB,SAASO,iBAAT,CACnCL,KADmC,EAEnCC,GAFmC;EAInC,oBAAOH,aAAA,CAACQ,QAAD,oBAAiCN;IAAOC,GAAG,EAAEA;IAAKM,OAAO;IAAzD,CAAP;AACH,CALqB;MAQTC,MAAM,gBAAGV,UAAA,CAAiB,SAASW,iBAAT,CACnCT,KADmC,EAEnCC,GAFmC;EAInC,oBAAOH,aAAA,CAACQ,QAAD,oBAAiCN;IAAOE,SAAS,EAAEF,KAAK,CAACE;IAAWD,GAAG,EAAEA;IAAKM,OAAO;IAArF,CAAP;AACH,CALqB;;;;"}

package/dist/esm/components/AlertDialog/components/Trigger.js

@@ -0,0 +1,15 @@
+import { forwardRef, createElement } from 'react';
+import { Trigger as Trigger$1 } from '@radix-ui/react-alert-dialog';
+import { useCurrentAlertDialog } from '../Context.js';
+import { mergeRefs } from '../../../utils/mergeRefs.js';
+
+const Trigger = /*#__PURE__*/forwardRef(function AlertDialogTrigger(props, ref) {
+  const dialog = useCurrentAlertDialog();
+  return /*#__PURE__*/createElement(Trigger$1, Object.assign({}, props, {
+    ref: mergeRefs([dialog.ref, ref]),
+    asChild: true
+  }));
+});
+
+export { Trigger };
+//# sourceMappingURL=Trigger.js.map

package/dist/esm/components/AlertDialog/components/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { useCurrentAlertDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    const dialog = useCurrentAlertDialog();\n    return <AlertDialogPrimitive.Trigger {...props} ref={mergeRefs([dialog.ref, ref])} asChild />;\n});\n"],"names":["Trigger","React","AlertDialogTrigger","props","ref","dialog","useCurrentAlertDialog","AlertDialogPrimitive","mergeRefs","asChild"],"mappings":";;;;;MAMaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,kBAAT,CACpCC,KADoC,EAEpCC,GAFoC;EAIpC,MAAMC,MAAM,GAAGC,qBAAqB,EAApC;EACA,oBAAOL,aAAA,CAACM,SAAD,oBAAkCJ;IAAOC,GAAG,EAAEI,SAAS,CAAC,CAACH,MAAM,CAACD,GAAR,EAAaA,GAAb,CAAD;IAAqBK,OAAO;IAAnF,CAAP;AACH,CANsB;;;;"}

package/dist/esm/components/Card/Card.js

@@ -1,9 +1,12 @@
 import { forwardRef, createElement } from 'react';
+import '../../utils/mergeRefs.js';
 import cn from 'classnames';
+import '../Backdrop/Backdrop.js';
+import '../../utils/hooks/useProxiedRef.js';
+import '../AlertDialog/AlertDialog.js';
 import '../Icon/components/index.js';
 import '../Icon/Icon.js';
 import '../Accordion/Accordion.js';
-import '../Backdrop/Backdrop.js';
 import '../VisuallyHidden/VisuallyHidden.js';
 import '../Badge/Badge.js';
 import '../Tooltip/Tooltip.js';
@@ -15,14 +18,12 @@ import '../Toast/Toaster.js';
 import '../Provider/Provider.js';
 import '../Calendar/Calendar.js';
 import '../Checkbox/Checkbox.js';
-import '../../utils/hooks/useProxiedRef.js';
 import '../Input/Input.js';
 import '../../utils/hooks/useListKeyboardNavigation.js';
 import '../../utils/hooks/useListScrollTo.js';
 import '../../utils/hooks/useBoundingClientRectListener.js';
 import '../Combobox/Combobox.js';
 import '../../utils/date.js';
-import '../../utils/mergeRefs.js';
 import '../Popover/Popover.js';
 import '../Datepicker/Datepicker.js';
 import '../Dialog/Dialog.js';

package/dist/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nimport { MenuProps, IconButton } from '../..';\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    noPadding?: boolean;\n};\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\n    const { noPadding, ...props } = externalProps;\n    const className = cn(\n        'flex-grow overflow-auto',\n        {\n            'mx-4 mb-4': !noPadding,\n        },\n        props.className\n    );\n    return <div {...props} className={className} ref={ref} />;\n});\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Title of the Card */\n    title: string | React.ReactElement;\n    /** Menu component associated with the Card */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n};\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n    const { title, menu, children } = props;\n    const className = cn(\n        'bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]',\n        props.className\n    );\n\n    return (\n        <div className={className} data-taco=\"card\" ref={ref}>\n            <div className=\"mx-4 mt-4 mb-2 flex\">\n                {title && <h4 className=\"mb-0 flex-grow text-left\">{title}</h4>}\n                {menu ? <IconButton icon=\"ellipsis-horizontal\" appearance=\"discrete\" menu={menu} className=\"-mt-[4px]\" /> : null}\n            </div>\n            {children}\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<CardProps> & {\n    Content: React.ForwardRefExoticComponent<CardContentProps>;\n};\nCard.Content = Content;\n"],"names":["Content","React","CardContent","externalProps","ref","noPadding","props","className","cn","Card","title","menu","children","IconButton","icon","appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,OAAO,gBAAGC,UAAA,CAAmD,SAASC,WAAT,CAAqBC,aAArB,EAAoCC,GAApC;EAC/D,MAAM;IAAEC,SAAF;IAAa,GAAGC;MAAUH,aAAhC;EACA,MAAMI,SAAS,GAAGC,EAAE,CAChB,yBADgB,EAEhB;IACI,aAAa,CAACH;GAHF,EAKhBC,KAAK,CAACC,SALU,CAApB;EAOA,oBAAON,aAAA,MAAA,oBAASK;IAAOC,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA3C,CAAP;AACH,CAVe,CAAhB;MAmBaK,IAAI,gBAAGR,UAAA,CAA4C,SAASQ,IAAT,CAAcH,KAAd,EAAqBF,GAArB;EAC5D,MAAM;IAAEM,KAAF;IAASC,IAAT;IAAeC;MAAaN,KAAlC;EACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,wGADgB,EAEhBF,KAAK,CAACC,SAFU,CAApB;EAKA,oBACIN,aAAA,MAAA;IAAKM,SAAS,EAAEA;iBAAqB;IAAOH,GAAG,EAAEA;GAAjD,eACIH,aAAA,MAAA;IAAKM,SAAS,EAAC;GAAf,EACKG,KAAK,iBAAIT,aAAA,KAAA;IAAIM,SAAS,EAAC;GAAd,EAA0CG,KAA1C,CADd,EAEKC,IAAI,gBAAGV,aAAA,CAACY,UAAD;IAAYC,IAAI,EAAC;IAAsBC,UAAU,EAAC;IAAWJ,IAAI,EAAEA;IAAMJ,SAAS,EAAC;GAAnF,CAAH,GAAuG,IAFhH,CADJ,EAKKK,QALL,CADJ;AASH,CAhBmB;AAmBpBH,IAAI,CAACT,OAAL,GAAeA,OAAf;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nimport { MenuProps, IconButton } from '../..';\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    noPadding?: boolean;\n};\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\n    const { noPadding, ...props } = externalProps;\n    const className = cn(\n        'flex-grow overflow-auto',\n        {\n            'mx-4 mb-4': !noPadding,\n        },\n        props.className\n    );\n    return <div {...props} className={className} ref={ref} />;\n});\n\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Title of the Card */\n    title: string | React.ReactElement;\n    /** Menu component associated with the Card */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n};\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n    const { title, menu, children } = props;\n    const className = cn(\n        'bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]',\n        props.className\n    );\n\n    return (\n        <div className={className} data-taco=\"card\" ref={ref}>\n            <div className=\"mx-4 mt-4 mb-2 flex\">\n                {title && <h4 className=\"mb-0 flex-grow text-left\">{title}</h4>}\n                {menu ? <IconButton icon=\"ellipsis-horizontal\" appearance=\"discrete\" menu={menu} className=\"-mt-[4px]\" /> : null}\n            </div>\n            {children}\n        </div>\n    );\n}) as React.ForwardRefExoticComponent<CardProps> & {\n    Content: React.ForwardRefExoticComponent<CardContentProps>;\n};\nCard.Content = Content;\n"],"names":["Content","React","CardContent","externalProps","ref","noPadding","props","className","cn","Card","title","menu","children","IconButton","icon","appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,OAAO,gBAAGC,UAAA,CAAmD,SAASC,WAAT,CAAqBC,aAArB,EAAoCC,GAApC;EAC/D,MAAM;IAAEC,SAAF;IAAa,GAAGC;MAAUH,aAAhC;EACA,MAAMI,SAAS,GAAGC,EAAE,CAChB,yBADgB,EAEhB;IACI,aAAa,CAACH;GAHF,EAKhBC,KAAK,CAACC,SALU,CAApB;EAOA,oBAAON,aAAA,MAAA,oBAASK;IAAOC,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA3C,CAAP;AACH,CAVe,CAAhB;MAmBaK,IAAI,gBAAGR,UAAA,CAA4C,SAASQ,IAAT,CAAcH,KAAd,EAAqBF,GAArB;EAC5D,MAAM;IAAEM,KAAF;IAASC,IAAT;IAAeC;MAAaN,KAAlC;EACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,wGADgB,EAEhBF,KAAK,CAACC,SAFU,CAApB;EAKA,oBACIN,aAAA,MAAA;IAAKM,SAAS,EAAEA;iBAAqB;IAAOH,GAAG,EAAEA;GAAjD,eACIH,aAAA,MAAA;IAAKM,SAAS,EAAC;GAAf,EACKG,KAAK,iBAAIT,aAAA,KAAA;IAAIM,SAAS,EAAC;GAAd,EAA0CG,KAA1C,CADd,EAEKC,IAAI,gBAAGV,aAAA,CAACY,UAAD;IAAYC,IAAI,EAAC;IAAsBC,UAAU,EAAC;IAAWJ,IAAI,EAAEA;IAAMJ,SAAS,EAAC;GAAnF,CAAH,GAAuG,IAFhH,CADJ,EAKKK,QALL,CADJ;AASH,CAhBmB;AAmBpBH,IAAI,CAACT,OAAL,GAAeA,OAAf;;;;"}

package/dist/esm/components/Combobox/useCombobox.js

@@ -1,6 +1,6 @@
 import { useRef, useState, useMemo, useEffect } from 'react';
-import { v4 } from 'uuid';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
+import { v4 } from 'uuid';
 import debounce from 'lodash-es/debounce';
 import { getId } from '../Listbox/ScrollableList.js';
 import { createCustomKeyboardEvent } from '../../utils/input.js';

package/dist/esm/components/Datepicker/useDatepicker.js

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
-import { useLocalization } from '../Provider/Provider.js';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
+import { useLocalization } from '../Provider/Provider.js';
 import { setInputValueByRef } from '../../utils/input.js';
 import { format, parseFromCustomString } from '../../utils/date.js';
 

package/dist/esm/components/Dialog/components/Content.js

@@ -1,12 +1,12 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Backdrop } from '../../Backdrop/Backdrop.js';
+import { useDraggable } from '../../../utils/hooks/useDraggable.js';
+import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
 import { IconButton } from '../../IconButton/IconButton.js';
 import { useLocalization } from '../../Provider/Provider.js';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
 import { Title as Title$1, Close as Close$1, Portal, Overlay, Content as Content$1 } from '@radix-ui/react-dialog';
 import { useCurrentDialog } from '../Context.js';
-import { useDraggable } from '../../../utils/hooks/useDraggable.js';
 import { useCurrentMenu } from '../../Menu/Context.js';
 
 const Title = /*#__PURE__*/forwardRef(function DialogTitle(props, ref) {

package/dist/esm/components/Hanger/Hanger.js

@@ -1,10 +1,10 @@
 import { forwardRef, createElement, useMemo, useState, useEffect, createContext, useContext, isValidElement } from 'react';
+import { mergeRefs } from '../../utils/mergeRefs.js';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Provider.js';
 import { Root, Anchor as Anchor$1, Close } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from '../Popover/Primitives.js';
-import { mergeRefs } from '../../utils/mergeRefs.js';
 
 const HangerContext = /*#__PURE__*/createContext({
   props: {},

package/dist/esm/components/Input/Input.js

@@ -1,7 +1,7 @@
 import { forwardRef, useEffect, createElement, cloneElement } from 'react';
 import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
+import { Icon } from '../Icon/Icon.js';
 import { getInputClasses, getButtonStateClasses } from './util.js';
 
 const Input = /*#__PURE__*/forwardRef(function Input(props, ref) {

package/dist/esm/components/Listbox/ScrollableList.js

@@ -1,9 +1,9 @@
 import { forwardRef, useMemo, createRef, useEffect, createElement } from 'react';
 import cn from 'classnames';
+import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { Spinner } from '../Spinner/Spinner.js';
 import { useLocalization } from '../Provider/Provider.js';
 import { Checkbox } from '../Checkbox/Checkbox.js';
-import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { getInputClasses } from '../Input/util.js';
 import { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation.js';
 import { useListScrollTo } from '../../utils/hooks/useListScrollTo.js';

package/dist/esm/components/Listbox/useListbox.js

@@ -1,6 +1,6 @@
 import { useMemo, useEffect } from 'react';
-import { v4 } from 'uuid';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
+import { v4 } from 'uuid';
 import { useFlattenedData, getIndexFromValue, getActiveDescendant, setInputValueByRef, findByValue, sanitizeItem } from './util.js';
 import { useTypeahead } from './useTypeahead.js';
 

package/dist/esm/components/Listbox/useMultiListbox.js

@@ -1,7 +1,7 @@
 import { useMemo, useState, useEffect } from 'react';
+import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { v4 } from 'uuid';
 import { useLocalization } from '../Provider/Provider.js';
-import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { getIndexFromValue, getSelectedIndexesFromValue, setInputValueByRef, getActiveDescendant, findByValue } from './util.js';
 import { useTypeahead } from './useTypeahead.js';
 

package/dist/esm/components/Navigation/Navigation.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
 import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
+import { Icon } from '../Icon/Icon.js';
 import { Treeview } from '../Treeview/Treeview.js';
 import { useDropTarget } from '../../utils/hooks/useDropTarget.js';
 

package/dist/esm/components/Popover/Popover.js

@@ -1,8 +1,8 @@
 import { forwardRef, useMemo, createElement, createContext, useContext, isValidElement } from 'react';
+import { mergeRefs } from '../../utils/mergeRefs.js';
 import cn from 'classnames';
 import { Root, Trigger as Trigger$1, Close as Close$1 } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from './Primitives.js';
-import { mergeRefs } from '../../utils/mergeRefs.js';
 
 const PopoverContext = /*#__PURE__*/createContext({
   props: {},

package/dist/esm/components/SearchInput/SearchInput.js

@@ -1,8 +1,11 @@
 import { forwardRef, createElement } from 'react';
+import '../../utils/mergeRefs.js';
+import '../Backdrop/Backdrop.js';
+import '../../utils/hooks/useProxiedRef.js';
+import '../AlertDialog/AlertDialog.js';
 import '../Icon/components/index.js';
 import '../Icon/Icon.js';
 import '../Accordion/Accordion.js';
-import '../Backdrop/Backdrop.js';
 import '../VisuallyHidden/VisuallyHidden.js';
 import '../Badge/Badge.js';
 import '../Tooltip/Tooltip.js';
@@ -15,14 +18,12 @@ import { useLocalization } from '../Provider/Provider.js';
 import '../Calendar/Calendar.js';
 import '../Card/Card.js';
 import '../Checkbox/Checkbox.js';
-import '../../utils/hooks/useProxiedRef.js';
 import { Input } from '../Input/Input.js';
 import '../../utils/hooks/useListKeyboardNavigation.js';
 import '../../utils/hooks/useListScrollTo.js';
 import '../../utils/hooks/useBoundingClientRectListener.js';
 import '../Combobox/Combobox.js';
 import '../../utils/date.js';
-import '../../utils/mergeRefs.js';
 import '../Popover/Popover.js';
 import '../Datepicker/Datepicker.js';
 import '../Dialog/Dialog.js';

package/dist/esm/components/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Input, InputProps, useLocalization, IconButton } from '../..';\n\nexport type SearchInputTexts = {\n    /**\n     * aria-label text for input\n     */\n    inputLabel: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        if (!props.disabled) {\n            onSearch?.(props.value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        const isEnterKeyPressed = event.key === 'Enter';\n\n        if (isEnterKeyPressed) {\n            handleClick();\n        }\n\n        props.onKeyDown?.(event);\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.inputLabel}\n            {...props}\n            button={\n                <IconButton\n                    icon=\"search\"\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\n                    disabled={props.disabled}\n                    onClick={handleClick}\n                />\n            }\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","onSearch","props","ref","texts","useLocalization","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","key","onKeyDown","Input","searchInput","inputLabel","button","IconButton","icon","className","onClick","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAeaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,CACxC;EAAEE,QAAF;EAAY,GAAGC;AAAf,CADwC,EAExCC,GAFwC;EAIxC,MAAM;IAAEC;MAAUC,eAAe,EAAjC;;EAEA,MAAMC,WAAW,GAAG;IAChB,IAAI,CAACJ,KAAK,CAACK,QAAX,EAAqB;MACjBN,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGC,KAAK,CAACM,KAAT,CAAR;;GAFR;;EAMA,MAAMC,aAAa,GAAIC,KAAD;;;IAClB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,GAAN,KAAc,OAAxC;;IAEA,IAAID,iBAAJ,EAAuB;MACnBL,WAAW;;;IAGf,oBAAAJ,KAAK,CAACW,SAAN,2EAAAX,KAAK,EAAaQ,KAAb,CAAL;GAPJ;;EAUA,oBACIV,aAAA,CAACc,KAAD;kBACgBV,KAAK,CAACW,WAAN,CAAkBC;KAC1Bd;IACJe,MAAM,eACFjB,aAAA,CAACkB,UAAD;MACIC,IAAI,EAAC;MACLC,SAAS,EAAC;MACVb,QAAQ,EAAEL,KAAK,CAACK;MAChBc,OAAO,EAAEf;KAJb;IAOJO,SAAS,EAAEJ;IACXN,GAAG,EAAEA;IACLmB,IAAI,EAAC;IAbT,CADJ;AAiBH,CAvC0B;;;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Input, InputProps, useLocalization, IconButton } from '../..';\n\nexport type SearchInputTexts = {\n    /**\n     * aria-label text for input\n     */\n    inputLabel: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        if (!props.disabled) {\n            onSearch?.(props.value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        const isEnterKeyPressed = event.key === 'Enter';\n\n        if (isEnterKeyPressed) {\n            handleClick();\n        }\n\n        props.onKeyDown?.(event);\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.inputLabel}\n            {...props}\n            button={\n                <IconButton\n                    icon=\"search\"\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\n                    disabled={props.disabled}\n                    onClick={handleClick}\n                />\n            }\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","onSearch","props","ref","texts","useLocalization","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","key","onKeyDown","Input","searchInput","inputLabel","button","IconButton","icon","className","onClick","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAeaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,CACxC;EAAEE,QAAF;EAAY,GAAGC;AAAf,CADwC,EAExCC,GAFwC;EAIxC,MAAM;IAAEC;MAAUC,eAAe,EAAjC;;EAEA,MAAMC,WAAW,GAAG;IAChB,IAAI,CAACJ,KAAK,CAACK,QAAX,EAAqB;MACjBN,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGC,KAAK,CAACM,KAAT,CAAR;;GAFR;;EAMA,MAAMC,aAAa,GAAIC,KAAD;;;IAClB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,GAAN,KAAc,OAAxC;;IAEA,IAAID,iBAAJ,EAAuB;MACnBL,WAAW;;;IAGf,oBAAAJ,KAAK,CAACW,SAAN,2EAAAX,KAAK,EAAaQ,KAAb,CAAL;GAPJ;;EAUA,oBACIV,aAAA,CAACc,KAAD;kBACgBV,KAAK,CAACW,WAAN,CAAkBC;KAC1Bd;IACJe,MAAM,eACFjB,aAAA,CAACkB,UAAD;MACIC,IAAI,EAAC;MACLC,SAAS,EAAC;MACVb,QAAQ,EAAEL,KAAK,CAACK;MAChBc,OAAO,EAAEf;KAJb;IAOJO,SAAS,EAAEJ;IACXN,GAAG,EAAEA;IACLmB,IAAI,EAAC;IAbT,CADJ;AAiBH,CAvC0B;;;;"}

package/dist/esm/components/Select/useSelect.js

@@ -1,8 +1,8 @@
 import { useState, useMemo, useRef, useEffect, createElement, Fragment, cloneElement } from 'react';
 import cn from 'classnames';
+import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { v4 } from 'uuid';
 import { useLocalization } from '../Provider/Provider.js';
-import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
 import { createCustomEvent } from '../../utils/input.js';
 import { useFlattenedData, findByValue, setInputValueByRef, sanitizeItem } from '../Listbox/util.js';
 

package/dist/esm/components/Table/components/WindowedTable.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import cn from 'classnames';
-import { useLocalization } from '../../Provider/Provider.js';
 import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
+import { useLocalization } from '../../Provider/Provider.js';
 import { useBoundingClientRectListener } from '../../../utils/hooks/useBoundingClientRectListener.js';
 import { useTable } from '../hooks/useTable.js';
 import { Row } from '../util/renderRow.js';

package/dist/esm/components/Table/hooks/useTable.js

@@ -120,7 +120,8 @@ const useTable = (props, ref) => {
   }
 
   const {
-    texts
+    texts,
+    locale
   } = useLocalization();
   const {
     columns,
@@ -157,7 +158,7 @@ const useTable = (props, ref) => {
     autoResetSelectedRows: false,
     autoResetSortBy: false,
     autoResetPage: false,
-    sortTypes: React__default.useMemo(() => sortTypes, []),
+    sortTypes: React__default.useMemo(() => sortTypes(locale), []),
     useControlledState: currentState => {
       return React__default.useMemo(() => ({ ...currentState,
         selectedRowIds: selectedRows || []