@pautena/react-design-system 0.15.0 → 0.17.0

package/search-input/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/search-input/search-input.tsx"],"sourcesContent":["import Button from \"@mui/material/Button\";\nimport Checkbox from \"@mui/material/Checkbox\";\nimport Collapse from \"@mui/material/Collapse\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormGroup from \"@mui/material/FormGroup\";\nimport Grid from \"@mui/material/Grid\";\nimport IconButton from \"@mui/material/IconButton\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport Paper from \"@mui/material/Paper\";\nimport TextField from \"@mui/material/TextField\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\nimport { FormEvent, useState } from \"react\";\nimport TuneIcon from \"@mui/icons-material/Tune\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\nimport { DateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\n\nexport type SearchInputSize = \"small\" | \"medium\";\n\nexport interface SearchFilter {\n  id: string;\n  label: string;\n  type: \"text\" | \"number\" | \"boolean\" | \"datetime\";\n}\n\nexport interface SearchInputProps<T> {\n  label?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  helperText?: string;\n  size?: SearchInputSize;\n  filters?: SearchFilter[];\n  sx?: SxProps<Theme>;\n  dateFormat?: string;\n  onSearch: (data: T) => void;\n}\n\nconst filtersSx = {\n  position: \"absolute\",\n};\n\nconst createInitialData = <T,>(filters: SearchFilter[]) => {\n  const data: Record<string, unknown> = {\n    search: \"\",\n  };\n  const fields: Record<string, boolean> = { search: false };\n\n  filters.forEach(({ id, type }) => {\n    if (type === \"text\") {\n      data[id] = \"\";\n    } else if (type === \"number\") {\n      data[id] = 0;\n    } else if (type === \"boolean\") {\n      data[id] = false;\n    } else {\n      data[id] = Date.now();\n    }\n    fields[id] = false;\n  });\n\n  return {\n    initialData: data as T,\n    fields,\n  };\n};\n\nexport const SearchInput = <T,>({\n  label,\n  placeholder,\n  helperText,\n  size = \"medium\",\n  fullWidth,\n  dateFormat,\n  filters = [],\n  onSearch,\n  sx,\n}: SearchInputProps<T>) => {\n  const { initialData, fields } = createInitialData(filters);\n  const [data, setData] = useState<any>(initialData);\n  const [changedFields, setChangedFields] = useState(fields);\n  const [expanded, setExpanded] = useState(false);\n  const hasFilters = filters.length > 0;\n  const hasData = Object.values(changedFields).some((field) => !!field);\n\n  const clearSearch = () => {\n    const { initialData, fields } = createInitialData(filters);\n    setData(initialData);\n    setChangedFields(fields);\n  };\n\n  const handleNewData = (id: string, value: unknown) => {\n    setData((d: any) => ({ ...d, [id]: value }));\n    setChangedFields((f) => ({ ...f, [id]: !!value }));\n  };\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    setExpanded(false);\n\n    const search: any = {};\n    Object.entries(changedFields).forEach(([key, value]) => {\n      if (value) {\n        search[key] = data[key];\n      }\n    });\n\n    onSearch(search);\n    clearSearch();\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <TextField\n        label={label}\n        required\n        value={data.search}\n        onChange={(e) => handleNewData(\"search\", e.target.value)}\n        fullWidth={fullWidth}\n        helperText={helperText}\n        size={size}\n        sx={sx}\n        InputProps={{\n          placeholder,\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton type=\"submit\" size={size} sx={{ mr: 1 }}>\n                <SearchIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: hasFilters && (\n            <InputAdornment position=\"end\">\n              {hasData && (\n                <IconButton size={size} sx={{ ml: 1 }} onClick={clearSearch}>\n                  <ClearIcon />\n                </IconButton>\n              )}\n              <IconButton size={size} onClick={() => setExpanded((e) => !e)}>\n                <TuneIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n      />\n      {hasFilters && (\n        <Paper sx={{ filtersSx }}>\n          <Collapse in={expanded}>\n            <Grid container sx={{ p: 2 }} spacing={1}>\n              {expanded &&\n                filters.map(({ id, label, type }) => {\n                  if (type === \"boolean\") {\n                    return (\n                      <Grid key={id} item xs={12}>\n                        <FormGroup>\n                          <FormControlLabel\n                            control={<Checkbox />}\n                            label={label}\n                            checked={data[id]}\n                            onChange={(_, value) => handleNewData(id, value)}\n                          />\n                        </FormGroup>\n                      </Grid>\n                    );\n                  }\n\n                  if (type === \"datetime\") {\n                    return (\n                      <Grid key={id} item xs={12}>\n                        <DateTimePicker\n                          label={label}\n                          format={dateFormat}\n                          value={data[id]}\n                          onChange={(value) => handleNewData(id, value)}\n                          slotProps={{\n                            textField: {\n                              size: \"small\",\n                            },\n                          }}\n                          sx={{ width: 1 }}\n                        />\n                      </Grid>\n                    );\n                  }\n\n                  return (\n                    <Grid key={id} item xs={12}>\n                      <TextField\n                        type={type}\n                        size=\"small\"\n                        label={label}\n                        value={data[id]}\n                        onChange={(e) =>\n                          handleNewData(\n                            id,\n                            type === \"number\" ? parseInt(e.target.value, 10) : e.target.value,\n                          )\n                        }\n                        fullWidth\n                      />\n                    </Grid>\n                  );\n                })}\n              <Grid item xs={12} display=\"flex\" justifyContent=\"flex-end\">\n                <Button color=\"error\" onClick={() => setExpanded(false)} sx={{ mr: 1 }}>\n                  Close\n                </Button>\n                <Button type=\"submit\">Search</Button>\n              </Grid>\n            </Grid>\n          </Collapse>\n        </Paper>\n      )}\n    </form>\n  );\n};\n"],"names":["filtersSx","position","createInitialData","filters","data","search","fields","forEach","id","type","Date","now","initialData","label","placeholder","helperText","size","fullWidth","dateFormat","onSearch","sx","setData","useState","changedFields","setChangedFields","expanded","setExpanded","hasFilters","length","hasData","Object","values","some","field","clearSearch","handleNewData","value","d","f","_jsxs","onSubmit","e","preventDefault","entries","key","children","_jsx","jsx","TextField","required","onChange","target","InputProps","startAdornment","InputAdornment","IconButton","mr","SearchIcon","endAdornment","jsxs","ml","onClick","ClearIcon","TuneIcon","Paper","Collapse","in","Grid","container","p","spacing","map","item","xs","FormGroup","FormControlLabel","control","Checkbox","checked","_","DateTimePicker","format","slotProps","textField","width","parseInt","display","justifyContent","Button","color"],"mappings":"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"}

package/search-input/cjs/package.json

@@ -1,13 +0,0 @@
-{
-  "name": "@pautena/react-design-system/search-input",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "^6.4.5",
-    "@mui/x-date-pickers": "^7.27.0",
-    "react": "^19.0.0"
-  }
-}

package/search-input/index.d.ts

@@ -1 +0,0 @@
-export * from "./search-input";

package/search-input/index.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"@mui/material/Button";import t from"@mui/material/Checkbox";import l from"@mui/material/Collapse";import o from"@mui/material/FormControlLabel";import a from"@mui/material/FormGroup";import m from"@mui/material/Grid";import n from"@mui/material/IconButton";import s from"@mui/material/InputAdornment";import c from"@mui/material/Paper";import d from"@mui/material/TextField";import{useState as p}from"react";import u from"@mui/icons-material/Tune";import h from"@mui/icons-material/Search";import f from"@mui/icons-material/Clear";import{DateTimePicker as x}from"@mui/x-date-pickers/DateTimePicker";const b={position:"absolute"},C=e=>{const i={search:""},r={search:!1};return e.forEach((({id:e,type:t})=>{i[e]="text"===t?"":"number"===t?0:"boolean"!==t&&Date.now(),r[e]=!1})),{initialData:i,fields:r}},g=({label:g,placeholder:v,helperText:k,size:y="medium",fullWidth:z,dateFormat:D,filters:F=[],onSearch:S,sx:T})=>{const{initialData:j,fields:I}=C(F),[P,A]=p(j),[W,w]=p(I),[B,E]=p(!1),G=F.length>0,O=Object.values(W).some((e=>!!e)),q=()=>{const{initialData:e,fields:i}=C(F);A(e),w(i)},L=(e,i)=>{A((r=>({...r,[e]:i}))),w((r=>({...r,[e]:!!i})))};return e("form",{onSubmit:e=>{e.preventDefault(),E(!1);const i={};Object.entries(W).forEach((([e,r])=>{r&&(i[e]=P[e])})),S(i),q()},children:[i(d,{label:g,required:!0,value:P.search,onChange:e=>L("search",e.target.value),fullWidth:z,helperText:k,size:y,sx:T,InputProps:{placeholder:v,startAdornment:i(s,{position:"start",children:i(n,{type:"submit",size:y,sx:{mr:1},children:i(h,{})})}),endAdornment:G&&e(s,{position:"end",children:[O&&i(n,{size:y,sx:{ml:1},onClick:q,children:i(f,{})}),i(n,{size:y,onClick:()=>E((e=>!e)),children:i(u,{})})]})}}),G&&i(c,{sx:{filtersSx:b},children:i(l,{in:B,children:e(m,{container:!0,sx:{p:2},spacing:1,children:[B&&F.map((({id:e,label:r,type:l})=>i(m,"boolean"===l?{item:!0,xs:12,children:i(a,{children:i(o,{control:i(t,{}),label:r,checked:P[e],onChange:(i,r)=>L(e,r)})})}:"datetime"===l?{item:!0,xs:12,children:i(x,{label:r,format:D,value:P[e],onChange:i=>L(e,i),slotProps:{textField:{size:"small"}},sx:{width:1}})}:{item:!0,xs:12,children:i(d,{type:l,size:"small",label:r,value:P[e],onChange:i=>L(e,"number"===l?parseInt(i.target.value,10):i.target.value),fullWidth:!0})},e))),e(m,{item:!0,xs:12,display:"flex",justifyContent:"flex-end",children:[i(r,{color:"error",onClick:()=>E(!1),sx:{mr:1},children:"Close"}),i(r,{type:"submit",children:"Search"})]})]})})})]})};export{g as SearchInput};
-//# sourceMappingURL=index.js.map

