@a-type/ui 0.1.2 → 0.1.4

package/dist/esm/components/dialog/Dialog.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const Content: import("react").ForwardRefExoticComponent<Pick<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "asChild" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus"> & {
+    outerClassName?: string | undefined;
+    width?: "lg" | "md" | "sm" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogContent: import("react").ForwardRefExoticComponent<Pick<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "asChild" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onOpenAutoFocus" | "onCloseAutoFocus"> & {
+    outerClassName?: string | undefined;
+    width?: "lg" | "md" | "sm" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: import("react").FunctionComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: import("react").FunctionComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogActions: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;

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

@@ -0,0 +1,70 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { forwardRef, useCallback, useRef, } from 'react';
+import { withClassName } from '../../hooks/withClassName.js';
+import useMergedRef from '../../hooks/useMergedRef.js';
+import { useParticles } from '../particles.js';
+import classNames from 'classnames';
+const StyledOverlay = withClassName(DialogPrimitive.Overlay, 'bg-overlay fixed inset-0 z-dialog-backdrop animate-fade-in [&[data-state=closed]]:animate-fade-out animate-duration-200 motion-reduce:animate-none');
+const StyledContent = withClassName(DialogPrimitive.Content, 'z-dialog fixed bottom-[var(--viewport-bottom-offset,0px)] left-0 right-0 h-min-content max-h-[calc(0.85*var(--viewport-height,100vh))]', 'translate-0 transform-gpu', 'animate-ease-out', 'shadow-xl bg-white rounded-tl-lg rounded-tr-lg p-6 border-default border-b-0 overflow-y-auto flex flex-col pb-[calc(3rem+env(safe-area-inset-bottom,0px))]', 'animate-fade-in-up-big [&[data-state=closed]]:animate-fade-out-down-big animate-ease-in motion-reduce:animate-none', 'sm:(animate-duration-200 left-50% top-50% translate-[-50%] w-90vw max-w-450px max-h-85vh pb-6 rounded-lg border-b-1 animate-keyframes-fade-in [&[data-state=closed]]:animate-keyframes-fade-out motion-reduce:animate-none)');
+export const Content = forwardRef(function Content(_a, ref) {
+    var { children, width, outerClassName, className } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className"]);
+    const particles = useParticles();
+    const wasOpenRef = useRef(false);
+    const openRef = useCallback((element) => {
+        if (!wasOpenRef.current &&
+            (element === null || element === void 0 ? void 0 : element.getAttribute('data-state')) === 'open') {
+            wasOpenRef.current = true;
+            const matchesSmall = !window.matchMedia('(min-width:600px)').matches;
+            if (!matchesSmall)
+                return;
+            setTimeout(() => {
+                particles === null || particles === void 0 ? void 0 : particles.addParticles(particles.elementExplosion({
+                    count: 20,
+                    borders: ['top'],
+                    color: ['#00000002', '#00000000'],
+                    element,
+                    startRadius: 15,
+                    endRadius: 0,
+                    lifespan: 1000,
+                    force: 0.5,
+                    drag: 0.01,
+                    forceFuzz: 0.5,
+                    angleFuzz: 0.1,
+                }));
+            }, 180);
+        }
+        else if ((element === null || element === void 0 ? void 0 : element.getAttribute('data-state')) === 'closed') {
+            wasOpenRef.current = false;
+        }
+    }, [particles]);
+    const finalRef = useMergedRef(ref, openRef);
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(StyledOverlay, {}), _jsx(StyledContent, Object.assign({ ref: finalRef }, props, { className: classNames({
+                    'md:max-w-800px': width === 'lg',
+                    'max-w-600px': width === 'md',
+                    'max-w-300px': width === 'sm',
+                }, outerClassName || className) }, { children: children }))] }));
+});
+const StyledTitle = withClassName(DialogPrimitive.Title, 'font-title color-black text-3xl mb-4 mt-0');
+const StyledDescription = withClassName(DialogPrimitive.Description, 'mt-3 mb-6 color-gray8 text-md leading-6');
+// Exports
+export const Dialog = DialogPrimitive.Root;
+export const DialogTrigger = DialogPrimitive.Trigger;
+export const DialogContent = Content;
+export const DialogTitle = StyledTitle;
+export const DialogDescription = StyledDescription;
+export const DialogClose = DialogPrimitive.Close;
+export const DialogActions = withClassName('div', 'flex justify-end sticky bottom-0 w-full gap-3 items-center bg-white py-3 translate-y-6 flex-wrap');
+//# sourceMappingURL=Dialog.js.map

