@addev-be/ui 2.7.5 → 2.7.7

package/dist/components/forms/Form/InputWithLabel.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputWithLabel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("./styles");
+var InputWithLabel = function (_a) {
+    var label = _a.label, Icon = _a.icon, readOnly = _a.readOnly, children = _a.children;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { className: readOnly ? 'read-only' : '', children: [(label || Icon) && ((0, jsx_runtime_1.jsxs)("span", { children: [Icon && (0, jsx_runtime_1.jsx)(Icon, {}), label] })), children] }));
+};
+exports.InputWithLabel = InputWithLabel;

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

@@ -0,0 +1,7 @@
+import { IconFC } from '../../../Icons';
+import { PropsWithChildren } from 'react';
+export type InputContainerProps = PropsWithChildren<{
+    label?: string;
+    icon?: IconFC;
+    readOnly?: boolean;
+}>;

package/dist/components/forms/Form/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,7 +1,8 @@
 import { CardFooter, CardHeader } from './styles';
 import { FC, HTMLAttributes } from 'react';
+import { SizeProps } from '../../../helpers/styled/size';
 import { SpaceProps } from '../../../helpers/styled/space';
-type CardFC = FC<HTMLAttributes<HTMLDivElement> & SpaceProps> & {
+type CardFC = FC<HTMLAttributes<HTMLDivElement> & SpaceProps & SizeProps> & {
     Header: typeof CardHeader;
     Footer: typeof CardFooter;
 };

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

@@ -1,4 +1,4 @@
-import { SpaceProps } from '../../../helpers/styled/space';
-export declare const CardContainer: 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>, SpaceProps>> & string;
-export declare const CardHeader: 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 CardFooter: 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 { SizeProps } from '../../../helpers/styled/size';
+export declare const CardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../../helpers/styled/space").MarginProps & import("../../../helpers/styled/space").PaddingProps & SizeProps>> & string;
+export declare const CardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/ui/Card/styles.js

@@ -8,15 +8,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardFooter = exports.CardHeader = exports.CardContainer = void 0;
+var size_1 = require("../../../helpers/styled/size");
 var space_1 = require("../../../helpers/styled/space");
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.CardContainer = styled_components_1.default.div.attrs({
-    className: 'CardContainer',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-base-200);\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-base-200);\n\n  ", "\n"])), space_1.space);
-exports.CardHeader = styled_components_1.default.div.attrs({
-    className: 'CardHeader',
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"])));
-exports.CardFooter = styled_components_1.default.div.attrs({
-    className: 'CardFooter',
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--color-base-200);\n  margin-top: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--color-base-200);\n  margin-top: var(--space-2);\n  gap: var(--space-2);\n"])));
+exports.CardContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-base-200);\n  box-sizing: border-box;\n\n  ", "\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  background-color: var(--color-base-50);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-md);\n  padding: var(--space-4);\n  border: 1px solid var(--color-base-200);\n  box-sizing: border-box;\n\n  ", "\n  ", "\n"])), space_1.space, size_1.size);
+exports.CardHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-200);\n  margin-bottom: var(--space-2);\n  gap: var(--space-2);\n"])));
+exports.CardFooter = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--color-base-200);\n  margin-top: var(--space-2);\n  gap: var(--space-2);\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--space-2);\n  border-top: 1px solid var(--color-base-200);\n  margin-top: var(--space-2);\n  gap: var(--space-2);\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/ui/TabsView/styles.js

@@ -41,7 +41,7 @@ exports.TabContentContainer = exports.TabContainer = exports.TabsListContainer =
 var space_1 = require("../../../helpers/styled/space");
 var helpers_1 = require("../../../providers/ThemeProvider/helpers");
 var styled_components_1 = __importStar(require("styled-components"));