package/search-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/search-input/search-input.tsx"],"sourcesContent":["import Button from \"@mui/material/Button\";\nimport Checkbox from \"@mui/material/Checkbox\";\nimport Collapse from \"@mui/material/Collapse\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormGroup from \"@mui/material/FormGroup\";\nimport Grid from \"@mui/material/Grid\";\nimport IconButton from \"@mui/material/IconButton\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport Paper from \"@mui/material/Paper\";\nimport TextField from \"@mui/material/TextField\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\nimport { FormEvent, useState } from \"react\";\nimport TuneIcon from \"@mui/icons-material/Tune\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\nimport { DateTimePicker } from \"@mui/x-date-pickers/DateTimePicker\";\n\nexport type SearchInputSize = \"small\" | \"medium\";\n\nexport interface SearchFilter {\n  id: string;\n  label: string;\n  type: \"text\" | \"number\" | \"boolean\" | \"datetime\";\n}\n\nexport interface SearchInputProps<T> {\n  label?: string;\n  placeholder?: string;\n  fullWidth?: boolean;\n  helperText?: string;\n  size?: SearchInputSize;\n  filters?: SearchFilter[];\n  sx?: SxProps<Theme>;\n  dateFormat?: string;\n  onSearch: (data: T) => void;\n}\n\nconst filtersSx = {\n  position: \"absolute\",\n};\n\nconst createInitialData = <T,>(filters: SearchFilter[]) => {\n  const data: Record<string, unknown> = {\n    search: \"\",\n  };\n  const fields: Record<string, boolean> = { search: false };\n\n  filters.forEach(({ id, type }) => {\n    if (type === \"text\") {\n      data[id] = \"\";\n    } else if (type === \"number\") {\n      data[id] = 0;\n    } else if (type === \"boolean\") {\n      data[id] = false;\n    } else {\n      data[id] = Date.now();\n    }\n    fields[id] = false;\n  });\n\n  return {\n    initialData: data as T,\n    fields,\n  };\n};\n\nexport const SearchInput = <T,>({\n  label,\n  placeholder,\n  helperText,\n  size = \"medium\",\n  fullWidth,\n  dateFormat,\n  filters = [],\n  onSearch,\n  sx,\n}: SearchInputProps<T>) => {\n  const { initialData, fields } = createInitialData(filters);\n  const [data, setData] = useState<any>(initialData);\n  const [changedFields, setChangedFields] = useState(fields);\n  const [expanded, setExpanded] = useState(false);\n  const hasFilters = filters.length > 0;\n  const hasData = Object.values(changedFields).some((field) => !!field);\n\n  const clearSearch = () => {\n    const { initialData, fields } = createInitialData(filters);\n    setData(initialData);\n    setChangedFields(fields);\n  };\n\n  const handleNewData = (id: string, value: unknown) => {\n    setData((d: any) => ({ ...d, [id]: value }));\n    setChangedFields((f) => ({ ...f, [id]: !!value }));\n  };\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    setExpanded(false);\n\n    const search: any = {};\n    Object.entries(changedFields).forEach(([key, value]) => {\n      if (value) {\n        search[key] = data[key];\n      }\n    });\n\n    onSearch(search);\n    clearSearch();\n  };\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <TextField\n        label={label}\n        required\n        value={data.search}\n        onChange={(e) => handleNewData(\"search\", e.target.value)}\n        fullWidth={fullWidth}\n        helperText={helperText}\n        size={size}\n        sx={sx}\n        InputProps={{\n          placeholder,\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton type=\"submit\" size={size} sx={{ mr: 1 }}>\n                <SearchIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: hasFilters && (\n            <InputAdornment position=\"end\">\n              {hasData && (\n                <IconButton size={size} sx={{ ml: 1 }} onClick={clearSearch}>\n                  <ClearIcon />\n                </IconButton>\n              )}\n              <IconButton size={size} onClick={() => setExpanded((e) => !e)}>\n                <TuneIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n      />\n      {hasFilters && (\n        <Paper sx={{ filtersSx }}>\n          <Collapse in={expanded}>\n            <Grid container sx={{ p: 2 }} spacing={1}>\n              {expanded &&\n                filters.map(({ id, label, type }) => {\n                  if (type === \"boolean\") {\n                    return (\n                      <Grid key={id} item xs={12}>\n                        <FormGroup>\n                          <FormControlLabel\n                            control={<Checkbox />}\n                            label={label}\n                            checked={data[id]}\n                            onChange={(_, value) => handleNewData(id, value)}\n                          />\n                        </FormGroup>\n                      </Grid>\n                    );\n                  }\n\n                  if (type === \"datetime\") {\n                    return (\n                      <Grid key={id} item xs={12}>\n                        <DateTimePicker\n                          label={label}\n                          format={dateFormat}\n                          value={data[id]}\n                          onChange={(value) => handleNewData(id, value)}\n                          slotProps={{\n                            textField: {\n                              size: \"small\",\n                            },\n                          }}\n                          sx={{ width: 1 }}\n                        />\n                      </Grid>\n                    );\n                  }\n\n                  return (\n                    <Grid key={id} item xs={12}>\n                      <TextField\n                        type={type}\n                        size=\"small\"\n                        label={label}\n                        value={data[id]}\n                        onChange={(e) =>\n                          handleNewData(\n                            id,\n                            type === \"number\" ? parseInt(e.target.value, 10) : e.target.value,\n                          )\n                        }\n                        fullWidth\n                      />\n                    </Grid>\n                  );\n                })}\n              <Grid item xs={12} display=\"flex\" justifyContent=\"flex-end\">\n                <Button color=\"error\" onClick={() => setExpanded(false)} sx={{ mr: 1 }}>\n                  Close\n                </Button>\n                <Button type=\"submit\">Search</Button>\n              </Grid>\n            </Grid>\n          </Collapse>\n        </Paper>\n      )}\n    </form>\n  );\n};\n"],"names":["filtersSx","position","createInitialData","filters","data","search","fields","forEach","id","type","Date","now","initialData","SearchInput","label","placeholder","helperText","size","fullWidth","dateFormat","onSearch","sx","setData","useState","changedFields","setChangedFields","expanded","setExpanded","hasFilters","length","hasData","Object","values","some","field","clearSearch","handleNewData","value","d","f","_jsxs","onSubmit","e","preventDefault","entries","key","children","_jsx","TextField","required","onChange","target","InputProps","startAdornment","InputAdornment","IconButton","mr","SearchIcon","endAdornment","ml","onClick","ClearIcon","TuneIcon","Paper","Collapse","in","Grid","container","p","spacing","map","item","xs","FormGroup","FormControlLabel","control","Checkbox","checked","_","DateTimePicker","format","slotProps","textField","width","parseInt","display","justifyContent","Button","color"],"mappings":"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"}

package/search-input/package.json

@@ -1,13 +0,0 @@
-{
-  "name": "@pautena/react-design-system/search-input",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "^6.4.5",
-    "@mui/x-date-pickers": "^7.27.0",
-    "react": "^19.0.0"
-  }
-}

package/select/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/styles"),l=require("@mui/material/Box"),t=require("@mui/material/CircularProgress"),n=require("@mui/material/FormControl"),o=require("@mui/material/InputLabel"),a=require("@mui/material/LinearProgress"),u=require("@mui/material/Select");function s({children:r,centerVertical:i=!0,centerHorizontal:t=!0,sx:n}){return e.jsx(l,{width:1,height:1,sx:{...n,display:"flex",flexDirection:"column",justifyContent:i?"center":"flex-start",alignItems:t?"center":"flex-start"},children:r})}const c={small:15,medium:20};exports.Select=({label:d,value:m,loading:h=!1,fetching:x=!1,size:f="medium",fullWidth:j=!1,color:b,children:g,onChange:q})=>{const p=r.useId(),C=i.styled(n)((()=>b?{label:{color:b},".MuiOutlinedInput-notchedOutline":{borderColor:`${b} !important`},".MuiInputBase-root":{color:b},".MuiSelect-icon":{fill:b}}:{}));return e.jsxs(C,{fullWidth:j,children:[e.jsx(o,{id:p,children:d}),e.jsx(u,{labelId:p,id:p,value:m,label:d,onChange:q,disabled:x,size:f,renderValue:r=>x?e.jsx(s,{centerVertical:!0,centerHorizontal:!0,children:e.jsx(t,{color:"inherit",size:c[f]})}):h?e.jsxs(l,{display:"flex",flexDirection:"column",children:[r,e.jsx(a,{color:"inherit",sx:{position:"absolute",left:0,right:0,bottom:0}})]}):r,children:g})]})};
-//# sourceMappingURL=index.js.map

