@zimyo/ui 1.5.1 → 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.
Files changed (43) hide show
  1. package/dist/Accordion/index.esm.js +6 -5
  2. package/dist/Accordion/index.js +5 -5
  3. package/dist/Badge/index.esm.js +1 -1
  4. package/dist/Badge/index.js +1 -1
  5. package/dist/Button/index.d.ts +0 -2
  6. package/dist/Button/index.esm.js +1 -1
  7. package/dist/Button/index.js +1 -1
  8. package/dist/Card/index.esm.js +1 -1
  9. package/dist/Card/index.js +1 -1
  10. package/dist/DatePicker/index.esm.js +5 -6
  11. package/dist/DatePicker/index.js +5 -6
  12. package/dist/DateRangePicker/index.esm.js +5 -6
  13. package/dist/DateRangePicker/index.js +5 -6
  14. package/dist/Form/index.esm.js +5 -5
  15. package/dist/Form/index.js +5 -5
  16. package/dist/Input/index.d.ts +2 -0
  17. package/dist/Input/index.esm.js +5 -4
  18. package/dist/Input/index.js +6 -5
  19. package/dist/Modal/index.esm.js +6 -5
  20. package/dist/Modal/index.js +6 -5
  21. package/dist/Notice/index.esm.js +3 -3
  22. package/dist/Notice/index.js +3 -3
  23. package/dist/Popover/index.esm.js +1 -1
  24. package/dist/Popover/index.js +1 -1
  25. package/dist/RadioGroup/index.esm.js +1 -1
  26. package/dist/RadioGroup/index.js +1 -1
  27. package/dist/Select/index.esm.js +5 -5
  28. package/dist/Select/index.js +5 -5
  29. package/dist/Switch/index.d.ts +1 -0
  30. package/dist/Switch/index.esm.js +1 -1
  31. package/dist/Switch/index.js +1 -1
  32. package/dist/Tabs/index.d.ts +1 -1
  33. package/dist/Tabs/index.esm.js +1 -1
  34. package/dist/Tabs/index.js +1 -1
  35. package/dist/Typography/index.esm.js +1 -1
  36. package/dist/Typography/index.js +1 -1
  37. package/dist/index.d.ts +10 -4
  38. package/dist/index.esm.js +5 -5
  39. package/dist/index.js +5 -5
  40. package/dist/theme/index.d.ts +5 -0
  41. package/dist/theme/index.esm.js +1 -1
  42. package/dist/theme/index.js +1 -1
  43. package/package.json +4 -2
@@ -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;
@@ -19,7 +19,7 @@ interface TabsProps extends Omit<TabsProps$1, 'children' | 'sx' | 'indicatorColo
19
19
  onChange: (event: React.SyntheticEvent, newValue: string | number) => void;
20
20
  variant?: 'standard' | 'scrollable' | 'fullWidth';
21
21
  orientation?: 'horizontal' | 'vertical';
22
- styleVariant?: 'default' | 'filled' | 'outlined' | 'pills' | 'underlined';
22
+ styleVariant?: 'default' | 'filled' | 'outlined' | 'pills' | 'underlined' | 'contained';
23
23
  size?: 'small' | 'medium' | 'large';
24
24
  centered?: boolean;
25
25
  allowScrollButtonsMobile?: boolean;
