@a-type/ui 0.1.2 → 0.1.3

package/dist/cjs/components/colorPicker/ColorPicker.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type ThemeName = 'lemon' | 'tomato' | 'leek' | 'blueberry' | 'eggplant';
+export interface ColorPickerProps {
+    value: ThemeName | null;
+    onChange: (value: ThemeName) => void;
+}
+export declare function ColorPicker({ value, onChange }: ColorPickerProps): JSX.Element;
+export declare function ColorSwatch({ value, children, }: {
+    value: ThemeName;
+    children?: ReactNode;
+}): JSX.Element;

package/dist/cjs/components/colorPicker/ColorPicker.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorSwatch = exports.ColorPicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Select_jsx_1 = require("../select/Select.jsx");
+const classnames_1 = __importDefault(require("classnames"));
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+function ColorPicker({ value, onChange }) {
+    const resolvedValue = [
+        'lemon',
+        'tomato',
+        'leek',
+        'blueberry',
+        'eggplant',
+    ].includes(value || '')
+        ? value
+        : 'lemon';
+    return ((0, jsx_runtime_1.jsxs)(Select_jsx_1.Select, Object.assign({ value: resolvedValue, onValueChange: onChange }, { children: [(0, jsx_runtime_1.jsx)(Select_jsx_1.SelectTrigger, { children: (0, jsx_runtime_1.jsx)(Select_jsx_1.SelectValue, {}) }), (0, jsx_runtime_1.jsxs)(Select_jsx_1.SelectContent, Object.assign({ className: "z-[calc(var(--z-dialog)+1)]" }, { children: [(0, jsx_runtime_1.jsxs)(Select_jsx_1.SelectItem, Object.assign({ value: "lemon" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] })), (0, jsx_runtime_1.jsxs)(Select_jsx_1.SelectItem, Object.assign({ value: "tomato" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] })), (0, jsx_runtime_1.jsxs)(Select_jsx_1.SelectItem, Object.assign({ value: "leek" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] })), (0, jsx_runtime_1.jsxs)(Select_jsx_1.SelectItem, Object.assign({ value: "blueberry" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] })), (0, jsx_runtime_1.jsxs)(Select_jsx_1.SelectItem, Object.assign({ value: "eggplant" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }))] }))] })));
+}
+exports.ColorPicker = ColorPicker;
+const ItemLabel = (0, withClassName_js_1.withClassName)('span', 'display-none');
+function ColorSwatch({ value, children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('bg-primary w-16px h-16px rounded-sm', `theme-${value !== null && value !== void 0 ? value : 'lemon'}`) }, { children: children })));
+}
+exports.ColorSwatch = ColorSwatch;
+//# sourceMappingURL=ColorPicker.js.map

package/dist/cjs/components/colorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,qDAM8B;AAC9B,4DAAoC;AAEpC,mEAA6D;AAS7D,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAoB;IAChE,MAAM,aAAa,GAAG;QACrB,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;KACV,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QACtB,CAAC,CAAE,KAAmB;QACtB,CAAC,CAAC,OAAO,CAAC;IAEX,OAAO,CACN,wBAAC,mBAAM,kBAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,iBACpD,uBAAC,0BAAa,cACb,uBAAC,wBAAW,KAAG,GACA,EAChB,wBAAC,0BAAa,kBAAC,SAAS,EAAC,6BAA6B,iBACrD,wBAAC,uBAAU,kBAAC,KAAK,EAAC,OAAO,iBACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,KAChB,EACb,wBAAC,uBAAU,kBAAC,KAAK,EAAC,QAAQ,iBACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,KACjB,EACb,wBAAC,uBAAU,kBAAC,KAAK,EAAC,MAAM,iBACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,KACf,EACb,wBAAC,uBAAU,kBAAC,KAAK,EAAC,WAAW,iBAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,KACpB,EACb,wBAAC,uBAAU,kBAAC,KAAK,EAAC,UAAU,iBAC3B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,KACnB,KACE,KACR,CACT,CAAC;AACH,CAAC;AAxCD,kCAwCC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAExD,SAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,oBAAU,EACpB,qCAAqC,EACrC,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC3B,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAjBD,kCAiBC"}