package/select/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/center-container/center-container.tsx","../../../src/select/select.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport interface CenterContainerProps {\n  children: ReactNode | undefined;\n  centerVertical?: boolean;\n  centerHorizontal?: boolean;\n  sx?: SxProps<Theme>;\n}\n\nexport function CenterContainer({\n  children,\n  centerVertical = true,\n  centerHorizontal = true,\n  sx,\n}: CenterContainerProps) {\n  return (\n    <Box\n      width={1}\n      height={1}\n      sx={{\n        ...sx,\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: centerVertical ? \"center\" : \"flex-start\",\n        alignItems: centerHorizontal ? \"center\" : \"flex-start\",\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n","import { ReactNode, useId } from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport FormControl from \"@mui/material/FormControl\";\nimport InputLabel from \"@mui/material/InputLabel\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport MuiSelect from \"@mui/material/Select\";\nimport { CenterContainer } from \"../center-container\";\nimport { SelectInputProps } from \"@mui/material/Select/SelectInput\";\n\nexport type SelectSize = \"small\" | \"medium\";\n\nexport interface SelectProps<T> {\n  label: string;\n  value: T;\n  loading?: boolean;\n  fetching?: boolean;\n  size?: SelectSize;\n  color?: string;\n  fullWidth?: boolean;\n  children?: ReactNode;\n  onChange?: SelectInputProps<T>[\"onChange\"];\n}\n\nconst ProgressSize: Record<SelectSize, number> = {\n  small: 15,\n  medium: 20,\n};\n\nexport const Select = <T extends ReactNode>({\n  label,\n  value,\n  loading = false,\n  fetching = false,\n  size = \"medium\",\n  fullWidth = false,\n  color,\n  children,\n  onChange,\n}: SelectProps<T>) => {\n  const id = useId();\n\n  const renderValue = (value: T): ReactNode => {\n    if (fetching) {\n      return (\n        <CenterContainer centerVertical centerHorizontal>\n          <CircularProgress color=\"inherit\" size={ProgressSize[size]} />\n        </CenterContainer>\n      );\n    }\n\n    if (loading) {\n      return (\n        <Box display=\"flex\" flexDirection=\"column\">\n          {value}\n          <LinearProgress\n            color=\"inherit\"\n            sx={{ position: \"absolute\", left: 0, right: 0, bottom: 0 }}\n          />\n        </Box>\n      );\n    }\n\n    return value;\n  };\n\n  const StyledFormControl = styled(FormControl)(() => {\n    if (!color) {\n      return {};\n    }\n\n    return {\n      label: {\n        color,\n      },\n      \".MuiOutlinedInput-notchedOutline\": {\n        borderColor: `${color} !important`,\n      },\n      \".MuiInputBase-root\": {\n        color,\n      },\n      \".MuiSelect-icon\": {\n        fill: color,\n      },\n    };\n  });\n\n  return (\n    <StyledFormControl fullWidth={fullWidth}>\n      <InputLabel id={id}>{label}</InputLabel>\n      <MuiSelect\n        labelId={id}\n        id={id}\n        value={value}\n        label={label}\n        onChange={onChange}\n        disabled={fetching}\n        size={size}\n        renderValue={renderValue}\n      >\n        {children}\n      </MuiSelect>\n    </StyledFormControl>\n  );\n};\n"],"names":["CenterContainer","children","centerVertical","centerHorizontal","sx","_jsx","Box","width","height","display","flexDirection","justifyContent","alignItems","ProgressSize","small","medium","label","value","loading","fetching","size","fullWidth","color","onChange","id","useId","StyledFormControl","styled","FormControl","borderColor","fill","_jsxs","InputLabel","MuiSelect","labelId","disabled","renderValue","CircularProgress","jsx","LinearProgress","position","left","right","bottom"],"mappings":"yUAWgB,SAAAA,GAAgBC,SAC9BA,EAAQC,eACRA,GAAiB,EAAIC,iBACrBA,GAAmB,EAAIC,GACvBA,IAEA,OACEC,EAAAA,IAACC,EAAG,CACFC,MAAO,EACPC,OAAQ,EACRJ,GAAI,IACCA,EACHK,QAAS,OACTC,cAAe,SACfC,eAAgBT,EAAiB,SAAW,aAC5CU,WAAYT,EAAmB,SAAW,cAG3CF,SAAAA,GAGP,CCPA,MAAMY,EAA2C,CAC/CC,MAAO,GACPC,OAAQ,mBAGY,EACpBC,QACAC,QACAC,WAAU,EACVC,YAAW,EACXC,OAAO,SACPC,aAAY,EACZC,QACArB,WACAsB,eAEA,MAAMC,EAAKC,EAAAA,QA0BLC,EAAoBC,EAAAA,OAAOC,EAAPD,EAAoB,IACvCL,EAIE,CACLN,MAAO,CACLM,SAEF,mCAAoC,CAClCO,YAAa,GAAGP,gBAElB,qBAAsB,CACpBA,SAEF,kBAAmB,CACjBQ,KAAMR,IAdD,CAAE,IAmBb,OACES,EAAAA,KAACL,EAAkB,CAAAL,UAAWA,EAC5BpB,SAAA,CAAAI,EAAAA,IAAC2B,EAAU,CAACR,GAAIA,EAAKvB,SAAAe,IACrBX,MAAC4B,EACC,CAAAC,QAASV,EACTA,GAAIA,EACJP,MAAOA,EACPD,MAAOA,EACPO,SAAUA,EACVY,SAAUhB,EACVC,KAAMA,EACNgB,YAxDenB,GACfE,EAEAd,EAAAA,IAACL,EAAgB,CAAAE,kBAAeC,kBAAgB,EAAAF,SAC9CI,EAAAA,IAACgC,EAAiB,CAAAf,MAAM,UAAUF,KAAMP,EAAaO,OAKvDF,EAEAa,OAACzB,GAAIG,QAAQ,OAAOC,cAAc,SAAQT,SAAA,CACvCgB,EACDZ,EAAAiC,IAACC,EACC,CAAAjB,MAAM,UACNlB,GAAI,CAAEoC,SAAU,WAAYC,KAAM,EAAGC,MAAO,EAAGC,OAAQ,QAMxD1B,EAmCqBhB,SAEvBA,MAEe"}

package/select/cjs/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/select",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/select/index.d.ts

@@ -1 +0,0 @@
-export * from "./select";

package/select/index.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useId as i}from"react";import{styled as t}from"@mui/material/styles";import l from"@mui/material/Box";import o from"@mui/material/CircularProgress";import n from"@mui/material/FormControl";import m from"@mui/material/InputLabel";import a from"@mui/material/LinearProgress";import c from"@mui/material/Select";function u({children:r,centerVertical:i=!0,centerHorizontal:t=!0,sx:o}){return e(l,{width:1,height:1,sx:{...o,display:"flex",flexDirection:"column",justifyContent:i?"center":"flex-start",alignItems:t?"center":"flex-start"},children:r})}const s={small:15,medium:20},d=({label:d,value:f,loading:h=!1,fetching:p=!1,size:x="medium",fullWidth:b=!1,color:g,children:C,onChange:z})=>{const I=i(),y=t(n)((()=>g?{label:{color:g},".MuiOutlinedInput-notchedOutline":{borderColor:`${g} !important`},".MuiInputBase-root":{color:g},".MuiSelect-icon":{fill:g}}:{}));return r(y,{fullWidth:b,children:[e(m,{id:I,children:d}),e(c,{labelId:I,id:I,value:f,label:d,onChange:z,disabled:p,size:x,renderValue:i=>p?e(u,{centerVertical:!0,centerHorizontal:!0,children:e(o,{color:"inherit",size:s[x]})}):h?r(l,{display:"flex",flexDirection:"column",children:[i,e(a,{color:"inherit",sx:{position:"absolute",left:0,right:0,bottom:0}})]}):i,children:C})]})};export{d as Select};
-//# sourceMappingURL=index.js.map

package/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/center-container/center-container.tsx","../../src/select/select.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport { SxProps, Theme } from \"@mui/material/styles\";\n\nexport interface CenterContainerProps {\n  children: ReactNode | undefined;\n  centerVertical?: boolean;\n  centerHorizontal?: boolean;\n  sx?: SxProps<Theme>;\n}\n\nexport function CenterContainer({\n  children,\n  centerVertical = true,\n  centerHorizontal = true,\n  sx,\n}: CenterContainerProps) {\n  return (\n    <Box\n      width={1}\n      height={1}\n      sx={{\n        ...sx,\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: centerVertical ? \"center\" : \"flex-start\",\n        alignItems: centerHorizontal ? \"center\" : \"flex-start\",\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n","import { ReactNode, useId } from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport FormControl from \"@mui/material/FormControl\";\nimport InputLabel from \"@mui/material/InputLabel\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport MuiSelect from \"@mui/material/Select\";\nimport { CenterContainer } from \"../center-container\";\nimport { SelectInputProps } from \"@mui/material/Select/SelectInput\";\n\nexport type SelectSize = \"small\" | \"medium\";\n\nexport interface SelectProps<T> {\n  label: string;\n  value: T;\n  loading?: boolean;\n  fetching?: boolean;\n  size?: SelectSize;\n  color?: string;\n  fullWidth?: boolean;\n  children?: ReactNode;\n  onChange?: SelectInputProps<T>[\"onChange\"];\n}\n\nconst ProgressSize: Record<SelectSize, number> = {\n  small: 15,\n  medium: 20,\n};\n\nexport const Select = <T extends ReactNode>({\n  label,\n  value,\n  loading = false,\n  fetching = false,\n  size = \"medium\",\n  fullWidth = false,\n  color,\n  children,\n  onChange,\n}: SelectProps<T>) => {\n  const id = useId();\n\n  const renderValue = (value: T): ReactNode => {\n    if (fetching) {\n      return (\n        <CenterContainer centerVertical centerHorizontal>\n          <CircularProgress color=\"inherit\" size={ProgressSize[size]} />\n        </CenterContainer>\n      );\n    }\n\n    if (loading) {\n      return (\n        <Box display=\"flex\" flexDirection=\"column\">\n          {value}\n          <LinearProgress\n            color=\"inherit\"\n            sx={{ position: \"absolute\", left: 0, right: 0, bottom: 0 }}\n          />\n        </Box>\n      );\n    }\n\n    return value;\n  };\n\n  const StyledFormControl = styled(FormControl)(() => {\n    if (!color) {\n      return {};\n    }\n\n    return {\n      label: {\n        color,\n      },\n      \".MuiOutlinedInput-notchedOutline\": {\n        borderColor: `${color} !important`,\n      },\n      \".MuiInputBase-root\": {\n        color,\n      },\n      \".MuiSelect-icon\": {\n        fill: color,\n      },\n    };\n  });\n\n  return (\n    <StyledFormControl fullWidth={fullWidth}>\n      <InputLabel id={id}>{label}</InputLabel>\n      <MuiSelect\n        labelId={id}\n        id={id}\n        value={value}\n        label={label}\n        onChange={onChange}\n        disabled={fetching}\n        size={size}\n        renderValue={renderValue}\n      >\n        {children}\n      </MuiSelect>\n    </StyledFormControl>\n  );\n};\n"],"names":["CenterContainer","children","centerVertical","centerHorizontal","sx","_jsx","Box","width","height","display","flexDirection","justifyContent","alignItems","ProgressSize","small","medium","Select","label","value","loading","fetching","size","fullWidth","color","onChange","id","useId","StyledFormControl","styled","FormControl","borderColor","fill","_jsxs","InputLabel","MuiSelect","labelId","disabled","renderValue","CircularProgress","LinearProgress","position","left","right","bottom"],"mappings":"8WAWgB,SAAAA,GAAgBC,SAC9BA,EAAQC,eACRA,GAAiB,EAAIC,iBACrBA,GAAmB,EAAIC,GACvBA,IAEA,OACEC,EAACC,EAAG,CACFC,MAAO,EACPC,OAAQ,EACRJ,GAAI,IACCA,EACHK,QAAS,OACTC,cAAe,SACfC,eAAgBT,EAAiB,SAAW,aAC5CU,WAAYT,EAAmB,SAAW,cAG3CF,SAAAA,GAGP,CCPA,MAAMY,EAA2C,CAC/CC,MAAO,GACPC,OAAQ,IAGGC,EAAS,EACpBC,QACAC,QACAC,WAAU,EACVC,YAAW,EACXC,OAAO,SACPC,aAAY,EACZC,QACAtB,WACAuB,eAEA,MAAMC,EAAKC,IA0BLC,EAAoBC,EAAOC,EAAPD,EAAoB,IACvCL,EAIE,CACLN,MAAO,CACLM,SAEF,mCAAoC,CAClCO,YAAa,GAAGP,gBAElB,qBAAsB,CACpBA,SAEF,kBAAmB,CACjBQ,KAAMR,IAdD,CAAE,IAmBb,OACES,EAACL,EAAkB,CAAAL,UAAWA,EAC5BrB,SAAA,CAAAI,EAAC4B,EAAU,CAACR,GAAIA,EAAKxB,SAAAgB,IACrBZ,EAAC6B,EACC,CAAAC,QAASV,EACTA,GAAIA,EACJP,MAAOA,EACPD,MAAOA,EACPO,SAAUA,EACVY,SAAUhB,EACVC,KAAMA,EACNgB,YAxDenB,GACfE,EAEAf,EAACL,EAAgB,CAAAE,kBAAeC,kBAAgB,EAAAF,SAC9CI,EAACiC,EAAiB,CAAAf,MAAM,UAAUF,KAAMR,EAAaQ,OAKvDF,EAEAa,EAAC1B,GAAIG,QAAQ,OAAOC,cAAc,SAAQT,SAAA,CACvCiB,EACDb,EAACkC,EACC,CAAAhB,MAAM,UACNnB,GAAI,CAAEoC,SAAU,WAAYC,KAAM,EAAGC,MAAO,EAAGC,OAAQ,QAMxDzB,EAmCqBjB,SAEvBA,MAEe"}