package/dist/esm/components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './Dialog.js';

package/dist/esm/components/dialog/index.js

@@ -0,0 +1,2 @@
+export * from './Dialog.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/esm/components/dialog.d.ts

@@ -0,0 +1 @@
+export * from './dialog/index.js';

package/dist/esm/components/dialog.js

@@ -0,0 +1,2 @@
+export * from './dialog/index.js';
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    compensate?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    padded?: boolean;
+}
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/divider/Divider.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { withClassName } from '../../hooks/withClassName.js';
+import classNames from 'classnames';
+const DividerBase = withClassName('div', 'w-full h-1px bg-black relative');
+export const Divider = forwardRef(function Divider(_a, ref) {
+    var { compensate, padded, className } = _a, props = __rest(_a, ["compensate", "padded", "className"]);
+    return (_jsx(DividerBase, Object.assign({ ref: ref, style: {
+            left: compensate ? `calc(${compensate} * 0.25rem)` : undefined,
+            width: compensate ? `calc(100% - ${compensate} * 0.5rem)` : undefined,
+        } }, props, { className: classNames(padded && 'my-4', className) })));
+});
+//# sourceMappingURL=Divider.js.map

package/dist/esm/components/divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAO3E,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAChC,SAAS,OAAO,CAAC,EAA2C,EAAE,GAAG;QAAhD,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,OAAY,EAAP,KAAK,cAAzC,qCAA2C,CAAF;IACzD,OAAO,CACN,KAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/esm/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider.js';

package/dist/esm/components/divider/index.js

@@ -0,0 +1,2 @@
+export * from './Divider.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/components/divider.d.ts

@@ -0,0 +1 @@
+export * from './divider/index.js';

package/dist/esm/components/divider.js

@@ -0,0 +1,2 @@
+export * from './divider/index.js';
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuLabel: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuArrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const DropdownMenuContent: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
+    forceMount?: boolean | undefined;
+}) => JSX.Element;
+export declare const DropdownMenuItemRightSlot: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>;

package/dist/esm/components/dropdownMenu/DropdownMenu.js