package/dist/cjs/components/colorPicker/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ColorPicker.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/colorPicker/index.js.map

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

package/dist/cjs/components/colorPicker.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./colorPicker/index.js"), exports);
+//# sourceMappingURL=colorPicker.js.map

package/dist/cjs/components/colorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPicker.js","sourceRoot":"","sources":["../../../src/components/colorPicker.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC"}

package/dist/cjs/components/contextMenu/contextMenu.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import * as ContextMenu from '@radix-ui/react-context-menu';
+export declare const ContextMenuRoot: import("react").FC<ContextMenu.ContextMenuProps>;
+export declare const ContextMenuContent: import("react").ForwardRefExoticComponent<Pick<ContextMenu.ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "slot" | "style" | "title" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "key" | "children" | "contentEditable" | "contextMenu" | "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" | "sticky" | "asChild" | "forceMount" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onCloseAutoFocus" | "loop" | "alignOffset" | "arrowPadding" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "avoidCollisions"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuArrow: import("react").FunctionComponent<ContextMenu.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ContextMenuItem: import("react").FunctionComponent<ContextMenu.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuTrigger: import("react").FunctionComponent<ContextMenu.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/cjs/components/contextMenu/contextMenu.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenuArrow = exports.ContextMenuContent = exports.ContextMenuRoot = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContextMenu = __importStar(require("@radix-ui/react-context-menu"));
+const react_1 = require("react");
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const classnames_1 = __importDefault(require("classnames"));
+exports.ContextMenuRoot = ContextMenu.Root;
+exports.ContextMenuContent = (0, react_1.forwardRef)(function Content(_a, ref) {
+    var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
+    return ((0, jsx_runtime_1.jsx)(ContextMenu.Portal, { children: (0, jsx_runtime_1.jsx)(ContextMenu.Content, Object.assign({ className: (0, classnames_1.default)('min-w-120px bg-white rounded-md border-default overflow-hidden p-2 shadow-md z-menu', className), onClick: (ev) => {
+                ev.stopPropagation();
+                onClick === null || onClick === void 0 ? void 0 : onClick(ev);
+            }, ref: ref }, props)) }));
+});
+exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(ContextMenu.Arrow, 'fill-white');
+exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(ContextMenu.Item, 'flex items-center py-1 px-2 relative pl-25px select-none outline-none cursor-pointer', 'hover:bg-gray2 [&[data-highlighted=true]]:bg-gray2 [&[data-disabled=true]]:(opacity-50 cursor-default) disabled:(opacity-50 cursor-default)');
+exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(ContextMenu.Trigger, '');
+//# sourceMappingURL=contextMenu.js.map

package/dist/cjs/components/contextMenu/contextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAA4D;AAC5D,iCAA6D;AAC7D,mEAA6D;AAC7D,4DAAoC;AAEvB,QAAA,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC;AAEnC,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,SAAS,OAAO,CAAC,EAAgC,EAAE,GAAG;QAArC,EAAE,SAAS,EAAE,OAAO,OAAY,EAAP,KAAK,cAA9B,wBAAgC,CAAF;IAChD,OAAO,CACN,uBAAC,WAAW,CAAC,MAAM,cAClB,uBAAC,WAAW,CAAC,OAAO,kBACnB,SAAS,EAAE,IAAA,oBAAU,EACpB,qFAAqF,EACrF,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACf,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;YACf,CAAC,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,EACR,GACkB,CACrB,CAAC;AACH,CAAC,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,gCAAa,EAAC,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAElE,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,WAAW,CAAC,IAAI,EAChB,sFAAsF,EACtF,6IAA6I,CAC7I,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,gCAAa,EAAC,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC"}

package/dist/cjs/components/contextMenu.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./contextMenu/contextMenu.js"), exports);
+//# sourceMappingURL=contextMenu.js.map

package/dist/cjs/components/contextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../src/components/contextMenu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+DAA6C"}