package/select/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/select",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/sign-in/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Stack"),t=require("@mui/material/Box"),a=require("@mui/material/TextField"),l=require("@mui/material/Typography"),n=require("@mui/material/Alert"),o=require("@mui/lab/LoadingButton");exports.SignIn=({title:s,subtitle:u,loading:m,error:d,onSubmitSignIn:p})=>{const[c,h]=r.useState(""),[g,x]=r.useState("");return e.jsxs(e.Fragment,{children:[e.jsxs(t,{marginBottom:2,children:[e.jsx(l,{component:"h1",variant:"h4",children:s}),e.jsx(l,{variant:"body1",children:u})]}),e.jsxs(t,{component:"form",onSubmit:function(e){e.preventDefault(),h(""),x("");const r=new FormData(e.currentTarget),i=r.get("email")?.toString(),t=r.get("password")?.toString();i||h("Please fill out this field"),t||x("Please fill out this field"),i&&t&&p(i,t)},children:[d&&e.jsx(i,{width:"100%",marginTop:1,children:e.jsx(n,{variant:"filled",severity:"error",children:d.message})}),e.jsx(a,{margin:"normal",fullWidth:!0,id:"email",label:"Email Address",name:"email",autoComplete:"email",autoFocus:!0,disabled:m,type:"email",inputProps:{role:"input"},error:!!c,helperText:c}),e.jsx(a,{margin:"normal",fullWidth:!0,role:"input",name:"password",label:"Password",type:"password",id:"password",disabled:m,autoComplete:"current-password",inputProps:{role:"input"},error:!!g,helperText:g}),e.jsx(o,{type:"submit",fullWidth:!0,variant:"contained",loading:m,disabled:m,role:"button",sx:{mt:2},children:"Sign In"})]})]})};
-//# sourceMappingURL=index.js.map

package/sign-in/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/sign-in/sign-in.tsx"],"sourcesContent":["import { FormEvent, useState } from \"react\";\nimport Stack from \"@mui/material/Stack\";\nimport Box from \"@mui/material/Box\";\nimport TextField from \"@mui/material/TextField\";\nimport Typography from \"@mui/material/Typography\";\nimport Alert from \"@mui/material/Alert\";\nimport LoadingButton from \"@mui/lab/LoadingButton\";\n\nexport interface SignInProps {\n  title: string;\n  subtitle: string;\n  error?: Error;\n  loading?: boolean;\n  onSubmitSignIn: (email: string, password: string) => void;\n}\n\nexport const SignIn = ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => {\n  const [emailError, setEmailError] = useState(\"\");\n  const [passwordError, setPasswordError] = useState(\"\");\n\n  function handleSubmit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    setEmailError(\"\");\n    setPasswordError(\"\");\n\n    const data = new FormData(e.currentTarget);\n    const email = data.get(\"email\")?.toString();\n    const password = data.get(\"password\")?.toString();\n\n    if (!email) {\n      setEmailError(\"Please fill out this field\");\n    }\n\n    if (!password) {\n      setPasswordError(\"Please fill out this field\");\n    }\n\n    if (email && password) {\n      onSubmitSignIn(email, password);\n    }\n  }\n\n  return (\n    <>\n      <Box marginBottom={2}>\n        <Typography component=\"h1\" variant=\"h4\">\n          {title}\n        </Typography>\n        <Typography variant=\"body1\">{subtitle}</Typography>\n      </Box>\n      <Box component=\"form\" onSubmit={handleSubmit}>\n        {error && (\n          <Stack width=\"100%\" marginTop={1}>\n            <Alert variant=\"filled\" severity=\"error\">\n              {error.message}\n            </Alert>\n          </Stack>\n        )}\n        <TextField\n          margin=\"normal\"\n          fullWidth\n          id=\"email\"\n          label=\"Email Address\"\n          name=\"email\"\n          autoComplete=\"email\"\n          autoFocus\n          disabled={loading}\n          type=\"email\"\n          inputProps={{ role: \"input\" }}\n          error={!!emailError}\n          helperText={emailError}\n        />\n        <TextField\n          margin=\"normal\"\n          fullWidth\n          role=\"input\"\n          name=\"password\"\n          label=\"Password\"\n          type=\"password\"\n          id=\"password\"\n          disabled={loading}\n          autoComplete=\"current-password\"\n          inputProps={{ role: \"input\" }}\n          error={!!passwordError}\n          helperText={passwordError}\n        />\n        <LoadingButton\n          type=\"submit\"\n          fullWidth\n          variant=\"contained\"\n          loading={loading}\n          disabled={loading}\n          role=\"button\"\n          sx={{ mt: 2 }}\n        >\n          Sign In\n        </LoadingButton>\n      </Box>\n    </>\n  );\n};\n"],"names":["title","subtitle","loading","error","onSubmitSignIn","emailError","setEmailError","useState","passwordError","setPasswordError","_jsxs","_Fragment","children","jsxs","Box","marginBottom","_jsx","Typography","component","variant","onSubmit","e","preventDefault","data","FormData","currentTarget","email","get","toString","password","Stack","width","marginTop","Alert","severity","message","jsx","TextField","margin","fullWidth","id","label","name","autoComplete","autoFocus","disabled","type","inputProps","role","helperText","LoadingButton","sx","mt"],"mappings":"kSAgBsB,EAAGA,QAAOC,WAAUC,UAASC,QAAOC,qBACxD,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,KACtCC,EAAeC,GAAoBF,EAAAA,SAAS,IAwBnD,OACEG,EAAAA,KACEC,EAAAA,SAAA,CAAAC,SAAA,CAAAF,EAAAG,KAACC,EAAG,CAACC,aAAc,EACjBH,SAAA,CAAAI,EAAAA,IAACC,EAAU,CAACC,UAAU,KAAKC,QAAQ,cAChCnB,IAEHgB,MAACC,EAAU,CAACE,QAAQ,QAASP,SAAAX,OAE/BS,OAACI,EAAI,CAAAI,UAAU,OAAOE,SA9B1B,SAAsBC,GACpBA,EAAEC,iBACFhB,EAAc,IACdG,EAAiB,IAEjB,MAAMc,EAAO,IAAIC,SAASH,EAAEI,eACtBC,EAAQH,EAAKI,IAAI,UAAUC,WAC3BC,EAAWN,EAAKI,IAAI,aAAaC,WAElCF,GACHpB,EAAc,8BAGXuB,GACHpB,EAAiB,8BAGfiB,GAASG,GACXzB,EAAesB,EAAOG,IAYsBjB,SAAA,CACzCT,GACCa,MAACc,EAAM,CAAAC,MAAM,OAAOC,UAAW,EAACpB,SAC9BI,EAAAA,IAACiB,GAAMd,QAAQ,SAASe,SAAS,QAC9BtB,SAAAT,EAAMgC,YAIbnB,EAAAoB,IAACC,EAAS,CACRC,OAAO,SACPC,WACA,EAAAC,GAAG,QACHC,MAAM,gBACNC,KAAK,QACLC,aAAa,QACbC,WACA,EAAAC,SAAU3C,EACV4C,KAAK,QACLC,WAAY,CAAEC,KAAM,SACpB7C,QAASE,EACT4C,WAAY5C,IAEdW,EAAAoB,IAACC,EACC,CAAAC,OAAO,SACPC,aACAS,KAAK,QACLN,KAAK,WACLD,MAAM,WACNK,KAAK,WACLN,GAAG,WACHK,SAAU3C,EACVyC,aAAa,mBACbI,WAAY,CAAEC,KAAM,SACpB7C,QAASK,EACTyC,WAAYzC,IAEdQ,EAAAA,IAACkC,GACCJ,KAAK,SACLP,WAAS,EACTpB,QAAQ,YACRjB,QAASA,EACT2C,SAAU3C,EACV8C,KAAK,SACLG,GAAI,CAAEC,GAAI,GAGIxC,SAAA,iBAEjB"}

package/sign-in/cjs/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@pautena/react-design-system/sign-in",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/lab": "^6.0.0-beta.28",
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/sign-in/index.d.ts

@@ -1 +0,0 @@
-export * from "./sign-in";

package/sign-in/index.js

@@ -1,2 +0,0 @@
-import{jsxs as r,Fragment as t,jsx as e}from"react/jsx-runtime";import{useState as i}from"react";import o from"@mui/material/Stack";import a from"@mui/material/Box";import l from"@mui/material/TextField";import n from"@mui/material/Typography";import m from"@mui/material/Alert";import d from"@mui/lab/LoadingButton";const p=({title:p,subtitle:s,loading:u,error:c,onSubmitSignIn:f})=>{const[h,g]=i(""),[b,w]=i("");return r(t,{children:[r(a,{marginBottom:2,children:[e(n,{component:"h1",variant:"h4",children:p}),e(n,{variant:"body1",children:s})]}),r(a,{component:"form",onSubmit:function(r){r.preventDefault(),g(""),w("");const t=new FormData(r.currentTarget),e=t.get("email")?.toString(),i=t.get("password")?.toString();e||g("Please fill out this field"),i||w("Please fill out this field"),e&&i&&f(e,i)},children:[c&&e(o,{width:"100%",marginTop:1,children:e(m,{variant:"filled",severity:"error",children:c.message})}),e(l,{margin:"normal",fullWidth:!0,id:"email",label:"Email Address",name:"email",autoComplete:"email",autoFocus:!0,disabled:u,type:"email",inputProps:{role:"input"},error:!!h,helperText:h}),e(l,{margin:"normal",fullWidth:!0,role:"input",name:"password",label:"Password",type:"password",id:"password",disabled:u,autoComplete:"current-password",inputProps:{role:"input"},error:!!b,helperText:b}),e(d,{type:"submit",fullWidth:!0,variant:"contained",loading:u,disabled:u,role:"button",sx:{mt:2},children:"Sign In"})]})]})};export{p as SignIn};
-//# sourceMappingURL=index.js.map