-exports.TabsViewContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: var(--space-4);\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: var(--space-4);\n"])));
+exports.TabsViewContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  min-height: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  min-height: 0;\n"])));
 exports.TabsListContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  font-size: var(--text-base);\n  white-space: nowrap;\n\n  ", "\n"], ["\n  display: flex;\n  gap: var(--space-4);\n  flex-shrink: 0;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  font-size: var(--text-base);\n  white-space: nowrap;\n\n  ", "\n"])), space_1.space);
 exports.TabContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: var(--space-8);\n  gap: var(--space-2);\n  cursor: pointer;\n  padding: 0 var(--space-2);\n  color: var(--color-text-800);\n\n  svg {\n    height: var(--space-4);\n    width: var(--space-4);\n    fill: var(--color-base-800);\n  }\n\n  ", ";\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: var(--space-8);\n  gap: var(--space-2);\n  cursor: pointer;\n  padding: 0 var(--space-2);\n  color: var(--color-text-800);\n\n  svg {\n    height: var(--space-4);\n    width: var(--space-4);\n    fill: var(--color-base-800);\n  }\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var _b = _a.$color, $color = _b === void 0 ? 'primary' : _b;
@@ -50,7 +50,7 @@ exports.TabContainer = styled_components_1.default.div(templateObject_5 || (temp
     var $isActive = _a.$isActive, _b = _a.$color, $color = _b === void 0 ? 'primary' : _b;
     return $isActive && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background: radial-gradient(\n        ellipse at bottom center,\n        var(--color-", "-50) 0%,\n        transparent 80%\n      );\n      border-bottom: var(--space-0_5) solid;\n      color: var(--color-", ");\n      svg {\n        fill: var(--color-", ");\n      }\n    "], ["\n      background: radial-gradient(\n        ellipse at bottom center,\n        var(--color-", "-50) 0%,\n        transparent 80%\n      );\n      border-bottom: var(--space-0_5) solid;\n      color: var(--color-", ");\n      svg {\n        fill: var(--color-", ");\n      }\n    "])), (0, helpers_1.getColor)($color), (0, helpers_1.getColorWithIntensity)($color, 500), (0, helpers_1.getColorWithIntensity)($color, 500));
 });
-exports.TabContentContainer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n\n  ", "\n"], ["\n  display: flex;\n  height: 100%;\n\n  ", "\n"])), function (_a) {
+exports.TabContentContainer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  min-height: 0;\n\n  ", "\n"], ["\n  display: flex;\n  flex: 1;\n  min-height: 0;\n\n  ", "\n"])), function (_a) {
     var $isOverflow = _a.$isOverflow;
     return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    overflow: ", ";\n    scroll-behavior: smooth;\n  "], ["\n    overflow: ", ";\n    scroll-behavior: smooth;\n  "])), $isOverflow ? 'auto' : 'hidden');
 });

package/dist/config/types.d.ts

@@ -0,0 +1,11 @@
+export type EnvType = 'dev' | 'test' | 'staging' | 'prod';
+export type Config = {
+    webSocketUrl: string;
+    httpServerUrl: `${string}/`;
+    invoicingEnabled?: boolean;
+};
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type PartialConfig = DeepPartial<Config>;
+export {};

package/dist/config/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers/react.d.ts

@@ -0,0 +1,2 @@
+import { ForwardRefExoticComponent, ForwardRefRenderFunction, PropsWithoutRef, RefAttributes } from 'react';
+export declare const forwardRefGeneric: <T, P = {}>(render: ForwardRefRenderFunction<T, PropsWithoutRef<P>>) => ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;

package/dist/helpers/react.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forwardRefGeneric = void 0;
+var react_1 = require("react");
+var forwardRefGeneric = function (render) {
+    return (0, react_1.forwardRef)(render);
+};
+exports.forwardRefGeneric = forwardRefGeneric;

package/dist/helpers/styled/size.d.ts