@@ -0,0 +1,44 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { withClassName } from '../../hooks/withClassName.js';
+import classNames from 'classnames';
+const StyledContent = withClassName(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl p-2 border-default', '[&[data-state=open][data-side=top]]animate-fade-in-up', '[&[data-state=open][data-side=right]]animate-fade-in-right', '[&[data-state=open][data-side=bottom]]animate-fade-in-down', '[&[data-state=open][data-side=left]]animate-fade-in-left', 'important:motion-reduce:animate-none', 'will-change-transform');
+const itemClassName = classNames('text-md leading-4 color-black rounded-sm flex items-center h-36px pr-1 pl-6 relative text-left select-none cursor-pointer', '[&[data-disabled]]:(color-gray9 pointer-events-none)', 'focus-visible:(bg-gray2 color-gray9)');
+const StyledItem = withClassName(DropdownMenuPrimitive.Item, itemClassName);
+const StyledCheckboxItem = withClassName(DropdownMenuPrimitive.CheckboxItem, itemClassName);
+const StyledRadioItem = withClassName(DropdownMenuPrimitive.RadioItem, itemClassName);
+const StyledLabel = withClassName(DropdownMenuPrimitive.Label, 'pl-25px text-12px leading-6 color-gray7');
+const StyledSeparator = withClassName(DropdownMenuPrimitive.Separator, 'h-1px bg-gray5 m-5px');
+const StyledItemIndicator = withClassName(DropdownMenuPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
+const StyledArrow = withClassName(DropdownMenuPrimitive.Arrow, 'fill-white stroke-black');
+const StyledTrigger = withClassName(DropdownMenuPrimitive.Trigger, 'select-none');
+const StyledPortal = DropdownMenuPrimitive.Portal;
+// Exports
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = StyledTrigger;
+export const DropdownMenuItem = StyledItem;
+export const DropdownMenuCheckboxItem = StyledCheckboxItem;
+export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuRadioItem = StyledRadioItem;
+export const DropdownMenuItemIndicator = StyledItemIndicator;
+export const DropdownMenuLabel = StyledLabel;
+export const DropdownMenuSeparator = StyledSeparator;
+export const DropdownMenuArrow = StyledArrow;
+export const DropdownMenuContent = (_a) => {
+    var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
+    return (_jsx(StyledPortal, Object.assign({ forceMount: forceMount }, { children: _jsx(StyledContent, Object.assign({}, props, { children: children })) })));
+};
+export const DropdownMenuItemRightSlot = withClassName('div', 'ml-auto');
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/components/dropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,aAAa,GAAG,aAAa,CAClC,qBAAqB,CAAC,OAAO,EAC7B,qEAAqE,EACrE,uDAAuD,EACvD,4DAA4D,EAC5D,4DAA4D,EAC5D,0DAA0D,EAC1D,sCAAsC,EACtC,uBAAuB,CACvB,CAAC;AACF,MAAM,aAAa,GAAG,UAAU,CAC/B,2HAA2H,EAC3H,sDAAsD,EACtD,sCAAsC,CACtC,CAAC;AACF,MAAM,UAAU,GAAG,aAAa,CAAC,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC5E,MAAM,kBAAkB,GAAG,aAAa,CACvC,qBAAqB,CAAC,YAAY,EAClC,aAAa,CACb,CAAC;AACF,MAAM,eAAe,GAAG,aAAa,CACpC,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CACb,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,qBAAqB,CAAC,KAAK,EAC3B,yCAAyC,CACzC,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CACpC,qBAAqB,CAAC,SAAS,EAC/B,sBAAsB,CACtB,CAAC;AAEF,MAAM,mBAAmB,GAAG,aAAa,CACxC,qBAAqB,CAAC,aAAa,EACnC,gEAAgE,CAChE,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,qBAAqB,CAAC,KAAK,EAC3B,yBAAyB,CACzB,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAClC,qBAAqB,CAAC,OAAO,EAC7B,aAAa,CACb,CAAC;AAEF,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAElD,UAAU;AACV,MAAM,CAAC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AACvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC;AACjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAC3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,kBAAkB,CAAC;AAC3D,MAAM,CAAC,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,UAAU,CAAC;AACvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACrD,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAAC;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAC7C,MAAM,CAAC,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAMnC,EAAE,EAAE;QAN+B,EACnC,QAAQ,EACR,UAAU,OAIV,EAHG,KAAK,cAH2B,0BAInC,CADQ;IAIR,OAAO,CACN,KAAC,YAAY,kBAAC,UAAU,EAAE,UAAU,gBACnC,KAAC,aAAa,oBAAK,KAAK,cAAG,QAAQ,IAAiB,IACtC,CACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC"}

package/dist/esm/components/dropdownMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownMenu.js';

package/dist/esm/components/dropdownMenu/index.js

@@ -0,0 +1,2 @@
+export * from './DropdownMenu.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/dropdownMenu.d.ts

@@ -0,0 +1 @@
+export * from './dropdownMenu/index.js';

package/dist/esm/components/dropdownMenu.js

@@ -0,0 +1,2 @@
+export * from './dropdownMenu/index.js';
+//# sourceMappingURL=dropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenu.js","sourceRoot":"","sources":["../../../src/components/dropdownMenu.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,15 @@
+import React, { Component, ReactNode } from 'react';
+export declare class ErrorBoundary extends Component<{
+    children: ReactNode;
+    fallback?: ReactNode;
+}, {
+    error: Error | null;
+}> {
+    state: {
+        error: null;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    render(): React.ReactNode;
+}

package/dist/esm/components/errorBoundary/ErrorBoundary.js

@@ -0,0 +1,21 @@
+'use client';
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            error: null,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return { error };
+    }
+    render() {
+        if (this.state.error) {
+            return this.props.fallback || null;
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/esm/components/errorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEpD,MAAM,OAAO,aAAc,SAAQ,SAGlC;IAHD;;QAIC,UAAK,GAAG;YACP,KAAK,EAAE,IAAI;SACX,CAAC;IAaH,CAAC;IAXA,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;SACnC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD"}

package/dist/esm/components/errorBoundary/index.d.ts

@@ -0,0 +1 @@
+export * from './ErrorBoundary.js';

package/dist/esm/components/errorBoundary/index.js

@@ -0,0 +1,2 @@
+export * from './ErrorBoundary.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/errorBoundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/errorBoundary.d.ts

@@ -0,0 +1 @@
+export * from './errorBoundary/index.js';

package/dist/esm/components/errorBoundary.js

@@ -0,0 +1,2 @@
+export * from './errorBoundary/index.js';
+//# sourceMappingURL=errorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundary.js","sourceRoot":"","sources":["../../../src/components/errorBoundary.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/esm/components/forms/Form.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Form: import("react").FunctionComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "slot" | "style" | "title" | "className" | "autoComplete" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "acceptCharset" | "action" | "encType" | "key" | "children" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "name" | "method" | "target" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>;

package/{src/components/forms/Form.tsx → dist/esm/components/forms/Form.js}

@@ -1,9 +1,5 @@
 'use client';
-
 import { Form as FormikForm } from 'formik';
 import { withClassName } from '../../hooks/withClassName.js';
-
-export const Form = withClassName(
-	FormikForm,
-	'flex flex-col gap-2 items-start',
-);
+export const Form = withClassName(FormikForm, 'flex flex-col gap-2 items-start');
+//# sourceMappingURL=Form.js.map

package/dist/esm/components/forms/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/forms/Form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAChC,UAAU,EACV,iCAAiC,CACjC,CAAC"}

package/dist/esm/components/forms/FormikForm.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FormikConfig, FormikValues } from 'formik';
+export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
+    className?: string;
+}
+export declare function FormikForm<Values extends FormikValues>({ className, children, onSubmit, ...props }: FormikFormProps<Values>): JSX.Element;

package/dist/esm/components/forms/FormikForm.js

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Formik } from 'formik';
+import { Form } from './Form.js';
+import { useCallback } from 'react';
+export function FormikForm(_a) {
+    var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
+    const wrappedOnSubmit = useCallback(async (values, bag) => {
+        try {
+            bag.setSubmitting(true);
+            return await onSubmit(values, bag);
+        }
+        finally {
+            bag.setSubmitting(false);
+        }
+    }, [onSubmit]);
+    if (typeof children === 'function') {
+        return (_jsx(Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (formik) => _jsx(Form, Object.assign({ className: className }, { children: children(formik) })) })));
+    }
+    return (_jsx(Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: _jsx(Form, Object.assign({ className: className }, { children: children })) })));
+}
+//# sourceMappingURL=FormikForm.js.map