package/sign-in/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/sign-in/sign-in.tsx"],"sourcesContent":["import { FormEvent, useState } from \"react\";\nimport Stack from \"@mui/material/Stack\";\nimport Box from \"@mui/material/Box\";\nimport TextField from \"@mui/material/TextField\";\nimport Typography from \"@mui/material/Typography\";\nimport Alert from \"@mui/material/Alert\";\nimport LoadingButton from \"@mui/lab/LoadingButton\";\n\nexport interface SignInProps {\n  title: string;\n  subtitle: string;\n  error?: Error;\n  loading?: boolean;\n  onSubmitSignIn: (email: string, password: string) => void;\n}\n\nexport const SignIn = ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => {\n  const [emailError, setEmailError] = useState(\"\");\n  const [passwordError, setPasswordError] = useState(\"\");\n\n  function handleSubmit(e: FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    setEmailError(\"\");\n    setPasswordError(\"\");\n\n    const data = new FormData(e.currentTarget);\n    const email = data.get(\"email\")?.toString();\n    const password = data.get(\"password\")?.toString();\n\n    if (!email) {\n      setEmailError(\"Please fill out this field\");\n    }\n\n    if (!password) {\n      setPasswordError(\"Please fill out this field\");\n    }\n\n    if (email && password) {\n      onSubmitSignIn(email, password);\n    }\n  }\n\n  return (\n    <>\n      <Box marginBottom={2}>\n        <Typography component=\"h1\" variant=\"h4\">\n          {title}\n        </Typography>\n        <Typography variant=\"body1\">{subtitle}</Typography>\n      </Box>\n      <Box component=\"form\" onSubmit={handleSubmit}>\n        {error && (\n          <Stack width=\"100%\" marginTop={1}>\n            <Alert variant=\"filled\" severity=\"error\">\n              {error.message}\n            </Alert>\n          </Stack>\n        )}\n        <TextField\n          margin=\"normal\"\n          fullWidth\n          id=\"email\"\n          label=\"Email Address\"\n          name=\"email\"\n          autoComplete=\"email\"\n          autoFocus\n          disabled={loading}\n          type=\"email\"\n          inputProps={{ role: \"input\" }}\n          error={!!emailError}\n          helperText={emailError}\n        />\n        <TextField\n          margin=\"normal\"\n          fullWidth\n          role=\"input\"\n          name=\"password\"\n          label=\"Password\"\n          type=\"password\"\n          id=\"password\"\n          disabled={loading}\n          autoComplete=\"current-password\"\n          inputProps={{ role: \"input\" }}\n          error={!!passwordError}\n          helperText={passwordError}\n        />\n        <LoadingButton\n          type=\"submit\"\n          fullWidth\n          variant=\"contained\"\n          loading={loading}\n          disabled={loading}\n          role=\"button\"\n          sx={{ mt: 2 }}\n        >\n          Sign In\n        </LoadingButton>\n      </Box>\n    </>\n  );\n};\n"],"names":["SignIn","title","subtitle","loading","error","onSubmitSignIn","emailError","setEmailError","useState","passwordError","setPasswordError","_jsxs","_Fragment","children","Box","marginBottom","_jsx","Typography","component","variant","onSubmit","e","preventDefault","data","FormData","currentTarget","email","get","toString","password","Stack","width","marginTop","Alert","severity","message","TextField","margin","fullWidth","id","label","name","autoComplete","autoFocus","disabled","type","inputProps","role","helperText","LoadingButton","sx","mt"],"mappings":"6TAgBa,MAAAA,EAAS,EAAGC,QAAOC,WAAUC,UAASC,QAAOC,qBACxD,MAAOC,EAAYC,GAAiBC,EAAS,KACtCC,EAAeC,GAAoBF,EAAS,IAwBnD,OACEG,EACEC,EAAA,CAAAC,SAAA,CAAAF,EAACG,EAAG,CAACC,aAAc,EACjBF,SAAA,CAAAG,EAACC,EAAU,CAACC,UAAU,KAAKC,QAAQ,cAChClB,IAEHe,EAACC,EAAU,CAACE,QAAQ,QAASN,SAAAX,OAE/BS,EAACG,EAAI,CAAAI,UAAU,OAAOE,SA9B1B,SAAsBC,GACpBA,EAAEC,iBACFf,EAAc,IACdG,EAAiB,IAEjB,MAAMa,EAAO,IAAIC,SAASH,EAAEI,eACtBC,EAAQH,EAAKI,IAAI,UAAUC,WAC3BC,EAAWN,EAAKI,IAAI,aAAaC,WAElCF,GACHnB,EAAc,8BAGXsB,GACHnB,EAAiB,8BAGfgB,GAASG,GACXxB,EAAeqB,EAAOG,IAYsBhB,SAAA,CACzCT,GACCY,EAACc,EAAM,CAAAC,MAAM,OAAOC,UAAW,EAACnB,SAC9BG,EAACiB,GAAMd,QAAQ,SAASe,SAAS,QAC9BrB,SAAAT,EAAM+B,YAIbnB,EAACoB,EAAS,CACRC,OAAO,SACPC,WACA,EAAAC,GAAG,QACHC,MAAM,gBACNC,KAAK,QACLC,aAAa,QACbC,WACA,EAAAC,SAAUzC,EACV0C,KAAK,QACLC,WAAY,CAAEC,KAAM,SACpB3C,QAASE,EACT0C,WAAY1C,IAEdU,EAACoB,EACC,CAAAC,OAAO,SACPC,aACAS,KAAK,QACLN,KAAK,WACLD,MAAM,WACNK,KAAK,WACLN,GAAG,WACHK,SAAUzC,EACVuC,aAAa,mBACbI,WAAY,CAAEC,KAAM,SACpB3C,QAASK,EACTuC,WAAYvC,IAEdO,EAACiC,GACCJ,KAAK,SACLP,WAAS,EACTnB,QAAQ,YACRhB,QAASA,EACTyC,SAAUzC,EACV4C,KAAK,SACLG,GAAI,CAAEC,GAAI,GAGItC,SAAA,iBAEjB"}

package/sign-in/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@pautena/react-design-system/sign-in",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/lab": "^6.0.0-beta.28",
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/skeleton-card/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var a=require("react/jsx-runtime"),i=require("@mui/material/Box"),t=require("@mui/material/Skeleton");exports.SkeletonCard=({width:r="100%",animation:e=!1})=>a.jsxs(i,{width:r,children:[a.jsx(t,{animation:e,variant:"rectangular",height:118}),a.jsx(t,{animation:e,variant:"rectangular",height:16,sx:{my:1}}),a.jsx(t,{animation:e,variant:"rectangular",width:"80%",height:16})]});
-//# sourceMappingURL=index.js.map