package/dist/cjs/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/cjs/components/dialog/Dialog.js

@@ -0,0 +1,99 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogActions = exports.DialogClose = exports.DialogDescription = exports.DialogTitle = exports.DialogContent = exports.DialogTrigger = exports.Dialog = exports.Content = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DialogPrimitive = __importStar(require("@radix-ui/react-dialog"));
+const react_1 = require("react");
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
+const particles_js_1 = require("../particles.js");
+const classnames_1 = __importDefault(require("classnames"));
+const StyledOverlay = (0, withClassName_js_1.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 = (0, withClassName_js_1.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)');
+exports.Content = (0, react_1.forwardRef)(function Content(_a, ref) {
+    var { children, width, outerClassName, className } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className"]);
+    const particles = (0, particles_js_1.useParticles)();
+    const wasOpenRef = (0, react_1.useRef)(false);
+    const openRef = (0, react_1.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 = (0, useMergedRef_js_1.default)(ref, openRef);
+    return ((0, jsx_runtime_1.jsxs)(DialogPrimitive.Portal, { children: [(0, jsx_runtime_1.jsx)(StyledOverlay, {}), (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({ ref: finalRef }, props, { className: (0, classnames_1.default)({
+                    'md:max-w-800px': width === 'lg',
+                    'max-w-600px': width === 'md',
+                    'max-w-300px': width === 'sm',
+                }, outerClassName || className) }, { children: children }))] }));
+});
+const StyledTitle = (0, withClassName_js_1.withClassName)(DialogPrimitive.Title, 'font-title color-black text-3xl mb-4 mt-0');
+const StyledDescription = (0, withClassName_js_1.withClassName)(DialogPrimitive.Description, 'mt-3 mb-6 color-gray8 text-md leading-6');
+// Exports
+exports.Dialog = DialogPrimitive.Root;
+exports.DialogTrigger = DialogPrimitive.Trigger;
+exports.DialogContent = exports.Content;
+exports.DialogTitle = StyledTitle;
+exports.DialogDescription = StyledDescription;
+exports.DialogClose = DialogPrimitive.Close;
+exports.DialogActions = (0, withClassName_js_1.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/cjs/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/cjs/components/dialog/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Dialog.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/dialog.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dialog/index.js"), exports);
+//# sourceMappingURL=dialog.js.map

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

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

package/dist/cjs/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/cjs/components/divider/Divider.js

@@ -0,0 +1,30 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const classnames_1 = __importDefault(require("classnames"));
+const DividerBase = (0, withClassName_js_1.withClassName)('div', 'w-full h-1px bg-black relative');
+exports.Divider = (0, react_1.forwardRef)(function Divider(_a, ref) {
+    var { compensate, padded, className } = _a, props = __rest(_a, ["compensate", "padded", "className"]);
+    return ((0, jsx_runtime_1.jsx)(DividerBase, Object.assign({ ref: ref, style: {
+            left: compensate ? `calc(${compensate} * 0.25rem)` : undefined,
+            width: compensate ? `calc(100% - ${compensate} * 0.5rem)` : undefined,
+        } }, props, { className: (0, classnames_1.default)(padded && 'my-4', className) })));
+});
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,mEAA6D;AAC7D,4DAAoC;AAEpC,MAAM,WAAW,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAO9D,QAAA,OAAO,GAAG,IAAA,kBAAU,EAChC,SAAS,OAAO,CAAC,EAA2C,EAAE,GAAG;QAAhD,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,OAAY,EAAP,KAAK,cAAzC,qCAA2C,CAAF;IACzD,OAAO,CACN,uBAAC,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,IAAA,oBAAU,EAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CACD,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Divider.js"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/divider.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./divider/index.js"), exports);
+//# sourceMappingURL=divider.js.map

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

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

package/dist/cjs/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/cjs/components/dropdownMenu/DropdownMenu.js

@@ -0,0 +1,74 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuItemRightSlot = exports.DropdownMenuContent = exports.DropdownMenuArrow = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuItemIndicator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuTrigger = exports.DropdownMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+const withClassName_js_1 = require("../../hooks/withClassName.js");
+const classnames_1 = __importDefault(require("classnames"));
+const StyledContent = (0, withClassName_js_1.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 = (0, classnames_1.default)('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 = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Item, itemClassName);
+const StyledCheckboxItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.CheckboxItem, itemClassName);
+const StyledRadioItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.RadioItem, itemClassName);
+const StyledLabel = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Label, 'pl-25px text-12px leading-6 color-gray7');
+const StyledSeparator = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Separator, 'h-1px bg-gray5 m-5px');
+const StyledItemIndicator = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
+const StyledArrow = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Arrow, 'fill-white stroke-black');
+const StyledTrigger = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Trigger, 'select-none');
+const StyledPortal = DropdownMenuPrimitive.Portal;
+// Exports
+exports.DropdownMenu = DropdownMenuPrimitive.Root;
+exports.DropdownMenuTrigger = StyledTrigger;
+exports.DropdownMenuItem = StyledItem;
+exports.DropdownMenuCheckboxItem = StyledCheckboxItem;
+exports.DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+exports.DropdownMenuRadioItem = StyledRadioItem;
+exports.DropdownMenuItemIndicator = StyledItemIndicator;
+exports.DropdownMenuLabel = StyledLabel;
+exports.DropdownMenuSeparator = StyledSeparator;
+exports.DropdownMenuArrow = StyledArrow;
+const DropdownMenuContent = (_a) => {
+    var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
+    return ((0, jsx_runtime_1.jsx)(StyledPortal, Object.assign({ forceMount: forceMount }, { children: (0, jsx_runtime_1.jsx)(StyledContent, Object.assign({}, props, { children: children })) })));
+};
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuItemRightSlot = (0, withClassName_js_1.withClassName)('div', 'ml-auto');
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/cjs/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,qFAAuE;AACvE,mEAA6D;AAC7D,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,qEAAqE,EACrE,uDAAuD,EACvD,4DAA4D,EAC5D,4DAA4D,EAC5D,0DAA0D,EAC1D,sCAAsC,EACtC,uBAAuB,CACvB,CAAC;AACF,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC/B,2HAA2H,EAC3H,sDAAsD,EACtD,sCAAsC,CACtC,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,gCAAa,EAAC,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC5E,MAAM,kBAAkB,GAAG,IAAA,gCAAa,EACvC,qBAAqB,CAAC,YAAY,EAClC,aAAa,CACb,CAAC;AACF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CACb,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,yCAAyC,CACzC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,sBAAsB,CACtB,CAAC;AAEF,MAAM,mBAAmB,GAAG,IAAA,gCAAa,EACxC,qBAAqB,CAAC,aAAa,EACnC,gEAAgE,CAChE,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,yBAAyB,CACzB,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,aAAa,CACb,CAAC;AAEF,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAElD,UAAU;AACG,QAAA,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC1C,QAAA,mBAAmB,GAAG,aAAa,CAAC;AACpC,QAAA,gBAAgB,GAAG,UAAU,CAAC;AAC9B,QAAA,wBAAwB,GAAG,kBAAkB,CAAC;AAC9C,QAAA,sBAAsB,GAAG,qBAAqB,CAAC,UAAU,CAAC;AAC1D,QAAA,qBAAqB,GAAG,eAAe,CAAC;AACxC,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAChD,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAChC,QAAA,qBAAqB,GAAG,eAAe,CAAC;AACxC,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,mBAAmB,GAAG,CAAC,EAMnC,EAAE,EAAE;QAN+B,EACnC,QAAQ,EACR,UAAU,OAIV,EAHG,KAAK,cAH2B,0BAInC,CADQ;IAIR,OAAO,CACN,uBAAC,YAAY,kBAAC,UAAU,EAAE,UAAU,gBACnC,uBAAC,aAAa,oBAAK,KAAK,cAAG,QAAQ,IAAiB,IACtC,CACf,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,mBAAmB,uBAY9B;AAEW,QAAA,yBAAyB,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,SAAS,CAAC,CAAC"}