@soyfri/shared-library 1.4.6 → 1.4.7

package/{Input-DFHs7cJ_.js → Input-C__f2Up9.js}

@@ -34,44 +34,10 @@ import { forwardRef } from "react";
 import { TextField } from "@mui/material";
 import { styled } from "@mui/system";
 import { Controller } from "react-hook-form";
-const StyledTextField = styled(TextField)(({ theme }) => ({
-  "& .MuiInputBase-root": {
-    maxHeight: "34px",
-    padding: "8px 10px",
-    borderRadius: "10px",
-    display: "flex",
-    alignItems: "center",
-    fontSize: "14px"
-  },
-  "& .MuiInputBase-input": {
-    padding: "0 !important",
-    height: "18px",
-    display: "flex",
-    alignItems: "center",
-    marginTop: "-4px"
-  },
-  "& .MuiInputLabel-root": {
-    top: "50%",
-    transform: "translate(14px, -50%)",
-    "&.MuiInputLabel-shrink": {
-      transform: "translate(1px, -200%) scale(0.75)",
-      fontSize: "16px !important",
-      "> legend": {
-        display: "none"
-      }
-    }
-  },
-  "& .MuiInputLabel-root.Mui-error": {
-    top: "25%"
-  },
-  "& .MuiInputBase-root > fieldset > legend": {
-    display: "none"
-  },
-  "& .MuiOutlinedInput-notchedOutline": {
-    border: "0.7px solid",
-    borderColor: "#e0e0e0"
-  }
-}));
+const StyledTextField = styled(TextField)(({ theme }) => {
+  var _a, _b, _c, _d, _e, _f;
+  return console.log((_c = (_b = (_a = theme.components) == null ? void 0 : _a.MuiTextField) == null ? void 0 : _b.styleOverrides) == null ? void 0 : _c.root), __spreadValues({}, (_f = (_e = (_d = theme.components) == null ? void 0 : _d.MuiTextField) == null ? void 0 : _e.styleOverrides) == null ? void 0 : _f.root);
+});
 const Input = forwardRef((_a, ref) => {
   var _b = _a, {
     type = "text",
@@ -168,4 +134,4 @@ const Input = forwardRef((_a, ref) => {
 export {
   Input as I
 };
-//# sourceMappingURL=Input-DFHs7cJ_.js.map
+//# sourceMappingURL=Input-C__f2Up9.js.map

package/Input-C__f2Up9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-C__f2Up9.js","sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { TextField, TextFieldProps } from '@mui/material';\nimport { styled } from '@mui/system';\nimport { Controller, Control, RegisterOptions } from 'react-hook-form';\n\n\n\n\ninterface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'variant' | 'type' | 'inputProps' | 'slotProps' | 'error' | 'helperText'> {\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';\n  variant?: 'outlined' | 'filled' | 'standard';\n  min?: number;\n  max?: number;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  slotProps?: TextFieldProps['slotProps'];\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  helperText?: string;\n}\n\ninterface RHFInputProps extends BaseInputProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  value?: string | number;\n  onChange?: (value: string | number) => void;\n}\n\ninterface StandardInputPropsWithOptionalName extends BaseInputProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\nexport type InputProps = RHFInputProps | StandardInputPropsWithOptionalName;\n\n\nconst StyledTextField = styled(TextField)(({ theme }) => (\n  console.log(theme.components?.MuiTextField?.styleOverrides?.root),\n  {\n    // '& .MuiInputBase-root': {\n    //   maxHeight: '34px',\n    //   padding: '8px 10px',\n    //   borderRadius: '10px',\n    //   display: 'flex',\n    //   alignItems: 'center',\n    //   fontSize: '14px',\n    // },\n    // '& .MuiInputBase-input': {\n    //   padding: '0 !important',\n    //   height: '18px',\n    //   display: 'flex',\n    //   alignItems: 'center',\n    //   marginTop: '-4px'\n    // },\n    // '& .MuiInputLabel-root': {\n    //   top: '50%',\n    //   transform: 'translate(14px, -50%)',\n    //   '&.MuiInputLabel-shrink': {\n    //     transform: 'translate(1px, -200%) scale(0.75)',\n    //     fontSize: '16px !important',\n    //     '> legend': {\n    //       display: 'none',\n    //     }\n    //   }\n    // },\n    // '& .MuiInputLabel-root.Mui-error': {\n    //   top: '25%'\n\n    // },\n    // '& .MuiInputBase-root > fieldset > legend': {\n    //   display: 'none',\n    // },\n    // '& .MuiOutlinedInput-notchedOutline': {\n    //   border: '0.7px solid',\n    //   borderColor: '#e0e0e0',\n    // },\n    ...theme.components?.MuiTextField?.styleOverrides?.root,\n  }));\n\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({\n  type = 'text',\n  variant = 'outlined',\n  min,\n  max,\n  inputProps: customInputProps,\n  slotProps: customSlotProps,\n\n  value,\n  onChange,\n  ...rest\n}, ref) => {\n  const isRHFMode = 'control' in rest && rest.control !== undefined;\n\n\n  const htmlInputProps: React.InputHTMLAttributes<HTMLInputElement> = {\n    ...customInputProps,\n  };\n\n  if (type === 'number') {\n    htmlInputProps.min = min !== undefined ? min : Number.NEGATIVE_INFINITY;\n    if (max !== undefined) {\n      htmlInputProps.max = max;\n    }\n  }\n\n\n  const finalSlotProps: TextFieldProps['slotProps'] = {\n    ...customSlotProps,\n    htmlInput: {\n      ...customSlotProps?.htmlInput,\n      ...htmlInputProps,\n    },\n  };\n\n\n  const handleChangeInternal = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, rhfOnChange?: (...event: any[]) => void) => {\n    const rawValue = event.target.value;\n    let newValue: string | number;\n\n    if (type === 'number') {\n      newValue = rawValue === '' || rawValue === '-' ? rawValue : parseFloat(rawValue);\n\n      if (isNaN(newValue as number) && rawValue !== '' && rawValue !== '-') newValue = rawValue;\n    } else {\n      newValue = rawValue;\n    }\n\n    if (isRHFMode) {\n      rhfOnChange?.(newValue);\n    } else {\n\n      (onChange as (value: string | number) => void)?.(newValue);\n    }\n  };\n\n\n  if (isRHFMode) {\n    const rhfProps = rest as RHFInputProps;\n    return (\n      <Controller\n        name={rhfProps.name}\n        control={rhfProps.control}\n        rules={rhfProps.validation}\n        render={({ field, fieldState: { error } }) => {\n          return (\n            <StyledTextField\n              fullWidth={true}\n              value={field.value ?? ''}\n              onChange={(e) => handleChangeInternal(e, field.onChange)}\n              onBlur={field.onBlur}\n              type={type}\n              variant={variant}\n              slotProps={finalSlotProps}\n              inputRef={field.ref}\n              error={!!error}\n              helperText={error?.message}\n              {...rest}\n            />\n          );\n        }}\n      />\n    );\n  } else {\n\n    const standardProps = rest as StandardInputPropsWithOptionalName;\n    return (\n      <StyledTextField\n        fullWidth={true}\n        name={standardProps.name}\n        value={value ?? ''}\n        onChange={(e) => handleChangeInternal(e)}\n        type={type}\n        variant={variant}\n        slotProps={finalSlotProps}\n        inputRef={ref}\n        error={standardProps.error}\n        helperText={standardProps.helperText}\n        {...rest}\n      />\n    );\n  }\n});\n\nexport default Input;"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,kBAAkB,OAAO,SAAS,EAAE,CAAC,EAAE,MAAA,MAAM;;AACjD,iBAAQ,KAAI,uBAAM,eAAN,mBAAkB,iBAAlB,mBAAgC,mBAAhC,mBAAgD,IAAI,GAChE,oBAsCK,uBAAM,eAAN,mBAAkB,iBAAlB,mBAAgC,mBAAhC,mBAAgD;AAAA,CACnD;AAGG,MAAM,QAAQ,WAAyC,CAAC,IAW5D,QAAQ;AAXoD,eAC7D;AAAA,WAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IAEX;AAAA,IACA;AAAA,MAT6D,IAU1D,iBAV0D,IAU1D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA;AAGA,QAAM,YAAY,aAAa,QAAQ,KAAK,YAAY;AAGxD,QAAM,iBAA8D,mBAC/D;AAGL,MAAI,SAAS,UAAU;AACrB,mBAAe,MAAM,QAAQ,SAAY,MAAM,OAAO;AACtD,QAAI,QAAQ,QAAW;AACrB,qBAAe,MAAM;AAAA,IACvB;AAAA,EACF;AAGA,QAAM,iBAA8C,iCAC/C,kBAD+C;AAAA,IAElD,WAAW,kCACN,mDAAiB,YACjB;AAAA,EACL;AAIF,QAAM,uBAAuB,CAAC,OAAkE,gBAA4C;AAC1I,UAAM,WAAW,MAAM,OAAO;AAC9B,QAAI;AAEJ,QAAI,SAAS,UAAU;AACrB,iBAAW,aAAa,MAAM,aAAa,MAAM,WAAW,WAAW,QAAQ;AAE/E,UAAI,MAAM,QAAkB,KAAK,aAAa,MAAM,aAAa,IAAK,YAAW;AAAA,IACnF,OAAO;AACL,iBAAW;AAAA,IACb;AAEA,QAAI,WAAW;AACb,iDAAc;AAAA,IAChB,OAAO;AAEJ,2CAAgD;AAAA,IACnD;AAAA,EACF;AAGA,MAAI,WAAW;AACb,UAAM,WAAW;AACjB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,SAAS,SAAS;AAAA,QAClB,OAAO,SAAS;AAAA,QAChB,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAA,QAAc;;AAC5C,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,QAAOA,MAAA,MAAM,UAAN,OAAAA,MAAe;AAAA,cACtB,UAAU,CAAC,MAAM,qBAAqB,GAAG,MAAM,QAAQ;AAAA,cACvD,QAAQ,MAAM;AAAA,cACd;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,UAAU,MAAM;AAAA,cAChB,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,+BAAO;AAAA,eACf;AAAA,UAAA;AAAA,QAGV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,OAAO;AAEL,UAAM,gBAAgB;AACtB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAM,cAAc;AAAA,QACpB,OAAO,wBAAS;AAAA,QAChB,UAAU,CAAC,MAAM,qBAAqB,CAAC;AAAA,QACvC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO,cAAc;AAAA,QACrB,YAAY,cAAc;AAAA,SACtB;AAAA,IAAA;AAAA,EAGV;AACF,CAAC;"}

package/{Input-c8MwNNPg.cjs → Input-CwSfAvKP.cjs}

@@ -35,44 +35,10 @@ const React = require("react");
 const material = require("@mui/material");
 const system = require("@mui/system");
 const reactHookForm = require("react-hook-form");
-const StyledTextField = system.styled(material.TextField)(({ theme }) => ({
-  "& .MuiInputBase-root": {
-    maxHeight: "34px",
-    padding: "8px 10px",
-    borderRadius: "10px",
-    display: "flex",
-    alignItems: "center",
-    fontSize: "14px"
-  },
-  "& .MuiInputBase-input": {
-    padding: "0 !important",
-    height: "18px",
-    display: "flex",
-    alignItems: "center",
-    marginTop: "-4px"
-  },
-  "& .MuiInputLabel-root": {
-    top: "50%",
-    transform: "translate(14px, -50%)",
-    "&.MuiInputLabel-shrink": {
-      transform: "translate(1px, -200%) scale(0.75)",
-      fontSize: "16px !important",
-      "> legend": {
-        display: "none"
-      }
-    }
-  },
-  "& .MuiInputLabel-root.Mui-error": {
-    top: "25%"
-  },
-  "& .MuiInputBase-root > fieldset > legend": {
-    display: "none"
-  },
-  "& .MuiOutlinedInput-notchedOutline": {
-    border: "0.7px solid",
-    borderColor: "#e0e0e0"
-  }
-}));
+const StyledTextField = system.styled(material.TextField)(({ theme }) => {
+  var _a, _b, _c, _d, _e, _f;
+  return console.log((_c = (_b = (_a = theme.components) == null ? void 0 : _a.MuiTextField) == null ? void 0 : _b.styleOverrides) == null ? void 0 : _c.root), __spreadValues({}, (_f = (_e = (_d = theme.components) == null ? void 0 : _d.MuiTextField) == null ? void 0 : _e.styleOverrides) == null ? void 0 : _f.root);
+});
 const Input = React.forwardRef((_a, ref) => {
   var _b = _a, {
     type = "text",
@@ -167,4 +133,4 @@ const Input = React.forwardRef((_a, ref) => {
   }
 });
 exports.Input = Input;
-//# sourceMappingURL=Input-c8MwNNPg.cjs.map
+//# sourceMappingURL=Input-CwSfAvKP.cjs.map

package/Input-CwSfAvKP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-CwSfAvKP.cjs","sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { TextField, TextFieldProps } from '@mui/material';\nimport { styled } from '@mui/system';\nimport { Controller, Control, RegisterOptions } from 'react-hook-form';\n\n\n\n\ninterface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'variant' | 'type' | 'inputProps' | 'slotProps' | 'error' | 'helperText'> {\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';\n  variant?: 'outlined' | 'filled' | 'standard';\n  min?: number;\n  max?: number;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  slotProps?: TextFieldProps['slotProps'];\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  helperText?: string;\n}\n\ninterface RHFInputProps extends BaseInputProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  value?: string | number;\n  onChange?: (value: string | number) => void;\n}\n\ninterface StandardInputPropsWithOptionalName extends BaseInputProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\nexport type InputProps = RHFInputProps | StandardInputPropsWithOptionalName;\n\n\nconst StyledTextField = styled(TextField)(({ theme }) => (\n  console.log(theme.components?.MuiTextField?.styleOverrides?.root),\n  {\n    // '& .MuiInputBase-root': {\n    //   maxHeight: '34px',\n    //   padding: '8px 10px',\n    //   borderRadius: '10px',\n    //   display: 'flex',\n    //   alignItems: 'center',\n    //   fontSize: '14px',\n    // },\n    // '& .MuiInputBase-input': {\n    //   padding: '0 !important',\n    //   height: '18px',\n    //   display: 'flex',\n    //   alignItems: 'center',\n    //   marginTop: '-4px'\n    // },\n    // '& .MuiInputLabel-root': {\n    //   top: '50%',\n    //   transform: 'translate(14px, -50%)',\n    //   '&.MuiInputLabel-shrink': {\n    //     transform: 'translate(1px, -200%) scale(0.75)',\n    //     fontSize: '16px !important',\n    //     '> legend': {\n    //       display: 'none',\n    //     }\n    //   }\n    // },\n    // '& .MuiInputLabel-root.Mui-error': {\n    //   top: '25%'\n\n    // },\n    // '& .MuiInputBase-root > fieldset > legend': {\n    //   display: 'none',\n    // },\n    // '& .MuiOutlinedInput-notchedOutline': {\n    //   border: '0.7px solid',\n    //   borderColor: '#e0e0e0',\n    // },\n    ...theme.components?.MuiTextField?.styleOverrides?.root,\n  }));\n\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({\n  type = 'text',\n  variant = 'outlined',\n  min,\n  max,\n  inputProps: customInputProps,\n  slotProps: customSlotProps,\n\n  value,\n  onChange,\n  ...rest\n}, ref) => {\n  const isRHFMode = 'control' in rest && rest.control !== undefined;\n\n\n  const htmlInputProps: React.InputHTMLAttributes<HTMLInputElement> = {\n    ...customInputProps,\n  };\n\n  if (type === 'number') {\n    htmlInputProps.min = min !== undefined ? min : Number.NEGATIVE_INFINITY;\n    if (max !== undefined) {\n      htmlInputProps.max = max;\n    }\n  }\n\n\n  const finalSlotProps: TextFieldProps['slotProps'] = {\n    ...customSlotProps,\n    htmlInput: {\n      ...customSlotProps?.htmlInput,\n      ...htmlInputProps,\n    },\n  };\n\n\n  const handleChangeInternal = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, rhfOnChange?: (...event: any[]) => void) => {\n    const rawValue = event.target.value;\n    let newValue: string | number;\n\n    if (type === 'number') {\n      newValue = rawValue === '' || rawValue === '-' ? rawValue : parseFloat(rawValue);\n\n      if (isNaN(newValue as number) && rawValue !== '' && rawValue !== '-') newValue = rawValue;\n    } else {\n      newValue = rawValue;\n    }\n\n    if (isRHFMode) {\n      rhfOnChange?.(newValue);\n    } else {\n\n      (onChange as (value: string | number) => void)?.(newValue);\n    }\n  };\n\n\n  if (isRHFMode) {\n    const rhfProps = rest as RHFInputProps;\n    return (\n      <Controller\n        name={rhfProps.name}\n        control={rhfProps.control}\n        rules={rhfProps.validation}\n        render={({ field, fieldState: { error } }) => {\n          return (\n            <StyledTextField\n              fullWidth={true}\n              value={field.value ?? ''}\n              onChange={(e) => handleChangeInternal(e, field.onChange)}\n              onBlur={field.onBlur}\n              type={type}\n              variant={variant}\n              slotProps={finalSlotProps}\n              inputRef={field.ref}\n              error={!!error}\n              helperText={error?.message}\n              {...rest}\n            />\n          );\n        }}\n      />\n    );\n  } else {\n\n    const standardProps = rest as StandardInputPropsWithOptionalName;\n    return (\n      <StyledTextField\n        fullWidth={true}\n        name={standardProps.name}\n        value={value ?? ''}\n        onChange={(e) => handleChangeInternal(e)}\n        type={type}\n        variant={variant}\n        slotProps={finalSlotProps}\n        inputRef={ref}\n        error={standardProps.error}\n        helperText={standardProps.helperText}\n        {...rest}\n      />\n    );\n  }\n});\n\nexport default Input;"],"names":["styled","TextField","forwardRef","jsx","Controller","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,kBAAkBA,OAAAA,OAAOC,SAAAA,SAAS,EAAE,CAAC,EAAE,MAAA,MAAM;;AACjD,iBAAQ,KAAI,uBAAM,eAAN,mBAAkB,iBAAlB,mBAAgC,mBAAhC,mBAAgD,IAAI,GAChE,oBAsCK,uBAAM,eAAN,mBAAkB,iBAAlB,mBAAgC,mBAAhC,mBAAgD;AAAA,CACnD;AAGG,MAAM,QAAQC,MAAAA,WAAyC,CAAC,IAW5D,QAAQ;AAXoD,eAC7D;AAAA,WAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IAEX;AAAA,IACA;AAAA,MAT6D,IAU1D,iBAV0D,IAU1D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA;AAGA,QAAM,YAAY,aAAa,QAAQ,KAAK,YAAY;AAGxD,QAAM,iBAA8D,mBAC/D;AAGL,MAAI,SAAS,UAAU;AACrB,mBAAe,MAAM,QAAQ,SAAY,MAAM,OAAO;AACtD,QAAI,QAAQ,QAAW;AACrB,qBAAe,MAAM;AAAA,IACvB;AAAA,EACF;AAGA,QAAM,iBAA8C,iCAC/C,kBAD+C;AAAA,IAElD,WAAW,kCACN,mDAAiB,YACjB;AAAA,EACL;AAIF,QAAM,uBAAuB,CAAC,OAAkE,gBAA4C;AAC1I,UAAM,WAAW,MAAM,OAAO;AAC9B,QAAI;AAEJ,QAAI,SAAS,UAAU;AACrB,iBAAW,aAAa,MAAM,aAAa,MAAM,WAAW,WAAW,QAAQ;AAE/E,UAAI,MAAM,QAAkB,KAAK,aAAa,MAAM,aAAa,IAAK,YAAW;AAAA,IACnF,OAAO;AACL,iBAAW;AAAA,IACb;AAEA,QAAI,WAAW;AACb,iDAAc;AAAA,IAChB,OAAO;AAEJ,2CAAgD;AAAA,IACnD;AAAA,EACF;AAGA,MAAI,WAAW;AACb,UAAM,WAAW;AACjB,WACEC,2BAAAA;AAAAA,MAACC,cAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,SAAS,SAAS;AAAA,QAClB,OAAO,SAAS;AAAA,QAChB,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAA,QAAc;;AAC5C,iBACED,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,QAAOE,MAAA,MAAM,UAAN,OAAAA,MAAe;AAAA,cACtB,UAAU,CAAC,MAAM,qBAAqB,GAAG,MAAM,QAAQ;AAAA,cACvD,QAAQ,MAAM;AAAA,cACd;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,UAAU,MAAM;AAAA,cAChB,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,+BAAO;AAAA,eACf;AAAA,UAAA;AAAA,QAGV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN,OAAO;AAEL,UAAM,gBAAgB;AACtB,WACEF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAM,cAAc;AAAA,QACpB,OAAO,wBAAS;AAAA,QAChB,UAAU,CAAC,MAAM,qBAAqB,CAAC;AAAA,QACvC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO,cAAc;AAAA,QACrB,YAAY,cAAc;AAAA,SACtB;AAAA,IAAA;AAAA,EAGV;AACF,CAAC;;"}

package/README.md

@@ -0,0 +1,243 @@
+# @soyfri/shared-library
+
+Una librería de componentes React reutilizables construida con Material-UI, TypeScript y Tailwind CSS, diseñada para proporcionar componentes UI consistentes y bien documentados.
+
+## 📋 Tabla de Contenidos
+
+- [Características](#características)
+- [Instalación](#instalación)
+- [Uso](#uso)
+- [Componentes Disponibles](#componentes-disponibles)
+- [Desarrollo](#desarrollo)
+- [Scripts Disponibles](#scripts-disponibles)
+- [Storybook](#storybook)
+- [Testing](#testing)
+- [Tecnologías](#tecnologías)
+- [Estructura del Proyecto](#estructura-del-proyecto)
+
+## ✨ Características
+
+- 🎨 **Componentes tipados**: Todos los componentes están construidos con TypeScript para mayor seguridad de tipos
+- 📚 **Documentación con Storybook**: Cada componente incluye historias interactivas y documentación
+- 🎯 **Material-UI**: Basado en Material-UI para un diseño consistente y accesible
+- 🌈 **Tailwind CSS**: Integración con Tailwind para estilos utilitarios
+- 🧪 **Testing**: Configurado con Vitest y Playwright para testing de componentes
+- 📦 **Build optimizado**: Configuración con Rollup para generar builds ESM y CommonJS
+
+## 📦 Instalación
+
+```bash
+npm install @soyfri/shared-library
+```
+
+## 🚀 Uso
+
+```tsx
+import { Button, Table, Select } from '@soyfri/shared-library';
+import '@soyfri/shared-library/dist/styles.css';
+
+function App() {
+  return (
+    <div>
+      <Button variant="contained" color="primary">
+        Mi Botón
+      </Button>
+    </div>
+  );
+}
+```
+
+## 🧩 Componentes Disponibles
+
+### Button
+Componente de botón personalizable basado en Material-UI con soporte para iconos, diferentes tamaños y estados.
+
+**Características:**
+- Variantes: `text`, `outlined`, `contained`
+- Tamaños: `small`, `medium`, `large`
+- Soporte para iconos de inicio y fin
+- Estados de carga
+- Completamente tipado
+
+### Table
+Componente de tabla flexible con paginación interna y externa, ordenamiento y renderizado personalizado de columnas.
+
+**Características:**
+- Paginación interna automática
+- Paginación externa controlada
+- Columnas personalizables con renderizado custom
+- Soporte para componentes complejos en celdas
+- Completamente tipado con generics
+
+### Select
+Componente select avanzado con soporte para selección múltiple, filtros, agrupación y renderizado personalizado.
+
+**Características:**
+- Selección simple y múltiple
+- Filtrado de opciones
+- Agrupación de opciones
+- Renderizado personalizado con avatars
+- Placeholder configurable
+
+### Avatar
+Componente para mostrar avatares de usuarios con soporte para imágenes y texto.
+
+### Icon
+Wrapper para iconos de Material-UI con propiedades consistentes.
+
+### Stat
+Componente para mostrar estadísticas con diferentes plantillas de visualización.
+
+**Características:**
+- Plantilla simple
+- Plantilla con chip
+- Plantilla con lista de chips
+- Colores personalizables
+
+### Column
+Componente auxiliar para definir columnas en el componente Table.
+
+## 🛠️ Desarrollo
+
+### Prerrequisitos
+
+- Node.js (versión 18 o superior)
+- npm o yarn
+
+### Configuración del entorno de desarrollo
+
+1. Clona el repositorio:
+```bash
+git clone <repository-url>
+cd shared-library
+```
+
+2. Instala las dependencias:
+```bash
+npm install
+```
+
+3. Inicia el entorno de desarrollo:
+```bash
+npm run dev
+```
+
+## 📜 Scripts Disponibles
+
+- `npm run build` - Construye la librería para producción
+- `npm run dev` - Inicia el modo de desarrollo con watch
+- `npm run build:css` - Construye los estilos CSS
+- `npm run watch:css` - Observa cambios en los estilos CSS
+- `npm run clean` - Limpia la carpeta dist
+- `npm run prepare` - Limpia y construye la librería
+- `npm run storybook` - Inicia Storybook en modo desarrollo
+- `npm run build-storybook` - Construye Storybook para producción
+- `npm run dist` - Ejecuta el script de distribución personalizado
+
+## 📚 Storybook
+
+La librería incluye Storybook para documentación interactiva y desarrollo de componentes.
+
+### Iniciar Storybook
+
+```bash
+npm run storybook
+```
+
+Esto abrirá Storybook en `http://localhost:6006` donde podrás:
+
+- Ver todos los componentes disponibles
+- Interactuar con las propiedades de cada componente
+- Ver ejemplos de uso
+- Acceder a la documentación detallada
+
+### Construir Storybook
+
+```bash
+npm run build-storybook
+```
+
+## 🧪 Testing
+
+La librería está configurada con Vitest y Playwright para testing de componentes.
+
+### Configuración de Testing
+
+- **Vitest**: Para unit tests y testing de componentes
+- **Playwright**: Para testing de browser
+- **Storybook Test Addon**: Para testing de historias de Storybook
+
+## 🔧 Tecnologías
+
+### Dependencias Principales
+
+- **React 19.1.0**: Librería de UI
+- **Material-UI 7.1.0**: Sistema de diseño y componentes
+- **TypeScript 5.8.3**: Tipado estático
+- **Tailwind CSS 4.1.7**: Framework de CSS utilitario
+
+### Herramientas de Desarrollo
+
+- **Storybook 9.0.8**: Documentación y desarrollo de componentes
+- **Rollup**: Bundler para la construcción de la librería
+- **Vitest**: Framework de testing
+- **Playwright**: Testing de browser
+- **Prettier**: Formateo de código
+
+## 📁 Estructura del Proyecto
+
+```
+shared-library/
+├── .storybook/          # Configuración de Storybook
+├── src/
+│   ├── components/      # Componentes de la librería
+│   │   ├── Avatar/
+│   │   ├── Button/
+│   │   ├── Column/
+│   │   ├── Icon/
+│   │   ├── Select/
+│   │   ├── Stat/
+│   │   └── Table/
+│   ├── index.ts         # Punto de entrada principal
+│   └── styles.css       # Estilos globales
+├── dist/                # Archivos construidos
+├── package.json
+├── tsconfig.json
+├── tailwind.config.js
+├── rollup.config.cjs
+└── vitest.config.ts
+```
+
+### Estructura de Componentes
+
+Cada componente sigue una estructura consistente:
+
+```
+ComponentName/
+├── ComponentName.tsx        # Implementación del componente
+├── ComponentName.stories.tsx # Historias de Storybook
+├── ComponentName.definition.ts # Definiciones de código (opcional)
+├── index.ts                 # Exportaciones
+└── types.ts                 # Tipos específicos (opcional)
+```
+
+## 🤝 Contribución
+
+Para contribuir al proyecto:
+
+1. Fork el repositorio
+2. Crea una rama para tu feature (`git checkout -b feature/nueva-funcionalidad`)
+3. Commit tus cambios (`git commit -am 'Agrega nueva funcionalidad'`)
+4. Push a la rama (`git push origin feature/nueva-funcionalidad`)
+5. Crea un Pull Request
+
+## 📄 Licencia
+
+ISC License
+
+---
+
+**Versión actual:** 1.0.1
+
+Para más información y ejemplos detallados, consulta la documentación en Storybook ejecutando `npm run storybook`.
+        

package/components/Input/Input.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Input = require("../../Input-c8MwNNPg.cjs");
+const Input = require("../../Input-CwSfAvKP.cjs");
 exports.Input = Input.Input;
 //# sourceMappingURL=Input.cjs.map

package/components/Input/Input.js

@@ -1,4 +1,4 @@
-import { I } from "../../Input-DFHs7cJ_.js";
+import { I } from "../../Input-C__f2Up9.js";
 export {
   I as Input
 };

package/components/Input/InputVariants.styles.d.ts

@@ -0,0 +1,30 @@
+export declare const CustomInputSelfService: {
+    '& .MuiFilledInput-root': {
+        overflow: string;
+        borderRadius: string;
+        backgroundColor: string;
+        border: string;
+        borderColor: string;
+        color: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        transition: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+        '&.Mui-focused': {
+            backgroundColor: string;
+            boxShadow: string;
+            borderColor: string;
+        };
+    };
+    width: string;
+    height: string;
+    "& .MuiFormLabel-root": {
+        color: string;
+        fontWeight: import("csstype").Property.FontWeight | undefined;
+        fontSize: string;
+    };
+    ".MuiSelect-icon ": {
+        fill: string;
+    };
+};

package/components/InputGroup/InputGroup.cjs

@@ -23,7 +23,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const DatePicker = require("@mui/x-date-pickers/DatePicker");
-const Input = require("../../Input-c8MwNNPg.cjs");
+const Input = require("../../Input-CwSfAvKP.cjs");
 const Select = require("../../Select-BO2N56sm.cjs");
 const DatePicker$1 = require("../../DatePicker-BoqxWAhj.cjs");
 const InputGroup = ({ children }) => {

package/components/InputGroup/InputGroup.js

@@ -21,7 +21,7 @@ import { jsx } from "react/jsx-runtime";
 import { Children, isValidElement, cloneElement } from "react";
 import { Box, TextField, Select } from "@mui/material";
 import { DatePicker } from "@mui/x-date-pickers/DatePicker";
-import { I as Input } from "../../Input-DFHs7cJ_.js";
+import { I as Input } from "../../Input-C__f2Up9.js";
 import { S as Select$1 } from "../../Select-BcLkyHSE.js";
 import { D as DatePicker$1 } from "../../DatePicker-BSNboVhN.js";
 const InputGroup = ({ children }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -9,7 +9,7 @@
   "author": "",
   "license": "ISC",
   "description": "",
-  "dependencies": {
+  "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.1.0",
@@ -17,15 +17,17 @@
     "@mui/material": "^7.1.2",
     "@mui/x-date-pickers": "^8.5.3",
     "@mui/x-date-pickers-pro": "^8.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.62.0"
+  },
+  "dependencies": {
     "@storybook/test": "^8.6.14",
     "@tailwindcss/cli": "^4.1.7",
     "@vitejs/plugin-react": "^5.0.3",
     "autoprefixer": "^10.4.21",
     "dayjs": "^1.11.13",
     "postcss": "^8.5.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-hook-form": "^7.62.0",
     "tailwindcss": "^4.1.7"
   },
   "overrides": {

package/palette.d.ts

@@ -0,0 +1 @@
+export declare const theme: import('@mui/material/styles').Theme;

package/Input-DFHs7cJ_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input-DFHs7cJ_.js","sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { TextField, TextFieldProps } from '@mui/material';\nimport { styled } from '@mui/system';\nimport { Controller, Control, RegisterOptions } from 'react-hook-form';\n\n\n\n\ninterface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'variant' | 'type' | 'inputProps' | 'slotProps' | 'error' | 'helperText'> {\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';\n  variant?: 'outlined' | 'filled' | 'standard';\n  min?: number;\n  max?: number;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>; \n  slotProps?: TextFieldProps['slotProps']; \n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  helperText?: string;\n}\n\ninterface RHFInputProps extends BaseInputProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  value?: string | number;\n  onChange?: (value: string | number) => void;\n}\n\ninterface StandardInputPropsWithOptionalName extends BaseInputProps {\n  name?: string; \n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\nexport type InputProps = RHFInputProps | StandardInputPropsWithOptionalName;\n\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    maxHeight: '34px',\n    padding: '8px 10px',\n    borderRadius: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '14px',\n  },\n  '& .MuiInputBase-input': {\n    padding: '0 !important',\n    height: '18px',\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '-4px'\n  },\n  '& .MuiInputLabel-root': {\n    top: '50%',\n    transform: 'translate(14px, -50%)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(1px, -200%) scale(0.75)',\n      fontSize: '16px !important',\n      '> legend': {\n        display: 'none',\n      }\n    }\n  },\n  '& .MuiInputLabel-root.Mui-error': {\n    top: '25%'\n    \n  },\n  '& .MuiInputBase-root > fieldset > legend':{\n    display: 'none',\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: '0.7px solid',\n    borderColor: '#e0e0e0',\n  },\n}));\n\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({\n  type = 'text',\n  variant = 'outlined',\n  min,\n  max,\n  inputProps: customInputProps, \n  slotProps: customSlotProps, \n  \n  value, \n  onChange,\n  ...rest \n}, ref) => {\n  const isRHFMode = 'control' in rest && rest.control !== undefined;\n\n  \n  const htmlInputProps: React.InputHTMLAttributes<HTMLInputElement> = {\n    ...customInputProps, \n  };\n\n  if (type === 'number') {\n    htmlInputProps.min = min !== undefined ? min : Number.NEGATIVE_INFINITY;\n    if (max !== undefined) {\n      htmlInputProps.max = max;\n    }\n  }\n\n  \n  const finalSlotProps: TextFieldProps['slotProps'] = {\n    ...customSlotProps,\n    htmlInput: {\n      ...customSlotProps?.htmlInput,\n      ...htmlInputProps,\n    },\n  };\n\n  \n  const handleChangeInternal = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, rhfOnChange?: (...event: any[]) => void) => {\n    const rawValue = event.target.value;\n    let newValue: string | number;\n\n    if (type === 'number') {\n      newValue = rawValue === '' || rawValue === '-' ? rawValue : parseFloat(rawValue);\n      \n      if (isNaN(newValue as number) && rawValue !== '' && rawValue !== '-') newValue = rawValue;\n    } else {\n      newValue = rawValue;\n    }\n\n    if (isRHFMode) {\n      rhfOnChange?.(newValue); \n    } else {\n      \n      (onChange as (value: string | number) => void)?.(newValue); \n    }\n  };\n\n  \n  if (isRHFMode) {\n    const rhfProps = rest as RHFInputProps;\n    return (\n      <Controller\n        name={rhfProps.name}\n        control={rhfProps.control}\n        rules={rhfProps.validation}\n        render={({ field, fieldState: { error } }) => {\n          return (\n            <StyledTextField\n              fullWidth={true}\n              value={field.value ?? ''}\n              onChange={(e) => handleChangeInternal(e, field.onChange)} \n              onBlur={field.onBlur}\n              type={type}\n              variant={variant}\n              slotProps={finalSlotProps} \n              inputRef={field.ref}\n              error={!!error}\n              helperText={error?.message}\n              {...rest}\n            />\n          );\n        }}\n      />\n    );\n  } else {\n    \n    const standardProps = rest as StandardInputPropsWithOptionalName;\n    return (\n      <StyledTextField\n        fullWidth={true}\n        name={standardProps.name} \n        value={value ?? ''} \n        onChange={(e) => handleChangeInternal(e)} \n        type={type}\n        variant={variant}\n        slotProps={finalSlotProps} \n        inputRef={ref} \n        error={standardProps.error}\n        helperText={standardProps.helperText}\n        {...rest} \n      />\n    );\n  }\n});\n\nexport default Input;"],"names":["_a"],"mappings":"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"}

package/Input-c8MwNNPg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input-c8MwNNPg.cjs","sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { TextField, TextFieldProps } from '@mui/material';\nimport { styled } from '@mui/system';\nimport { Controller, Control, RegisterOptions } from 'react-hook-form';\n\n\n\n\ninterface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'variant' | 'type' | 'inputProps' | 'slotProps' | 'error' | 'helperText'> {\n  type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';\n  variant?: 'outlined' | 'filled' | 'standard';\n  min?: number;\n  max?: number;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>; \n  slotProps?: TextFieldProps['slotProps']; \n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  helperText?: string;\n}\n\ninterface RHFInputProps extends BaseInputProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  value?: string | number;\n  onChange?: (value: string | number) => void;\n}\n\ninterface StandardInputPropsWithOptionalName extends BaseInputProps {\n  name?: string; \n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\nexport type InputProps = RHFInputProps | StandardInputPropsWithOptionalName;\n\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    maxHeight: '34px',\n    padding: '8px 10px',\n    borderRadius: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '14px',\n  },\n  '& .MuiInputBase-input': {\n    padding: '0 !important',\n    height: '18px',\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '-4px'\n  },\n  '& .MuiInputLabel-root': {\n    top: '50%',\n    transform: 'translate(14px, -50%)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(1px, -200%) scale(0.75)',\n      fontSize: '16px !important',\n      '> legend': {\n        display: 'none',\n      }\n    }\n  },\n  '& .MuiInputLabel-root.Mui-error': {\n    top: '25%'\n    \n  },\n  '& .MuiInputBase-root > fieldset > legend':{\n    display: 'none',\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: '0.7px solid',\n    borderColor: '#e0e0e0',\n  },\n}));\n\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({\n  type = 'text',\n  variant = 'outlined',\n  min,\n  max,\n  inputProps: customInputProps, \n  slotProps: customSlotProps, \n  \n  value, \n  onChange,\n  ...rest \n}, ref) => {\n  const isRHFMode = 'control' in rest && rest.control !== undefined;\n\n  \n  const htmlInputProps: React.InputHTMLAttributes<HTMLInputElement> = {\n    ...customInputProps, \n  };\n\n  if (type === 'number') {\n    htmlInputProps.min = min !== undefined ? min : Number.NEGATIVE_INFINITY;\n    if (max !== undefined) {\n      htmlInputProps.max = max;\n    }\n  }\n\n  \n  const finalSlotProps: TextFieldProps['slotProps'] = {\n    ...customSlotProps,\n    htmlInput: {\n      ...customSlotProps?.htmlInput,\n      ...htmlInputProps,\n    },\n  };\n\n  \n  const handleChangeInternal = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, rhfOnChange?: (...event: any[]) => void) => {\n    const rawValue = event.target.value;\n    let newValue: string | number;\n\n    if (type === 'number') {\n      newValue = rawValue === '' || rawValue === '-' ? rawValue : parseFloat(rawValue);\n      \n      if (isNaN(newValue as number) && rawValue !== '' && rawValue !== '-') newValue = rawValue;\n    } else {\n      newValue = rawValue;\n    }\n\n    if (isRHFMode) {\n      rhfOnChange?.(newValue); \n    } else {\n      \n      (onChange as (value: string | number) => void)?.(newValue); \n    }\n  };\n\n  \n  if (isRHFMode) {\n    const rhfProps = rest as RHFInputProps;\n    return (\n      <Controller\n        name={rhfProps.name}\n        control={rhfProps.control}\n        rules={rhfProps.validation}\n        render={({ field, fieldState: { error } }) => {\n          return (\n            <StyledTextField\n              fullWidth={true}\n              value={field.value ?? ''}\n              onChange={(e) => handleChangeInternal(e, field.onChange)} \n              onBlur={field.onBlur}\n              type={type}\n              variant={variant}\n              slotProps={finalSlotProps} \n              inputRef={field.ref}\n              error={!!error}\n              helperText={error?.message}\n              {...rest}\n            />\n          );\n        }}\n      />\n    );\n  } else {\n    \n    const standardProps = rest as StandardInputPropsWithOptionalName;\n    return (\n      <StyledTextField\n        fullWidth={true}\n        name={standardProps.name} \n        value={value ?? ''} \n        onChange={(e) => handleChangeInternal(e)} \n        type={type}\n        variant={variant}\n        slotProps={finalSlotProps} \n        inputRef={ref} \n        error={standardProps.error}\n        helperText={standardProps.helperText}\n        {...rest} \n      />\n    );\n  }\n});\n\nexport default Input;"],"names":["styled","TextField","forwardRef","jsx","Controller","_a"],"mappings":"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"}