package/skeleton-card/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/skeleton-card/skeleton-card.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\nexport interface SkeletonCardProps {\n  width?: number | string;\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\nexport const SkeletonCard = ({ width = \"100%\", animation = false }: SkeletonCardProps) => {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton animation={animation} variant=\"rectangular\" height={16} sx={{ my: 1 }} />\n      <Skeleton animation={animation} variant=\"rectangular\" width=\"80%\" height={16} />\n    </Box>\n  );\n};\n"],"names":["width","animation","_jsxs","jsxs","Box","children","_jsx","Skeleton","variant","height","sx","my"],"mappings":"wIAQ4B,EAAGA,QAAQ,OAAQC,aAAY,KAEvDC,EAAAC,KAACC,EAAG,CAACJ,MAAOA,EACVK,SAAA,CAAAC,MAACC,EAAQ,CAACN,UAAWA,EAAWO,QAAQ,cAAcC,OAAQ,MAC9DH,MAACC,EAAQ,CAACN,UAAWA,EAAWO,QAAQ,cAAcC,OAAQ,GAAIC,GAAI,CAAEC,GAAI,KAC5EL,EAAAA,IAACC,EAAS,CAAAN,UAAWA,EAAWO,QAAQ,cAAcR,MAAM,MAAMS,OAAQ"}

package/skeleton-card/cjs/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/skeleton-card",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/skeleton-card/index.d.ts

@@ -1 +0,0 @@
-export * from "./skeleton-card";

package/skeleton-card/index.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import a from"@mui/material/Box";import r from"@mui/material/Skeleton";const n=({width:n="100%",animation:m=!1})=>i(a,{width:n,children:[t(r,{animation:m,variant:"rectangular",height:118}),t(r,{animation:m,variant:"rectangular",height:16,sx:{my:1}}),t(r,{animation:m,variant:"rectangular",width:"80%",height:16})]});export{n as SkeletonCard};
-//# sourceMappingURL=index.js.map

package/skeleton-card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/skeleton-card/skeleton-card.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\nexport interface SkeletonCardProps {\n  width?: number | string;\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\nexport const SkeletonCard = ({ width = \"100%\", animation = false }: SkeletonCardProps) => {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton animation={animation} variant=\"rectangular\" height={16} sx={{ my: 1 }} />\n      <Skeleton animation={animation} variant=\"rectangular\" width=\"80%\" height={16} />\n    </Box>\n  );\n};\n"],"names":["SkeletonCard","width","animation","_jsxs","Box","children","_jsx","Skeleton","variant","height","sx","my"],"mappings":"yHAQO,MAAMA,EAAe,EAAGC,QAAQ,OAAQC,aAAY,KAEvDC,EAACC,EAAG,CAACH,MAAOA,EACVI,SAAA,CAAAC,EAACC,EAAQ,CAACL,UAAWA,EAAWM,QAAQ,cAAcC,OAAQ,MAC9DH,EAACC,EAAQ,CAACL,UAAWA,EAAWM,QAAQ,cAAcC,OAAQ,GAAIC,GAAI,CAAEC,GAAI,KAC5EL,EAACC,EAAS,CAAAL,UAAWA,EAAWM,QAAQ,cAAcP,MAAM,MAAMQ,OAAQ"}

package/skeleton-card/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/skeleton-card",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/skeleton-grid/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material/Grid");require("@mui/material");var a=require("@mui/material/Box"),e=require("@mui/material/Skeleton");const t=(i,r)=>new Array(i).fill(r),n=({width:r="100%",animation:t=!1})=>i.jsxs(a,{width:r,children:[i.jsx(e,{animation:t,variant:"rectangular",height:118}),i.jsx(e,{animation:t,variant:"rectangular",height:16,sx:{my:1}}),i.jsx(e,{animation:t,variant:"rectangular",width:"80%",height:16})]});exports.SkeletonGrid=({size:a=20})=>i.jsx(r,{container:!0,spacing:2,children:t(a,0).map(((a,e)=>i.jsx(r,{item:!0,xs:4,children:i.jsx(n,{width:1})},e)))});
-//# sourceMappingURL=index.js.map

package/skeleton-grid/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/utils/arrays.ts","../../../src/skeleton-card/skeleton-card.tsx","../../../src/skeleton-grid/skeleton-grid.tsx"],"sourcesContent":["export const newArrayWithSize = <T>(size: number, fillValue: T) => new Array(size).fill(fillValue);\n\nexport const getRandomItem = <T>(items: T[]): { index: number; item: T } => {\n  const index = Math.floor(Math.random() * items.length);\n  const item = items[index];\n  return { index, item };\n};\n","import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\nexport interface SkeletonCardProps {\n  width?: number | string;\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\nexport const SkeletonCard = ({ width = \"100%\", animation = false }: SkeletonCardProps) => {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton animation={animation} variant=\"rectangular\" height={16} sx={{ my: 1 }} />\n      <Skeleton animation={animation} variant=\"rectangular\" width=\"80%\" height={16} />\n    </Box>\n  );\n};\n","import Grid from \"@mui/material/Grid\";\nimport { newArrayWithSize } from \"../utils\";\nimport { SkeletonCard } from \"../skeleton-card\";\n\nexport interface SkeletonGridProps {\n  size?: number;\n}\n\nexport const SkeletonGrid = ({ size = 20 }: SkeletonGridProps) => {\n  return (\n    <Grid container spacing={2}>\n      {newArrayWithSize(size, 0).map((_, i) => (\n        <Grid item key={i} xs={4}>\n          <SkeletonCard width={1} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["newArrayWithSize","size","fillValue","Array","fill","SkeletonCard","width","animation","_jsxs","jsxs","Box","children","_jsx","Skeleton","variant","height","sx","my","Grid","container","spacing","map","_","i","item","xs","jsx"],"mappings":"gLAAO,MAAMA,EAAmB,CAAIC,EAAcC,IAAiB,IAAIC,MAAMF,GAAMG,KAAKF,GCQ3EG,EAAe,EAAGC,QAAQ,OAAQC,aAAY,KAEvDC,EAAAC,KAACC,EAAG,CAACJ,MAAOA,EACVK,SAAA,CAAAC,MAACC,EAAQ,CAACN,UAAWA,EAAWO,QAAQ,cAAcC,OAAQ,MAC9DH,MAACC,EAAQ,CAACN,UAAWA,EAAWO,QAAQ,cAAcC,OAAQ,GAAIC,GAAI,CAAEC,GAAI,KAC5EL,EAAAA,IAACC,EAAS,CAAAN,UAAWA,EAAWO,QAAQ,cAAcR,MAAM,MAAMS,OAAQ,6BCLpD,EAAGd,OAAO,MAElCW,EAAAA,IAACM,EAAI,CAACC,WAAU,EAAAC,QAAS,EACtBT,SAAAX,EAAiBC,EAAM,GAAGoB,KAAI,CAACC,EAAGC,IACjCX,EAAAA,IAACM,EAAK,CAAAM,QAAaC,GAAI,EAACd,SACtBC,EAACc,IAAArB,GAAaC,MAAO,KADPiB"}

package/skeleton-grid/cjs/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/skeleton-grid",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/skeleton-grid/index.d.ts

@@ -1 +0,0 @@
-export * from "./skeleton-grid";

package/skeleton-grid/index.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as a}from"react/jsx-runtime";import t from"@mui/material/Grid";import"@mui/material";import r from"@mui/material/Box";import m from"@mui/material/Skeleton";const n=(i,a)=>new Array(i).fill(a),e=({width:t="100%",animation:n=!1})=>i(r,{width:t,children:[a(m,{animation:n,variant:"rectangular",height:118}),a(m,{animation:n,variant:"rectangular",height:16,sx:{my:1}}),a(m,{animation:n,variant:"rectangular",width:"80%",height:16})]}),o=({size:i=20})=>a(t,{container:!0,spacing:2,children:n(i,0).map(((i,r)=>a(t,{item:!0,xs:4,children:a(e,{width:1})},r)))});export{o as SkeletonGrid};
-//# sourceMappingURL=index.js.map

package/skeleton-grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/arrays.ts","../../src/skeleton-card/skeleton-card.tsx","../../src/skeleton-grid/skeleton-grid.tsx"],"sourcesContent":["export const newArrayWithSize = <T>(size: number, fillValue: T) => new Array(size).fill(fillValue);\n\nexport const getRandomItem = <T>(items: T[]): { index: number; item: T } => {\n  const index = Math.floor(Math.random() * items.length);\n  const item = items[index];\n  return { index, item };\n};\n","import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\nexport interface SkeletonCardProps {\n  width?: number | string;\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\nexport const SkeletonCard = ({ width = \"100%\", animation = false }: SkeletonCardProps) => {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton animation={animation} variant=\"rectangular\" height={16} sx={{ my: 1 }} />\n      <Skeleton animation={animation} variant=\"rectangular\" width=\"80%\" height={16} />\n    </Box>\n  );\n};\n","import Grid from \"@mui/material/Grid\";\nimport { newArrayWithSize } from \"../utils\";\nimport { SkeletonCard } from \"../skeleton-card\";\n\nexport interface SkeletonGridProps {\n  size?: number;\n}\n\nexport const SkeletonGrid = ({ size = 20 }: SkeletonGridProps) => {\n  return (\n    <Grid container spacing={2}>\n      {newArrayWithSize(size, 0).map((_, i) => (\n        <Grid item key={i} xs={4}>\n          <SkeletonCard width={1} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n};\n"],"names":["newArrayWithSize","size","fillValue","Array","fill","SkeletonCard","width","animation","_jsxs","Box","children","_jsx","Skeleton","variant","height","sx","my","SkeletonGrid","Grid","container","spacing","map","_","i","item","xs"],"mappings":"iLAAO,MAAMA,EAAmB,CAAIC,EAAcC,IAAiB,IAAIC,MAAMF,GAAMG,KAAKF,GCQ3EG,EAAe,EAAGC,QAAQ,OAAQC,aAAY,KAEvDC,EAACC,EAAG,CAACH,MAAOA,EACVI,SAAA,CAAAC,EAACC,EAAQ,CAACL,UAAWA,EAAWM,QAAQ,cAAcC,OAAQ,MAC9DH,EAACC,EAAQ,CAACL,UAAWA,EAAWM,QAAQ,cAAcC,OAAQ,GAAIC,GAAI,CAAEC,GAAI,KAC5EL,EAACC,EAAS,CAAAL,UAAWA,EAAWM,QAAQ,cAAcP,MAAM,MAAMQ,OAAQ,QCLnEG,EAAe,EAAGhB,OAAO,MAElCU,EAACO,EAAI,CAACC,WAAU,EAAAC,QAAS,EACtBV,SAAAV,EAAiBC,EAAM,GAAGoB,KAAI,CAACC,EAAGC,IACjCZ,EAACO,EAAK,CAAAM,QAAaC,GAAI,EAACf,SACtBC,EAACN,GAAaC,MAAO,KADPiB"}

package/skeleton-grid/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/skeleton-grid",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/tab-card/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Paper"),i=require("@mui/material/Tabs"),a=require("@mui/material/Tab"),n=require("@mui/material/Box"),l=require("react"),o=require("@mui/material");const s=l.createContext([0,()=>null]),c=s.Provider,u=t.styled((t=>e.jsx(i,{...t,TabIndicatorProps:{children:e.jsx("span",{className:"MuiTabs-indicatorSpan"})}})))((({theme:e})=>({minHeight:e.spacing(5),"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,width:"100%",backgroundColor:e.palette.primary.main}}))),d=t.styled(a)((({theme:e})=>({textTransform:"none",fontWeight:e.typography.fontWeightRegular,marginRight:e.spacing(1),color:e.palette.text.secondary,paddingTop:0,paddingBottom:0,minHeight:e.spacing(5),"&.Mui-selected":{color:e.palette.text.secondary,fontWeight:e.typography.fontWeightBold}})));exports.TabCard=({children:t,tabs:i,initialTab:a=0,onChangeTab:s=(()=>null)})=>{const h=(({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=o.useTheme();return"light"===r.mode?r.grey[e]:r.grey[t]})(),[g,m]=l.useState(a);return e.jsx(c,{value:[g,m],children:e.jsxs(r,{variant:"outlined",children:[e.jsx(n,{bgcolor:h,children:e.jsx(u,{value:g,onChange:(e,t)=>{m(t),s(i[t],t)},children:i.map((({text:t,icon:r})=>e.jsx(d,{iconPosition:"start",disableRipple:!0,label:t,icon:r},t)))})}),t]})})},exports.TabCardPanel=({index:t,children:r,sx:i})=>{const[a]=l.useContext(s);let o=a===t;return Array.isArray(t)&&(o=t.includes(a)),o?e.jsx(n,{sx:i,children:r}):null};
-//# sourceMappingURL=index.js.map

package/tab-card/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/tab-card/tab-card.context.tsx","../../../src/tab-card/tab-card.tsx","../../../src/utils/theme.ts","../../../src/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n","import { styled } from \"@mui/material/styles\";\nimport Paper from \"@mui/material/Paper\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Box from \"@mui/material/Box\";\nimport { PropsWithChildren, ReactElement, SyntheticEvent, useState } from \"react\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\nexport interface TabData {\n  text: string;\n  icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: number;\n  onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <Tabs {...props} TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }} />\n))(({ theme }) => ({\n  minHeight: theme.spacing(5),\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    maxWidth: 40,\n    width: \"100%\",\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n  textTransform: \"none\",\n  fontWeight: theme.typography.fontWeightRegular,\n  marginRight: theme.spacing(1),\n  color: theme.palette.text.secondary,\n  paddingTop: 0,\n  paddingBottom: 0,\n  minHeight: theme.spacing(5),\n  \"&.Mui-selected\": {\n    color: theme.palette.text.secondary,\n    fontWeight: theme.typography.fontWeightBold,\n  },\n}));\n\nexport type TabCardProps = PropsWithChildren<{\n  tabs: TabData[];\n  initialTab?: number;\n  onChangeTab?: (tab: TabData, index: number) => void;\n}>;\n\nexport const TabCard = ({\n  children,\n  tabs,\n  initialTab = 0,\n  onChangeTab = () => null,\n}: TabCardProps) => {\n  const bgColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useState(initialTab);\n\n  const handleChangeTab = (_: SyntheticEvent<Element, Event>, index: number) => {\n    setSelectedTab(index);\n    onChangeTab(tabs[index], index);\n  };\n\n  return (\n    <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n      <Paper variant=\"outlined\">\n        <Box bgcolor={bgColor}>\n          <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n            {tabs.map(({ text, icon }) => (\n              <StyledTab iconPosition=\"start\" disableRipple key={text} label={text} icon={icon} />\n            ))}\n          </StyledTabs>\n        </Box>\n        {children}\n      </Paper>\n    </TabCardContextProvider>\n  );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { PropsWithChildren, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\nimport { SxProps, Theme } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\n\nexport type TabCardPanelProps = PropsWithChildren<{\n  index: number | number[];\n  sx?: SxProps<Theme>;\n}>;\n\nexport const TabCardPanel = ({ index, children, sx }: TabCardPanelProps) => {\n  const [value] = useContext(TabCardContext);\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return isTab ? <Box sx={sx}>{children}</Box> : null;\n};\n"],"names":["TabCardContext","createContext","TabCardContextProvider","Provider","StyledTabs","styled","props","_jsx","Tabs","TabIndicatorProps","children","className","theme","minHeight","spacing","display","justifyContent","backgroundColor","maxWidth","width","palette","primary","main","StyledTab","Tab","textTransform","fontWeight","typography","fontWeightRegular","marginRight","color","text","secondary","paddingTop","paddingBottom","fontWeightBold","tabs","initialTab","onChangeTab","bgColor","lightWeight","darkWeight","useTheme","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","value","_jsxs","Paper","variant","jsx","Box","bgcolor","onChange","_","index","map","icon","iconPosition","disableRipple","label","sx","useContext","isTab","Array","isArray","includes"],"mappings":"+PAEO,MAAMA,EAAiBC,EAAAA,cAA0D,CACtF,EACA,IAAM,OAEKC,EAAyBF,EAAeG,SCc/CC,EAAaC,EAAAA,QAAQC,GACzBC,MAACC,EAAI,IAAKF,EAAOG,kBAAmB,CAAEC,SAAUH,cAAMI,UAAU,8BAD/CN,EAEhB,EAAGO,YAAa,CACjBC,UAAWD,EAAME,QAAQ,GACzB,uBAAwB,CACtBC,QAAS,OACTC,eAAgB,SAChBC,gBAAiB,eAEnB,2BAA4B,CAC1BC,SAAU,GACVC,MAAO,OACPF,gBAAiBL,EAAMQ,QAAQC,QAAQC,UAIrCC,EAAYlB,EAAAA,OAAOmB,EAAPnB,EAAY,EAAGO,YAAa,CAC5Ca,cAAe,OACfC,WAAYd,EAAMe,WAAWC,kBAC7BC,YAAajB,EAAME,QAAQ,GAC3BgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BC,WAAY,EACZC,cAAe,EACfrB,UAAWD,EAAME,QAAQ,GACzB,iBAAkB,CAChBgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BN,WAAYd,EAAMe,WAAWQ,oCAUV,EACrBzB,WACA0B,OACAC,aAAa,EACbC,cAAc,KAAM,UAEpB,MAAMC,EC1D+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMrB,QAAEA,GAAYsB,aACpB,MAAwB,UAAjBtB,EAAQuB,KAAmBvB,EAAQwB,KAAKJ,GAAepB,EAAQwB,KAAKH,EAAW,EDqDtEI,IACTC,EAAaC,GAAkBC,EAAAA,SAASX,GAO/C,OACE9B,MAACL,EAAuB,CAAA+C,MAAO,CAACH,EAAaC,GAC3CrC,SAAAwC,EAAAA,KAACC,EAAK,CAACC,QAAQ,WACb1C,SAAA,CAAAH,EAAA8C,IAACC,EAAI,CAAAC,QAAShB,WACZhC,EAAAA,IAACH,EAAW,CAAA6C,MAAOH,EAAaU,SAThB,CAACC,EAAmCC,KAC1DX,EAAeW,GACfpB,EAAYF,EAAKsB,GAAQA,EAAM,WAQtBtB,EAAKuB,KAAI,EAAG5B,OAAM6B,UACjBrD,EAAAA,IAACgB,EAAS,CAACsC,aAAa,QAAQC,eAAa,EAAYC,MAAOhC,EAAM6B,KAAMA,GAAzB7B,SAIxDrB,MAEoB,uBExED,EAAGgD,QAAOhD,WAAUsD,SAC9C,MAAOf,GAASgB,EAAUA,WAACjE,GAC3B,IAAIkE,EAAQjB,IAAUS,EAKtB,OAJIS,MAAMC,QAAQV,KAChBQ,EAAQR,EAAMW,SAASpB,IAGlBiB,EAAQ3D,MAAC+C,EAAI,CAAAU,GAAIA,WAAKtD,IAAkB,IAAI"}

package/tab-card/cjs/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/tab-card",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/tab-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./tab-card";
-export * from "./tab-card-panel";

package/tab-card/index.js

@@ -1,2 +0,0 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import{styled as r}from"@mui/material/styles";import e from"@mui/material/Paper";import a from"@mui/material/Tabs";import n from"@mui/material/Tab";import o from"@mui/material/Box";import{createContext as l,useState as m,useContext as c}from"react";import{useTheme as p}from"@mui/material";const s=l([0,()=>null]),d=s.Provider,g=r((i=>t(a,{...i,TabIndicatorProps:{children:t("span",{className:"MuiTabs-indicatorSpan"})}})))((({theme:t})=>({minHeight:t.spacing(5),"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,width:"100%",backgroundColor:t.palette.primary.main}}))),h=r(n)((({theme:t})=>({textTransform:"none",fontWeight:t.typography.fontWeightRegular,marginRight:t.spacing(1),color:t.palette.text.secondary,paddingTop:0,paddingBottom:0,minHeight:t.spacing(5),"&.Mui-selected":{color:t.palette.text.secondary,fontWeight:t.typography.fontWeightBold}}))),u=({children:r,tabs:a,initialTab:n=0,onChangeTab:l=(()=>null)})=>{const c=(({lightWeight:t=100,darkWeight:i=900}={})=>{const{palette:r}=p();return"light"===r.mode?r.grey[t]:r.grey[i]})(),[s,u]=m(n);return t(d,{value:[s,u],children:i(e,{variant:"outlined",children:[t(o,{bgcolor:c,children:t(g,{value:s,onChange:(t,i)=>{u(i),l(a[i],i)},children:a.map((({text:i,icon:r})=>t(h,{iconPosition:"start",disableRipple:!0,label:i,icon:r},i)))})}),r]})})},f=({index:i,children:r,sx:e})=>{const[a]=c(s);let n=a===i;return Array.isArray(i)&&(n=i.includes(a)),n?t(o,{sx:e,children:r}):null};export{u as TabCard,f as TabCardPanel};
-//# sourceMappingURL=index.js.map

package/tab-card/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/tab-card/tab-card.context.tsx","../../src/tab-card/tab-card.tsx","../../src/utils/theme.ts","../../src/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n","import { styled } from \"@mui/material/styles\";\nimport Paper from \"@mui/material/Paper\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Box from \"@mui/material/Box\";\nimport { PropsWithChildren, ReactElement, SyntheticEvent, useState } from \"react\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\nexport interface TabData {\n  text: string;\n  icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: number;\n  onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <Tabs {...props} TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }} />\n))(({ theme }) => ({\n  minHeight: theme.spacing(5),\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    maxWidth: 40,\n    width: \"100%\",\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n  textTransform: \"none\",\n  fontWeight: theme.typography.fontWeightRegular,\n  marginRight: theme.spacing(1),\n  color: theme.palette.text.secondary,\n  paddingTop: 0,\n  paddingBottom: 0,\n  minHeight: theme.spacing(5),\n  \"&.Mui-selected\": {\n    color: theme.palette.text.secondary,\n    fontWeight: theme.typography.fontWeightBold,\n  },\n}));\n\nexport type TabCardProps = PropsWithChildren<{\n  tabs: TabData[];\n  initialTab?: number;\n  onChangeTab?: (tab: TabData, index: number) => void;\n}>;\n\nexport const TabCard = ({\n  children,\n  tabs,\n  initialTab = 0,\n  onChangeTab = () => null,\n}: TabCardProps) => {\n  const bgColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useState(initialTab);\n\n  const handleChangeTab = (_: SyntheticEvent<Element, Event>, index: number) => {\n    setSelectedTab(index);\n    onChangeTab(tabs[index], index);\n  };\n\n  return (\n    <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n      <Paper variant=\"outlined\">\n        <Box bgcolor={bgColor}>\n          <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n            {tabs.map(({ text, icon }) => (\n              <StyledTab iconPosition=\"start\" disableRipple key={text} label={text} icon={icon} />\n            ))}\n          </StyledTabs>\n        </Box>\n        {children}\n      </Paper>\n    </TabCardContextProvider>\n  );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { PropsWithChildren, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\nimport { SxProps, Theme } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\n\nexport type TabCardPanelProps = PropsWithChildren<{\n  index: number | number[];\n  sx?: SxProps<Theme>;\n}>;\n\nexport const TabCardPanel = ({ index, children, sx }: TabCardPanelProps) => {\n  const [value] = useContext(TabCardContext);\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return isTab ? <Box sx={sx}>{children}</Box> : null;\n};\n"],"names":["TabCardContext","createContext","TabCardContextProvider","Provider","StyledTabs","styled","props","_jsx","Tabs","TabIndicatorProps","children","className","theme","minHeight","spacing","display","justifyContent","backgroundColor","maxWidth","width","palette","primary","main","StyledTab","Tab","textTransform","fontWeight","typography","fontWeightRegular","marginRight","color","text","secondary","paddingTop","paddingBottom","fontWeightBold","TabCard","tabs","initialTab","onChangeTab","bgColor","lightWeight","darkWeight","useTheme","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","value","_jsxs","Paper","variant","Box","bgcolor","onChange","_","index","map","icon","iconPosition","disableRipple","label","TabCardPanel","sx","useContext","isTab","Array","isArray","includes"],"mappings":"oVAEO,MAAMA,EAAiBC,EAA0D,CACtF,EACA,IAAM,OAEKC,EAAyBF,EAAeG,SCc/CC,EAAaC,GAAQC,GACzBC,EAACC,EAAI,IAAKF,EAAOG,kBAAmB,CAAEC,SAAUH,UAAMI,UAAU,8BAD/CN,EAEhB,EAAGO,YAAa,CACjBC,UAAWD,EAAME,QAAQ,GACzB,uBAAwB,CACtBC,QAAS,OACTC,eAAgB,SAChBC,gBAAiB,eAEnB,2BAA4B,CAC1BC,SAAU,GACVC,MAAO,OACPF,gBAAiBL,EAAMQ,QAAQC,QAAQC,UAIrCC,EAAYlB,EAAOmB,EAAPnB,EAAY,EAAGO,YAAa,CAC5Ca,cAAe,OACfC,WAAYd,EAAMe,WAAWC,kBAC7BC,YAAajB,EAAME,QAAQ,GAC3BgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BC,WAAY,EACZC,cAAe,EACfrB,UAAWD,EAAME,QAAQ,GACzB,iBAAkB,CAChBgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BN,WAAYd,EAAMe,WAAWQ,oBAUpBC,EAAU,EACrB1B,WACA2B,OACAC,aAAa,EACbC,cAAc,KAAM,UAEpB,MAAMC,EC1D+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMtB,QAAEA,GAAYuB,IACpB,MAAwB,UAAjBvB,EAAQwB,KAAmBxB,EAAQyB,KAAKJ,GAAerB,EAAQyB,KAAKH,EAAW,EDqDtEI,IACTC,EAAaC,GAAkBC,EAASX,GAO/C,OACE/B,EAACL,EAAuB,CAAAgD,MAAO,CAACH,EAAaC,GAC3CtC,SAAAyC,EAACC,EAAK,CAACC,QAAQ,WACb3C,SAAA,CAAAH,EAAC+C,EAAI,CAAAC,QAASf,WACZjC,EAACH,EAAW,CAAA8C,MAAOH,EAAaS,SAThB,CAACC,EAAmCC,KAC1DV,EAAeU,GACfnB,EAAYF,EAAKqB,GAAQA,EAAM,WAQtBrB,EAAKsB,KAAI,EAAG5B,OAAM6B,UACjBrD,EAACgB,EAAS,CAACsC,aAAa,QAAQC,eAAa,EAAYC,MAAOhC,EAAM6B,KAAMA,GAAzB7B,SAIxDrB,MAEoB,EExEhBsD,EAAe,EAAGN,QAAOhD,WAAUuD,SAC9C,MAAOf,GAASgB,EAAWlE,GAC3B,IAAImE,EAAQjB,IAAUQ,EAKtB,OAJIU,MAAMC,QAAQX,KAChBS,EAAQT,EAAMY,SAASpB,IAGlBiB,EAAQ5D,EAAC+C,EAAI,CAAAW,GAAIA,WAAKvD,IAAkB,IAAI"}

package/tab-card/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/tab-card",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/tab-card/tab-card.context.d.ts

@@ -1,3 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-export declare const TabCardContext: import("react").Context<[number, Dispatch<SetStateAction<number>>]>;
-export declare const TabCardContextProvider: import("react").Provider<[number, Dispatch<SetStateAction<number>>]>;

package/tab-panel/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),i=require("react");const t=i.createContext([0,()=>null]);t.Provider;exports.TabPanel=function({children:a,index:n}){const[l]=i.useContext(t);let s=l===n;return Array.isArray(n)&&(s=n.includes(l)),e.jsx("div",{role:"tabpanel",hidden:!s,id:`simple-tabpanel-${n}`,"aria-labelledby":`simple-tab-${n}`,children:s&&e.jsx(r,{sx:{p:3},children:a})})};
-//# sourceMappingURL=index.js.map

package/tab-panel/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-panel/tab-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import Box from \"@mui/material/Box\";\nimport { useTab } from \"../tab-provider\";\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  index: number | number[];\n}\n\nexport function TabPanel({ children, index }: TabPanelProps) {\n  const [value] = useTab();\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={!isTab}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n    >\n      {isTab && <Box sx={{ p: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n"],"names":["TabContext","createContext","Provider","children","index","value","useContext","isTab","Array","isArray","includes","_jsx","jsx","role","hidden","id","Box","sx","p"],"mappings":"kGAEO,MAAMA,EAAaC,EAAAA,cAA0D,CAClF,EACA,IAAM,OAE0BD,EAAWE,oCCEpBC,SAAEA,EAAQC,MAAEA,IACnC,MAAOC,GDFmBC,EAAUA,WAACN,GCGrC,IAAIO,EAAQF,IAAUD,EAKtB,OAJII,MAAMC,QAAQL,KAChBG,EAAQH,EAAMM,SAASL,IAIvBM,EACEC,IAAA,MAAA,CAAAC,KAAK,WACLC,QAASP,EACTQ,GAAI,mBAAmBX,sBACN,cAAcA,IAAOD,SAErCI,GAASI,EAAAC,IAACI,EAAG,CAACC,GAAI,CAAEC,EAAG,GAAGf,SAAGA,KAGpC"}

package/tab-panel/cjs/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/tab-panel",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/tab-panel/index.d.ts

@@ -1 +0,0 @@
-export * from "./tab-panel";

package/tab-panel/index.js

@@ -1,2 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import e from"@mui/material/Box";import{createContext as i,useContext as l}from"react";const t=i([0,()=>null]);t.Provider;function n({children:i,index:n}){const[a]=l(t);let o=a===n;return Array.isArray(n)&&(o=n.includes(a)),r("div",{role:"tabpanel",hidden:!o,id:`simple-tabpanel-${n}`,"aria-labelledby":`simple-tab-${n}`,children:o&&r(e,{sx:{p:3},children:i})})}export{n as TabPanel};
-//# sourceMappingURL=index.js.map

package/tab-panel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/tab-provider/tab-provider.context.ts","../../src/tab-panel/tab-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import Box from \"@mui/material/Box\";\nimport { useTab } from \"../tab-provider\";\n\ninterface TabPanelProps {\n  children?: React.ReactNode;\n  index: number | number[];\n}\n\nexport function TabPanel({ children, index }: TabPanelProps) {\n  const [value] = useTab();\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={!isTab}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n    >\n      {isTab && <Box sx={{ p: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n"],"names":["TabContext","createContext","Provider","TabPanel","children","index","value","useContext","isTab","Array","isArray","includes","_jsx","role","hidden","id","Box","sx","p"],"mappings":"+HAEO,MAAMA,EAAaC,EAA0D,CAClF,EACA,IAAM,OAE0BD,EAAWE,kBCE7BC,GAASC,SAAEA,EAAQC,MAAEA,IACnC,MAAOC,GDFmBC,EAAWP,GCGrC,IAAIQ,EAAQF,IAAUD,EAKtB,OAJII,MAAMC,QAAQL,KAChBG,EAAQH,EAAMM,SAASL,IAIvBM,EACE,MAAA,CAAAC,KAAK,WACLC,QAASN,EACTO,GAAI,mBAAmBV,sBACN,cAAcA,IAAOD,SAErCI,GAASI,EAACI,EAAG,CAACC,GAAI,CAAEC,EAAG,GAAGd,SAAGA,KAGpC"}

package/tab-panel/package.json

@@ -1,11 +0,0 @@
-{
-  "name": "@pautena/react-design-system/tab-panel",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/tab-provider/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),r=require("react/jsx-runtime");const t=e.createContext([0,()=>null]),o=t.Provider;exports.TabContext=t,exports.TabContextProvider=o,exports.TabProvider=({children:t,initialValue:s=0})=>{const a=e.useState(s);return r.jsx(o,{value:a,children:t})},exports.useTab=()=>e.useContext(t);
-//# sourceMappingURL=index.js.map

package/tab-provider/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-provider/tab-provider.provider.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n"],"names":["TabContext","createContext","TabContextProvider","Provider","children","initialValue","tabState","useState","_jsx","value","useContext"],"mappings":"mEAEO,MAAMA,EAAaC,EAAAA,cAA0D,CAClF,EACA,IAAM,OAEKC,EAAqBF,EAAWG,+ECClB,EAAGC,WAAUC,eAAe,MACrD,MAAMC,EAAWC,EAAQA,SAACF,GAE1B,OAAOG,EAAAA,IAACN,EAAmB,CAAAO,MAAOH,EAAQF,SAAGA,GAA8B,iBDHvD,IAAMM,EAAAA,WAAWV"}

package/tab-provider/cjs/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@pautena/react-design-system/tab-provider",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "react": "^19.0.0"
-  }
-}