@@ -0,0 +1,10 @@
+import { CssLength, ThemeSize } from '../../providers/ThemeProvider/types';
+export type SizeProps = {
+    w?: ThemeSize | CssLength;
+    h?: ThemeSize | CssLength;
+};
+export declare const size: import("styled-components").RuleSet<SizeProps>;
+export declare const extractSizeProps: ({ w, h }: SizeProps) => {
+    w: ThemeSize | `${number}em` | `${number}px` | `${number}rem` | `${number}%` | `${number}vh` | `${number}vw` | undefined;
+    h: ThemeSize | `${number}em` | `${number}px` | `${number}rem` | `${number}%` | `${number}vh` | `${number}vw` | undefined;
+};

package/dist/helpers/styled/size.js

@@ -0,0 +1,28 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractSizeProps = exports.size = void 0;
+var styled_components_1 = require("styled-components");
+var helpers_1 = require("../../providers/ThemeProvider/helpers");
+exports.size = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var _b = _a.w, w = _b === void 0 ? 'auto' : _b;
+    return (0, helpers_1.isCssLength)(w)
+        ? "width: ".concat(w, ";")
+        : w === 'full'
+            ? 'width: 100%;'
+            : w.startsWith('-')
+                ? "width: calc(0 - var(--space-".concat(w.substring(1), "));")
+                : "width: var(--space-".concat(w, ");");
+});
+var extractSizeProps = function (_a) {
+    var w = _a.w, h = _a.h;
+    return ({
+        w: w,
+        h: h,
+    });
+};
+exports.extractSizeProps = extractSizeProps;
+var templateObject_1;

package/dist/helpers/styled/space.d.ts

