@coveord/plasma-mantine 55.0.4 → 55.2.0

package/dist/cjs/components/child-form/ChildForm.d.ts

@@ -0,0 +1,44 @@
+import { CollapseProps, Factory, StylesApiProps } from '@mantine/core';
+export type ChildFormStylesNames = 'root' | 'paper';
+export interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {
+    /**
+     * Title of the child form.
+     */
+    title?: string;
+    /**
+     * Description of the child form.
+     */
+    description?: string;
+}
+type ChildFormFactory = Factory<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: ChildFormStylesNames;
+}>;
+export declare const ChildForm: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, ChildFormProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(ChildFormProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof ChildFormProps> & {
+    ref?: any;
+    renderRoot?: ((props: any) => any) | undefined;
+}) | (ChildFormProps & {
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: ChildFormStylesNames;
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: ChildFormStylesNames;
+}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: ChildFormStylesNames;
+}>;
+export {};
+//# sourceMappingURL=ChildForm.d.ts.map

package/dist/cjs/components/child-form/ChildForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/child-form/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS,+FAClB,MAAE,YAAY;;;;;;sBAST,OACR,gCAEO,OAAF;;;WArBK,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;EAqCnC,CAAC"}

package/dist/cjs/components/child-form/ChildForm.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChildForm", {
+    enumerable: true,
+    get: function() {
+        return ChildForm;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _ChildFormmodulecss = /*#__PURE__*/ _interop_require_default._(require("./ChildForm.module.css"));
+var defaultProps = {};
+var ChildForm = (0, _core.polymorphicFactory)(function(props, ref) {
+    var _useProps = (0, _core.useProps)('ChildForm', defaultProps, props), className = _useProps.className, children = _useProps.children, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, vars = _useProps.vars, title = _useProps.title, description = _useProps.description, others = _object_without_properties._(_useProps, [
+        "className",
+        "children",
+        "style",
+        "classNames",
+        "styles",
+        "unstyled",
+        "vars",
+        "title",
+        "description"
+    ]);
+    var getStyles = (0, _core.useStyles)({
+        name: 'ChildForm',
+        classes: _ChildFormmodulecss.default,
+        props: props,
+        className: className,
+        style: style,
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled,
+        vars: vars
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Collapse, _object_spread_props._(_object_spread._({
+        ref: ref
+    }, others, getStyles('root')), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Paper, _object_spread_props._(_object_spread._({
+            bg: "gray.0",
+            p: "md"
+        }, getStyles('paper')), {
+            children: [
+                (title || description) && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, {
+                    gap: 0,
+                    mb: "md",
+                    children: [
+                        title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, {
+                            order: 5,
+                            children: title
+                        }),
+                        description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, {
+                            c: "gray.7",
+                            children: description
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Stack, {
+                    gap: "md",
+                    children: children
+                })
+            ]
+        }))
+    }));
+});
+
+//# sourceMappingURL=ChildForm.js.map

package/dist/cjs/components/child-form/ChildForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/child-form/ChildForm.tsx"],"sourcesContent":["import {\n    Collapse,\n    CollapseProps,\n    Factory,\n    Paper,\n    polymorphicFactory,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' | 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n    /**\n     * Title of the child form.\n     */\n    title?: string;\n    /**\n     * Description of the child form.\n     */\n    description?: string;\n}\n\ntype ChildFormFactory = Factory<{\n    props: ChildFormProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n        'ChildForm',\n        defaultProps,\n        props,\n    );\n\n    const getStyles = useStyles<ChildFormFactory>({\n        name: 'ChildForm',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n\n    return (\n        <Collapse ref={ref} {...others} {...getStyles('root')}>\n            <Paper bg=\"gray.0\" p=\"md\" {...getStyles('paper')}>\n                {(title || description) && (\n                    <Stack gap={0} mb=\"md\">\n                        {title && <Title order={5}>{title}</Title>}\n                        {description && <Text c=\"gray.7\">{description}</Text>}\n                    </Stack>\n                )}\n                <Stack gap=\"md\">{children}</Stack>\n            </Paper>\n        </Collapse>\n    );\n});\n"],"names":["ChildForm","defaultProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","vars","title","description","others","getStyles","useStyles","name","classes","Collapse","Paper","bg","p","Stack","gap","mb","Title","order","Text","c"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;oBAzBN;2EACa;AAsBpB,IAAMC,eAAwC,CAAC;AAExC,IAAMD,YAAYE,IAAAA,wBAAkB,EAAmB,SAACC,OAAOC;IAClE,IAAwGC,YAAAA,IAAAA,cAAQ,EAC5G,aACAJ,cACAE,QAHGG,YAAiGD,UAAjGC,WAAWC,WAAsFF,UAAtFE,UAAUC,QAA4EH,UAA5EG,OAAOC,aAAqEJ,UAArEI,YAAYC,SAAyDL,UAAzDK,QAAQC,WAAiDN,UAAjDM,UAAUC,OAAuCP,UAAvCO,MAAMC,QAAiCR,UAAjCQ,OAAOC,cAA0BT,UAA1BS,aAAgBC,sCAAUV;QAAjGC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAAMC;QAAOC;;IAM9E,IAAME,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPhB,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;QACAC,MAAAA;IACJ;IAEA,qBACI,qBAACQ,cAAQ;QAAChB,KAAKA;OAASW,QAAYC,UAAU;kBAC1C,cAAA,sBAACK,WAAK;YAACC,IAAG;YAASC,GAAE;WAASP,UAAU;;gBAClCH,CAAAA,SAASC,WAAU,mBACjB,sBAACU,WAAK;oBAACC,KAAK;oBAAGC,IAAG;;wBACbb,uBAAS,qBAACc,WAAK;4BAACC,OAAO;sCAAIf;;wBAC3BC,6BAAe,qBAACe,UAAI;4BAACC,GAAE;sCAAUhB;;;;8BAG1C,qBAACU,WAAK;oBAACC,KAAI;8BAAMlB;;;;;AAIjC"}

package/dist/cjs/components/child-form/ChildForm.module.css

@@ -0,0 +1,7 @@
+.paper {
+    border: 1px solid var(--mantine-color-gray-3);
+    border-radius: var(--mantine-radius-default);
+    box-shadow:
+        0 1px 0 -1px var(--mantine-color-gray-3) inset,
+        0 4px 2px -2px rgb(55 55 55 / 3%) inset;
+}

package/dist/cjs/components/child-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChildForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/child-form/index.d.ts.map

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

package/dist/cjs/components/child-form/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ChildForm"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/child-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/child-form/index.ts"],"sourcesContent":["export * from './ChildForm';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/dist/cjs/components/ellipsis-text/EllipsisText.d.ts

@@ -1,7 +1,7 @@
 import { type BoxProps, type Factory, type StylesApiProps, type TextProps, type TooltipProps } from '@mantine/core';
 import { ReactNode } from 'react';
 export type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';
-export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
+export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant' | 'lineClamp'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
     children: ReactNode;
     tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;
 }

package/dist/cjs/components/ellipsis-text/EllipsisText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAJxB,MAAO,YAAY;;;;;;sBAMP,OAAO,gCAEZ,OAAK;;;WAdF,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAgDtC,CAAC"}
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAPhB,MAAQ,YAAW;;;;;;sBAQ6D,OAAO,gCACpF,OAAO;;;WAZR,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAwDtC,CAAC"}

package/dist/cjs/components/ellipsis-text/EllipsisText.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "EllipsisText", {
         return EllipsisText;
     }
 });