package/tab-provider/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./tab-provider.context";
-export * from "./tab-provider.provider";

package/tab-provider/index.js

@@ -1,2 +0,0 @@
-import{createContext as r,useContext as e,useState as t}from"react";import{jsx as i}from"react/jsx-runtime";const n=r([0,()=>null]),o=n.Provider,l=()=>e(n),c=({children:r,initialValue:e=0})=>{const n=t(e);return i(o,{value:n,children:r})};export{n as TabContext,o as TabContextProvider,c as TabProvider,l as useTab};
-//# sourceMappingURL=index.js.map

package/tab-provider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/tab-provider/tab-provider.context.ts","../../src/tab-provider/tab-provider.provider.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n"],"names":["TabContext","createContext","TabContextProvider","Provider","useTab","useContext","TabProvider","children","initialValue","tabState","useState","_jsx","value"],"mappings":"4GAEO,MAAMA,EAAaC,EAA0D,CAClF,EACA,IAAM,OAEKC,EAAqBF,EAAWG,SAChCC,EAAS,IAAMC,EAAWL,GCA1BM,EAAc,EAAGC,WAAUC,eAAe,MACrD,MAAMC,EAAWC,EAASF,GAE1B,OAAOG,EAACT,EAAmB,CAAAU,MAAOH,EAAQF,SAAGA,GAA8B"}

