@zimyo/ui 1.5.2 → 1.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,7 @@ interface SwitchProps extends Omit<SwitchProps$1, 'onChange'> {
6
6
  helperText?: string;
7
7
  error?: boolean;
8
8
  required?: boolean | number;
9
+ labelPlacement?: 'end' | 'start' | 'bottom' | 'top';
9
10
  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
10
11
  }
11
12
  declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import a from"react";import{FormControl as o,FormControlLabel as i,Switch as l,FormHelperText as t}from"@mui/material";const d=a.forwardRef(({label:a="",helperText:d="",error:c=!1,onChange:m,checked:n,required:s=!1,disabled:f=!1,className:h,...p},u)=>e(o,{className:h,error:c,disabled:f,component:"fieldset",children:[r(i,{control:r(l,{inputRef:u,checked:n,onChange:(e,r)=>m?.(e,r),disabled:f,required:1==s||!0===s,...p}),label:a}),d&&r(t,{children:d})]}));export{d as Switch,d as default};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"react";import{FormControl as o,FormControlLabel as n,Switch as a,FormHelperText as l}from"@mui/material";var i=function(){return i=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},i.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var c=t.forwardRef(function(t,c){var d=t.label,p=void 0===d?"":d,s=t.helperText,f=void 0===s?"":s,u=t.error,b=void 0!==u&&u,m=t.onChange,h=t.checked,v=t.required,y=void 0!==v&&v,O=t.disabled,g=void 0!==O&&O,j=t.className,P=t.labelPlacement,w=void 0===P?"end":P,x=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(t,["label","helperText","error","onChange","checked","required","disabled","className","labelPlacement"]);return e(o,{className:j,error:b,disabled:g,component:"fieldset",children:[r(n,{control:r(a,i({inputRef:c,checked:h,onChange:function(e,r){return null==m?void 0:m(e,r)},disabled:g,required:1==y||!0===y},x)),labelPlacement:w||"end",label:p}),f&&r(l,{children:f})]})});export{c as Switch,c as default};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const l=r.forwardRef(({label:r="",helperText:l="",error:o=!1,onChange:s,checked:a,required:i=!1,disabled:c=!1,className:d,...n},u)=>e.jsxs(t.FormControl,{className:d,error:o,disabled:c,component:"fieldset",children:[e.jsx(t.FormControlLabel,{control:e.jsx(t.Switch,{inputRef:u,checked:a,onChange:(e,r)=>s?.(e,r),disabled:c,required:1==i||!0===i,...n}),label:r}),l&&e.jsx(t.FormHelperText,{children:l})]}));exports.Switch=l,exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),o=function(){return o=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},o.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n=r.forwardRef(function(r,n){var l=r.label,a=void 0===l?"":l,i=r.helperText,c=void 0===i?"":i,s=r.error,d=void 0!==s&&s,u=r.onChange,p=r.checked,f=r.required,b=void 0!==f&&f,h=r.disabled,m=void 0!==h&&h,v=r.className,y=r.labelPlacement,x=void 0===y?"end":y,O=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(r,["label","helperText","error","onChange","checked","required","disabled","className","labelPlacement"]);return e.jsxs(t.FormControl,{className:v,error:d,disabled:m,component:"fieldset",children:[e.jsx(t.FormControlLabel,{control:e.jsx(t.Switch,o({inputRef:n,checked:p,onChange:function(e,r){return null==u?void 0:u(e,r)},disabled:m,required:1==b||!0===b},O)),labelPlacement:x||"end",label:a}),c&&e.jsx(t.FormHelperText,{children:c})]})});exports.Switch=n,exports.default=n;
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTheme as r,Box as a,Tab as o,Tabs as i,alpha as n}from"@mui/material";const l={small:"10px",medium:"25px",large:"30px"},s=t.forwardRef(({badge:e,sx:i,label:n,...l},s)=>{const d=r(),c=e?t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1}},n,t.createElement(a,{component:"span",sx:{backgroundColor:d.palette.error.main,color:d.palette.error.contrastText,borderRadius:"10px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},e)):n;return t.createElement(o,{ref:s,sx:{position:"relative",...i},label:c,...l})});s.displayName="CustomTab";const d=t.forwardRef(({items:o,value:d,onChange:c,variant:p="standard",orientation:m="horizontal",styleVariant:u="default",size:b="medium",centered:x=!1,allowScrollButtonsMobile:g=!1,scrollButtons:h="auto",sx:f={},tabSx:y={},iconPosition:C="start",indicatorColor:v="primary",textColor:T="primary",...M},w)=>{const k=r(),I=()=>{const e=(()=>{switch(b){case"small":return{minHeight:l.small,padding:"4px 10px"};case"large":return{minHeight:l.large,padding:"10px 24px"};default:return{minHeight:l.medium,padding:"6px 12px"}}})();switch(u){case"filled":return{"& .MuiTab-root":{...e,backgroundColor:n(k.palette.action.hover,.08),borderRadius:`${k.shape.borderRadius}px`,margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:k.palette.primary.main,color:k.palette.primary.contrastText},"&:hover":{backgroundColor:n(k.palette.action.hover,.12)}},"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":{...e,border:`1px solid ${n(k.palette.divider,.5)}`,borderRadius:`${k.shape.borderRadius}px`,margin:"0 2px","&.Mui-selected":{borderColor:k.palette.primary.main,backgroundColor:n(k.palette.primary.main,.08),color:k.palette.primary.main},"&:hover":{borderColor:n(k.palette.primary.main,.5)}},"& .MuiTabs-indicator":{display:"none"}};case"contained":return{backgroundColor:"#DCDCDC",border:"1px solid #DCDCDC",borderRadius:"12px",display:"inline-flex",alignItems:"center","& .MuiTab-root":{...e,height:"40px",alignItems:"center",borderRadius:2*k.shape.borderRadius+"px",transition:"all 0.2s ease-in-out",minWidth:0,lineHeight:1.25,textTransform:"none",fontWeight:300,justifyContent:"center","&.Mui-selected":{backgroundColor:"white",color:"#212121",boxShadow:k.shadows[1],fontWeight:500}},"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":{...e,borderRadius:5*k.shape.borderRadius+"px",margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:k.palette.primary.main,color:k.palette.primary.contrastText},"&:hover":{backgroundColor:n(k.palette.action.hover,.08)}},"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":{...e,borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:k.palette.primary.main}},"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":{...e}}}};return t.createElement(a,{ref:w},t.createElement(i,{value:d,onChange:c,variant:p,orientation:m,centered:x,allowScrollButtonsMobile:g,scrollButtons:h,indicatorColor:v,textColor:T,sx:{...I(),"& .MuiTab-root":{textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out",...I()["& .MuiTab-root"],...y},...f},...M},...o.map(r=>{let o;if(r.icon)switch(C){case"end":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"top":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"bottom":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;default:o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label)}else o=r.label;return t.createElement(s,{key:r.value,value:r.value,disabled:r.disabled,badge:r.badge,label:o})})))});d.displayName="Tabs";export{d as Tabs,d as default};
1
+ import{jsx as e}from"react/jsx-runtime";import t from"react";import{useTheme as r,Box as a,Tab as o,Tabs as n,alpha as i}from"@mui/material";var l=function(){return l=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};function s(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r}"function"==typeof SuppressedError&&SuppressedError;var c={small:"10px",medium:"25px",large:"30px"},d=t.forwardRef(function(e,n){var i=e.badge,c=e.sx,d=e.label,p=s(e,["badge","sx","label"]),u=r(),m=i?t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1}},d,t.createElement(a,{component:"span",sx:{backgroundColor:u.palette.error.main,color:u.palette.error.contrastText,borderRadius:"10px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},i)):d;return t.createElement(o,l({ref:n,sx:l({position:"relative"},c),label:m},p))});d.displayName="CustomTab";var p=t.forwardRef(function(o,p){var u=o.items,m=o.value,b=o.onChange,x=o.variant,g=void 0===x?"standard":x,f=o.orientation,h=void 0===f?"horizontal":f,y=o.styleVariant,v=void 0===y?"default":y,C=o.size,M=void 0===C?"medium":C,T=o.centered,w=void 0!==T&&T,k=o.allowScrollButtonsMobile,E=void 0!==k&&k,I=o.scrollButtons,O=void 0===I?"auto":I,R=o.sx,S=void 0===R?{}:R,j=o.tabSx,D=void 0===j?{}:j,B=o.iconPosition,P=void 0===B?"start":B,W=o.indicatorColor,H=void 0===W?"primary":W,z=o.textColor,A=void 0===z?"primary":z,N=s(o,["items","value","onChange","variant","orientation","styleVariant","size","centered","allowScrollButtonsMobile","scrollButtons","sx","tabSx","iconPosition","indicatorColor","textColor"]),V=r(),q=function(){var e=function(){switch(M){case"small":return{minHeight:c.small,padding:"4px 10px"};case"large":return{minHeight:c.large,padding:"10px 24px"};default:return{minHeight:c.medium,padding:"6px 12px"}}}();switch(v){case"filled":return{"& .MuiTab-root":l(l({},e),{backgroundColor:i(V.palette.action.hover,.08),borderRadius:"".concat(V.shape.borderRadius,"px"),margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:V.palette.primary.main,color:V.palette.primary.contrastText},"&:hover":{backgroundColor:i(V.palette.action.hover,.12)}}),"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":l(l({},e),{border:"1px solid ".concat(i(V.palette.divider,.5)),borderRadius:"".concat(V.shape.borderRadius,"px"),margin:"0 2px","&.Mui-selected":{borderColor:V.palette.primary.main,backgroundColor:i(V.palette.primary.main,.08),color:V.palette.primary.main},"&:hover":{borderColor:i(V.palette.primary.main,.5)}}),"& .MuiTabs-indicator":{display:"none"}};case"contained":return{backgroundColor:"#DCDCDC",border:"1px solid #DCDCDC",borderRadius:"12px",display:"inline-flex",alignItems:"center","& .MuiTab-root":l(l({},e),{height:"40px",alignItems:"center",borderRadius:"".concat(2*V.shape.borderRadius,"px"),transition:"all 0.2s ease-in-out",minWidth:0,lineHeight:1.25,textTransform:"none",fontWeight:300,justifyContent:"center","&.Mui-selected":{backgroundColor:"white",color:"#212121",boxShadow:V.shadows[1],fontWeight:500}}),"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":l(l({},e),{borderRadius:"".concat(5*V.shape.borderRadius,"px"),margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:V.palette.primary.main,color:V.palette.primary.contrastText},"&:hover":{backgroundColor:i(V.palette.action.hover,.08)}}),"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":l(l({},e),{borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:V.palette.primary.main}}),"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":l({},e)}}};return t.createElement(a,{ref:p},t.createElement.apply(t,function(e,t,r){if(r||2===arguments.length)for(var a,o=0,n=t.length;o<n;o++)!a&&o in t||(a||(a=Array.prototype.slice.call(t,0,o)),a[o]=t[o]);return e.concat(a||Array.prototype.slice.call(t))}([n,l({value:m,onChange:b,variant:g,orientation:h,centered:w,allowScrollButtonsMobile:E,scrollButtons:O,indicatorColor:H,textColor:A,sx:l(l(l({},q()),{"& .MuiTab-root":l(l({textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out"},q()["& .MuiTab-root"]),D)}),S)},N)],u.map(function(r){var o;if(r.icon)switch(P){case"end":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"top":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"bottom":o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;default:o=t.createElement(a,{sx:{display:"flex",alignItems:"center",gap:1}},e(a,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label)}else o=r.label;return t.createElement(d,{key:r.value,value:r.value,disabled:r.disabled,badge:r.badge,label:o})}),!1)))});p.displayName="Tabs";export{p as Tabs,p as default};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("@mui/material");const r={small:"10px",medium:"25px",large:"30px"},o=a.forwardRef(({badge:e,sx:r,label:o,...i},n)=>{const l=t.useTheme(),s=e?a.createElement(t.Box,{sx:{display:"flex",alignItems:"center",gap:1}},o,a.createElement(t.Box,{component:"span",sx:{backgroundColor:l.palette.error.main,color:l.palette.error.contrastText,borderRadius:"10px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},e)):o;return a.createElement(t.Tab,{ref:n,sx:{position:"relative",...r},label:s,...i})});o.displayName="CustomTab";const i=a.forwardRef(({items:i,value:n,onChange:l,variant:s="standard",orientation:d="horizontal",styleVariant:p="default",size:c="medium",centered:u=!1,allowScrollButtonsMobile:m=!1,scrollButtons:x="auto",sx:b={},tabSx:g={},iconPosition:h="start",indicatorColor:f="primary",textColor:y="primary",...C},T)=>{const v=t.useTheme(),M=()=>{const e=(()=>{switch(c){case"small":return{minHeight:r.small,padding:"4px 10px"};case"large":return{minHeight:r.large,padding:"10px 24px"};default:return{minHeight:r.medium,padding:"6px 12px"}}})();switch(p){case"filled":return{"& .MuiTab-root":{...e,backgroundColor:t.alpha(v.palette.action.hover,.08),borderRadius:`${v.shape.borderRadius}px`,margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:v.palette.primary.main,color:v.palette.primary.contrastText},"&:hover":{backgroundColor:t.alpha(v.palette.action.hover,.12)}},"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":{...e,border:`1px solid ${t.alpha(v.palette.divider,.5)}`,borderRadius:`${v.shape.borderRadius}px`,margin:"0 2px","&.Mui-selected":{borderColor:v.palette.primary.main,backgroundColor:t.alpha(v.palette.primary.main,.08),color:v.palette.primary.main},"&:hover":{borderColor:t.alpha(v.palette.primary.main,.5)}},"& .MuiTabs-indicator":{display:"none"}};case"contained":return{backgroundColor:"#DCDCDC",border:"1px solid #DCDCDC",borderRadius:"12px",display:"inline-flex",alignItems:"center","& .MuiTab-root":{...e,height:"40px",alignItems:"center",borderRadius:2*v.shape.borderRadius+"px",transition:"all 0.2s ease-in-out",minWidth:0,lineHeight:1.25,textTransform:"none",fontWeight:300,justifyContent:"center","&.Mui-selected":{backgroundColor:"white",color:"#212121",boxShadow:v.shadows[1],fontWeight:500}},"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":{...e,borderRadius:5*v.shape.borderRadius+"px",margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:v.palette.primary.main,color:v.palette.primary.contrastText},"&:hover":{backgroundColor:t.alpha(v.palette.action.hover,.08)}},"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":{...e,borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:v.palette.primary.main}},"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":{...e}}}};return a.createElement(t.Box,{ref:T},a.createElement(t.Tabs,{value:n,onChange:l,variant:s,orientation:d,centered:u,allowScrollButtonsMobile:m,scrollButtons:x,indicatorColor:f,textColor:y,sx:{...M(),"& .MuiTab-root":{textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out",...M()["& .MuiTab-root"],...g},...b},...C},...i.map(r=>{let i;if(r.icon)switch(h){case"end":i=a.createElement(t.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},e.jsx(t.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"top":i=a.createElement(t.Box,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},e.jsx(t.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;case"bottom":i=a.createElement(t.Box,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},e.jsx(t.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label);break;default:i=a.createElement(t.Box,{sx:{display:"flex",alignItems:"center",gap:1}},e.jsx(t.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:r.icon}),r.label)}else i=r.label;return a.createElement(o,{key:r.value,value:r.value,disabled:r.disabled,badge:r.badge,label:i})})))});i.displayName="Tabs",exports.Tabs=i,exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),a=function(){return a=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function o(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r}"function"==typeof SuppressedError&&SuppressedError;var n={small:"10px",medium:"25px",large:"30px"},i=t.forwardRef(function(e,n){var i=e.badge,l=e.sx,s=e.label,c=o(e,["badge","sx","label"]),d=r.useTheme(),p=i?t.createElement(r.Box,{sx:{display:"flex",alignItems:"center",gap:1}},s,t.createElement(r.Box,{component:"span",sx:{backgroundColor:d.palette.error.main,color:d.palette.error.contrastText,borderRadius:"10px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},i)):s;return t.createElement(r.Tab,a({ref:n,sx:a({position:"relative"},l),label:p},c))});i.displayName="CustomTab";var l=t.forwardRef(function(l,s){var c=l.items,d=l.value,p=l.onChange,u=l.variant,x=void 0===u?"standard":u,m=l.orientation,b=void 0===m?"horizontal":m,g=l.styleVariant,h=void 0===g?"default":g,f=l.size,y=void 0===f?"medium":f,v=l.centered,C=void 0!==v&&v,T=l.allowScrollButtonsMobile,M=void 0!==T&&T,w=l.scrollButtons,B=void 0===w?"auto":w,j=l.sx,k=void 0===j?{}:j,E=l.tabSx,I=void 0===E?{}:E,O=l.iconPosition,R=void 0===O?"start":O,S=l.indicatorColor,D=void 0===S?"primary":S,P=l.textColor,W=void 0===P?"primary":P,H=o(l,["items","value","onChange","variant","orientation","styleVariant","size","centered","allowScrollButtonsMobile","scrollButtons","sx","tabSx","iconPosition","indicatorColor","textColor"]),z=r.useTheme(),q=function(){var e=function(){switch(y){case"small":return{minHeight:n.small,padding:"4px 10px"};case"large":return{minHeight:n.large,padding:"10px 24px"};default:return{minHeight:n.medium,padding:"6px 12px"}}}();switch(h){case"filled":return{"& .MuiTab-root":a(a({},e),{backgroundColor:r.alpha(z.palette.action.hover,.08),borderRadius:"".concat(z.shape.borderRadius,"px"),margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:z.palette.primary.main,color:z.palette.primary.contrastText},"&:hover":{backgroundColor:r.alpha(z.palette.action.hover,.12)}}),"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":a(a({},e),{border:"1px solid ".concat(r.alpha(z.palette.divider,.5)),borderRadius:"".concat(z.shape.borderRadius,"px"),margin:"0 2px","&.Mui-selected":{borderColor:z.palette.primary.main,backgroundColor:r.alpha(z.palette.primary.main,.08),color:z.palette.primary.main},"&:hover":{borderColor:r.alpha(z.palette.primary.main,.5)}}),"& .MuiTabs-indicator":{display:"none"}};case"contained":return{backgroundColor:"#DCDCDC",border:"1px solid #DCDCDC",borderRadius:"12px",display:"inline-flex",alignItems:"center","& .MuiTab-root":a(a({},e),{height:"40px",alignItems:"center",borderRadius:"".concat(2*z.shape.borderRadius,"px"),transition:"all 0.2s ease-in-out",minWidth:0,lineHeight:1.25,textTransform:"none",fontWeight:300,justifyContent:"center","&.Mui-selected":{backgroundColor:"white",color:"#212121",boxShadow:z.shadows[1],fontWeight:500}}),"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":a(a({},e),{borderRadius:"".concat(5*z.shape.borderRadius,"px"),margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:z.palette.primary.main,color:z.palette.primary.contrastText},"&:hover":{backgroundColor:r.alpha(z.palette.action.hover,.08)}}),"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":a(a({},e),{borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:z.palette.primary.main}}),"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":a({},e)}}};return t.createElement(r.Box,{ref:s},t.createElement.apply(t,function(e,t,r){if(r||2===arguments.length)for(var a,o=0,n=t.length;o<n;o++)!a&&o in t||(a||(a=Array.prototype.slice.call(t,0,o)),a[o]=t[o]);return e.concat(a||Array.prototype.slice.call(t))}([r.Tabs,a({value:d,onChange:p,variant:x,orientation:b,centered:C,allowScrollButtonsMobile:M,scrollButtons:B,indicatorColor:D,textColor:W,sx:a(a(a({},q()),{"& .MuiTab-root":a(a({textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out"},q()["& .MuiTab-root"]),I)}),k)},H)],c.map(function(a){var o;if(a.icon)switch(R){case"end":o=t.createElement(r.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},e.jsx(r.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:a.icon}),a.label);break;case"top":o=t.createElement(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},e.jsx(r.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:a.icon}),a.label);break;case"bottom":o=t.createElement(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},e.jsx(r.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:a.icon}),a.label);break;default:o=t.createElement(r.Box,{sx:{display:"flex",alignItems:"center",gap:1}},e.jsx(r.Box,{component:"span",sx:{display:"flex",alignItems:"center",svg:{width:20,height:20}},children:a.icon}),a.label)}else o=a.label;return t.createElement(i,{key:a.value,value:a.value,disabled:a.disabled,badge:a.badge,label:o})}),!1)))});l.displayName="Tabs",exports.Tabs=l,exports.default=l;
@@ -1 +1 @@
1
- import{jsx as o}from"react/jsx-runtime";import{Typography as t,Box as n}from"@mui/material";const e=({level:n=1,...e})=>o(t,{variant:`h${n}`,component:e.component||`h${n}`,fontWeight:600,gutterBottom:!0,...e}),r=({size:n="md",...e})=>o(t,{variant:{sm:"body2",md:"body1",lg:"subtitle1"}[n],component:e.component||"p",...e}),i=n=>o(t,{variant:"subtitle1",component:n.component||"p",fontWeight:400,color:"text.secondary",...n}),c=n=>o(t,{variant:"body2",component:n.component||"span",color:"text.disabled",...n}),m=n=>o(t,{component:n.component||"strong",fontWeight:500,display:"inline",...n}),p=n=>o(t,{variant:"caption",color:"text.secondary",component:n.component||"span",...n}),a=n=>o(t,{component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,color:"text.secondary",fontStyle:"italic"},...n}),l=({children:t,sx:e})=>o(n,{component:"code",sx:{fontFamily:"monospace",backgroundColor:"grey.100",color:"primary.main",px:.5,py:.25,borderRadius:1,fontSize:"0.875rem",...e},children:t});export{a as Blockquote,p as Caption,l as Code,e as Heading,i as Lead,c as Muted,m as Strong,r as Text};
1
+ import{jsx as o}from"react/jsx-runtime";import{Typography as n,Box as t}from"@mui/material";var r=function(){return r=Object.assign||function(o){for(var n,t=1,r=arguments.length;t<r;t++)for(var e in n=arguments[t])Object.prototype.hasOwnProperty.call(n,e)&&(o[e]=n[e]);return o},r.apply(this,arguments)};function e(o,n){var t={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&n.indexOf(r)<0&&(t[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(r=Object.getOwnPropertySymbols(o);e<r.length;e++)n.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(o,r[e])&&(t[r[e]]=o[r[e]])}return t}"function"==typeof SuppressedError&&SuppressedError;var c=function(t){var c=t.level,i=void 0===c?1:c,p=e(t,["level"]),a="h".concat(i);return o(n,r({variant:a,component:p.component||"h".concat(i),fontWeight:600,gutterBottom:!0},p))},i=function(t){var c=t.size,i=void 0===c?"md":c,p=e(t,["size"]);return o(n,r({variant:{sm:"body2",md:"body1",lg:"subtitle1"}[i],component:p.component||"p"},p))},p=function(t){return o(n,r({variant:"subtitle1",component:t.component||"p",fontWeight:400,color:"text.secondary"},t))},a=function(t){return o(n,r({variant:"body2",component:t.component||"span",color:"text.disabled"},t))},l=function(t){return o(n,r({component:t.component||"strong",fontWeight:500,display:"inline"},t))},u=function(t){return o(n,r({variant:"caption",color:"text.secondary",component:t.component||"span"},t))},m=function(t){return o(n,r({component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,color:"text.secondary",fontStyle:"italic"}},t))},s=function(n){var e=n.children,c=n.sx;return o(t,{component:"code",sx:r({fontFamily:"monospace",backgroundColor:"grey.100",color:"primary.main",px:.5,py:.25,borderRadius:1,fontSize:"0.875rem"},c),children:e})};export{m as Blockquote,u as Caption,s as Code,c as Heading,p as Lead,a as Muted,l as Strong,i as Text};
@@ -1 +1 @@
1
- "use strict";var o=require("react/jsx-runtime"),t=require("@mui/material");exports.Blockquote=e=>o.jsx(t.Typography,{component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,color:"text.secondary",fontStyle:"italic"},...e}),exports.Caption=e=>o.jsx(t.Typography,{variant:"caption",color:"text.secondary",component:e.component||"span",...e}),exports.Code=({children:e,sx:n})=>o.jsx(t.Box,{component:"code",sx:{fontFamily:"monospace",backgroundColor:"grey.100",color:"primary.main",px:.5,py:.25,borderRadius:1,fontSize:"0.875rem",...n},children:e}),exports.Heading=({level:e=1,...n})=>{const r=`h${e}`;return o.jsx(t.Typography,{variant:r,component:n.component||`h${e}`,fontWeight:600,gutterBottom:!0,...n})},exports.Lead=e=>o.jsx(t.Typography,{variant:"subtitle1",component:e.component||"p",fontWeight:400,color:"text.secondary",...e}),exports.Muted=e=>o.jsx(t.Typography,{variant:"body2",component:e.component||"span",color:"text.disabled",...e}),exports.Strong=e=>o.jsx(t.Typography,{component:e.component||"strong",fontWeight:500,display:"inline",...e}),exports.Text=({size:e="md",...n})=>o.jsx(t.Typography,{variant:{sm:"body2",md:"body1",lg:"subtitle1"}[e],component:n.component||"p",...n});
1
+ "use strict";var o=require("react/jsx-runtime"),t=require("@mui/material"),r=function(){return r=Object.assign||function(o){for(var t,r=1,e=arguments.length;r<e;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(o[n]=t[n]);return o},r.apply(this,arguments)};function e(o,t){var r={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&t.indexOf(e)<0&&(r[e]=o[e]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(e=Object.getOwnPropertySymbols(o);n<e.length;n++)t.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(o,e[n])&&(r[e[n]]=o[e[n]])}return r}"function"==typeof SuppressedError&&SuppressedError;exports.Blockquote=function(e){return o.jsx(t.Typography,r({component:"blockquote",sx:{borderLeft:"4px solid",borderColor:"divider",pl:2,color:"text.secondary",fontStyle:"italic"}},e))},exports.Caption=function(e){return o.jsx(t.Typography,r({variant:"caption",color:"text.secondary",component:e.component||"span"},e))},exports.Code=function(e){var n=e.children,p=e.sx;return o.jsx(t.Box,{component:"code",sx:r({fontFamily:"monospace",backgroundColor:"grey.100",color:"primary.main",px:.5,py:.25,borderRadius:1,fontSize:"0.875rem"},p),children:n})},exports.Heading=function(n){var p=n.level,c=void 0===p?1:p,i=e(n,["level"]),a="h".concat(c);return o.jsx(t.Typography,r({variant:a,component:i.component||"h".concat(c),fontWeight:600,gutterBottom:!0},i))},exports.Lead=function(e){return o.jsx(t.Typography,r({variant:"subtitle1",component:e.component||"p",fontWeight:400,color:"text.secondary"},e))},exports.Muted=function(e){return o.jsx(t.Typography,r({variant:"body2",component:e.component||"span",color:"text.disabled"},e))},exports.Strong=function(e){return o.jsx(t.Typography,r({component:e.component||"strong",fontWeight:500,display:"inline"},e))},exports.Text=function(n){var p=n.size,c=void 0===p?"md":p,i=e(n,["size"]);return o.jsx(t.Typography,r({variant:{sm:"body2",md:"body1",lg:"subtitle1"}[c],component:i.component||"p"},i))};
package/dist/index.d.ts CHANGED
@@ -72,6 +72,7 @@ interface SwitchProps extends Omit<SwitchProps$1, 'onChange'> {
72
72
  helperText?: string;
73
73
  error?: boolean;
74
74
  required?: boolean | number;
75
+ labelPlacement?: 'end' | 'start' | 'bottom' | 'top';
75
76
  onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
76
77
  }
77
78
  declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
@@ -175,9 +176,9 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
175
176
  className?: string;
176
177
  }
177
178
  declare const badgeVariants: (props?: ({
178
- variant?: "text" | "outlined" | "contained" | null | undefined;
179
+ variant?: "contained" | "outlined" | "text" | null | undefined;
179
180
  size?: "sm" | "md" | "lg" | null | undefined;
180
- type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
181
+ type?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
181
182
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
182
183
  declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
183
184