@addev-be/ui 3.2.5 → 3.2.9

package/dist/components/layout/Masonry/styles.js

@@ -1,17 +1,17 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+import a from "styled-components";
+const i = a.div`
+  display: grid;
+  grid-gap: var(--space-2);
+  grid-template-columns: repeat(
+    ${({ columns: r = 4 }) => r},
+    minmax(0, 1fr)
+  );
+`, n = a.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+`;
+export {
+  n as MasonryColumnContainer,
+  i as MasonryContainer
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MasonryColumnContainer = exports.MasonryContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.MasonryContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-gap: var(--space-2);\n  grid-template-columns: repeat(\n    ", ",\n    minmax(0, 1fr)\n  );\n"], ["\n  display: grid;\n  grid-gap: var(--space-2);\n  grid-template-columns: repeat(\n    ", ",\n    minmax(0, 1fr)\n  );\n"])), function (_a) {
-    var _b = _a.columns, columns = _b === void 0 ? 4 : _b;
-    return columns;
-});
-exports.MasonryColumnContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n"])));
-var templateObject_1, templateObject_2;

package/dist/components/layout/Modal/index.d.ts

@@ -1,5 +1,5 @@
-import * as styles from './styles';
 import { FC, PropsWithChildren } from 'react';
+import * as styles from './styles';
 type ModalProps = PropsWithChildren<styles.ModalContainerProps & {
     closeOnBackdropClick?: boolean;
     onClose?: () => void;

package/dist/components/layout/Modal/index.js

@@ -1,77 +1,34 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
+import { jsx as t, Fragment as m } from "react/jsx-runtime";
+import { ModalBackdrop as M, ModalContainer as i, ModalHeader as s, ModalMessage as c, ModalContent as u, ModalContentWithIcon as f, ModalFooter as p, ModalButtons as C } from "./styles.js";
+import { useMemo as g } from "react";
+import "lodash";
+import { usePortals as h } from "../../../hooks/providers.js";
+const o = ({
+  children: e,
+  closeOnBackdropClick: r,
+  onClose: a,
+  ...n
+}) => {
+  const { createPortal: d } = h(), l = g(
+    () => d(
+      /* @__PURE__ */ t(
+        M,
+        {
+          onClick: r ? a : void 0,
+          children: /* @__PURE__ */ t(i, { ...n, children: e })
         }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+      )
+    ),
+    [e, r, d, a, n]
+  );
+  return /* @__PURE__ */ t(m, { children: l });
 };
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var _hooks_1 = require("@hooks");
-var Modal = function (_a) {
-    var children = _a.children, closeOnBackdropClick = _a.closeOnBackdropClick, onClose = _a.onClose, props = __rest(_a, ["children", "closeOnBackdropClick", "onClose"]);
-    var createPortal = (0, _hooks_1.usePortals)().createPortal;
-    var modalPortal = (0, react_1.useMemo)(function () {
-        return createPortal((0, jsx_runtime_1.jsx)(styles.ModalBackdrop, { onClick: closeOnBackdropClick ? onClose : undefined, children: (0, jsx_runtime_1.jsx)(styles.ModalContainer, __assign({}, props, { children: children })) }));
-    }, [children, closeOnBackdropClick, createPortal, onClose, props]);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modalPortal });
+o.Header = s;
+o.Message = c;
+o.Content = u;
+o.ContentWithIcon = f;
+o.Footer = p;
+o.Buttons = C;
+export {
+  o as Modal
 };
-exports.Modal = Modal;
-exports.Modal.Header = styles.ModalHeader;
-exports.Modal.Message = styles.ModalMessage;
-exports.Modal.Content = styles.ModalContent;
-exports.Modal.ContentWithIcon = styles.ModalContentWithIcon;
-exports.Modal.Footer = styles.ModalFooter;
-exports.Modal.Buttons = styles.ModalButtons;

package/dist/components/layout/Modal/styles.d.ts

@@ -1,5 +1,5 @@
-import { ThemeColor } from '@theme';
-export declare const ModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+import { ThemeColor } from '../../../theme';
+export declare const ModalBackdrop: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
 export type ModalContainerProps = {
     $width?: number;
     $height?: number;
@@ -7,10 +7,10 @@ export type ModalContainerProps = {
     $fullscreen?: boolean;
     $color?: ThemeColor;
 };
-export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, ModalContainerProps>> & string;
-export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, never>, never>> & string;
-export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalContentWithIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export declare const ModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>>, never>, never>> & string;
+export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, ModalContainerProps>> & string;
+export declare const ModalHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, never>, never>> & string;
+export declare const ModalContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalContentWithIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalButtons: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>, import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>>, never>, never>> & string;

package/dist/components/layout/Modal/styles.js

@@ -1,66 +1,104 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+import a, { css as t } from "styled-components";
+const l = a.div.attrs({
+  className: "ModalBackdrop"
+})`
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`, n = a.div.attrs({
+  className: "ModalContainer"
+})`
+  background: var(--color-base-100);
+  border-radius: var(--rounded-lg);
+  box-shadow: var(--shadow-lg);
+  display: flex;
+  flex-direction: column;
+  max-height: 100vh;
+  overflow: hidden;
+
+  position: fixed;
+  z-index: 1001;
+  ${({ $fullscreen: o, $width: e, $height: r }) => o ? t`
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          margin: var(--space-4);
+        ` : t`
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          width: ${e ? `${e}px` : "auto"};
+          height: ${r ? `${r}px` : "auto"};
+        `}
+
+  ${({ $color: o }) => o ? t`
+          border: 1px solid var(--color-${o}-500);
+          box-shadow: 0 0 var(--space-3) var(--color-${o}-500);
+        ` : null}
+`, i = a.div.attrs({ className: "ModalHeader" })`
+  font-weight: bold;
+  font-size: var(--text-lg);
+  padding: var(--space-2);
+  background-color: var(--color-base-200);
+  padding: var(--space-4);
+`, c = a.p.attrs({ className: "ModalMessage" })`
+  margin-bottom: 1rem;
+`, p = a.div.attrs({ className: "ModalContent" })`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: auto;
+  padding: var(--space-4);
+`, v = a.div.attrs({
+  className: "ModalContentWithIcon"
+})`
+  display: flex;
+  flex-direction: row;
+  padding: var(--space-4);
+  gap: var(--space-2);
+
+  & > svg {
+    margin: var(--space-2);
+    width: var(--space-6);
+    height: var(--space-6);
+  }
+
+  & > :not(svg) {
+    flex: 1;
+  }
+`, s = a.div.attrs({ className: "ModalFooter" })`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: var(--space-2);
+  background-color: var(--color-base-200);
+  padding: var(--space-4);
+`, g = a(s).attrs({
+  className: "ModalButtons"
+})`
+  display: flex;
+  flex-direction: row;
+  gap: var(--space-2);
+
+  button.right:first-of-type {
+    margin-left: auto;
+  }
+`;
+export {
+  l as ModalBackdrop,
+  g as ModalButtons,
+  n as ModalContainer,
+  p as ModalContent,
+  v as ModalContentWithIcon,
+  s as ModalFooter,
+  i as ModalHeader,
+  c as ModalMessage
 };
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalButtons = exports.ModalFooter = exports.ModalContentWithIcon = exports.ModalContent = exports.ModalMessage = exports.ModalHeader = exports.ModalContainer = exports.ModalBackdrop = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-exports.ModalBackdrop = styled_components_1.default.div.attrs({
-    className: 'ModalBackdrop',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: fixed;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-exports.ModalContainer = styled_components_1.default.div.attrs({
-    className: 'ModalContainer',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: var(--color-base-100);\n  border-radius: var(--rounded-lg);\n  box-shadow: var(--shadow-lg);\n  display: flex;\n  flex-direction: column;\n  max-height: 100vh;\n  overflow: hidden;\n\n  position: fixed;\n  z-index: 1001;\n  ", "\n\n  ", "\n"], ["\n  background: var(--color-base-100);\n  border-radius: var(--rounded-lg);\n  box-shadow: var(--shadow-lg);\n  display: flex;\n  flex-direction: column;\n  max-height: 100vh;\n  overflow: hidden;\n\n  position: fixed;\n  z-index: 1001;\n  ", "\n\n  ", "\n"])), function (_a) {
-    var $fullscreen = _a.$fullscreen, $width = _a.$width, $height = _a.$height;
-    return $fullscreen
-        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          margin: var(--space-4);\n        "], ["\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          margin: var(--space-4);\n        "]))) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: ", ";\n          height: ", ";\n        "], ["\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: ", ";\n          height: ", ";\n        "])), $width ? "".concat($width, "px") : 'auto', $height ? "".concat($height, "px") : 'auto');
-}, function (_a) {
-    var $color = _a.$color;
-    return $color
-        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          border: 1px solid var(--color-", "-500);\n          box-shadow: 0 0 var(--space-3) var(--color-", "-500);\n        "], ["\n          border: 1px solid var(--color-", "-500);\n          box-shadow: 0 0 var(--space-3) var(--color-", "-500);\n        "])), $color, $color) : null;
-});
-exports.ModalHeader = styled_components_1.default.div.attrs({ className: 'ModalHeader' })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: bold;\n  font-size: var(--text-lg);\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"], ["\n  font-weight: bold;\n  font-size: var(--text-lg);\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"])));
-exports.ModalMessage = styled_components_1.default.p.attrs({ className: 'ModalMessage' })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-bottom: 1rem;\n"], ["\n  margin-bottom: 1rem;\n"])));
-exports.ModalContent = styled_components_1.default.div.attrs({ className: 'ModalContent' })(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  padding: var(--space-4);\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  padding: var(--space-4);\n"])));
-exports.ModalContentWithIcon = styled_components_1.default.div.attrs({
-    className: 'ModalContentWithIcon',
-})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4);\n  gap: var(--space-2);\n\n  & > svg {\n    margin: var(--space-2);\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n\n  & > :not(svg) {\n    flex: 1;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4);\n  gap: var(--space-2);\n\n  & > svg {\n    margin: var(--space-2);\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n\n  & > :not(svg) {\n    flex: 1;\n  }\n"])));
-exports.ModalFooter = styled_components_1.default.div.attrs({ className: 'ModalFooter' })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: var(--space-2);\n  background-color: var(--color-base-200);\n  padding: var(--space-4);\n"])));
-exports.ModalButtons = (0, styled_components_1.default)(exports.ModalFooter).attrs({
-    className: 'ModalButtons',
-})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n\n  button.right:first-of-type {\n    margin-left: auto;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n\n  button.right:first-of-type {\n    margin-left: auto;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/components/layout/index.js

@@ -1,23 +1,17 @@
-"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);
+import { Column as m, Columns as x } from "./Columns.js";
+import { Dropdown as p } from "./Dropdown/index.js";
+import { Flexbox as t } from "./Flexbox.js";
+import { Grid as d } from "./Grid/index.js";
+import { Loading as a } from "./Loading/index.js";
+import { Masonry as s } from "./Masonry/index.js";
+import { Modal as C } from "./Modal/index.js";
+export {
+  m as Column,
+  x as Columns,
+  p as Dropdown,
+  t as Flexbox,
+  d as Grid,
+  a as Loading,
+  s as Masonry,
+  C as Modal
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Columns"), exports);
-__exportStar(require("./Dropdown"), exports);
-__exportStar(require("./Flexbox"), exports);
-__exportStar(require("./Grid"), exports);
-__exportStar(require("./Loading"), exports);
-__exportStar(require("./Masonry"), exports);
-__exportStar(require("./Modal"), exports);

package/dist/components/search/HighlightedText.js

@@ -1,45 +1,20 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { extractTextFromHTML as c, escapeForRegExp as l } from "../../helpers/text.js";
+const i = ({ text: t, highlight: e, ...n }) => {
+  const o = m(() => c(t), [t]), s = m(
+    () => e ? o?.split(new RegExp(`(${l(e)})`, "gi")).filter(Boolean) ?? [] : [],
+    [e, o]
+  );
+  return !e || !s.length ? /* @__PURE__ */ r("span", { ...n, children: o }) : /* @__PURE__ */ r("span", { ...n, children: s.map((a, p) => /* @__PURE__ */ r(
+    "span",
+    {
+      style: a.toLowerCase() === e.toLowerCase() ? { backgroundColor: "gold" } : {},
+      children: a
+    },
+    p
+  )) });
 };
-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;
+export {
+  i as HighlightedText
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HighlightedText = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var text_1 = require("../../helpers/text");
-var HighlightedText = function (_a) {
-    var text = _a.text, highlight = _a.highlight, props = __rest(_a, ["text", "highlight"]);
-    var textWithoutHtml = (0, react_1.useMemo)(function () { return (0, text_1.extractTextFromHTML)(text); }, [text]);
-    var parts = (0, react_1.useMemo)(function () {
-        var _a;
-        return highlight
-            ? (_a = textWithoutHtml === null || textWithoutHtml === void 0 ? void 0 : textWithoutHtml.split(new RegExp("(".concat((0, text_1.escapeForRegExp)(highlight), ")"), 'gi')).filter(Boolean)) !== null && _a !== void 0 ? _a : []
-            : [];
-    }, [highlight, textWithoutHtml]);
-    if (!highlight || !parts.length) {
-        return (0, jsx_runtime_1.jsx)("span", __assign({}, props, { children: textWithoutHtml }));
-    }
-    return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { children: parts.map(function (part, index) { return ((0, jsx_runtime_1.jsx)("span", { style: part.toLowerCase() === highlight.toLowerCase()
-                ? { backgroundColor: 'gold' }
-                : {}, children: part }, index)); }) })));
-};
-exports.HighlightedText = HighlightedText;