@kirill.konshin/mui 0.0.2 → 0.0.3

package/dist/appBarOffset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appBarOffset.d.ts","sourceRoot":"","sources":["../src/appBarOffset.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAkB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAE7C,CAAC"}
+{"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

@@ -1,10 +1,14 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import Box from "@mui/material/Box";
-const AppBarOffset = memo(function AppBarOffset2({ sx, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { ...props, sx: [({ mixins }) => mixins.toolbar, ...Array.isArray(sx) ? sx : [sx]] });
+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]]
+	});
 });
-export {
-  AppBarOffset
-};
-//# sourceMappingURL=appBarOffset.js.map
+//#endregion
+export { AppBarOffset };
+
+//# sourceMappingURL=appBarOffset.js.map

package/dist/appBarOffset.js.map

@@ -1 +1 @@
-{"version":3,"file":"appBarOffset.js","sources":["../src/appBarOffset.tsx"],"sourcesContent":["import React, { FC, memo } from 'react';\nimport { default as Box, 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"],"names":["AppBarOffset"],"mappings":";;;AAKO,MAAM,eAAsC,KAAK,SAASA,cAAa,EAAE,IAAI,GAAG,SAAS;AAC5F,SAAO,oBAAC,OAAK,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,aAAa,OAAO,SAAS,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE,CAAE,GAAG;AACrG,CAAC;"}
+{"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,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAE3D,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAmB3D,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,29 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
 import { GenericControl } from "./genericControl.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import { inputClasses } from "@mui/material/Input";
-const FormControlFieldset = memo(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
-    }
-  );
+//#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
+	});
 });