package/dist/esm/components/forms/FormikForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOpC,MAAM,UAAU,UAAU,CAA8B,EAK9B;QAL8B,EACtD,SAAS,EACT,QAAQ,EACR,QAAQ,OAEgB,EADrB,KAAK,cAJ8C,qCAKvD,CADS;IAER,MAAM,eAAe,GAAG,WAAW,CACjC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACnD,IAAI;YACF,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;SACpC;gBAAS;YACR,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAClC,OAAO,CACL,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACjD,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,IAAI,kBAAC,SAAS,EAAE,SAAS,gBAAG,QAAQ,CAAC,MAAM,CAAC,IAAQ,IAC3D,CACV,CAAC;KACH;IAED,OAAO,CACL,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,KAAC,IAAI,kBAAC,SAAS,EAAE,SAAS,gBAAG,QAAQ,IAAQ,IACtC,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/forms/SubmitButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '../button/Button.js';
+export declare function SubmitButton(props: ButtonProps): JSX.Element;

package/dist/esm/components/forms/SubmitButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormikContext } from 'formik';
+import { Button } from '../button/Button.js';
+export function SubmitButton(props) {
+    const { isSubmitting, isValid } = useFormikContext();
+    return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", type: "submit" }, props)));
+}
+//# sourceMappingURL=SubmitButton.js.map

package/dist/esm/components/forms/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,IACT,KAAK,EACR,CACF,CAAC;AACH,CAAC"}