@@ -1,12 +1,12 @@
 import { ThemeSpace, ThemeSpaceWithNegative } from '../../providers/ThemeProvider/types';
 export type MarginProps = {
-    m?: ThemeSpace | ThemeSpaceWithNegative;
-    mx?: ThemeSpace | ThemeSpaceWithNegative;
-    my?: ThemeSpace | ThemeSpaceWithNegative;
-    mt?: ThemeSpace | ThemeSpaceWithNegative;
-    mr?: ThemeSpace | ThemeSpaceWithNegative;
-    mb?: ThemeSpace | ThemeSpaceWithNegative;
-    ml?: ThemeSpace | ThemeSpaceWithNegative;
+    m?: ThemeSpaceWithNegative;
+    mx?: ThemeSpaceWithNegative;
+    my?: ThemeSpaceWithNegative;
+    mt?: ThemeSpaceWithNegative;
+    mr?: ThemeSpaceWithNegative;
+    mb?: ThemeSpaceWithNegative;
+    ml?: ThemeSpaceWithNegative;
 };
 export declare const margins: import("styled-components").RuleSet<MarginProps>;
 export type PaddingProps = {
@@ -21,13 +21,13 @@ export type PaddingProps = {
 export declare const paddings: import("styled-components").RuleSet<PaddingProps>;
 export type SpaceProps = MarginProps & PaddingProps;
 export declare const extractSpaceProps: ({ m, mx, my, mt, mr, mb, ml, p, px, py, pt, pr, pb, pl, }: SpaceProps) => {
-    m: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mx: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    my: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mt: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mr: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    mb: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
-    ml: "0" | "1" | "0_5" | "1_5" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80" | "96" | "128" | "-0" | "-1" | "-0_5" | "-1_5" | "-2" | "-3" | "-4" | "-5" | "-6" | "-8" | "-10" | "-12" | "-14" | "-16" | "-20" | "-24" | "-32" | "-40" | "-48" | "-56" | "-64" | "-72" | "-80" | "-96" | "-128" | undefined;
+    m: ThemeSpaceWithNegative | undefined;
+    mx: ThemeSpaceWithNegative | undefined;
+    my: ThemeSpaceWithNegative | undefined;
+    mt: ThemeSpaceWithNegative | undefined;
+    mr: ThemeSpaceWithNegative | undefined;
+    mb: ThemeSpaceWithNegative | undefined;
+    ml: ThemeSpaceWithNegative | undefined;
     p: ThemeSpace | undefined;
     px: ThemeSpace | undefined;
     py: ThemeSpace | undefined;

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export * from './components/forms/Select';
 export * from './components/forms/IconButton';
 export * from './components/forms/IndeterminateCheckbox';
 export * from './components/forms/Form';
+export * from './components/forms/Form/styles';
 export * from './components/forms/Form/Row';
 export * from './components/forms/styles';
 export * from './components/forms/NumberInput';
@@ -47,6 +48,7 @@ export * from './helpers/dates';
 export * from './helpers/numbers';
 export * from './helpers/text';
 export * from './helpers/responsive';
+export * from './helpers/styled/size';
 export * from './helpers/styled/space';
 export * from './helpers/styled/typography';
 export * from './types';

package/dist/index.js

@@ -37,6 +37,7 @@ __exportStar(require("./components/forms/Select"), exports);
 __exportStar(require("./components/forms/IconButton"), exports);
 __exportStar(require("./components/forms/IndeterminateCheckbox"), exports);
 __exportStar(require("./components/forms/Form"), exports);
+__exportStar(require("./components/forms/Form/styles"), exports);
 __exportStar(require("./components/forms/Form/Row"), exports);
 __exportStar(require("./components/forms/styles"), exports);
 __exportStar(require("./components/forms/NumberInput"), exports);
@@ -63,6 +64,7 @@ __exportStar(require("./helpers/dates"), exports);
 __exportStar(require("./helpers/numbers"), exports);
 __exportStar(require("./helpers/text"), exports);
 __exportStar(require("./helpers/responsive"), exports);
+__exportStar(require("./helpers/styled/size"), exports);
 __exportStar(require("./helpers/styled/space"), exports);
 __exportStar(require("./helpers/styled/typography"), exports);
 __exportStar(require("./types"), exports);

package/dist/providers/ThemeProvider/helpers.d.ts

@@ -1,4 +1,4 @@
-import { Theme, ThemeColor, ThemeColorIntensity, ThemeColorWithIntensity } from './types';
+import { CssLength, Theme, ThemeColor, ThemeColorIntensity, ThemeColorWithIntensity } from './types';
 import { DeepPartial } from '../../types';
 export declare const extendTheme: (base: Theme, override?: DeepPartial<Theme>) => Theme;
 export declare const extendDefaultTheme: (override?: DeepPartial<Theme>) => Theme;
@@ -10,3 +10,4 @@ export declare const getColorWithIntensity: (color: ThemeColor | ThemeColorWithI
 export declare const extractColorAndIntensity: (color: ThemeColor | ThemeColorWithIntensity, defaultIntensity?: ThemeColorIntensity) => [ThemeColor, ThemeColorIntensity];
 export declare const darkenColor: (color: ThemeColor | ThemeColorWithIntensity, amount?: number) => ThemeColorWithIntensity;
 export declare const lightenColor: (color: ThemeColor | ThemeColorWithIntensity, amount?: number) => ThemeColorWithIntensity;
+export declare const isCssLength: (value: string) => value is CssLength;

package/dist/providers/ThemeProvider/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.lightenColor = exports.darkenColor = exports.extractColorAndIntensity = exports.getColorWithIntensity = exports.isThemeColorWithIntensity = exports.getIntensity = exports.getColor = exports.extendDefaultDarkTheme = exports.extendDefaultTheme = exports.extendTheme = void 0;
+exports.isCssLength = exports.lightenColor = exports.darkenColor = exports.extractColorAndIntensity = exports.getColorWithIntensity = exports.isThemeColorWithIntensity = exports.getIntensity = exports.getColor = exports.extendDefaultDarkTheme = exports.extendDefaultTheme = exports.extendTheme = void 0;
 var defaultTheme_1 = require("./defaultTheme");
 var lodash_1 = require("lodash");
 var extendTheme = function (base, override) { return (0, lodash_1.defaultsDeep)({}, override, base); };
@@ -63,3 +63,7 @@ var lightenColor = function (color, amount) {
     return "".concat(colorName, "-").concat(newIntensity);
 };
 exports.lightenColor = lightenColor;
+var isCssLength = function (value) {
+    return /^-?\d+(\.\d+)?(px|em|rem|%|vh|vw)$/.test(value);
+};
+exports.isCssLength = isCssLength;

package/dist/providers/ThemeProvider/types.d.ts

@@ -11,7 +11,7 @@ export type ThemeFontFamily = 'sans' | 'serif' | 'mono' | 'input';
 export type ThemeFontWeight = 'light' | 'normal' | 'bold';
 export type ThemeSpace = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '14' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96' | '128';
 export type ThemeSpaceWithNegative = ThemeSpace | `-${ThemeSpace}`;
-export type ThemeSize = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
+export type ThemeSize = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48' | 'auto' | 'full';
 export type ThemeRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
 export type ThemeShadow = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type Theme = DeepPartial<{
@@ -24,3 +24,5 @@ export type Theme = DeepPartial<{
     rounded: Record<ThemeRounded, string>;
     shadows: Record<ThemeShadow, string>;
 }>;
+export type CssLengthUnit = 'px' | 'em' | 'rem' | '%' | 'vh' | 'vw';
+export type CssLength = `${number}${CssLengthUnit}`;

package/dist/services/index.js

@@ -18,13 +18,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
 };
-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 __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.SmartQueries = void 0;
 __exportStar(require("./WebSocketService"), exports);

package/dist/services/requests/userPermissions.d.ts

@@ -0,0 +1,4 @@
+export declare const useGetUserPermissionRequestHandler: () => (data: GetUserPermissionRequestDTO) => Promise<GetUserPermissionResponseDTO>;
+export declare const useGetAllUserPermissionsRequestHandler: () => (data: GetAllUserPermissionsRequestDTO) => Promise<GetAllUserPermissionsResponseDTO>;
+export declare const useSaveUserPermissionRequestHandler: () => (data: SaveUserPermissionRequestDTO) => Promise<SaveUserPermissionResponseDTO>;
+export declare const useDeleteUserPermissionRequestHandler: () => (data: DeleteUserPermissionRequestDTO) => Promise<DeleteUserPermissionResponseDTO>;

package/dist/services/requests/userPermissions.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeleteUserPermissionRequestHandler = exports.useSaveUserPermissionRequestHandler = exports.useGetAllUserPermissionsRequestHandler = exports.useGetUserPermissionRequestHandler = void 0;
+var hooks_1 = require("../hooks");
+var useGetUserPermissionRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('GetUserPermission');
+};
+exports.useGetUserPermissionRequestHandler = useGetUserPermissionRequestHandler;
+var useGetAllUserPermissionsRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('GetAllUserPermissions');
+};
+exports.useGetAllUserPermissionsRequestHandler = useGetAllUserPermissionsRequestHandler;
+var useSaveUserPermissionRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('SaveUserPermission');
+};
+exports.useSaveUserPermissionRequestHandler = useSaveUserPermissionRequestHandler;
+var useDeleteUserPermissionRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('DeleteUserPermission');
+};
+exports.useDeleteUserPermissionRequestHandler = useDeleteUserPermissionRequestHandler;

package/eslint.config.js

@@ -1,3 +1,3 @@
-import { eslintReactConfig } from '@addev-be/framework-utils/eslint/react.config.mjs';
-
-export default [...eslintReactConfig, { ignores: ['dist'] }];
+import { eslintReactConfig } from '@addev-be/framework-utils/eslint/react.config.mjs';
+
+export default [...eslintReactConfig, { ignores: ['dist'] }];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "2.7.5",
+  "version": "2.7.7",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
@@ -21,7 +21,7 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^2.7.5",
+    "@addev-be/framework-utils": "^2.7.7",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",