-export {
-  FormControlFieldset
-};
-//# sourceMappingURL=formControlFieldset.js.map
+//#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, memo } from 'react';\nimport { GenericControl, 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"],"names":["FormControlFieldset"],"mappings":";;;;AAMO,MAAM,sBAAoD,KAAK,SAASA,qBAAoB;AAAA,EAC/F;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,CAAC;"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"formLabelLegend.d.ts","sourceRoot":"","sources":["../src/formLabelLegend.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAyB,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAEnD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAOnD,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,13 +1,16 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import InputLabel from "@mui/material/InputLabel";
-const FormLabelLegend = memo(function FormLabelLegend2({ children, ...props }) {
-  return (
-    // sx={(theme) => theme.typography.caption}
-    /* @__PURE__ */ jsx(InputLabel, { ...props, shrink: true, component: "legend", children })
-  );
+//#region src/formLabelLegend.tsx
+var FormLabelLegend = memo(function FormLabelLegend({ children, ...props }) {
+	return /* @__PURE__ */ jsx(InputLabel, {
+		...props,
+		shrink: true,
+		component: "legend",
+		children
+	});
 });
-export {
-  FormLabelLegend
-};
-//# sourceMappingURL=formLabelLegend.js.map
+//#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, memo } from 'react';\nimport { default as InputLabel, 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"],"names":["FormLabelLegend"],"mappings":";;;AAKO,MAAM,kBAA4C,KAAK,SAASA,iBAAgB,EAAE,UAAU,GAAG,SAAS;AAC3G;AAAA;AAAA,IAEI,oBAAC,cAAY,GAAG,OAAO,QAAQ,MAAM,WAAW,UAC3C,SAAA,CACL;AAAA;AAER,CAAC;"}
+{"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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { FormLabelLegend } from './formLabelLegend';
+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>;

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

@@ -1 +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,kBAAkB,CAAC;AAIvD,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"}
+{"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,EAAQ,MAAM,OAAO,CAAC;AACxC,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,CAejD,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,24 +1,20 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import FormControl from "@mui/material/FormControl";
 import { inputClasses } from "@mui/material/Input";
-const GenericControl = memo(function GenericControl2({ children, sx, ...props }) {
-  return /* @__PURE__ */ jsx(
-    FormControl,
-    {
-      variant: "standard",
-      sx: {
-        ...sx,
-        [`& .${inputClasses.root}`]: {
-          "&:before, &:after": { display: "none" }
-        }
-      },
-      ...props,
-      children
-    }
-  );
+//#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
+	});
 });
-export {
-  GenericControl
-};
-//# sourceMappingURL=genericControl.js.map
+//#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, memo } 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> = 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"],"names":["GenericControl"],"mappings":";;;;AAMO,MAAM,iBAA0C,KAAK,SAASA,gBAAe,EAAE,UAAU,IAAI,GAAG,SAAS;AAC5G,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,IAAI;AAAA,QACA,GAAG;AAAA,QACH,CAAC,MAAM,aAAa,IAAI,EAAE,GAAG;AAAA,UACzB,qBAAqB,EAAE,SAAS,OAAA;AAAA,QAAO;AAAA,MAC3C;AAAA,MAEH,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}
+{"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

@@ -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/genericControl.stories.d.ts.map

@@ -1 +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,kBAAkB,CAAC;AAIvD,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"}
+{"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,6 +1,6 @@
-export * from './appBarOffset';
-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.js

@@ -1,13 +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 {
-  AppBarOffset,
-  FormControlFieldset,
-  FormLabelLegend,
-  GenericControl,
-  ReadOnly
-};
-//# sourceMappingURL=index.js.map
+export { AppBarOffset, FormControlFieldset, FormLabelLegend, GenericControl, ReadOnly };

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,EAAQ,MAAM,OAAO,CAAC;AACxC,OAAO,EAAoB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,CAAC;AAE3D,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAErC,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,10 +1,18 @@
-import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
 import Input from "@mui/material/Input";
-const ReadOnly = memo(function ReadOnly2({ children, inputProps, ...props }) {
-  return /* @__PURE__ */ jsx(Input, { ...props, inputComponent: "div", inputProps: { ...inputProps, children } });
+//#region src/readOnly.tsx
+var ReadOnly = memo(function ReadOnly({ children, inputProps, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		inputComponent: "div",
+		inputProps: {
+			...inputProps,
+			children
+		}
+	});
 });
-export {
-  ReadOnly
-};
-//# sourceMappingURL=readOnly.js.map
+//#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, memo } from 'react';\nimport { default as Input, 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"],"names":["ReadOnly"],"mappings":";;;AAKO,MAAM,WAA8B,KAAK,SAASA,UAAS,EAAE,UAAU,YAAY,GAAG,SAAS;AAClG,SAAO,oBAAC,OAAA,EAAO,GAAG,OAAO,gBAAgB,OAAc,YAAY,EAAE,GAAG,YAAY,SAAA,EAAS,CAAG;AACpG,CAAC;"}
+{"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

@@ -1,5 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ReadOnly } from './readOnly';
+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>;

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

@@ -1 +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,kBAAkB,CAAC;AAIvD,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"}
+{"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.2",
+  "version": "0.0.3",
   "type": "module",
+  "hasStorybook": true,
   "scripts": {
     "----- BUILD -----": "",
     "clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
     "build": "vite build",
-    "build:index": "ctix build",
-    "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,20 +0,0 @@
-{
-  "options": [
-    {
-      "mode": "create",
-      "project": "tsconfig.json",
-      "include": "src/**/*.{ts,tsx}",
-      "exclude": [
-        "**/*.stories.*",
-        "**/*.test.*",
-        "**/*.fixture.*"
-      ],
-      "startFrom": "src",
-      "backup": false,
-      "overwrite": true,
-      "generationStyle": "default-alias-named-star",
-      "output": "src",
-      "verbose": 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,24 +0,0 @@
-vite v7.0.6 building SSR bundle for production...
-- ctix 'create' mode start, ...
-✔ /home/runner/work/utils/utils/packages/mui/tsconfig.json loading complete!
-✔ analysis export statements completed!
-- build "index.ts" file start
-- output file exists check, ...
-
-
-✔ ctix 'create' mode complete!
-transforming...
-✓ 6 modules transformed.
-rendering chunks...
-
-[vite:dts] Start generate declaration files...
-dist/appBarOffset.js         0.37 kB │ map: 0.68 kB
-dist/readOnly.js             0.37 kB │ map: 0.68 kB
-dist/index.js                0.40 kB │ map: 0.09 kB
-dist/formLabelLegend.js      0.44 kB │ map: 0.79 kB
-dist/genericControl.js       0.59 kB │ map: 1.16 kB
-dist/formControlFieldset.js  0.68 kB │ map: 1.24 kB
-[vite:dts] Declaration files built in 3345ms.
-
-✓ built in 7.04s
-Updated package.json with exports

package/AGENTS.md

@@ -1,19 +0,0 @@
-# MUI Classes In Selectors
-
-Always use following notation because it's the only one that works with minification:
-
-```tsx
-import Input, { inputClasses } from '@mui/material/Input';
-
-const cmp = (
-    <Box
-        sx={{
-            [`& .${inputClasses.root}`]: {
-                // styles
-            },
-        }}
-    >
-        <Input />
-    </Box>
-);
-```

package/CHANGELOG.md

@@ -1,8 +0,0 @@
-# @kirill.konshin/mui
-
-## 0.0.2
-
-### Patch Changes
-
-- 63fdba8: Agent-assisted refactoring
-- 63fdba8: Divided core to browser/node/worker-specific packages, CTIX upgrade, etc.

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/appBarOffset.tsx

@@ -1,8 +0,0 @@
-import React, { FC, memo } from 'react';
-import { default as Box, BoxProps } from '@mui/material/Box';
-
-export type AppBarOffsetProps = BoxProps;
-
-export const AppBarOffset: FC<AppBarOffsetProps> = memo(function AppBarOffset({ sx, ...props }) {
-    return <Box {...props} sx={[({ mixins }) => mixins.toolbar, ...(Array.isArray(sx) ? sx : [sx])]} />;
-});

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, memo } from 'react';
-import { GenericControl, GenericControlProps } from './genericControl';
-import { inputClasses } from '@mui/material/Input';
-
-export type FormControlFieldsetProps = GenericControlProps;
-
-export const FormControlFieldset: FC<FormControlFieldsetProps> = memo(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.stories.tsx

@@ -1,139 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { InputLabel, RadioGroup, Radio, FormControlLabel, Stack, Box } from '@mui/material';
-
-import { FormLabelLegend } from './formLabelLegend';
-import { FormControlFieldset } from './formControlFieldset';
-import { GenericControl } from './genericControl';
-import { ReadOnly } from './readOnly';
-
-const meta: Meta<typeof FormLabelLegend> = {
-    title: 'MUI / FormLabelLegend',
-    component: FormLabelLegend,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        children: { control: 'text' },
-        disabled: { control: 'boolean' },
-        error: { control: 'boolean' },
-        required: { control: 'boolean' },
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-    args: {
-        children: 'Form Label Legend',
-    },
-    render: (args) => (
-        <FormControlFieldset>
-            <FormLabelLegend {...args} />
-            <ReadOnly>Content goes here</ReadOnly>
-        </FormControlFieldset>
-    ),
-};
-
-export const WithRadioGroup: Story = {
-    render: () => (
-        <FormControlFieldset>
-            <FormLabelLegend>Select Option</FormLabelLegend>
-            <ReadOnly>
-                <RadioGroup row defaultValue="option1">
-                    <FormControlLabel value="option1" label="Option 1" control={<Radio size="small" />} />
-                    <FormControlLabel value="option2" label="Option 2" control={<Radio size="small" />} />
-                    <FormControlLabel value="option3" label="Option 3" control={<Radio size="small" />} />
-                </RadioGroup>
-            </ReadOnly>
-        </FormControlFieldset>
-    ),
-};
-
-export const Required: Story = {
-    args: {
-        children: 'Required Field',
-        required: true,
-    },
-    render: (args) => (
-        <FormControlFieldset required>
-            <FormLabelLegend {...args} />
-            <ReadOnly>This field is required</ReadOnly>
-        </FormControlFieldset>
-    ),
-};
-
-export const WithError: Story = {
-    args: {
-        children: 'Error State',
-        error: true,
-    },
-    render: (args) => (
-        <FormControlFieldset error>
-            <FormLabelLegend {...args} />
-            <ReadOnly>This field has an error</ReadOnly>
-        </FormControlFieldset>
-    ),
-};
-
-export const Disabled: Story = {
-    args: {
-        children: 'Disabled Field',
-        disabled: true,
-    },
-    render: (args) => (
-        <FormControlFieldset disabled>
-            <FormLabelLegend {...args} />
-            <ReadOnly>This field is disabled</ReadOnly>
-        </FormControlFieldset>
-    ),
-};
-
-export const ComparisonWithInputLabel: Story = {
-    parameters: {
-        docs: {
-            description: {
-                story: 'FormLabelLegend renders as a `<legend>` element, which is semantically correct for fieldsets. InputLabel renders as a `<label>` element.',
-            },
-        },
-    },
-    render: () => (
-        <Stack direction="row" spacing={3}>
-            <FormControlFieldset>
-                <FormLabelLegend>FormLabelLegend</FormLabelLegend>
-                <ReadOnly>Uses legend element</ReadOnly>
-            </FormControlFieldset>
-
-            <GenericControl>
-                <InputLabel shrink>InputLabel</InputLabel>
-                <ReadOnly>Uses label element</ReadOnly>
-            </GenericControl>
-        </Stack>
-    ),
-};
-
-export const MultipleFieldsets: Story = {
-    render: () => (
-        <Stack spacing={3}>
-            <FormControlFieldset>
-                <FormLabelLegend>Personal Information</FormLabelLegend>
-                <ReadOnly>John Doe, john@example.com</ReadOnly>
-            </FormControlFieldset>
-
-            <FormControlFieldset>
-                <FormLabelLegend>Preferences</FormLabelLegend>
-                <ReadOnly>
-                    <RadioGroup row defaultValue="email">
-                        <FormControlLabel value="email" label="Email" control={<Radio size="small" />} />
-                        <FormControlLabel value="sms" label="SMS" control={<Radio size="small" />} />
-                        <FormControlLabel value="none" label="None" control={<Radio size="small" />} />
-                    </RadioGroup>
-                </ReadOnly>
-            </FormControlFieldset>
-        </Stack>
-    ),
-};

package/src/formLabelLegend.tsx

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

package/src/genericControl.stories.tsx

@@ -1,111 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { InputLabel, Input, TextField, Stack, Box } from '@mui/material';
-
-import { GenericControl } from './genericControl';
-import { ReadOnly } from './readOnly';
-
-const meta: Meta<typeof GenericControl> = {
-    title: 'MUI / GenericControl',
-    component: GenericControl,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        disabled: { control: 'boolean' },
-        error: { control: 'boolean' },
-        fullWidth: { control: 'boolean' },
-        required: { control: 'boolean' },
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-    args: {
-        children: (
-            <>
-                <InputLabel shrink>Label</InputLabel>
-                <Input defaultValue="Some value" />
-            </>
-        ),
-    },
-};
-
-export const WithCustomContent: Story = {
-    args: {
-        children: (
-            <>
-                <InputLabel shrink>Custom Content</InputLabel>
-                <ReadOnly>This is custom content inside GenericControl</ReadOnly>
-            </>
-        ),
-    },
-};
-
-export const Disabled: Story = {
-    args: {
-        disabled: true,
-        children: (
-            <>
-                <InputLabel shrink>Disabled Control</InputLabel>
-                <Input defaultValue="Disabled value" />
-            </>
-        ),
-    },
-};
-
-export const WithError: Story = {
-    args: {
-        error: true,
-        children: (
-            <>
-                <InputLabel shrink>Error State</InputLabel>
-                <Input defaultValue="Invalid value" />
-            </>
-        ),
-    },
-};
-
-export const FullWidth: Story = {
-    args: {
-        fullWidth: true,
-        children: (
-            <>
-                <InputLabel shrink>Full Width</InputLabel>
-                <Input defaultValue="Full width input" />
-            </>
-        ),
-    },
-    decorators: [
-        (Story) => (
-            <Box sx={{ width: 400 }}>
-                <Story />
-            </Box>
-        ),
-    ],
-};
-
-export const ComparisonWithTextField: Story = {
-    parameters: {
-        docs: {
-            description: {
-                story: 'GenericControl removes the underline from inputs, making it suitable for read-only or custom content displays.',
-            },
-        },
-    },
-    render: () => (
-        <Stack direction="row" spacing={3}>
-            <GenericControl>
-                <InputLabel shrink>GenericControl</InputLabel>
-                <Input defaultValue="No underline" />
-            </GenericControl>
-
-            <TextField label="TextField" defaultValue="With underline" variant="standard" />
-        </Stack>
-    ),
-};

package/src/genericControl.tsx

@@ -1,22 +0,0 @@
-import React, { FC, memo } 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> = memo(function GenericControl({ children, sx, ...props }) {
-    return (
-        <FormControl
-            variant="standard"
-            sx={{
-                ...sx,
-                [`& .${inputClasses.root}`]: {
-                    '&:before, &:after': { display: 'none' },
-                },
-            }}
-            {...props}
-        >
-            {children}
-        </FormControl>
-    );
-});

package/src/index.ts

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

package/src/readOnly.stories.tsx

@@ -1,118 +0,0 @@
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { InputLabel, Stack, TextField, Box } from '@mui/material';
-
-import { ReadOnly } from './readOnly';
-import { GenericControl } from './genericControl';
-
-const meta: Meta<typeof ReadOnly> = {
-    title: 'MUI / ReadOnly',
-    component: ReadOnly,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        children: { control: 'text' },
-        disabled: { control: 'boolean' },
-        fullWidth: { control: 'boolean' },
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-    args: {
-        children: 'This is read-only content',
-    },
-};
-
-export const WithLabel: Story = {
-    render: () => (
-        <GenericControl>
-            <InputLabel shrink>Read Only Field</InputLabel>
-            <ReadOnly>This content cannot be edited</ReadOnly>
-        </GenericControl>
-    ),
-};
-
-export const WithHTMLContent: Story = {
-    render: () => (
-        <GenericControl>
-            <InputLabel shrink>HTML Content</InputLabel>
-            <ReadOnly>
-                This is a <code>div</code>, not an input with <code>readOnly</code> attribute
-            </ReadOnly>
-        </GenericControl>
-    ),
-};
-
-export const MultipleFields: Story = {
-    render: () => (
-        <Stack spacing={2}>
-            <GenericControl>
-                <InputLabel shrink>Name</InputLabel>
-                <ReadOnly>John Doe</ReadOnly>
-            </GenericControl>
-
-            <GenericControl>
-                <InputLabel shrink>Email</InputLabel>
-                <ReadOnly>john.doe@example.com</ReadOnly>
-            </GenericControl>
-
-            <GenericControl>
-                <InputLabel shrink>Status</InputLabel>
-                <ReadOnly>
-                    <span style={{ color: 'green' }}>● Active</span>
-                </ReadOnly>
-            </GenericControl>
-        </Stack>
-    ),
-};
-
-export const ComparisonWithTextField: Story = {
-    parameters: {
-        docs: {
-            description: {
-                story: 'ReadOnly renders content as a div instead of an input, which is useful for displaying non-editable data that may contain HTML.',
-            },
-        },
-    },
-    render: () => (
-        <Stack direction="row" spacing={3} alignItems="flex-start">
-            <GenericControl>
-                <InputLabel shrink>ReadOnly Component</InputLabel>
-                <ReadOnly>
-                    Content with <strong>HTML</strong>
-                </ReadOnly>
-            </GenericControl>
-
-            <TextField
-                label="TextField (readOnly)"
-                defaultValue="Plain text only"
-                variant="standard"
-                slotProps={{ input: { readOnly: true } }}
-            />
-        </Stack>
-    ),
-};
-
-export const FullWidth: Story = {
-    args: {
-        fullWidth: true,
-        children: 'Full width read-only content',
-    },
-    decorators: [
-        (Story) => (
-            <Box sx={{ width: 400 }}>
-                <GenericControl fullWidth>
-                    <InputLabel shrink>Full Width</InputLabel>
-                    <Story />
-                </GenericControl>
-            </Box>
-        ),
-    ],
-};

package/src/readOnly.tsx

@@ -1,8 +0,0 @@
-import React, { FC, memo } from 'react';
-import { default as Input, InputProps } from '@mui/material/Input';
-
-export type ReadOnlyProps = InputProps & { children: any };
-
-export const ReadOnly: FC<ReadOnlyProps> = memo(function ReadOnly({ children, inputProps, ...props }) {
-    return <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;