@kirill.konshin/mui 0.0.1 → 0.0.3

package/dist/appBarOffset.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { BoxProps } from '@mui/material/Box';
+export type AppBarOffsetProps = BoxProps;
+export declare const AppBarOffset: FC<AppBarOffsetProps>;
+//# sourceMappingURL=appBarOffset.d.ts.map

package/dist/appBarOffset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appBarOffset.d.ts","sourceRoot":"","sources":["../src/appBarOffset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAkB,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAE7C,CAAC"}

package/dist/appBarOffset.js

@@ -0,0 +1,14 @@
+import { memo } from "react";
+import Box from "@mui/material/Box";
+import { jsx } from "react/jsx-runtime";
+//#region src/appBarOffset.tsx
+var AppBarOffset = memo(function AppBarOffset({ sx, ...props }) {
+	return /* @__PURE__ */ jsx(Box, {
+		...props,
+		sx: [({ mixins }) => mixins.toolbar, ...Array.isArray(sx) ? sx : [sx]]
+	});
+});
+//#endregion
+export { AppBarOffset };
+
+//# sourceMappingURL=appBarOffset.js.map

package/dist/appBarOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appBarOffset.js","names":[],"sources":["../src/appBarOffset.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { default as Box, type BoxProps } from '@mui/material/Box';\n\nexport type AppBarOffsetProps = BoxProps;\n\nexport const AppBarOffset: FC<AppBarOffsetProps> = memo(function AppBarOffset({ sx, ...props }) {\n    return <Box {...props} sx={[({ mixins }) => mixins.toolbar, ...(Array.isArray(sx) ? sx : [sx])]} />;\n});\n"],"mappings":";;;;AAKA,IAAa,eAAsC,KAAK,SAAS,aAAa,EAAE,IAAI,GAAG,SAAS;CAC5F,OAAO,oBAAC,KAAD;EAAK,GAAI;EAAO,IAAI,EAAE,EAAE,aAAa,OAAO,SAAS,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,CAAE;CAAI,CAAA;AACtG,CAAC"}

package/dist/formControlFieldset.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { GenericControlProps } from './genericControl';
+import { GenericControlProps } from './genericControl.js';
 export type FormControlFieldsetProps = GenericControlProps;
 export declare const FormControlFieldset: FC<FormControlFieldsetProps>;
 //# sourceMappingURL=formControlFieldset.d.ts.map

package/dist/formControlFieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAmB5D,CAAC"}
+{"version":3,"file":"formControlFieldset.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAmB3D,CAAC"}

package/dist/formControlFieldset.js

@@ -1,28 +1,20 @@
-import { jsx } from "react/jsx-runtime";
 import { GenericControl } from "./genericControl.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import { inputClasses } from "@mui/material/Input";
-const FormControlFieldset = function FormControlFieldset2({
-  children,
-  sx,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    GenericControl,
-    {
-      ...props,
-      component: "fieldset",
-      sx: {
-        ...sx,
-        [`legend + .${inputClasses.root}`]: {
-          marginTop: 2
-          //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59
-        }
-      },
-      children
-    }
-  );
-};
-export {
-  FormControlFieldset
-};
-//# sourceMappingURL=formControlFieldset.js.map
+//#region src/formControlFieldset.tsx
+var FormControlFieldset = memo(function FormControlFieldset({ children, sx, ...props }) {
+	return /* @__PURE__ */ jsx(GenericControl, {
+		...props,
+		component: "fieldset",
+		sx: {
+			...sx,
+			[`legend + .${inputClasses.root}`]: { marginTop: 2 }
+		},
+		children
+	});
+});
+//#endregion
+export { FormControlFieldset };
+
+//# sourceMappingURL=formControlFieldset.js.map