+var _define_property = require("@swc/helpers/_/_define_property");
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
@@ -16,12 +17,13 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
+var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
 var _EllipsisTextmodulecss = /*#__PURE__*/ _interop_require_default._(require("./EllipsisText.module.css"));
 var defaultProps = {
     tooltipProps: {}
 };
 var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
-    var _useProps = (0, _core.useProps)('EllipsisText', defaultProps, props), className = _useProps.className, children = _useProps.children, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, variant = _useProps.variant, tooltipProps = _useProps.tooltipProps, others = _object_without_properties._(_useProps, [
+    var _useProps = (0, _core.useProps)('EllipsisText', defaultProps, props), className = _useProps.className, children = _useProps.children, style = _useProps.style, classNames = _useProps.classNames, styles = _useProps.styles, unstyled = _useProps.unstyled, variant = _useProps.variant, lineClamp = _useProps.lineClamp, tooltipProps = _useProps.tooltipProps, others = _object_without_properties._(_useProps, [
         "className",
         "children",
         "style",
@@ -29,6 +31,7 @@ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
         "styles",
         "unstyled",
         "variant",
+        "lineClamp",
         "tooltipProps"
     ]);
     var getStyles = (0, _core.useStyles)({
@@ -43,6 +46,12 @@ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
     });
     var _useState = _sliced_to_array._((0, _react.useState)(false), 2), showTooltip = _useState[0], setShowTooltip = _useState[1];
     var textRef = (0, _react.useRef)();
+    var _getStyles = getStyles('root'), rootClass = _getStyles.className, rootStyles = _object_without_properties._(_getStyles, [
+        "className"
+    ]);
+    var _getStyles1 = getStyles('text'), textClass = _getStyles1.className, textStyles = _object_without_properties._(_getStyles1, [
+        "className"
+    ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
         ref: ref,
         onMouseEnter: function() {
@@ -53,24 +62,28 @@ var EllipsisText = (0, _core.polymorphicFactory)(function(props, ref) {
         onMouseLeave: function() {
             return setShowTooltip(false);
         },
-        display: "flex",
-        w: "100%"
-    }, getStyles('root'), others), {
+        className: (0, _clsx.default)(rootClass, _define_property._({}, _EllipsisTextmodulecss.default.noWrap, !lineClamp))
+    }, rootStyles, others), {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Tooltip, _object_spread_props._(_object_spread._({
             label: children,
             opened: showTooltip
         }, tooltipProps, getStyles('tooltip')), {
             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Text, _object_spread_props._(_object_spread._({
+                span: true,
+                inherit: true,
                 variant: variant,
-                ref: textRef
-            }, getStyles('text')), {
+                ref: textRef,
+                className: (0, _clsx.default)(textClass, _define_property._({}, _EllipsisTextmodulecss.default.ellipsis, !lineClamp))
+            }, !!lineClamp && {
+                lineClamp: lineClamp
+            }, textStyles), {
                 children: children
             }))
         }))
     }));
 });
 var isOverflowing = function(h) {
-    return h.scrollWidth > h.clientWidth;
+    return h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;
 };
 
 //# sourceMappingURL=EllipsisText.js.map