@@ -1 +1 @@
1
- import e from"react";import{useTheme as r,Box as t,Tab as a,Tabs as o,alpha as i}from"@mui/material";const n=e.forwardRef(({badge:o,sx:i,label:n,...l},s)=>{const d=r(),c=o?e.createElement(t,{sx:{display:"flex",alignItems:"center",gap:1}},n,e.createElement(t,{component:"span",sx:{backgroundColor:d.palette.error.main,color:d.palette.error.contrastText,borderRadius:"10px",padding:"2px 6px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},o)):n;return e.createElement(a,{ref:s,sx:{position:"relative",...i},label:c,...l})});n.displayName="CustomTab";const l=e.forwardRef(({items:a,value:l,onChange:s,variant:d="standard",orientation:c="horizontal",styleVariant:p="default",size:m="medium",centered:u=!1,allowScrollButtonsMobile:b=!1,scrollButtons:x="auto",sx:g={},tabSx:f={},iconPosition:y="start",indicatorColor:h="primary",textColor:C="primary",...T},v)=>{const M=r(),k=()=>{const e=(()=>{switch(m){case"small":return{minHeight:36,fontSize:"0.875rem",padding:"6px 12px"};case"large":return{minHeight:56,fontSize:"1rem",padding:"12px 24px"};default:return{minHeight:48,fontSize:"0.9375rem",padding:"8px 16px"}}})();switch(p){case"filled":return{"& .MuiTab-root":{...e,backgroundColor:i(M.palette.action.hover,.08),borderRadius:M.shape.borderRadius,margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:M.palette.primary.main,color:M.palette.primary.contrastText},"&:hover":{backgroundColor:i(M.palette.action.hover,.12)}},"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":{...e,border:`1px solid ${i(M.palette.divider,.5)}`,borderRadius:M.shape.borderRadius,margin:"0 2px","&.Mui-selected":{borderColor:M.palette.primary.main,backgroundColor:i(M.palette.primary.main,.08),color:M.palette.primary.main},"&:hover":{borderColor:i(M.palette.primary.main,.5)}},"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":{...e,borderRadius:25,margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:M.palette.primary.main,color:M.palette.primary.contrastText},"&:hover":{backgroundColor:i(M.palette.action.hover,.08)}},"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":{...e,borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:M.palette.primary.main}},"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":{...e}}}};return e.createElement(t,{ref:v},e.createElement(o,{value:l,onChange:s,variant:d,orientation:c,centered:u,allowScrollButtonsMobile:b,scrollButtons:x,indicatorColor:h,textColor:C,sx:{...k(),"& .MuiTab-root":{textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out",...k()["& .MuiTab-root"],...f},...g},...T},...a.map(r=>{let a;if(r.icon)switch(y){case"end":a=e.createElement(t,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},r.icon,r.label);break;case"top":a=e.createElement(t,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},r.icon,r.label);break;case"bottom":a=e.createElement(t,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},r.icon,r.label);break;default:a=e.createElement(t,{sx:{display:"flex",alignItems:"center",gap:1}},r.icon,r.label)}else a=r.label;return e.createElement(n,{key:r.value,value:r.value,disabled:r.disabled,badge:r.badge,label:a})})))});l.displayName="Tabs";export{l as Tabs,l 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"),a=require("@mui/material");const r=e.forwardRef(({badge:r,sx:t,label:o,...i},n)=>{const l=a.useTheme(),s=r?e.createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:1}},o,e.createElement(a.Box,{component:"span",sx:{backgroundColor:l.palette.error.main,color:l.palette.error.contrastText,borderRadius:"10px",padding:"2px 6px",fontSize:"0.75rem",fontWeight:600,minWidth:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center",lineHeight:1}},r)):o;return e.createElement(a.Tab,{ref:n,sx:{position:"relative",...t},label:s,...i})});r.displayName="CustomTab";const t=e.forwardRef(({items:t,value:o,onChange:i,variant:n="standard",orientation:l="horizontal",styleVariant:s="default",size:d="medium",centered:p=!1,allowScrollButtonsMobile:c=!1,scrollButtons:u="auto",sx:m={},tabSx:b={},iconPosition:x="start",indicatorColor:g="primary",textColor:f="primary",...h},y)=>{const T=a.useTheme(),v=()=>{const e=(()=>{switch(d){case"small":return{minHeight:36,fontSize:"0.875rem",padding:"6px 12px"};case"large":return{minHeight:56,fontSize:"1rem",padding:"12px 24px"};default:return{minHeight:48,fontSize:"0.9375rem",padding:"8px 16px"}}})();switch(s){case"filled":return{"& .MuiTab-root":{...e,backgroundColor:a.alpha(T.palette.action.hover,.08),borderRadius:T.shape.borderRadius,margin:"0 4px",border:"none","&.Mui-selected":{backgroundColor:T.palette.primary.main,color:T.palette.primary.contrastText},"&:hover":{backgroundColor:a.alpha(T.palette.action.hover,.12)}},"& .MuiTabs-indicator":{display:"none"}};case"outlined":return{"& .MuiTab-root":{...e,border:`1px solid ${a.alpha(T.palette.divider,.5)}`,borderRadius:T.shape.borderRadius,margin:"0 2px","&.Mui-selected":{borderColor:T.palette.primary.main,backgroundColor:a.alpha(T.palette.primary.main,.08),color:T.palette.primary.main},"&:hover":{borderColor:a.alpha(T.palette.primary.main,.5)}},"& .MuiTabs-indicator":{display:"none"}};case"pills":return{"& .MuiTab-root":{...e,borderRadius:25,margin:"0 4px",backgroundColor:"transparent",border:"1px solid transparent","&.Mui-selected":{backgroundColor:T.palette.primary.main,color:T.palette.primary.contrastText},"&:hover":{backgroundColor:a.alpha(T.palette.action.hover,.08)}},"& .MuiTabs-indicator":{display:"none"}};case"underlined":return{"& .MuiTab-root":{...e,borderBottom:"2px solid transparent","&.Mui-selected":{borderBottomColor:T.palette.primary.main}},"& .MuiTabs-indicator":{display:"none"}};default:return{"& .MuiTab-root":{...e}}}};return e.createElement(a.Box,{ref:y},e.createElement(a.Tabs,{value:o,onChange:i,variant:n,orientation:l,centered:p,allowScrollButtonsMobile:c,scrollButtons:u,indicatorColor:g,textColor:f,sx:{...v(),"& .MuiTab-root":{textTransform:"none",fontWeight:500,letterSpacing:"0.5px",transition:"all 0.2s ease-in-out",...v()["& .MuiTab-root"],...b},...m},...h},...t.map(t=>{let o;if(t.icon)switch(x){case"end":o=e.createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:1,flexDirection:"row-reverse"}},t.icon,t.label);break;case"top":o=e.createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column"}},t.icon,t.label);break;case"bottom":o=e.createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:.5,flexDirection:"column-reverse"}},t.icon,t.label);break;default:o=e.createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:1}},t.icon,t.label)}else o=t.label;return e.createElement(r,{key:t.value,value:t.value,disabled:t.disabled,badge:t.badge,label:o})})))});t.displayName="Tabs",exports.Tabs=t,exports.default=t;
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
@@ -15,8 +15,6 @@ interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
15
15
  sx?: SxProps;
16
16
  loaderSize?: number;
17
17
  loaderPosition?: 'start' | 'end' | 'center';
18
- onStartIconClick?: (e: React__default.MouseEvent) => void;
19
- onEndIconClick?: (e: React__default.MouseEvent) => void;
20
18
  }
21
19
  declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
22
20
 
@@ -74,6 +72,7 @@ interface SwitchProps extends Omit<SwitchProps$1, 'onChange'> {
74
72
  helperText?: string;
75
73
  error?: boolean;
76
74
  required?: boolean | number;
75
+ labelPlacement?: 'end' | 'start' | 'bottom' | 'top';
77
76
  onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
78
77
  }
79
78
  declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
@@ -177,9 +176,9 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
177
176
  className?: string;
178
177
  }
179
178
  declare const badgeVariants: (props?: ({
180
- variant?: "text" | "outlined" | "contained" | null | undefined;
179
+ variant?: "contained" | "outlined" | "text" | null | undefined;
181
180
  size?: "sm" | "md" | "lg" | null | undefined;
182
- type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
181
+ type?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
183
182
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
184
183
  declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
185
184
 
@@ -194,6 +193,8 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
194
193
  size?: InputSize$2;
195
194
  variant?: InputVariant;
196
195
  allowedPattern?: "number" | "alpha" | RegExp;
196
+ onLeftIconClick?: () => void;
197
+ onRightIconClick?: () => void;
197
198
  }
198
199
  declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
199
200
 
@@ -353,6 +354,11 @@ declare const designTokens: {
353
354
  xl: string;
354
355
  };
355
356
  };
357
+ size: {
358
+ small: string;
359
+ medium: string;
360
+ large: string;
361
+ };
356
362
  };
357
363
 
358
364
  declare function cn(...inputs: ClassValue[]): string;