package/tab-provider/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@pautena/react-design-system/tab-provider",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "react": "^19.0.0"
-  }
-}

package/tab-provider/tab-provider.context.d.ts

@@ -1,4 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-export declare const TabContext: import("react").Context<[number, Dispatch<SetStateAction<number>>]>;
-export declare const TabContextProvider: import("react").Provider<[number, Dispatch<SetStateAction<number>>]>;
-export declare const useTab: () => [number, Dispatch<SetStateAction<number>>];

package/table-list/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/TableRow"),i=require("@mui/material/TableCell"),t=require("@mui/material/IconButton"),a=require("@mui/material/MenuItem"),n=require("@mui/material/Menu"),l=require("react"),o=require("@mui/material/Box"),s=require("@mui/material/TableContainer"),d=require("@mui/material/TextField"),c=require("@mui/material/TableBody"),u=require("@mui/material/InputAdornment"),m=require("@mui/material/Table"),h=require("@mui/material/CircularProgress"),x=require("@mui/icons-material/Search"),p=require("@mui/material/TableSortLabel"),g=require("@mui/material/TableHead"),j=require("@mui/icons-material/MoreVert");const q={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"},b=({order:t,orderBy:a,headCells:n,onRequestSort:l})=>e.jsx(g,{children:e.jsx(r,{children:n.map((r=>{return e.jsx(i,{variant:"head",padding:r.disablePadding?"none":"normal",sortDirection:a===r.id&&t,sx:{fontWeight:"bold"},children:r.sort?e.jsxs(p,{active:a===r.id,direction:a===r.id?t:"asc",onClick:(n=r.id,()=>{l(n)}),children:[r.label,a===r.id?e.jsx(o,{component:"span",sx:q,children:"desc"===t?"sorted descending":"sorted ascending"}):null]}):r.label},String(r.id));var n}))})});function f(e,r,i){return r[i]<e[i]?-1:r[i]>e[i]?1:0}const S=({children:t,data:a,search:n,columns:p,defaultSort:g,defaultOrder:j="asc",loading:q=!1})=>{const[S,C]=l.useState(""),[w,T]=l.useState(j),[v,k]=l.useState(g),B=a.slice().filter(function(e,r){return i=>!r||e.some((e=>{let t=i[e.id];return t?.toLowerCase&&(t=t.toLowerCase()),t?.toString().includes(r.toLowerCase())}))}(p,S)).sort(function(e,r){return"desc"===e?(e,i)=>f(e,i,r):(e,i)=>-f(e,i,r)}(w,v));return e.jsx(e.Fragment,{children:e.jsxs(o,{sx:{paddingX:1,paddingBottom:2},children:[n&&e.jsx(o,{paddingY:2,children:e.jsx(d,{fullWidth:!0,placeholder:"Search",InputProps:{role:"search",startAdornment:e.jsx(u,{position:"start",children:e.jsx(x,{})})},onChange:e=>C(e.target.value)})}),e.jsx(s,{children:e.jsxs(m,{children:[e.jsx(b,{order:w,orderBy:v,headCells:p,onRequestSort:e=>{T(v===e&&"asc"===w?"desc":"asc"),k(e)}}),e.jsx(c,{children:q?e.jsx(r,{children:e.jsx(i,{colSpan:p.length,sx:{textAlign:"center"},children:e.jsx(h,{})})}):0===B.length?e.jsx(r,{children:e.jsx(i,{colSpan:p.length,sx:{textAlign:"center"},children:"No data"})}):t(B)})]})})]})})};S.defaultProps={defaultOrder:"asc"};exports.TableList=({columns:o,options:s,data:d,onClick:c,search:u,defaultSort:m,defaultOrder:h,loading:x})=>{const p=[...o,{id:"__options",label:"",disablePadding:!1,numeric:!1,sort:!1}],[g,q]=l.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx(S,{columns:p,data:d,search:u,defaultSort:m,defaultOrder:h,loading:x,children:a=>a.map(((a,n)=>e.jsxs(r,{onClick:()=>c&&c(a),role:"row","aria-rowindex":n,sx:{cursor:c&&"pointer"},children:[p.map((({id:r},t)=>e.jsx(i,{role:"cell",scope:"row","aria-rowindex":n,"aria-colindex":t,children:a[r]},r.toString()))),s&&e.jsx(i,{children:e.jsx(t,{"data-testid":`options-${a.id}`,onClick:e=>{e.stopPropagation(),q({item:a,anchor:e.currentTarget})},children:e.jsx(j,{})})})]},a.id)))}),s&&e.jsx(n,{anchorEl:g?.anchor,open:!!g,onClose:()=>q(null),anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:s.map((({id:r,label:i,onClick:t})=>e.jsx(a,{onClick:()=>{g&&t(g?.item),q(null)},children:i},r)))})]})};
-//# sourceMappingURL=index.js.map