package/dist/esm/components/forms/TextField.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps, InputHTMLAttributes, Ref } from 'react';
+import { Input } from '../input/Input.js';
+import { TextAreaProps } from '../textArea/TextArea.js';
+export type TextFieldProps = {
+    name: string;
+    label?: string;
+    required?: boolean;
+    type?: InputHTMLAttributes<HTMLInputElement>['type'];
+    className?: string;
+    placeholder?: string;
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
+    autoFocus?: InputHTMLAttributes<HTMLInputElement>['autoFocus'];
+    autoFocusDelay?: number;
+    inputRef?: Ref<HTMLInputElement>;
+} & ComponentProps<typeof Input>;
+export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "label" | "key" | keyof InputHTMLAttributes<HTMLInputElement> | "autoFocusDelay" | "inputRef"> & import("react").RefAttributes<HTMLDivElement>>;
+export type TextAreaFieldProps = {
+    name: string;
+    label?: string;
+    required?: boolean;
+    rows?: number;
+    disabled?: boolean;
+    className?: string;
+    inputRef?: Ref<HTMLTextAreaElement>;
+} & TextAreaProps;
+export declare function TextAreaField({ name, label, className, inputRef, ...rest }: TextAreaFieldProps): JSX.Element;

package/dist/esm/components/forms/TextField.js

@@ -0,0 +1,47 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from 'formik';
+import { useEffect, useRef, forwardRef, } from 'react';
+import useMergedRef from '../../hooks/useMergedRef.js';
+import { Input } from '../input/Input.js';
+import { TextArea } from '../textArea/TextArea.js';
+import { withClassName } from '../../hooks.js';
+const emptyRef = (() => { });
+export const TextField = forwardRef(function TextField(_a, ref) {
+    var { name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur } = _a, rest = __rest(_a, ["name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur"]);
+    const [props] = useField({
+        name,
+        onChange,
+        onFocus,
+        onBlur,
+    });
+    const innerInputRef = useRef(null);
+    useEffect(() => {
+        if (autoFocusDelay) {
+            setTimeout(() => {
+                if (innerInputRef.current)
+                    innerInputRef.current.focus();
+            }, autoFocusDelay);
+        }
+    }, [autoFocusDelay]);
+    return (_jsxs(FieldRoot, Object.assign({ className: className, ref: ref }, { children: [label && _jsx(FieldLabel, { children: label }), _jsx(Input, Object.assign({}, props, rest, { autoFocus: autoFocus, ref: useMergedRef(innerInputRef, inputRef || emptyRef) }))] })));
+});
+export function TextAreaField(_a) {
+    var { name, label, className, inputRef } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef"]);
+    const [props] = useField(name);
+    return (_jsxs(FieldRoot, Object.assign({ className: className }, { children: [label && _jsx(FieldLabel, { children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest))] })));
+}
+const FieldRoot = withClassName('div', 'flex flex-col items-stretch gap-1 self-stretch');
+const FieldLabel = withClassName('label', 'inline-flex flex-col gap-1 text-sm font-bold text-dark-blend mb-1');
+//# sourceMappingURL=TextField.js.map

package/dist/esm/components/forms/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAGL,SAAS,EACT,MAAM,EAEN,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAiB,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAChB,EAWC,EACD,GAAG;QAZH,EACE,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEP,EADI,IAAI,cAVT,0GAWC,CADQ;IAIT,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACvB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACP,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC3D,CAAC,EAAE,cAAc,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,MAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACtC,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,KAAC,KAAK,oBACA,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACtD,KACQ,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAYF,MAAM,UAAU,aAAa,CAAC,EAMT;QANS,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,OAEW,EADhB,IAAI,cALqB,0CAM7B,CADQ;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACL,MAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC5B,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,KAAC,QAAQ,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,EAAM,IAAI,EAAI,KACtC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAC7B,KAAK,EACL,gDAAgD,CACjD,CAAC;AACF,MAAM,UAAU,GAAG,aAAa,CAC9B,OAAO,EACP,mEAAmE,CACpE,CAAC"}

package/dist/esm/components/forms/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Form.js';
+export * from './SubmitButton.js';
+export * from './TextField.js';
+export * from './FormikForm.js';

package/dist/esm/components/forms/index.js

@@ -0,0 +1,5 @@
+export * from './Form.js';
+export * from './SubmitButton.js';
+export * from './TextField.js';
+export * from './FormikForm.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/forms.d.ts

@@ -0,0 +1 @@
+export * from './forms/index.js';

package/dist/esm/components/forms.js

@@ -0,0 +1,2 @@
+export * from './forms/index.js';
+//# sourceMappingURL=forms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","sourceRoot":"","sources":["../../../src/components/forms.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}