package/dist/cjs/components/ellipsis-text/EllipsisText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n    Box,\n    type BoxProps,\n    type Factory,\n    polymorphicFactory,\n    type StylesApiProps,\n    Text,\n    type TextProps,\n    Tooltip,\n    type TooltipProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n    extends BoxProps,\n        Pick<TextProps, 'variant'>,\n        Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n    children: ReactNode;\n    tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n    props: EllipsisTextProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n    tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(\n        'EllipsisText',\n        defaultProps,\n        props,\n    );\n    const getStyles = useStyles<EllipsisTextFactory>({\n        name: 'EllipsisText',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const [showTooltip, setShowTooltip] = useState(false);\n    const textRef = useRef<HTMLDivElement>();\n\n    return (\n        <Box\n            ref={ref}\n            onMouseEnter={() => {\n                if (textRef.current && isOverflowing(textRef.current)) {\n                    setShowTooltip(true);\n                }\n            }}\n            onMouseLeave={() => setShowTooltip(false)}\n            display=\"flex\"\n            w=\"100%\"\n            {...getStyles('root')}\n            {...others}\n        >\n            <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n                <Text variant={variant} ref={textRef} {...getStyles('text')}>\n                    {children}\n                </Text>\n            </Tooltip>\n        </Box>\n    );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth;\n"],"names":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","Box","onMouseEnter","current","isOverflowing","onMouseLeave","display","w","Tooltip","label","opened","Text","h","scrollWidth","clientWidth"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;;oBAzBN;qBACmC;8EACtB;AAmBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IAAqGC,YAAAA,IAAAA,cAAQ,EACzG,gBACAL,cACAG,QAHGG,YAA8FD,UAA9FC,WAAWC,WAAmFF,UAAnFE,UAAUC,QAAyEH,UAAzEG,OAAOC,aAAkEJ,UAAlEI,YAAYC,SAAsDL,UAAtDK,QAAQC,WAA8CN,UAA9CM,UAAUC,UAAoCP,UAApCO,SAASX,eAA2BI,UAA3BJ,cAAiBY,sCAAUR;QAA9FC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASX;;IAK1E,IAAMa,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPd,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCO,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM;IAEtB,qBACI,qBAACC,SAAG;QACAnB,KAAKA;QACLoB,cAAc;YACV,IAAIH,QAAQI,OAAO,IAAIC,cAAcL,QAAQI,OAAO,GAAG;gBACnDL,eAAe;YACnB;QACJ;QACAO,cAAc;mBAAMP,eAAe;;QACnCQ,SAAQ;QACRC,GAAE;OACEf,UAAU,SACVD;kBAEJ,cAAA,qBAACiB,aAAO;YAACC,OAAOxB;YAAUyB,QAAQb;WAAiBlB,cAAkBa,UAAU;sBAC3E,cAAA,qBAACmB,UAAI;gBAACrB,SAASA;gBAASR,KAAKiB;eAAaP,UAAU;0BAC/CP;;;;AAKrB;AAEA,IAAMmB,gBAAgB,SAACQ;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW"}
+{"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n    Box,\n    type BoxProps,\n    type Factory,\n    polymorphicFactory,\n    type StylesApiProps,\n    Text,\n    type TextProps,\n    Tooltip,\n    type TooltipProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport clsx from 'clsx';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n    extends BoxProps,\n        Pick<TextProps, 'variant' | 'lineClamp'>,\n        Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n    children: ReactNode;\n    tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n    props: EllipsisTextProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n    tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, variant, lineClamp, tooltipProps, ...others} =\n        useProps('EllipsisText', defaultProps, props);\n\n    const getStyles = useStyles<EllipsisTextFactory>({\n        name: 'EllipsisText',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const [showTooltip, setShowTooltip] = useState(false);\n    const textRef = useRef<HTMLDivElement>();\n\n    const {className: rootClass, ...rootStyles} = getStyles('root');\n    const {className: textClass, ...textStyles} = getStyles('text');\n\n    return (\n        <Box\n            ref={ref}\n            onMouseEnter={() => {\n                if (textRef.current && isOverflowing(textRef.current)) {\n                    setShowTooltip(true);\n                }\n            }}\n            onMouseLeave={() => setShowTooltip(false)}\n            className={clsx(rootClass, {[classes.noWrap]: !lineClamp})}\n            {...rootStyles}\n            {...others}\n        >\n            <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n                <Text\n                    span\n                    inherit\n                    variant={variant}\n                    ref={textRef}\n                    className={clsx(textClass, {[classes.ellipsis]: !lineClamp})}\n                    {...(!!lineClamp && {lineClamp: lineClamp})}\n                    {...textStyles}\n                >\n                    {children}\n                </Text>\n            </Tooltip>\n        </Box>\n    );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;\n"],"names":["EllipsisText","defaultProps","tooltipProps","polymorphicFactory","props","ref","useProps","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","useStyles","name","classes","useState","showTooltip","setShowTooltip","textRef","useRef","rootClass","rootStyles","textClass","textStyles","Box","onMouseEnter","current","isOverflowing","onMouseLeave","clsx","noWrap","Tooltip","label","opened","Text","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;;;;oBA1BN;qBACmC;6DACzB;8EACG;AAmBpB,IAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEO,IAAMF,eAAeG,IAAAA,wBAAkB,EAAsB,SAACC,OAAOC;IACxE,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBL,cAAcG,QADpCG,YACHD,UADGC,WAAWC,WACdF,UADcE,UAAUC,QACxBH,UADwBG,OAAOC,aAC/BJ,UAD+BI,YAAYC,SAC3CL,UAD2CK,QAAQC,WACnDN,UADmDM,UAAUC,UAC7DP,UAD6DO,SAASC,YACtER,UADsEQ,WAAWZ,eACjFI,UADiFJ,cAAiBa,sCAClGT;QADGC;QAAWC;QAAUC;QAAOC;QAAYC;QAAQC;QAAUC;QAASC;QAAWZ;;IAGrF,IAAMc,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAG,WAAAA;QACAE,OAAAA;QACAC,YAAAA;QACAC,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAsCQ,+BAAAA,IAAAA,eAAQ,EAAC,YAAxCC,cAA+BD,cAAlBE,iBAAkBF;IACtC,IAAMG,UAAUC,IAAAA,aAAM;IAEtB,IAA8CR,aAAAA,UAAU,SAAjDT,AAAWkB,YAA4BT,WAAvCT,WAAyBmB,0CAAcV;QAAvCT;;IACP,IAA8CS,cAAAA,UAAU,SAAjDT,AAAWoB,YAA4BX,YAAvCT,WAAyBqB,0CAAcZ;QAAvCT;;IAEP,qBACI,qBAACsB,SAAG;QACAxB,KAAKA;QACLyB,cAAc;YACV,IAAIP,QAAQQ,OAAO,IAAIC,cAAcT,QAAQQ,OAAO,GAAG;gBACnDT,eAAe;YACnB;QACJ;QACAW,cAAc;mBAAMX,eAAe;;QACnCf,WAAW2B,IAAAA,aAAI,EAACT,WAAY,uBAACN,8BAAO,CAACgB,MAAM,EAAG,CAACrB;OAC3CY,YACAX;kBAEJ,cAAA,qBAACqB,aAAO;YAACC,OAAO7B;YAAU8B,QAAQjB;WAAiBnB,cAAkBc,UAAU;sBAC3E,cAAA,qBAACuB,UAAI;gBACDC,IAAI;gBACJC,OAAO;gBACP5B,SAASA;gBACTR,KAAKkB;gBACLhB,WAAW2B,IAAAA,aAAI,EAACP,WAAY,uBAACR,8BAAO,CAACuB,QAAQ,EAAG,CAAC5B;eAC5C,CAAC,CAACA,aAAa;gBAACA,WAAWA;YAAS,GACrCc;0BAEHpB;;;;AAKrB;AAEA,IAAMwB,gBAAgB,SAACW;WAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}

package/dist/cjs/components/ellipsis-text/EllipsisText.module.css

@@ -1,8 +1,13 @@
 .root {
+    display: flex;
+    width: 100%;
+}
+
+.noWrap {
     white-space: nowrap;
 }
 
-.text {
+.ellipsis {
     flex-basis: 100%;
     overflow: hidden;
     text-overflow: ellipsis;

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

@@ -14,4 +14,5 @@ export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';
 export * from './table';
+export * from './child-form';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/cjs/components/index.js

@@ -19,5 +19,6 @@ _export_star._(require("./prompt"), exports);
 _export_star._(require("./read-only"), exports);
 _export_star._(require("./sticky-footer"), exports);
 _export_star._(require("./table"), exports);
+_export_star._(require("./child-form"), exports);
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/dist/esm/components/child-form/ChildForm.d.ts

@@ -0,0 +1,44 @@
+import { CollapseProps, Factory, StylesApiProps } from '@mantine/core';
+export type ChildFormStylesNames = 'root' | 'paper';
+export interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {
+    /**
+     * Title of the child form.
+     */
+    title?: string;
+    /**
+     * Description of the child form.
+     */
+    description?: string;
+}
+type ChildFormFactory = Factory<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: ChildFormStylesNames;
+}>;
+export declare const ChildForm: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, ChildFormProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(ChildFormProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof ChildFormProps> & {
+    ref?: any;
+    renderRoot?: ((props: any) => any) | undefined;
+}) | (ChildFormProps & {
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: ChildFormStylesNames;
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: ChildFormStylesNames;
+}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+    props: ChildFormProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: "div";
+    stylesNames: ChildFormStylesNames;
+}>;
+export {};
+//# sourceMappingURL=ChildForm.d.ts.map

package/dist/esm/components/child-form/ChildForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildForm.d.ts","sourceRoot":"","sources":["../../../../src/components/child-form/ChildForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,aAAa,EACb,OAAO,EAIP,cAAc,EAKjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,CAAC,gBAAgB,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAC5B,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;CACrC,CAAC,CAAC;AAIH,eAAO,MAAM,SAAS,+FAClB,MAAE,YAAY;;;;;;sBAST,OACR,gCAEO,OAAF;;;WArBK,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;;WAH1B,cAAc;gBACT,cAAc;sBACR,KAAK;iBACV,oBAAoB;EAqCnC,CAAC"}

package/dist/esm/components/child-form/ChildForm.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapse, Paper, polymorphicFactory, Stack, Text, Title, useProps, useStyles } from '@mantine/core';
+import classes from './ChildForm.module.css';
+const defaultProps = {};
+export const ChildForm = polymorphicFactory((props, ref)=>{
+    const { className, children, style, classNames, styles, unstyled, vars, title, description, ...others } = useProps('ChildForm', defaultProps, props);
+    const getStyles = useStyles({
+        name: 'ChildForm',
+        classes,
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars
+    });
+    return /*#__PURE__*/ _jsx(Collapse, {
+        ref: ref,
+        ...others,
+        ...getStyles('root'),
+        children: /*#__PURE__*/ _jsxs(Paper, {
+            bg: "gray.0",
+            p: "md",
+            ...getStyles('paper'),
+            children: [
+                (title || description) && /*#__PURE__*/ _jsxs(Stack, {
+                    gap: 0,
+                    mb: "md",
+                    children: [
+                        title && /*#__PURE__*/ _jsx(Title, {
+                            order: 5,
+                            children: title
+                        }),
+                        description && /*#__PURE__*/ _jsx(Text, {
+                            c: "gray.7",
+                            children: description
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Stack, {
+                    gap: "md",
+                    children: children
+                })
+            ]
+        })
+    });
+});
+
+//# sourceMappingURL=ChildForm.js.map

package/dist/esm/components/child-form/ChildForm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/child-form/ChildForm.tsx"],"sourcesContent":["import {\n    Collapse,\n    CollapseProps,\n    Factory,\n    Paper,\n    polymorphicFactory,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './ChildForm.module.css';\n\nexport type ChildFormStylesNames = 'root' | 'paper';\n\nexport interface ChildFormProps extends CollapseProps, StylesApiProps<ChildFormFactory> {\n    /**\n     * Title of the child form.\n     */\n    title?: string;\n    /**\n     * Description of the child form.\n     */\n    description?: string;\n}\n\ntype ChildFormFactory = Factory<{\n    props: ChildFormProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: ChildFormStylesNames;\n}>;\n\nconst defaultProps: Partial<ChildFormProps> = {};\n\nexport const ChildForm = polymorphicFactory<ChildFormFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, vars, title, description, ...others} = useProps(\n        'ChildForm',\n        defaultProps,\n        props,\n    );\n\n    const getStyles = useStyles<ChildFormFactory>({\n        name: 'ChildForm',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n\n    return (\n        <Collapse ref={ref} {...others} {...getStyles('root')}>\n            <Paper bg=\"gray.0\" p=\"md\" {...getStyles('paper')}>\n                {(title || description) && (\n                    <Stack gap={0} mb=\"md\">\n                        {title && <Title order={5}>{title}</Title>}\n                        {description && <Text c=\"gray.7\">{description}</Text>}\n                    </Stack>\n                )}\n                <Stack gap=\"md\">{children}</Stack>\n            </Paper>\n        </Collapse>\n    );\n});\n"],"names":["Collapse","Paper","polymorphicFactory","Stack","Text","Title","useProps","useStyles","classes","defaultProps","ChildForm","props","ref","className","children","style","classNames","styles","unstyled","vars","title","description","others","getStyles","name","bg","p","gap","mb","order","c"],"mappings":";AAAA,SACIA,QAAQ,EAGRC,KAAK,EACLC,kBAAkB,EAClBC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,OAAOC,aAAa,yBAAyB;AAsB7C,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAYR,mBAAqC,CAACS,OAAOC;IAClE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,QAAO,GAAGhB,SACpG,aACAG,cACAE;IAGJ,MAAMY,YAAYhB,UAA4B;QAC1CiB,MAAM;QACNhB;QACAG;QACAE;QACAE;QACAC;QACAC;QACAC;QACAC;IACJ;IAEA,qBACI,KAACnB;QAASY,KAAKA;QAAM,GAAGU,MAAM;QAAG,GAAGC,UAAU,OAAO;kBACjD,cAAA,MAACtB;YAAMwB,IAAG;YAASC,GAAE;YAAM,GAAGH,UAAU,QAAQ;;gBAC1CH,CAAAA,SAASC,WAAU,mBACjB,MAAClB;oBAAMwB,KAAK;oBAAGC,IAAG;;wBACbR,uBAAS,KAACf;4BAAMwB,OAAO;sCAAIT;;wBAC3BC,6BAAe,KAACjB;4BAAK0B,GAAE;sCAAUT;;;;8BAG1C,KAAClB;oBAAMwB,KAAI;8BAAMb;;;;;AAIjC,GAAG"}

package/dist/esm/components/child-form/ChildForm.module.css

@@ -0,0 +1,7 @@
+.paper {
+    border: 1px solid var(--mantine-color-gray-3);
+    border-radius: var(--mantine-radius-default);
+    box-shadow:
+        0 1px 0 -1px var(--mantine-color-gray-3) inset,
+        0 4px 2px -2px rgb(55 55 55 / 3%) inset;
+}

package/dist/esm/components/child-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChildForm';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/child-form/index.d.ts.map

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

package/dist/esm/components/child-form/index.js

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

package/dist/esm/components/child-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/child-form/index.ts"],"sourcesContent":["export * from './ChildForm';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/components/ellipsis-text/EllipsisText.d.ts

@@ -1,7 +1,7 @@
 import { type BoxProps, type Factory, type StylesApiProps, type TextProps, type TooltipProps } from '@mantine/core';
 import { ReactNode } from 'react';
 export type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';
-export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
+export interface EllipsisTextProps extends BoxProps, Pick<TextProps, 'variant' | 'lineClamp'>, Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {
     children: ReactNode;
     tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;
 }

package/dist/esm/components/ellipsis-text/EllipsisText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1B,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAJxB,MAAO,YAAY;;;;;;sBAMP,OAAO,gCAEZ,OAAK;;;WAdF,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAgDtC,CAAC"}
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY,kGAPhB,MAAQ,YAAW;;;;;;sBAQ6D,OAAO,gCACpF,OAAO;;;WAZR,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAwDtC,CAAC"}

package/dist/esm/components/ellipsis-text/EllipsisText.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, polymorphicFactory, Text, Tooltip, useProps, useStyles } from '@mantine/core';
 import { useRef, useState } from 'react';
+import clsx from 'clsx';
 import classes from './EllipsisText.module.css';
 const defaultProps = {
     tooltipProps: {}
 };
 export const EllipsisText = polymorphicFactory((props, ref)=>{
-    const { className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others } = useProps('EllipsisText', defaultProps, props);
+    const { className, children, style, classNames, styles, unstyled, variant, lineClamp, tooltipProps, ...others } = useProps('EllipsisText', defaultProps, props);
     const getStyles = useStyles({
         name: 'EllipsisText',
         classes,
@@ -19,6 +20,8 @@ export const EllipsisText = polymorphicFactory((props, ref)=>{
     });
     const [showTooltip, setShowTooltip] = useState(false);
     const textRef = useRef();
+    const { className: rootClass, ...rootStyles } = getStyles('root');
+    const { className: textClass, ...textStyles } = getStyles('text');
     return /*#__PURE__*/ _jsx(Box, {
         ref: ref,
         onMouseEnter: ()=>{
@@ -27,9 +30,10 @@ export const EllipsisText = polymorphicFactory((props, ref)=>{
             }
         },
         onMouseLeave: ()=>setShowTooltip(false),
-        display: "flex",
-        w: "100%",
-        ...getStyles('root'),
+        className: clsx(rootClass, {
+            [classes.noWrap]: !lineClamp
+        }),
+        ...rootStyles,
         ...others,
         children: /*#__PURE__*/ _jsx(Tooltip, {
             label: children,
@@ -37,14 +41,22 @@ export const EllipsisText = polymorphicFactory((props, ref)=>{
             ...tooltipProps,
             ...getStyles('tooltip'),
             children: /*#__PURE__*/ _jsx(Text, {
+                span: true,
+                inherit: true,
                 variant: variant,
                 ref: textRef,
-                ...getStyles('text'),
+                className: clsx(textClass, {
+                    [classes.ellipsis]: !lineClamp
+                }),
+                ...!!lineClamp && {
+                    lineClamp: lineClamp
+                },
+                ...textStyles,
                 children: children
             })
         })
     });
 });
-const isOverflowing = (h)=>h.scrollWidth > h.clientWidth;
+const isOverflowing = (h)=>h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;
 
 //# sourceMappingURL=EllipsisText.js.map

package/dist/esm/components/ellipsis-text/EllipsisText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n    Box,\n    type BoxProps,\n    type Factory,\n    polymorphicFactory,\n    type StylesApiProps,\n    Text,\n    type TextProps,\n    Tooltip,\n    type TooltipProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n    extends BoxProps,\n        Pick<TextProps, 'variant'>,\n        Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n    children: ReactNode;\n    tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n    props: EllipsisTextProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n    tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, variant, tooltipProps, ...others} = useProps(\n        'EllipsisText',\n        defaultProps,\n        props,\n    );\n    const getStyles = useStyles<EllipsisTextFactory>({\n        name: 'EllipsisText',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const [showTooltip, setShowTooltip] = useState(false);\n    const textRef = useRef<HTMLDivElement>();\n\n    return (\n        <Box\n            ref={ref}\n            onMouseEnter={() => {\n                if (textRef.current && isOverflowing(textRef.current)) {\n                    setShowTooltip(true);\n                }\n            }}\n            onMouseLeave={() => setShowTooltip(false)}\n            display=\"flex\"\n            w=\"100%\"\n            {...getStyles('root')}\n            {...others}\n        >\n            <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n                <Text variant={variant} ref={textRef} {...getStyles('text')}>\n                    {children}\n                </Text>\n            </Tooltip>\n        </Box>\n    );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth;\n"],"names":["Box","polymorphicFactory","Text","Tooltip","useProps","useStyles","useRef","useState","classes","defaultProps","tooltipProps","EllipsisText","props","ref","className","children","style","classNames","styles","unstyled","variant","others","getStyles","name","showTooltip","setShowTooltip","textRef","onMouseEnter","current","isOverflowing","onMouseLeave","display","w","label","opened","h","scrollWidth","clientWidth"],"mappings":";AAAA,SACIA,GAAG,EAGHC,kBAAkB,EAElBC,IAAI,EAEJC,OAAO,EAEPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAmBC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAClD,OAAOC,aAAa,4BAA4B;AAmBhD,MAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEA,OAAO,MAAMC,eAAeV,mBAAwC,CAACW,OAAOC;IACxE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEV,YAAY,EAAE,GAAGW,QAAO,GAAGjB,SACjG,gBACAK,cACAG;IAEJ,MAAMU,YAAYjB,UAA+B;QAC7CkB,MAAM;QACNf;QACAI;QACAE;QACAE;QACAC;QACAC;QACAC;IACJ;IAEA,MAAM,CAACK,aAAaC,eAAe,GAAGlB,SAAS;IAC/C,MAAMmB,UAAUpB;IAEhB,qBACI,KAACN;QACGa,KAAKA;QACLc,cAAc;YACV,IAAID,QAAQE,OAAO,IAAIC,cAAcH,QAAQE,OAAO,GAAG;gBACnDH,eAAe;YACnB;QACJ;QACAK,cAAc,IAAML,eAAe;QACnCM,SAAQ;QACRC,GAAE;QACD,GAAGV,UAAU,OAAO;QACpB,GAAGD,MAAM;kBAEV,cAAA,KAAClB;YAAQ8B,OAAOlB;YAAUmB,QAAQV;YAAc,GAAGd,YAAY;YAAG,GAAGY,UAAU,UAAU;sBACrF,cAAA,KAACpB;gBAAKkB,SAASA;gBAASP,KAAKa;gBAAU,GAAGJ,UAAU,OAAO;0BACtDP;;;;AAKrB,GAAG;AAEH,MAAMc,gBAAgB,CAACM,IAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW"}
+{"version":3,"sources":["../../../../src/components/ellipsis-text/EllipsisText.tsx"],"sourcesContent":["import {\n    Box,\n    type BoxProps,\n    type Factory,\n    polymorphicFactory,\n    type StylesApiProps,\n    Text,\n    type TextProps,\n    Tooltip,\n    type TooltipProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {ReactNode, useRef, useState} from 'react';\nimport clsx from 'clsx';\nimport classes from './EllipsisText.module.css';\n\nexport type EllipsisTextStylesNames = 'root' | 'tooltip' | 'text';\n\nexport interface EllipsisTextProps\n    extends BoxProps,\n        Pick<TextProps, 'variant' | 'lineClamp'>,\n        Omit<StylesApiProps<EllipsisTextFactory>, 'variant'> {\n    children: ReactNode;\n    tooltipProps?: Partial<Omit<TooltipProps, 'label' | 'opened' | 'children'>>;\n}\n\ntype EllipsisTextFactory = Factory<{\n    props: EllipsisTextProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: EllipsisTextStylesNames;\n}>;\n\nconst defaultProps: Partial<EllipsisTextProps> = {\n    tooltipProps: {},\n};\n\nexport const EllipsisText = polymorphicFactory<EllipsisTextFactory>((props, ref) => {\n    const {className, children, style, classNames, styles, unstyled, variant, lineClamp, tooltipProps, ...others} =\n        useProps('EllipsisText', defaultProps, props);\n\n    const getStyles = useStyles<EllipsisTextFactory>({\n        name: 'EllipsisText',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const [showTooltip, setShowTooltip] = useState(false);\n    const textRef = useRef<HTMLDivElement>();\n\n    const {className: rootClass, ...rootStyles} = getStyles('root');\n    const {className: textClass, ...textStyles} = getStyles('text');\n\n    return (\n        <Box\n            ref={ref}\n            onMouseEnter={() => {\n                if (textRef.current && isOverflowing(textRef.current)) {\n                    setShowTooltip(true);\n                }\n            }}\n            onMouseLeave={() => setShowTooltip(false)}\n            className={clsx(rootClass, {[classes.noWrap]: !lineClamp})}\n            {...rootStyles}\n            {...others}\n        >\n            <Tooltip label={children} opened={showTooltip} {...tooltipProps} {...getStyles('tooltip')}>\n                <Text\n                    span\n                    inherit\n                    variant={variant}\n                    ref={textRef}\n                    className={clsx(textClass, {[classes.ellipsis]: !lineClamp})}\n                    {...(!!lineClamp && {lineClamp: lineClamp})}\n                    {...textStyles}\n                >\n                    {children}\n                </Text>\n            </Tooltip>\n        </Box>\n    );\n});\n\nconst isOverflowing = (h: HTMLDivElement) => h.scrollWidth > h.clientWidth || h.scrollHeight > h.clientHeight;\n"],"names":["Box","polymorphicFactory","Text","Tooltip","useProps","useStyles","useRef","useState","clsx","classes","defaultProps","tooltipProps","EllipsisText","props","ref","className","children","style","classNames","styles","unstyled","variant","lineClamp","others","getStyles","name","showTooltip","setShowTooltip","textRef","rootClass","rootStyles","textClass","textStyles","onMouseEnter","current","isOverflowing","onMouseLeave","noWrap","label","opened","span","inherit","ellipsis","h","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";AAAA,SACIA,GAAG,EAGHC,kBAAkB,EAElBC,IAAI,EAEJC,OAAO,EAEPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAmBC,MAAM,EAAEC,QAAQ,QAAO,QAAQ;AAClD,OAAOC,UAAU,OAAO;AACxB,OAAOC,aAAa,4BAA4B;AAmBhD,MAAMC,eAA2C;IAC7CC,cAAc,CAAC;AACnB;AAEA,OAAO,MAAMC,eAAeX,mBAAwC,CAACY,OAAOC;IACxE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEX,YAAY,EAAE,GAAGY,QAAO,GACzGnB,SAAS,gBAAgBM,cAAcG;IAE3C,MAAMW,YAAYnB,UAA+B;QAC7CoB,MAAM;QACNhB;QACAI;QACAE;QACAE;QACAC;QACAC;QACAC;IACJ;IAEA,MAAM,CAACM,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAMqB,UAAUtB;IAEhB,MAAM,EAACS,WAAWc,SAAS,EAAE,GAAGC,YAAW,GAAGN,UAAU;IACxD,MAAM,EAACT,WAAWgB,SAAS,EAAE,GAAGC,YAAW,GAAGR,UAAU;IAExD,qBACI,KAACxB;QACGc,KAAKA;QACLmB,cAAc;YACV,IAAIL,QAAQM,OAAO,IAAIC,cAAcP,QAAQM,OAAO,GAAG;gBACnDP,eAAe;YACnB;QACJ;QACAS,cAAc,IAAMT,eAAe;QACnCZ,WAAWP,KAAKqB,WAAW;YAAC,CAACpB,QAAQ4B,MAAM,CAAC,EAAE,CAACf;QAAS;QACvD,GAAGQ,UAAU;QACb,GAAGP,MAAM;kBAEV,cAAA,KAACpB;YAAQmC,OAAOtB;YAAUuB,QAAQb;YAAc,GAAGf,YAAY;YAAG,GAAGa,UAAU,UAAU;sBACrF,cAAA,KAACtB;gBACGsC,IAAI;gBACJC,OAAO;gBACPpB,SAASA;gBACTP,KAAKc;gBACLb,WAAWP,KAAKuB,WAAW;oBAAC,CAACtB,QAAQiC,QAAQ,CAAC,EAAE,CAACpB;gBAAS;gBACzD,GAAI,CAAC,CAACA,aAAa;oBAACA,WAAWA;gBAAS,CAAC;gBACzC,GAAGU,UAAU;0BAEbhB;;;;AAKrB,GAAG;AAEH,MAAMmB,gBAAgB,CAACQ,IAAsBA,EAAEC,WAAW,GAAGD,EAAEE,WAAW,IAAIF,EAAEG,YAAY,GAAGH,EAAEI,YAAY"}

package/dist/esm/components/ellipsis-text/EllipsisText.module.css

@@ -1,8 +1,13 @@
 .root {
+    display: flex;
+    width: 100%;
+}
+
+.noWrap {
     white-space: nowrap;
 }
 
-.text {
+.ellipsis {
     flex-basis: 100%;
     overflow: hidden;
     text-overflow: ellipsis;

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

@@ -14,4 +14,5 @@ export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';
 export * from './table';
+export * from './child-form';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/esm/components/index.js

@@ -14,5 +14,6 @@ export * from './prompt';
 export * from './read-only';
 export * from './sticky-footer';
 export * from './table';
+export * from './child-form';
 
 //# sourceMappingURL=index.js.map