package/dist/formControlFieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.js","sources":["../src/formControlFieldset.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { GenericControl, GenericControlProps } from './genericControl';\nimport { inputClasses } from '@mui/material/Input';\n\nexport type FormControlFieldsetProps = GenericControlProps;\n\nexport const FormControlFieldset: FC<FormControlFieldsetProps> = function FormControlFieldset({\n    children,\n    sx,\n    ...props\n}) {\n    return (\n        <GenericControl\n            {...props}\n            component=\"fieldset\"\n            sx={{\n                ...sx,\n                [`legend + .${inputClasses.root}`]: {\n                    marginTop: 2, //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59\n                },\n            }}\n        >\n            {children}\n        </GenericControl>\n    );\n};\n"],"names":["FormControlFieldset"],"mappings":";;;AAMO,MAAM,sBAAoD,SAASA,qBAAoB;AAAA,EAC1F;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAG;AACC,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAU;AAAA,MACV,IAAI;AAAA,QACA,GAAG;AAAA,QACH,CAAC,aAAa,aAAa,IAAI,EAAE,GAAG;AAAA,UAChC,WAAW;AAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAGH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"formControlFieldset.js","names":[],"sources":["../src/formControlFieldset.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { GenericControl, type GenericControlProps } from './genericControl';\nimport { inputClasses } from '@mui/material/Input';\n\nexport type FormControlFieldsetProps = GenericControlProps;\n\nexport const FormControlFieldset: FC<FormControlFieldsetProps> = memo(function FormControlFieldset({\n    children,\n    sx,\n    ...props\n}) {\n    return (\n        <GenericControl\n            {...props}\n            component=\"fieldset\"\n            sx={{\n                ...sx,\n                [`legend + .${inputClasses.root}`]: {\n                    marginTop: 2, //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59\n                },\n            }}\n        >\n            {children}\n        </GenericControl>\n    );\n});\n"],"mappings":";;;;;AAMA,IAAa,sBAAoD,KAAK,SAAS,oBAAoB,EAC/F,UACA,IACA,GAAG,SACJ;CACC,OACI,oBAAC,gBAAD;EACI,GAAI;EACJ,WAAU;EACV,IAAI;GACA,GAAG;IACF,aAAa,aAAa,SAAS,EAChC,WAAW,EACf;EACJ;EAEC;CACW,CAAA;AAExB,CAAC"}

package/dist/formControlFieldset.stories.d.ts

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { GenericControl } from './genericControl';
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { GenericControl } from './genericControl.js';
 declare const meta: Meta<typeof GenericControl>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/formControlFieldset.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formControlFieldset.stories.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CA6CC,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"version":3,"file":"formControlFieldset.stories.d.ts","sourceRoot":"","sources":["../src/formControlFieldset.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CA6CC,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/formLabelLegend.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
 import { InputLabelProps } from '@mui/material/InputLabel';
-export declare const FormLabelLegend: FC<InputLabelProps>;
+export type FormLabelLegendProps = InputLabelProps;
+export declare const FormLabelLegend: FC<FormLabelLegendProps>;
 //# sourceMappingURL=formLabelLegend.d.ts.map

package/dist/formLabelLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAyB,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,eAAe,CAO/C,CAAC"}
+{"version":3,"file":"formLabelLegend.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvF,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAEnD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAOnD,CAAC"}

package/dist/formLabelLegend.js

@@ -1,12 +1,16 @@
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import InputLabel from "@mui/material/InputLabel";
-const FormLabelLegend = ({ children, ...props }) => {
-  return (
-    // sx={(theme) => theme.typography.caption}
-    /* @__PURE__ */ jsx(InputLabel, { ...props, shrink: true, component: "legend", children })
-  );
-};
-export {
-  FormLabelLegend
-};
-//# sourceMappingURL=formLabelLegend.js.map
+//#region src/formLabelLegend.tsx
+var FormLabelLegend = memo(function FormLabelLegend({ children, ...props }) {
+	return /* @__PURE__ */ jsx(InputLabel, {
+		...props,
+		shrink: true,
+		component: "legend",
+		children
+	});
+});
+//#endregion
+export { FormLabelLegend };
+
+//# sourceMappingURL=formLabelLegend.js.map

package/dist/formLabelLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.js","sources":["../src/formLabelLegend.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { default as InputLabel, InputLabelProps } from '@mui/material/InputLabel';\n\nexport const FormLabelLegend: FC<InputLabelProps> = ({ children, ...props }) => {\n    return (\n        // sx={(theme) => theme.typography.caption}\n        <InputLabel {...props} shrink={true} component={'legend' as any}>\n            {children}\n        </InputLabel>\n    );\n};\n"],"names":[],"mappings":";;AAGO,MAAM,kBAAuC,CAAC,EAAE,UAAU,GAAG,YAAY;AAC5E;AAAA;AAAA,IAEI,oBAAC,cAAY,GAAG,OAAO,QAAQ,MAAM,WAAW,UAC3C,SAAA,CACL;AAAA;AAER;"}
+{"version":3,"file":"formLabelLegend.js","names":[],"sources":["../src/formLabelLegend.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { default as InputLabel, type InputLabelProps } from '@mui/material/InputLabel';\n\nexport type FormLabelLegendProps = InputLabelProps;\n\nexport const FormLabelLegend: FC<FormLabelLegendProps> = memo(function FormLabelLegend({ children, ...props }) {\n    return (\n        // sx={(theme) => theme.typography.caption}\n        <InputLabel {...props} shrink={true} component={'legend' as any}>\n            {children}\n        </InputLabel>\n    );\n});\n"],"mappings":";;;;AAKA,IAAa,kBAA4C,KAAK,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS;CAC3G,OAEI,oBAAC,YAAD;EAAY,GAAI;EAAO,QAAQ;EAAM,WAAW;EAC3C;CACO,CAAA;AAEpB,CAAC"}

package/dist/formLabelLegend.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FormLabelLegend } from './formLabelLegend.js';
+declare const meta: Meta<typeof FormLabelLegend>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithRadioGroup: Story;
+export declare const Required: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const ComparisonWithInputLabel: Story;
+export declare const MultipleFieldsets: Story;
+//# sourceMappingURL=formLabelLegend.stories.d.ts.map

package/dist/formLabelLegend.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formLabelLegend.stories.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAatC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAqBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAC"}

package/dist/genericControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"genericControl.d.ts","sourceRoot":"","sources":["../src/genericControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAA0B,MAAM,2BAA2B,CAAC;AAGrF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAalD,CAAC"}
+{"version":3,"file":"genericControl.d.ts","sourceRoot":"","sources":["../src/genericControl.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,2BAA2B,CAAC;AAG1F,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAAC;AAEvE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAejD,CAAC"}

package/dist/genericControl.js

@@ -1,21 +1,20 @@
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import FormControl from "@mui/material/FormControl";
 import { inputClasses } from "@mui/material/Input";
-const GenericControl = ({ children, sx, ...props }) => /* @__PURE__ */ jsx(
-  FormControl,
-  {
-    variant: "standard",
-    sx: {
-      ...sx,
-      [`& .${inputClasses.root}`]: {
-        "&:before, &:after": { display: "none" }
-      }
-    },
-    ...props,
-    children
-  }
-);
-export {
-  GenericControl
-};
-//# sourceMappingURL=genericControl.js.map
+//#region src/genericControl.tsx
+var GenericControl = memo(function GenericControl({ children, sx, ...props }) {
+	return /* @__PURE__ */ jsx(FormControl, {
+		variant: "standard",
+		sx: {
+			...sx,
+			[`& .${inputClasses.root}`]: { "&:before, &:after": { display: "none" } }
+		},
+		...props,
+		children
+	});
+});
+//#endregion
+export { GenericControl };
+
+//# sourceMappingURL=genericControl.js.map

package/dist/genericControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"genericControl.js","sources":["../src/genericControl.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { FormControlProps, default as FormControl } from '@mui/material/FormControl';\nimport { inputClasses } from '@mui/material/Input';\n\nexport type GenericControlProps = FormControlProps & { children: any };\n\nexport const GenericControl: FC<GenericControlProps> = ({ children, sx, ...props }) => (\n    <FormControl\n        variant=\"standard\"\n        sx={{\n            ...sx,\n            [`& .${inputClasses.root}`]: {\n                '&:before, &:after': { display: 'none' },\n            },\n        }}\n        {...props}\n    >\n        {children}\n    </FormControl>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,iBAA0C,CAAC,EAAE,UAAU,IAAI,GAAG,YACvE;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,SAAQ;AAAA,IACR,IAAI;AAAA,MACA,GAAG;AAAA,MACH,CAAC,MAAM,aAAa,IAAI,EAAE,GAAG;AAAA,QACzB,qBAAqB,EAAE,SAAS,OAAA;AAAA,MAAO;AAAA,IAC3C;AAAA,IAEH,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;"}
+{"version":3,"file":"genericControl.js","names":[],"sources":["../src/genericControl.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { type FormControlProps, default as FormControl } from '@mui/material/FormControl';\nimport { inputClasses } from '@mui/material/Input';\n\nexport type GenericControlProps = FormControlProps & { children: any };\n\nexport const GenericControl: FC<GenericControlProps> = memo(function GenericControl({ children, sx, ...props }) {\n    return (\n        <FormControl\n            variant=\"standard\"\n            sx={{\n                ...sx,\n                [`& .${inputClasses.root}`]: {\n                    '&:before, &:after': { display: 'none' },\n                },\n            }}\n            {...props}\n        >\n            {children}\n        </FormControl>\n    );\n});\n"],"mappings":";;;;;AAMA,IAAa,iBAA0C,KAAK,SAAS,eAAe,EAAE,UAAU,IAAI,GAAG,SAAS;CAC5G,OACI,oBAAC,aAAD;EACI,SAAQ;EACR,IAAI;GACA,GAAG;IACF,MAAM,aAAa,SAAS,EACzB,qBAAqB,EAAE,SAAS,OAAO,EAC3C;EACJ;EACA,GAAI;EAEH;CACQ,CAAA;AAErB,CAAC"}

package/dist/genericControl.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { GenericControl } from './genericControl.js';
+declare const meta: Meta<typeof GenericControl>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomContent: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const FullWidth: Story;
+export declare const ComparisonWithTextField: Story;
+//# sourceMappingURL=genericControl.stories.d.ts.map

package/dist/genericControl.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"genericControl.stories.d.ts","sourceRoot":"","sources":["../src/genericControl.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAarC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAkBrC,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export * from './formControlFieldset';
-export * from './formLabelLegend';
-export * from './genericControl';
-export * from './readOnly';
+export * from './appBarOffset.js';
+export * from './formControlFieldset.js';
+export * from './formLabelLegend.js';
+export * from './genericControl.js';
+export * from './readOnly.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -1,11 +1,6 @@
+import { AppBarOffset } from "./appBarOffset.js";
+import { GenericControl } from "./genericControl.js";
 import { FormControlFieldset } from "./formControlFieldset.js";
 import { FormLabelLegend } from "./formLabelLegend.js";
-import { GenericControl } from "./genericControl.js";
 import { ReadOnly } from "./readOnly.js";
-export {
-  FormControlFieldset,
-  FormLabelLegend,
-  GenericControl,
-  ReadOnly
-};
-//# sourceMappingURL=index.js.map
+export { AppBarOffset, FormControlFieldset, FormLabelLegend, GenericControl, ReadOnly };

package/dist/readOnly.d.ts

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { InputProps } from '@mui/material/Input';
-export declare const ReadOnly: FC<InputProps & {
+export type ReadOnlyProps = InputProps & {
     children: any;
-}>;
+};
+export declare const ReadOnly: FC<ReadOnlyProps>;
 //# sourceMappingURL=readOnly.d.ts.map

package/dist/readOnly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readOnly.d.ts","sourceRoot":"","sources":["../src/readOnly.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAoB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEnE,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,UAAU,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAEvD,CAAC"}
+{"version":3,"file":"readOnly.d.ts","sourceRoot":"","sources":["../src/readOnly.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAErC,CAAC"}

package/dist/readOnly.js

@@ -1,7 +1,18 @@
+import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import Input from "@mui/material/Input";
-const ReadOnly = ({ children, inputProps, ...props }) => /* @__PURE__ */ jsx(Input, { ...props, inputComponent: "div", inputProps: { ...inputProps, children } });
-export {
-  ReadOnly
-};
-//# sourceMappingURL=readOnly.js.map
+//#region src/readOnly.tsx
+var ReadOnly = memo(function ReadOnly({ children, inputProps, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		inputComponent: "div",
+		inputProps: {
+			...inputProps,
+			children
+		}
+	});
+});
+//#endregion
+export { ReadOnly };
+
+//# sourceMappingURL=readOnly.js.map

package/dist/readOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"readOnly.js","sources":["../src/readOnly.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { default as Input, InputProps } from '@mui/material/Input';\n\nexport const ReadOnly: FC<InputProps & { children: any }> = ({ children, inputProps, ...props }) => (\n    <Input {...props} inputComponent={'div' as any} inputProps={{ ...inputProps, children }}></Input>\n);\n"],"names":[],"mappings":";;AAGO,MAAM,WAA+C,CAAC,EAAE,UAAU,YAAY,GAAG,YACpF,oBAAC,SAAO,GAAG,OAAO,gBAAgB,OAAc,YAAY,EAAE,GAAG,YAAY,WAAS,CAAG;"}
+{"version":3,"file":"readOnly.js","names":[],"sources":["../src/readOnly.tsx"],"sourcesContent":["import React, { type FC, memo } from 'react';\nimport { default as Input, type InputProps } from '@mui/material/Input';\n\nexport type ReadOnlyProps = InputProps & { children: any };\n\nexport const ReadOnly: FC<ReadOnlyProps> = memo(function ReadOnly({ children, inputProps, ...props }) {\n    return <Input {...props} inputComponent={'div' as any} inputProps={{ ...inputProps, children }}></Input>;\n});\n"],"mappings":";;;;AAKA,IAAa,WAA8B,KAAK,SAAS,SAAS,EAAE,UAAU,YAAY,GAAG,SAAS;CAClG,OAAO,oBAAC,OAAD;EAAO,GAAI;EAAO,gBAAgB;EAAc,YAAY;GAAE,GAAG;GAAY;EAAS;CAAU,CAAA;AAC3G,CAAC"}

package/dist/readOnly.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ReadOnly } from './readOnly.js';
+declare const meta: Meta<typeof ReadOnly>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithHTMLContent: Story;
+export declare const MultipleFields: Story;
+export declare const ComparisonWithTextField: Story;
+export declare const FullWidth: Story;
+//# sourceMappingURL=readOnly.stories.d.ts.map

package/dist/readOnly.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"readOnly.stories.d.ts","sourceRoot":"","sources":["../src/readOnly.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAY/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC"}

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "@kirill.konshin/mui",
   "description": "Utilities",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
+  "hasStorybook": true,
   "scripts": {
     "----- BUILD -----": "",
     "clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
     "build": "vite build",
-    "build:index": "cti create ./src",
-    "build:check-types": "attw --pack .",
     "start": "yarn build --watch",
     "wait": "wait-on ./dist/index.js",
     "----- TEST -----": "",
-    "test:disabled": "vitest run --coverage",
+    "test": "vitest run --coverage",
     "test:watch": "vitest watch --coverage",
     "----- STORYBOOK -----": "",
     "storybook:start": "storybook dev -p 6006",
@@ -52,5 +51,18 @@
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts"
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kirill-konshin/utils.git",
+    "directory": "packages/mui"
+  },
+  "nx": {
+    "tags": [
+      "platform:react"
+    ]
+  },
+  "files": [
+    "dist"
+  ]
 }

package/.ctirc

@@ -1,11 +0,0 @@
-{
-  "addNewline": true,
-  "fileExcludePatterns": [
-    "*.stories.*",
-    "*.test.*",
-    "*.fixture.*"
-  ],
-  "verbose": false,
-  "withoutBackupFile": true,
-  "withoutComment": true
-}

package/.storybook/main.ts

@@ -1,2 +0,0 @@
-import config from '../../utils-private/.storybook/main';
-export default config;

package/.storybook/preview.ts

@@ -1,2 +0,0 @@
-import preview from '../../utils-private/.storybook/preview';
-export default preview;

package/.turbo/turbo-build.log

@@ -1,16 +0,0 @@
-vite v7.0.6 building SSR bundle for production...
-create succeeded: /home/runner/work/utils/utils/packages/mui/src
-transforming...
-✓ 5 modules transformed.
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-dist/readOnly.js             0.31 kB │ map: 0.54 kB
-dist/index.js                0.33 kB │ map: 0.09 kB
-dist/formLabelLegend.js      0.38 kB │ map: 0.66 kB
-dist/genericControl.js       0.50 kB │ map: 1.01 kB
-dist/formControlFieldset.js  0.64 kB │ map: 1.22 kB
-[vite:dts] Declaration files built in 2888ms.
-
-✓ built in 3.55s
-Updated package.json with exports

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/src/README.md

@@ -1,3 +0,0 @@
-## Prior Art
-
-https://codesandbox.io/p/sandbox/l7vykxl57q MUI v4

package/src/formControlFieldset.stories.tsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { TextField, Stack, InputLabel, RadioGroup, Radio, FormControlLabel, Box } from '@mui/material';
-
-import { GenericControl } from './genericControl';
-import { ReadOnly } from './readOnly';
-import { FormControlFieldset } from './formControlFieldset';
-import { FormLabelLegend } from './formLabelLegend';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-const meta: Meta<typeof GenericControl> = {
-    title: 'MUI / FormControlFieldset',
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {},
-    render: function Render() {
-        return (
-            <Box sx={{ position: 'relative' }}>
-                <Rule top={12} />
-                <Rule top={37} />
-                <Rule top={48} />
-                <Stack direction="row" gap={3} sx={{ alignItems: 'flex-start' }}>
-                    <FormControlFieldset>
-                        <FormLabelLegend>Radios</FormLabelLegend>
-                        <ReadOnly>
-                            {/* TODO The size of the component. small is equivalent to the dense radio styling. */}
-                            <RadioGroup row defaultValue="female" name="radio-buttons-group" sx={{ mt: -1 }}>
-                                <FormControlLabel value="female" label="Female" control={<Radio size="small" />} />
-                                <FormControlLabel value="male" label="Male" control={<Radio size="small" />} />
-                                <FormControlLabel value="other" label="Other" control={<Radio size="small" />} />
-                            </RadioGroup>
-                        </ReadOnly>
-                    </FormControlFieldset>
-
-                    <GenericControl>
-                        <InputLabel shrink>GenericControl</InputLabel>
-                        <ReadOnly>
-                            This is a <code>div</code>, not an input with <code>readOnly</code>
-                        </ReadOnly>
-                    </GenericControl>
-
-                    <FormControlFieldset>
-                        <FormLabelLegend>FormLabelLegend</FormLabelLegend>
-                        <ReadOnly>
-                            This is a <code>div</code>, not an input with <code>readOnly</code>
-                        </ReadOnly>
-                    </FormControlFieldset>
-
-                    <TextField label="TextField" defaultValue="Bar" variant="standard" />
-                </Stack>
-            </Box>
-        );
-    },
-} satisfies Meta<typeof GenericControl>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-function Rule({ top }) {
-    return (
-        <Box sx={{ background: 'red', position: 'absolute', left: 0, top: `${top}px`, width: '100%', height: '1px' }} />
-    );
-}
-
-export const Default: Story = {
-    args: {},
-};

package/src/formControlFieldset.tsx

@@ -1,26 +0,0 @@
-import React, { FC } from 'react';
-import { GenericControl, GenericControlProps } from './genericControl';
-import { inputClasses } from '@mui/material/Input';
-
-export type FormControlFieldsetProps = GenericControlProps;
-
-export const FormControlFieldset: FC<FormControlFieldsetProps> = function FormControlFieldset({
-    children,
-    sx,
-    ...props
-}) {
-    return (
-        <GenericControl
-            {...props}
-            component="fieldset"
-            sx={{
-                ...sx,
-                [`legend + .${inputClasses.root}`]: {
-                    marginTop: 2, //FIXME 16px, hardcoded from @mui/material/Input/Input.js @ 59
-                },
-            }}
-        >
-            {children}
-        </GenericControl>
-    );
-};

package/src/formLabelLegend.tsx

@@ -1,11 +0,0 @@
-import React, { FC } from 'react';
-import { default as InputLabel, InputLabelProps } from '@mui/material/InputLabel';
-
-export const FormLabelLegend: FC<InputLabelProps> = ({ children, ...props }) => {
-    return (
-        // sx={(theme) => theme.typography.caption}
-        <InputLabel {...props} shrink={true} component={'legend' as any}>
-            {children}
-        </InputLabel>
-    );
-};

package/src/genericControl.tsx

@@ -1,20 +0,0 @@
-import React, { FC } from 'react';
-import { FormControlProps, default as FormControl } from '@mui/material/FormControl';
-import { inputClasses } from '@mui/material/Input';
-
-export type GenericControlProps = FormControlProps & { children: any };
-
-export const GenericControl: FC<GenericControlProps> = ({ children, sx, ...props }) => (
-    <FormControl
-        variant="standard"
-        sx={{
-            ...sx,
-            [`& .${inputClasses.root}`]: {
-                '&:before, &:after': { display: 'none' },
-            },
-        }}
-        {...props}
-    >
-        {children}
-    </FormControl>
-);

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from './formControlFieldset';
-export * from './formLabelLegend';
-export * from './genericControl';
-export * from './readOnly';

package/src/readOnly.tsx

@@ -1,6 +0,0 @@
-import React, { FC } from 'react';
-import { default as Input, InputProps } from '@mui/material/Input';
-
-export const ReadOnly: FC<InputProps & { children: any }> = ({ children, inputProps, ...props }) => (
-    <Input {...props} inputComponent={'div' as any} inputProps={{ ...inputProps, children }}></Input>
-);

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../utils-private/tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "dist",
-    "declarationDir": "dist"
-  },
-  "include": ["src"],
-  "exclude": []
-}

package/turbo.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "https://turbo.build/schema.json",
-  "extends": ["//"],
-  "tasks": {
-    "build": {
-      "dependsOn": ["^build"],
-      "outputs": ["src/**/*/index.ts", "package.json", "dist/**/*"]
-    }
-  }
-}

package/vite.config.ts

@@ -1,2 +0,0 @@
-import config from '../utils-private/vite.config';
-export default config;