@zonos/amino 5.1.88 → 5.1.89

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__aminoCheckbox--s-hZQ",_="Amino_Checkbox-module__infoWrapper--0j0cc",h="Amino_Checkbox-module__styledLabelDescription--m4mFs",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__labelWrapper--opXpk",k="Amino_Checkbox-module__checkboxContainer--T3dHf",p="Amino_Checkbox-module__styledSubtitle--F4Zg5";t.styleInject(".Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}.Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}");var C=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,g=void 0!==d&&d,y=n.className,A=n.disabled,v=n.icon,f=n.label,j=n.labelComponent,w=n.labelDescription,N=n.onChange,T=n.style,q=n.subtitle,F=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),B=null==f?void 0:f.replace(/\s/g,"-").toLowerCase(),H=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:f})}),[f]),I=function(e){t||e.stopPropagation(),A||N(!g,e)};return o.jsx("label",e.__assign({className:y,htmlFor:B,style:e.__assign(e.__assign({},T),{"--amino-checkbox-background":g?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":g?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":g?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":g?l.theme.blue200:"","--amino-checkbox-disabled-border":g?"none":"1.5px solid ".concat(l.theme.gray300)})},F,{children:o.jsxs("div",{className:m.default(k,"amino-input-wrapper",{disabled:A}),"data-testid":H,onClick:function(e){I(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||I(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:b,id:B,children:o.jsx(a.AnimatePresence,{children:g&&o.jsx(C,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),j||f&&o.jsxs("div",{className:_,children:[o.jsxs("div",{className:u,children:[v,o.jsxs(c.Text,{className:x,type:"input-label",children:[f,w&&o.jsx("span",{className:h,children:w})]})]}),q&&o.jsx(c.Text,{className:p,type:"subtitle",children:q})]})]})}))};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),a=require("framer-motion"),c=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),l=require("../../styles/constants/theme.js"),s=require("../../utils/getTestId.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js");var m=d(n),b="Amino_Checkbox-module__aminoCheckbox--s-hZQ",_="Amino_Checkbox-module__infoWrapper--0j0cc",h="Amino_Checkbox-module__styledLabelDescription--m4mFs",x="Amino_Checkbox-module__styledLabel--nNdgS",u="Amino_Checkbox-module__labelWrapper--opXpk",k="Amino_Checkbox-module__checkboxContainer--T3dHf",p="Amino_Checkbox-module__disabled--5BFJi",C="Amino_Checkbox-module__styledSubtitle--F4Zg5";t.styleInject(".Amino_Checkbox-module__aminoCheckbox--s-hZQ{align-items:center;background:var(--amino-checkbox-background);border:var(--amino-checkbox-border);border-radius:var(--amino-radius-4);box-shadow:var(--amino-checkbox-box-shadow);display:flex;height:16px;justify-content:center;line-height:16px;min-height:16px;min-width:16px;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;width:16px}.Amino_Checkbox-module__aminoCheckbox--s-hZQ.Amino_Checkbox-module__checked--expz9{background:var(--amino-primary);border:none;box-shadow:var(--amino-shadow-button-primary)}.Amino_Checkbox-module__aminoCheckbox--s-hZQ svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_Checkbox-module__infoWrapper--0j0cc{margin-left:8px}.Amino_Checkbox-module__styledLabelDescription--m4mFs{color:var(--amino-gray-600);margin-left:4px}.Amino_Checkbox-module__styledLabel--nNdgS.Amino_Checkbox-module__styledLabel--nNdgS{margin-bottom:0}.Amino_Checkbox-module__labelWrapper--opXpk{align-items:center;display:flex;line-height:16px}.Amino_Checkbox-module__labelWrapper--opXpk svg{margin-right:4px}.Amino_Checkbox-module__checkboxContainer--T3dHf{cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi{cursor:not-allowed}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__aminoCheckbox--s-hZQ{background:var(--amino-checkbox-disabled-background);border:var(--amino-checkbox-disabled-border);box-shadow:none}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledLabel--nNdgS{color:var(--amino-gray-600)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__styledSubtitle--F4Zg5{color:var(--amino-gray-400)}.Amino_Checkbox-module__checkboxContainer--T3dHf.Amino_Checkbox-module__disabled--5BFJi .Amino_Checkbox-module__labelWrapper--opXpk svg{opacity:.6}");var g=a.motion(r.CheckmarkIcon);exports.Checkbox=function(n){var r=n.allowPropagation,t=void 0!==r&&r,d=n.checked,y=void 0!==d&&d,A=n.className,v=n.disabled,f=n.icon,j=n.label,w=n.labelComponent,N=n.labelDescription,T=n.onChange,q=n.style,F=n.subtitle,B=e.__rest(n,["allowPropagation","checked","className","disabled","icon","label","labelComponent","labelDescription","onChange","style","subtitle"]),H=null==j?void 0:j.replace(/\s/g,"-").toLowerCase(),I=i.useMemo((function(){return s.getTestId({componentName:"checkbox",name:j})}),[j]),L=function(e){t||e.stopPropagation(),v||T(!y,e)};return o.jsx("label",e.__assign({className:A,htmlFor:H,style:e.__assign(e.__assign({},q),{"--amino-checkbox-background":y?l.theme.primary:l.theme.inputBackground,"--amino-checkbox-border":y?"none":"1.5px solid ".concat(l.theme.gray400),"--amino-checkbox-box-shadow":y?l.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":y?l.theme.blue200:"","--amino-checkbox-disabled-border":y?"none":"1.5px solid ".concat(l.theme.gray300)})},B,{children:o.jsxs("div",{className:m.default(k,"amino-input-wrapper",v&&p),"data-testid":I,onClick:function(e){L(e)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||L(e)},role:"button",tabIndex:0,children:[o.jsx("div",{className:b,id:H,children:o.jsx(a.AnimatePresence,{children:y&&o.jsx(g,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")})}),w||j&&o.jsxs("div",{className:_,children:[o.jsxs("div",{className:u,children:[f,o.jsxs(c.Text,{className:x,type:"input-label",children:[j,N&&o.jsx("span",{className:h,children:N})]})]}),F&&o.jsx(c.Text,{className:C,type:"subtitle",children:F})]})]})}))};

package/components/cover-sheet/CoverSheetActions.d.ts

@@ -8,4 +8,4 @@ export type CoverSheetProps = BaseProps & {
      * */
     coverSheetActionId: string;
 };
-export declare const CoverSheetActions: ({ children, className, coverSheetActionId, }: CoverSheetProps) => import("react").ReactPortal | null;
+export declare const CoverSheetActions: ({ children, className, coverSheetActionId, style, }: CoverSheetProps) => import("react").ReactPortal | null;

package/components/cover-sheet/CoverSheetActions.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),c=require("react-dom"),i=require("clsx"),n=require("../stack/HStack.js"),o=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var u=s(i),a="Amino_CoverSheetActions-module__actions--1Dmdj";o.styleInject(".Amino_CoverSheetActions-module__actions--1Dmdj{z-index:990}");exports.CoverSheetActions=function(i){var o=i.children,s=i.className,d=i.coverSheetActionId,l=e.__read(t.useState(!1),2),f=l[0],m=l[1];if(t.useEffect((function(){f||m(!0)}),[f]),"undefined"!=typeof document&&f){var h=document.querySelector("#".concat(d));if(h)return c.createPortal(r.jsx("div",{className:u.default(s,a),children:r.jsx(n.HStack,{spacing:8,children:o})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(d,'"'))}return null};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),c=require("react-dom"),i=require("clsx"),n=require("../stack/HStack.js"),o=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var u=s(i),a="Amino_CoverSheetActions-module__actions--1Dmdj";o.styleInject(".Amino_CoverSheetActions-module__actions--1Dmdj{z-index:990}");exports.CoverSheetActions=function(i){var o=i.children,s=i.className,d=i.coverSheetActionId,l=i.style,f=e.__read(r.useState(!1),2),m=f[0],h=f[1];if(r.useEffect((function(){m||h(!0)}),[m]),"undefined"!=typeof document&&m){var j=document.querySelector("#".concat(d));if(j)return c.createPortal(t.jsx("div",{className:u.default(s,a),style:l,children:t.jsx(n.HStack,{spacing:8,children:o})}),j);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(d,'"'))}return null};

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../button/ButtonIcon.js"),a=require("./BaseDialog.js"),s=require("../text/Text.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=u(r),m="Amino_Dialog-module__header--w2nyw",c="Amino_Dialog-module__title--uKkuL",_="Amino_Dialog-module__styledActionBaseWrapper---KJzV",p="Amino_Dialog-module__styledLeftActionWrapper--5WF18",g="Amino_Dialog-module__styledRightActionWrapper--SKyAg",f="Amino_Dialog-module__footer--msAT6",x="Amino_Dialog-module__content--2s77C";n.styleInject(".Amino_Dialog-module__header--w2nyw{border-top-left-radius:var(--amino-radius-12);border-top-right-radius:var(--amino-radius-12);display:flex;flex-direction:column;gap:var(--amino-space-12);padding:var(--amino-space-24);padding-bottom:var(--amino-space-16)}.Amino_Dialog-module__title--uKkuL{align-items:center;display:flex;width:100%}.Amino_Dialog-module__title--uKkuL>:not(button){flex-grow:1;margin:0}.Amino_Dialog-module__styledActionBaseWrapper---KJzV{display:flex;flex-grow:1}.Amino_Dialog-module__styledLeftActionWrapper--5WF18{display:flex;gap:var(--amino-space-8);justify-content:flex-start}.Amino_Dialog-module__styledRightActionWrapper--SKyAg{display:flex;gap:var(--amino-space-8);justify-content:flex-end}.Amino_Dialog-module__footer--msAT6{align-items:center;border-bottom-left-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12);display:flex;padding:var(--amino-space-24)}.Amino_Dialog-module__footer--msAT6>div+div{margin-left:var(--amino-space-8)}.Amino_Dialog-module__content--2s77C{flex-grow:1;overflow-y:auto;padding:var(--amino-space-8) var(--amino-space-24)}");var j=o.forwardRef((function(o,r){var n=o.actions,u=o.children,j=o.label,v=o.leftActions,A=o.onClose;o.style;var y=o.subtitle,D=e.__rest(o,["actions","children","label","leftActions","onClose","style","subtitle"]);return i.jsxs(a.BaseDialog,e.__assign({},D,{onClose:A,children:[i.jsxs("div",{className:m,children:[i.jsxs("div",{className:c,children:[i.jsx(s.Text,{type:"title",children:j}),i.jsx(t.ButtonIcon,{icon:i.jsx(l.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:A,variant:"text"})]}),y&&i.jsx(s.Text,{type:"subtitle",children:y})]}),i.jsx("div",{ref:r,className:x,children:u}),(n||v)&&i.jsxs("div",{className:f,children:[v&&i.jsx("div",{className:d.default(_,p),children:v}),n&&i.jsx("div",{className:d.default(_,g),children:n})]})]}))}));exports.Dialog=j;
+"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../button/ButtonIcon.js"),a=require("./BaseDialog.js"),s=require("../text/Text.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=u(r),m="Amino_Dialog-module__header--w2nyw",c="Amino_Dialog-module__title--uKkuL",_="Amino_Dialog-module__styledActionBaseWrapper---KJzV",p="Amino_Dialog-module__styledLeftActionWrapper--5WF18",g="Amino_Dialog-module__styledRightActionWrapper--SKyAg",f="Amino_Dialog-module__footer--msAT6",x="Amino_Dialog-module__content--2s77C";n.styleInject(".Amino_Dialog-module__header--w2nyw{border-top-left-radius:var(--amino-radius-12);border-top-right-radius:var(--amino-radius-12);display:flex;flex-direction:column;gap:var(--amino-space-12);padding:var(--amino-space-24);padding-bottom:var(--amino-space-16)}.Amino_Dialog-module__title--uKkuL{align-items:center;display:flex;width:100%}.Amino_Dialog-module__title--uKkuL>:not(button){flex-grow:1;margin:0}.Amino_Dialog-module__styledActionBaseWrapper---KJzV{display:flex;flex-grow:1}.Amino_Dialog-module__styledLeftActionWrapper--5WF18{display:flex;gap:var(--amino-space-8);justify-content:flex-start}.Amino_Dialog-module__styledRightActionWrapper--SKyAg{display:flex;gap:var(--amino-space-8);justify-content:flex-end}.Amino_Dialog-module__footer--msAT6{align-items:center;border-bottom-left-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12);display:flex;padding:var(--amino-space-24)}.Amino_Dialog-module__footer--msAT6>div+div{margin-left:var(--amino-space-8)}.Amino_Dialog-module__content--2s77C{flex-grow:1;overflow-y:auto;padding:var(--amino-space-8) var(--amino-space-24)}");var j=o.forwardRef((function(o,r){var n=o.actions,u=o.children,j=o.label,A=o.leftActions,v=o.onClose,y=o.style,D=o.subtitle,b=e.__rest(o,["actions","children","label","leftActions","onClose","style","subtitle"]);return i.jsxs(a.BaseDialog,e.__assign({},b,{onClose:v,style:y,children:[i.jsxs("div",{className:m,children:[i.jsxs("div",{className:c,children:[i.jsx(s.Text,{type:"title",children:j}),i.jsx(t.ButtonIcon,{icon:i.jsx(l.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:v,variant:"text"})]}),D&&i.jsx(s.Text,{type:"subtitle",children:D})]}),i.jsx("div",{ref:r,className:x,children:u}),(n||A)&&i.jsxs("div",{className:f,children:[A&&i.jsx("div",{className:d.default(_,p),children:A}),n&&i.jsx("div",{className:d.default(_,g),children:n})]})]}))}));exports.Dialog=j;

package/components/glow/GlowWrapper.js

@@ -1 +1 @@
-"use strict";var r=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),e=require("react"),i=require("clsx"),s=require("../../utils/getAminoColor.js"),t=require("../../utils/getProductDetails.js"),n=require("../../style-inject.es-d4ddeae4.js");function c(r){return r&&r.__esModule?r:{default:r}}require("../../styles/constants/theme.js"),require("../../icons/custom/products/CheckoutColorIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/custom/products/ClassifyColorIcon.js"),require("../../icons/custom/products/ClearColorIcon.js"),require("../../icons/custom/products/CollectColorIcon.js"),require("../../icons/custom/products/CounterCompanionColorIcon.js"),require("../../icons/custom/products/DashboardColorIcon.js"),require("../../icons/custom/products/HelloColorIcon.js"),require("../../icons/custom/products/InclusivePricingColorIcon.js"),require("../../icons/custom/products/LandedCostColorIcon.js"),require("../../icons/custom/products/PrepayColorIcon.js"),require("../../icons/custom/products/RateColorIcon.js"),require("../../icons/custom/products/RestrictColorIcon.js"),require("../../icons/custom/products/ScreenColorIcon.js"),require("../../icons/custom/products/TaxColorIcon.js");var u=c(i),a="Amino_GlowWrapper-module__wrapper--xvL8c";n.styleInject('.Amino_GlowWrapper-module__wrapper--xvL8c{border-radius:var(--amino-glow-wrapper-border-radius);box-shadow:inset 0 0 1px 1px var(--amino-gray-200);overflow:hidden;padding:var(--amino-glow-wrapper-padding);position:relative;z-index:1}.Amino_GlowWrapper-module__wrapper--xvL8c:after{background:var(--amino-glow-wrapper-background);content:"";filter:blur(20px);height:min(100%,400px);left:calc(0px - min(50%, 200px));left:calc(var(--x, 0)*1px - min(50%, 200px));opacity:0;position:absolute;top:calc(0px - min(50%, 200px));top:calc(var(--y, 0)*1px - min(50%, 200px));transition:opacity .5s;width:min(100%,400px);z-index:-1}.Amino_GlowWrapper-module__wrapper--xvL8c:hover:after{opacity:1}');exports.GlowWrapper=function(i){var n=i.children,c=i.className,l=i.glowColor,p=void 0===l?"gray600":l,d=i.product,m=i.radius,g=void 0===m?6:m,x=i.size,v=void 0===x?1:x,q=i.style,w=e.useRef(null),j=e.useMemo((function(){return d?t.getProductDetails({product:d}).gradient:null}),[d]);return e.useEffect((function(){var r=w.current,o=function(o){if(r){var e=r.getBoundingClientRect(),i=e.x,s=e.y;r.style.setProperty("--x",(o.clientX-i).toString()),r.style.setProperty("--y",(o.clientY-s).toString())}};return null==r||r.addEventListener("mousemove",o),function(){null==r||r.removeEventListener("mousemove",o)}}),[]),o.jsx("div",{ref:w,className:u.default(a,c),style:r.__assign(r.__assign({},q),{"--amino-glow-wrapper-background":j||"radial-gradient(circle, ".concat(s.getAminoColor(p)," 0%, white 70%)"),"--amino-glow-wrapper-border-radius":"".concat(g,"px"),"--amino-glow-wrapper-padding":"".concat(v,"px")}),children:n})};
+"use strict";var r=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),e=require("react"),i=require("clsx"),n=require("../../utils/getAminoColor.js"),s=require("../../utils/getProductDetails.js"),t=require("../../style-inject.es-d4ddeae4.js");function c(r){return r&&r.__esModule?r:{default:r}}require("../../styles/constants/theme.js"),require("../../icons/custom/products/CheckoutColorIcon.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/custom/products/ClassifyColorIcon.js"),require("../../icons/custom/products/ClearColorIcon.js"),require("../../icons/custom/products/CollectColorIcon.js"),require("../../icons/custom/products/CounterCompanionColorIcon.js"),require("../../icons/custom/products/DashboardColorIcon.js"),require("../../icons/custom/products/HelloColorIcon.js"),require("../../icons/custom/products/InclusivePricingColorIcon.js"),require("../../icons/custom/products/LandedCostColorIcon.js"),require("../../icons/custom/products/PrepayColorIcon.js"),require("../../icons/custom/products/RateColorIcon.js"),require("../../icons/custom/products/RestrictColorIcon.js"),require("../../icons/custom/products/ScreenColorIcon.js"),require("../../icons/custom/products/TaxColorIcon.js");var u=c(i),a="Amino_GlowWrapper-module__wrapper--xvL8c";t.styleInject('.Amino_GlowWrapper-module__wrapper--xvL8c{border-radius:var(--amino-glow-wrapper-border-radius);box-shadow:inset 0 0 1px 1px var(--amino-gray-200);overflow:hidden;padding:var(--amino-glow-wrapper-padding);position:relative;z-index:1}.Amino_GlowWrapper-module__wrapper--xvL8c:after{background:var(--amino-glow-wrapper-background);content:"";filter:blur(20px);height:min(100%,400px);left:calc(0px - min(50%, 200px));left:calc(var(--amino-glow-wrapper-x, 0)*1px - min(50%, 200px));opacity:0;position:absolute;top:calc(0px - min(50%, 200px));top:calc(var(--amino-glow-wrapper-y, 0)*1px - min(50%, 200px));transition:opacity .5s;width:min(100%,400px);z-index:-1}.Amino_GlowWrapper-module__wrapper--xvL8c:hover:after{opacity:1}');exports.GlowWrapper=function(i){var t=i.children,c=i.className,l=i.glowColor,p=void 0===l?"gray600":l,d=i.product,m=i.radius,g=void 0===m?6:m,w=i.size,x=void 0===w?1:w,v=i.style,q=e.useRef(null),j=e.useMemo((function(){return d?s.getProductDetails({product:d}).gradient:null}),[d]);return e.useEffect((function(){var r=q.current,o=function(o){if(r){var e=r.getBoundingClientRect(),i=e.x,n=e.y;r.style.setProperty("--amino-glow-wrapper-x",(o.clientX-i).toString()),r.style.setProperty("--amino-glow-wrapper-y",(o.clientY-n).toString())}};return null==r||r.addEventListener("mousemove",o),function(){null==r||r.removeEventListener("mousemove",o)}}),[]),o.jsx("div",{ref:q,className:u.default(a,c),style:r.__assign(r.__assign({},v),{"--amino-glow-wrapper-background":j||"radial-gradient(circle, ".concat(n.getAminoColor(p)," 0%, white 70%)"),"--amino-glow-wrapper-border-radius":"".concat(g,"px"),"--amino-glow-wrapper-padding":"".concat(x,"px")}),children:t})};

package/components/layout/Layout.d.ts

@@ -13,5 +13,5 @@ export type LayoutProps = BaseProps & {
     searchInput?: SearchInputProps;
     sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
 };
-export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, searchInput, sidebar, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, searchInput, sidebar, style, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("clsx"),require("react"),require("@mui/material/Collapse"),require("../../NavigationGroup.module-3957cb7d.js");var a=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");require("../../_tslib-bd4862e8.js"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var i={aminoLayout:"Amino_Layout-module__aminoLayout--k-8EW",contentGrid:"Amino_Layout-module__contentGrid--6ltoS",styledSidebar:"Amino_Layout-module__styledSidebar--dnwoo",sidebarContent:"Amino_Layout-module__sidebarContent--NXMVV",searchInputWrapper:"Amino_Layout-module__searchInputWrapper--JldDc",styledLogoSidebar:"Amino_Layout-module__styledLogoSidebar--MTiPe",styledSearchInput:"Amino_Layout-module__styledSearchInput--uJCBW",content:"Amino_Layout-module__content--LYUwT",header:"Amino_Layout-module__header--lID5Y",footer:"Amino_Layout-module__footer--5enlV"};r.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(r){var t=r.className,n=r.content,d=r.footer,s=r.headerContent,l=r.logoSidebar,u=r.searchInput,m=r.sidebar;return e.jsxs("main",{className:[t,i.aminoLayout].join(" "),style:{"--height":s?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"},children:[!!s&&e.jsx("header",{className:i.header,children:s}),e.jsxs("div",{className:i.contentGrid,children:[e.jsxs("nav",{className:i.styledSidebar,children:[e.jsxs("div",{className:i.sidebarContent,children:[!!l&&e.jsx("div",{className:i.styledLogoSidebar,children:l}),!!u&&e.jsx("div",{className:i.searchInputWrapper,children:e.jsx(o.SearchInput,{className:i.styledSearchInput,onChange:u.onChange,value:u.value})}),m]}),e.jsx("div",{className:i.footer,children:d})]}),e.jsx("div",{className:i.content,children:n})]})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),a=require("clsx"),i=require("../input/SearchInput.js");require("react"),require("@mui/material/Collapse"),require("../../NavigationGroup.module-3957cb7d.js");var r=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var d=n(a),s="Amino_Layout-module__aminoLayout--k-8EW",l="Amino_Layout-module__contentGrid--6ltoS",u="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",c="Amino_Layout-module__searchInputWrapper--JldDc",_="Amino_Layout-module__styledLogoSidebar--MTiPe",h="Amino_Layout-module__styledSearchInput--uJCBW",y="Amino_Layout-module__content--LYUwT",b="Amino_Layout-module__header--lID5Y",p="Amino_Layout-module__footer--5enlV";t.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(a){var t=a.className,n=a.content,v=a.footer,g=a.headerContent,L=a.logoSidebar,x=a.searchInput,A=a.sidebar,j=a.style;return o.jsxs("main",{className:d.default(t,s),style:e.__assign(e.__assign({},j),{"--amino-layout-height":g?"calc(100vh - ".concat(r.theme.appbarHeight,")"):"100vh"}),children:[!!g&&o.jsx("header",{className:b,children:g}),o.jsxs("div",{className:l,children:[o.jsxs("nav",{className:u,children:[o.jsxs("div",{className:m,children:[!!L&&o.jsx("div",{className:_,children:L}),!!x&&o.jsx("div",{className:c,children:o.jsx(i.SearchInput,{className:h,onChange:x.onChange,value:x.value})}),A]}),o.jsx("div",{className:p,children:v})]}),o.jsx("div",{className:y,children:n})]})]})};

package/components/layout/NavigationGroup.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from 'react';
-export type NavigationItemProps = {
-    className?: string;
+import type { BaseProps } from "../../types/BaseProps";
+export type NavigationItemProps = BaseProps & {
     content: ReactNode;
     icon?: ReactNode;
     /**
@@ -8,9 +8,8 @@ export type NavigationItemProps = {
      */
     isActive?: boolean;
 };
-export type NavigationGroupProps = {
+export type NavigationGroupProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * @default false
      */
@@ -18,5 +17,5 @@ export type NavigationGroupProps = {
     /** **NOTE**: Should be `NavigationItem` component in order to have proper styling. If you want to use `href`, WRAP the `anchor` tag outside of the `NavigationItem` component. */
     content: ReactElement<NavigationItemProps> | ReactElement<HTMLAnchorElement>;
 };
-export declare const NavigationItem: ({ className, content, icon, isActive, }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NavigationGroup: ({ children, className, collapsed, content, }: NavigationGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationItem: ({ className, content, icon, isActive, style, }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationGroup: ({ children, className, collapsed, content, style, }: NavigationGroupProps) => import("react/jsx-runtime").JSX.Element;

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("clsx"),a=require("../collapse/Collapse.js"),l=require("../../NavigationGroup.module-3957cb7d.js");function t(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@mui/material/Collapse"),require("../../style-inject.es-d4ddeae4.js");var r=t(s);exports.NavigationGroup=function(s){var t=s.children,i=s.className,c=s.collapsed,n=void 0!==c&&c,o=s.content;return e.jsxs("div",{className:r.default(i,l.styles.wrapper),children:[e.jsx("div",{className:r.default(l.styles.styledItemWrapper,!n&&l.styles.collapsed),children:o}),e.jsx(a.Collapse,{className:l.styles.styledGroupItemWrapper,collapsed:n,children:t})]})},exports.NavigationItem=function(s){var a=s.className,t=s.content,i=s.icon,c=s.isActive,n=void 0!==c&&c;return e.jsxs("div",{className:r.default(a,l.styles.styledNavigationItem,n&&l.styles.active),children:[i&&e.jsx("div",{className:l.styles.styledNavigationItemIcon,children:i}),t]})};
+"use strict";var e=require("react/jsx-runtime"),s=require("clsx"),l=require("../collapse/Collapse.js"),t=require("../../NavigationGroup.module-3957cb7d.js");function a(e){return e&&e.__esModule?e:{default:e}}require("react"),require("@mui/material/Collapse"),require("../../style-inject.es-d4ddeae4.js");var r=a(s);exports.NavigationGroup=function(s){var a=s.children,i=s.className,c=s.collapsed,n=void 0!==c&&c,o=s.content,d=s.style;return e.jsxs("div",{className:r.default(i,t.styles.wrapper),style:d,children:[e.jsx("div",{className:r.default(t.styles.styledItemWrapper,!n&&t.styles.collapsed),children:o}),e.jsx(l.Collapse,{className:t.styles.styledGroupItemWrapper,collapsed:n,children:a})]})},exports.NavigationItem=function(s){var l=s.className,a=s.content,i=s.icon,c=s.isActive,n=void 0!==c&&c,o=s.style;return e.jsxs("div",{className:r.default(l,t.styles.styledNavigationItem,n&&t.styles.active),style:o,children:[i&&e.jsx("div",{className:t.styles.styledNavigationItemIcon,children:i}),a]})};

package/components/list-item/ListItem.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),o=require("../text/Text.js"),m=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var s=n(t),a="Amino_ListItem-module__aminoListItem--1LE7t",r="Amino_ListItem-module__hasIcon--2Imem",l="Amino_ListItem-module__disabled--bb--n",_="Amino_ListItem-module__selected--Ih4MV",d="Amino_ListItem-module__withClick--4KRpm",c="Amino_ListItem-module__textContainer--n4vsF",u="Amino_ListItem-module__icon--zwqup";m.styleInject(".Amino_ListItem-module__aminoListItem--1LE7t{align-items:center;border-radius:var(--amino-radius-8);display:flex;flex-direction:row;gap:var(--amino-space-16);line-height:16px;min-height:var(--amino-size-xl);padding:var(--amino-space-8) var(--amino-space-16)}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper{display:none}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper.Amino_ListItem-module__hasIcon--2Imem{display:inline-block}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV{background-color:var(--amino-blue-100)}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV *{color:var(--amino-blue-800)}.Amino_ListItem-module__aminoListItem--1LE7t.Amino_ListItem-module__disabled--bb--n{color:var(--amino-gray-600);cursor:not-allowed}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n):not(.Amino_ListItem-module__selected--Ih4MV).Amino_ListItem-module__withClick--4KRpm:hover{background-color:var(--amino-hover-color);cursor:pointer}.Amino_ListItem-module__textContainer--n4vsF{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:2px}.Amino_ListItem-module__icon--zwqup{border-radius:var(--amino-radius-6);height:var(--amino-space-32);margin-right:var(--amino-space-16);width:var(--amino-space-32)}");var I=function(i){var t=i.icon,o=i.iconComponent,m=i.label;return t?e.jsx("img",{alt:m,className:u,src:t}):o?e.jsx(e.Fragment,{children:o}):null},L=i.forwardRef((function(i,t){var m=i.className,n=i.decorator,u=i.disabled,L=i.label,p=i.onClick,b=i.rightDecorator,x=i.selected,h=i.subtitle;return e.jsxs("div",{ref:t,className:s.default(m,a,u&&l,x&&_,!!p&&d),onClick:function(e){return!u&&p&&p(e)},role:"button",tabIndex:0,children:[e.jsxs("div",{className:s.default("__icon-wrapper",n&&r),children:[n,e.jsx(I,{label:"string"==typeof L?L:""})]}),e.jsxs("div",{className:c,children:[e.jsx(o.Text,{type:"label",children:L}),h&&e.jsx(o.Text,{type:"caption",children:h})]}),b]})}));exports.ListItem=L;
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),o=require("../text/Text.js"),m=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var s=n(t),a="Amino_ListItem-module__aminoListItem--1LE7t",r="Amino_ListItem-module__hasIcon--2Imem",l="Amino_ListItem-module__disabled--bb--n",_="Amino_ListItem-module__selected--Ih4MV",d="Amino_ListItem-module__withClick--4KRpm",c="Amino_ListItem-module__textContainer--n4vsF",u="Amino_ListItem-module__icon--zwqup";m.styleInject(".Amino_ListItem-module__aminoListItem--1LE7t{align-items:center;border-radius:var(--amino-radius-8);display:flex;flex-direction:row;gap:var(--amino-space-16);line-height:16px;min-height:var(--amino-size-xl);padding:var(--amino-space-8) var(--amino-space-16)}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper{display:none}.Amino_ListItem-module__aminoListItem--1LE7t .__icon-wrapper.Amino_ListItem-module__hasIcon--2Imem{display:inline-block}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV{background-color:var(--amino-blue-100)}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n).Amino_ListItem-module__selected--Ih4MV *{color:var(--amino-blue-800)}.Amino_ListItem-module__aminoListItem--1LE7t.Amino_ListItem-module__disabled--bb--n{color:var(--amino-gray-600);cursor:not-allowed}.Amino_ListItem-module__aminoListItem--1LE7t:not(.Amino_ListItem-module__disabled--bb--n):not(.Amino_ListItem-module__selected--Ih4MV).Amino_ListItem-module__withClick--4KRpm:hover{background-color:var(--amino-hover-color);cursor:pointer}.Amino_ListItem-module__textContainer--n4vsF{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:2px}.Amino_ListItem-module__icon--zwqup{border-radius:var(--amino-radius-6);height:var(--amino-space-32);margin-right:var(--amino-space-16);width:var(--amino-space-32)}");var I=function(i){var t=i.icon,o=i.iconComponent,m=i.label;return t?e.jsx("img",{alt:m,className:u,src:t}):o?e.jsx(e.Fragment,{children:o}):null},L=i.forwardRef((function(i,t){var m=i.className,n=i.decorator,u=i.disabled,L=i.label,p=i.onClick,b=i.rightDecorator,x=i.selected,h=i.style,v=i.subtitle;return e.jsxs("div",{ref:t,className:s.default(m,a,u&&l,x&&_,!!p&&d),onClick:function(e){return!u&&p&&p(e)},role:"button",style:h,tabIndex:0,children:[e.jsxs("div",{className:s.default("__icon-wrapper",n&&r),children:[n,e.jsx(I,{label:"string"==typeof L?L:""})]}),e.jsxs("div",{className:c,children:[e.jsx(o.Text,{type:"label",children:L}),v&&e.jsx(o.Text,{type:"caption",children:v})]}),b]})}));exports.ListItem=L;

package/components/nested-data-table/NestedDataTable.d.ts

@@ -1,12 +1,13 @@
 import { type ReactNode } from 'react';
 import type { Column } from 'react-data-grid';
+import type { BaseProps } from "../../types/BaseProps";
 import { type flattenRow } from "../../utils/flattenRow";
 type ColumnType<TRow> = Column<TRow, Record<string, unknown>>;
 export type ColumnCell<TRow extends Record<string, unknown>> = NonNullable<ColumnType<TRow>['renderCell']>;
 export type CustomColumnCells<TRow extends Record<string, unknown>> = {
     [key in keyof TRow]?: ColumnCell<TRow>;
 };
-type Props<TRow extends Record<string, unknown>> = {
+type Props<TRow extends Record<string, unknown>> = BaseProps & {
     currentPage?: number;
     customColumnCells?: CustomColumnCells<TRow>;
     /**
@@ -23,5 +24,5 @@ type Props<TRow extends Record<string, unknown>> = {
     title?: string;
     handlePagination?: (page: number) => void;
 };
-export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnCells, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, tableData, title, }: Props<TRow>) => import("react/jsx-runtime").JSX.Element;
+export declare const NestedDataTable: <TRow extends Record<string, unknown>>({ currentPage, customColumnCells, customFlattenRow, handlePagination, hasNextPage, hasPreviousPage, isFetching, loadingComponent, restState, style, tableData, title, }: Props<TRow>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/nested-data-table/NestedDataTable.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js");require("../../_tslib-bd4862e8.js");var l=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var o="Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W",n="Amino_NestedDataTable-module__styledTableHeader--tdfr8",u="Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt";l.styleInject(".Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W{height:100%}.Amino_NestedDataTable-module__styledTableHeader--tdfr8{align-items:center;display:flex;padding:var(--amino-space-8)}.Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt{align-items:center;display:flex;flex:1;gap:var(--amino-space-8);justify-content:flex-end}");exports.NestedDataTable=function(l){var c=l.currentPage,d=l.customColumnCells,j=l.customFlattenRow,q=l.handlePagination,m=l.hasNextPage,p=l.hasPreviousPage,b=l.isFetching,h=l.loadingComponent,x=l.restState,T=l.tableData,g=l.title,_=r.useMemo((function(){return Array.isArray(T)?T:[T]}),[T]),v=!!q&&!!c&&T.length;return e.jsxs("div",{className:o,children:[e.jsxs("div",{className:n,children:[!!g&&e.jsx(a.Text,{type:"header",children:g}),!!v&&e.jsxs("div",{className:u,children:[e.jsx(t.Button,{disabled:1===c||!p,onClick:function(){p&&q(c-1)},outline:!0,children:"Previous page"}),c,e.jsx(t.Button,{disabled:!m,onClick:function(){m&&q(c+1)},outline:!0,children:"Next page"})]})]}),b?h?e.jsx(e.Fragment,{children:h}):e.jsx(s.RestState,{label:"Loading..."}):0===_.length?x?e.jsx(e.Fragment,{children:x}):e.jsx(s.RestState,{label:"No data available."}):e.jsx(i.TableData,{customColumnCells:d,customFlattenRow:j,tableDataArr:_})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../button/Button.js"),i=require("./_TableData.js"),s=require("../rest-state/RestState.js"),a=require("../text/Text.js");require("../../_tslib-bd4862e8.js");var l=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../stack/VStack.js"),require("../stack/Stack.js"),require("../../utils/hooks/useAminoTheme.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js");var o="Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W",n="Amino_NestedDataTable-module__styledTableHeader--tdfr8",u="Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt";l.styleInject(".Amino_NestedDataTable-module__styledPivotTableContentWrapper--6lT1W{height:100%}.Amino_NestedDataTable-module__styledTableHeader--tdfr8{align-items:center;display:flex;padding:var(--amino-space-8)}.Amino_NestedDataTable-module__styledTableActionWrapper--o0Xmt{align-items:center;display:flex;flex:1;gap:var(--amino-space-8);justify-content:flex-end}");exports.NestedDataTable=function(l){var c=l.currentPage,d=l.customColumnCells,j=l.customFlattenRow,q=l.handlePagination,m=l.hasNextPage,p=l.hasPreviousPage,b=l.isFetching,h=l.loadingComponent,x=l.restState,T=l.style,g=l.tableData,_=l.title,v=r.useMemo((function(){return Array.isArray(g)?g:[g]}),[g]),C=!!q&&!!c&&g.length;return e.jsxs("div",{className:o,style:T,children:[e.jsxs("div",{className:n,children:[!!_&&e.jsx(a.Text,{type:"header",children:_}),!!C&&e.jsxs("div",{className:u,children:[e.jsx(t.Button,{disabled:1===c||!p,onClick:function(){p&&q(c-1)},outline:!0,children:"Previous page"}),c,e.jsx(t.Button,{disabled:!m,onClick:function(){m&&q(c+1)},outline:!0,children:"Next page"})]})]}),b?h?e.jsx(e.Fragment,{children:h}):e.jsx(s.RestState,{label:"Loading..."}):0===v.length?x?e.jsx(e.Fragment,{children:x}):e.jsx(s.RestState,{label:"No data available."}):e.jsx(i.TableData,{customColumnCells:d,customFlattenRow:j,tableDataArr:v})]})};

package/components/pivot-table/PivotTable.d.ts

@@ -1,4 +1,5 @@
 import { type Column, type DataGridProps } from 'react-data-grid';
+import type { BaseProps } from "../../types/BaseProps";
 export type KeyValue = string | number;
 type RowData = Record<string, unknown>;
 type OverrideColumn<TRow extends RowData> = {
@@ -22,12 +23,12 @@ export type NestedRowData = {
 export type RowWithIndex<Row extends RowData = RowData> = Row & {
     _itemIndex?: number;
 } & NestedRowData;
-type Props<TRow extends RowWithIndex, TSummaryRow extends unknown, TRowKey extends KeyValue> = Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
+type Props<TRow extends RowWithIndex, TSummaryRow extends unknown, TRowKey extends KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
 /**
  * Awesome data grid
  * @repo https://github.com/adazzle/react-data-grid
  * @documentation https://adazzle.github.io/react-data-grid/#/grouping
  * @example https://github.com/adazzle/react-data-grid/tree/main/website
  */
-export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => import("react/jsx-runtime").JSX.Element;
+export declare const PivotTable: <TRow extends RowWithIndex<RowData>, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, style, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/pivot-table/PivotTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("react-data-grid"),n=require("../../icons/ChevronDownIcon.js"),a=require("../../icons/ChevronUpIcon.js"),i=require("../../utils/addIndex.js"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var u=l(t),d="Amino_PivotTable-module__sortStatus--9y3li",m="Amino_PivotTable-module__styledWrapper--mCEoO";s.styleInject(".Amino_PivotTable-module__sortStatus--9y3li{align-items:center;display:flex;height:100%;justify-content:center}.Amino_PivotTable-module__styledWrapper--mCEoO{height:var(--amino-pivot-table-height);min-height:var(--amino-pivot-table-min-height);position:relative}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid{background-color:inherit;border-radius:var(--amino-radius-8);height:100%}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid .rdg-row{background-color:var(--amino-gray-0);color:var(--amino-text-color)}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-header-row,.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-summary-row{background-color:var(--amino-gray-100);color:var(--amino-text-color);font-weight:700}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-cell{border:1px solid var(--amino-gray-200)}");exports.PivotTable=function(t){var s=t.columns,l=t.onSortColumnsChange,c=t.renderers,_=t.rows,v=t.sortColumns,g=void 0===v?[]:v,h=t.tableHeight,p=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","tableHeight"]),y=o.useRef(null),b=e.__read(o.useState(g||[]),2),C=b[0],f=b[1],j=o.useCallback((function(e){var o=e.priority,t=e.sortDirection;return t?r.jsxs("span",{className:d,children:["ASC"===t?r.jsx(a.ChevronUpIcon,{color:"gray900"}):r.jsx(n.ChevronDownIcon,{color:"gray900"}),r.jsx("span",{children:o})]}):null}),[]),x=e.__assign({renderSortStatus:j},c),A=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(s),!1),w=o.useMemo((function(){if(0===C.length)return _.map(i.addIndex);return e.__spreadArray([],e.__read(_),!1).sort((function(e,r){var o=0;return C.some((function(t){var n,a=(n=t.columnKey,function(e,r){var o=e[n],t=r[n];switch(typeof o){case"boolean":return o===t?0:o?1:-1;case"string":return"string"==typeof t?o.localeCompare(t):0;case"number":return"number"==typeof t?o-t:0;default:return 0}}),i=a(e,r);return 0!==i?(o="ASC"===t.direction?i:-i,1):0})),o})).map(i.addIndex)}),[_,C]);return r.jsx("div",{className:m,style:{"--amino-pivot-table-height":h||"calc(100vh - 145px)","--amino-pivot-table-min-height":h||""},children:r.jsx(u.default,e.__assign({ref:y,className:"data-grid",columns:A,onSortColumnsChange:l||f,renderers:x,rows:w,sortColumns:C},p))})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),o=require("react"),t=require("react-data-grid"),n=require("../../icons/ChevronDownIcon.js"),a=require("../../icons/ChevronUpIcon.js"),i=require("../../utils/addIndex.js"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var u=l(t),d="Amino_PivotTable-module__sortStatus--9y3li",m="Amino_PivotTable-module__styledWrapper--mCEoO";s.styleInject(".Amino_PivotTable-module__sortStatus--9y3li{align-items:center;display:flex;height:100%;justify-content:center}.Amino_PivotTable-module__styledWrapper--mCEoO{height:var(--amino-pivot-table-height);min-height:var(--amino-pivot-table-min-height);position:relative}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid{background-color:inherit;border-radius:var(--amino-radius-8);height:100%}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid .rdg-row{background-color:var(--amino-gray-0);color:var(--amino-text-color)}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-header-row,.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-summary-row{background-color:var(--amino-gray-100);color:var(--amino-text-color);font-weight:700}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-cell{border:1px solid var(--amino-gray-200)}");exports.PivotTable=function(t){var s=t.columns,l=t.onSortColumnsChange,c=t.renderers,_=t.rows,g=t.sortColumns,v=void 0===g?[]:g,h=t.style,p=t.tableHeight,y=e.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","style","tableHeight"]),b=o.useRef(null),C=e.__read(o.useState(v||[]),2),f=C[0],j=C[1],x=o.useCallback((function(e){var o=e.priority,t=e.sortDirection;return t?r.jsxs("span",{className:d,children:["ASC"===t?r.jsx(a.ChevronUpIcon,{color:"gray900"}):r.jsx(n.ChevronDownIcon,{color:"gray900"}),r.jsx("span",{children:o})]}):null}),[]),A=e.__assign({renderSortStatus:x},c),w=e.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],e.__read(s),!1),q=o.useMemo((function(){if(0===f.length)return _.map(i.addIndex);return e.__spreadArray([],e.__read(_),!1).sort((function(e,r){var o=0;return f.some((function(t){var n,a=(n=t.columnKey,function(e,r){var o=e[n],t=r[n];switch(typeof o){case"boolean":return o===t?0:o?1:-1;case"string":return"string"==typeof t?o.localeCompare(t):0;case"number":return"number"==typeof t?o-t:0;default:return 0}}),i=a(e,r);return 0!==i?(o="ASC"===t.direction?i:-i,1):0})),o})).map(i.addIndex)}),[_,f]);return r.jsx("div",{className:m,style:e.__assign(e.__assign({},h),{"--amino-pivot-table-height":p||"calc(100vh - 145px)","--amino-pivot-table-min-height":p||""}),children:r.jsx(u.default,e.__assign({ref:b,className:"data-grid",columns:w,onSortColumnsChange:l||j,renderers:A,rows:q,sortColumns:f},y))})};

package/components/progress-bar/ProgressBar.d.ts

@@ -4,4 +4,4 @@ export type ProgressBarProps = BaseProps & {
     colorStyle?: 'greenToRed' | 'redToGreen' | Color;
     progress?: number;
 };
-export declare const ProgressBar: ({ className, colorStyle, progress, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, colorStyle, progress, style, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("clsx"),o=require("../../styles/constants/theme.js"),a=require("../../utils/getAminoColor.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(r){return r&&r.__esModule?r:{default:r}}var n=i(e),t="Amino_ProgressBar-module__base--wmmpl",m="Amino_ProgressBar-module__bar--oA293";s.styleInject(".Amino_ProgressBar-module__base--wmmpl{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-space-56);z-index:0}.Amino_ProgressBar-module__bar--oA293{background-color:var(--amino-progress-bar-background-color);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-progress-bar-width);z-index:1}");exports.ProgressBar=function(e){var s=e.className,i=e.colorStyle,d=void 0===i?"blue600":i,u=e.progress,c=void 0===u?0:u,l=c<0?0:c>100?100:c;return r.jsx("div",{className:n.default(s,t),style:{"--amino-progress-bar-background-color":function(){switch(d){case"greenToRed":return l<=20?o.theme.green600:l>=80?o.theme.red600:o.theme.orange600;case"redToGreen":return l<=20?o.theme.red600:l>=80?o.theme.green600:o.theme.orange600;default:return a.getAminoColor(d)}}()||"","--amino-progress-bar-width":"".concat(l,"%")},children:r.jsx("div",{className:m})})};
+"use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),s=require("../../styles/constants/theme.js"),a=require("../../utils/getAminoColor.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(r){return r&&r.__esModule?r:{default:r}}var t=n(o),m="Amino_ProgressBar-module__base--wmmpl",u="Amino_ProgressBar-module__bar--oA293";i.styleInject(".Amino_ProgressBar-module__base--wmmpl{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-space-56);z-index:0}.Amino_ProgressBar-module__bar--oA293{background-color:var(--amino-progress-bar-background-color);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-progress-bar-width);z-index:1}");exports.ProgressBar=function(o){var i=o.className,n=o.colorStyle,d=void 0===n?"blue600":n,l=o.progress,c=void 0===l?0:l,g=o.style,_=c<0?0:c>100?100:c;return e.jsx("div",{className:t.default(i,m),style:r.__assign(r.__assign({},g),{"--amino-progress-bar-background-color":function(){switch(d){case"greenToRed":return _<=20?s.theme.green600:_>=80?s.theme.red600:s.theme.orange600;case"redToGreen":return _<=20?s.theme.red600:_>=80?s.theme.green600:s.theme.orange600;default:return a.getAminoColor(d)}}()||"","--amino-progress-bar-width":"".concat(_,"%")}),children:e.jsx("div",{className:u})})};

package/components/radio/Radio.d.ts

@@ -1,7 +1,8 @@
-export type RadioProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type RadioProps = BaseProps & {
     checked: boolean;
     disabled?: boolean;
     label?: string;
     onChange: (checked: boolean) => void;
 };
-export declare const Radio: ({ checked, disabled, label, onChange }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: ({ checked, className, disabled, label, onChange, style, }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("framer-motion"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js");var d=t(o),s="Amino_Radio-module__styledRadio--BiJwE",l="Amino_Radio-module__styledText--uref9",c="Amino_Radio-module__radioContainer--uZ3TN";n.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(o){var n=o.checked,t=o.disabled,u=o.label,m=o.onChange;return e.jsxs("div",{className:d.default(c,t&&"disabled"),onClick:function(){return!t&&m(!n)},style:{"--amino-radio-background":n?r.theme.primary:r.theme.inputBackground,"--amino-radio-border":n?"none":"1.5px solid ".concat(r.theme.gray400),"--amino-radio-box-shadow":n?r.theme.shadowButtonPrimary:"none","--amino-radio-container-background":n?r.theme.blue300:""},children:[e.jsx("div",{className:s,children:e.jsx(i.AnimatePresence,{children:n&&e.jsx(i.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:e.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),u&&e.jsx(a.Text,{className:l,type:"input-label",children:u})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),o=require("clsx"),a=require("framer-motion"),r=require("../text/Text.js"),n=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(o),l="Amino_Radio-module__styledRadio--BiJwE",c="Amino_Radio-module__styledText--uref9",u="Amino_Radio-module__radioContainer--uZ3TN";t.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(o){var t=o.checked,d=o.className,m=o.disabled,_=o.label,b=o.onChange,x=o.style;return i.jsxs("div",{className:s.default(d,u,m&&"disabled"),onClick:function(){return!m&&b(!t)},style:e.__assign(e.__assign({},x),{"--amino-radio-background":t?n.theme.primary:n.theme.inputBackground,"--amino-radio-border":t?"none":"1.5px solid ".concat(n.theme.gray400),"--amino-radio-box-shadow":t?n.theme.shadowButtonPrimary:"none","--amino-radio-container-background":t?n.theme.blue300:""}),children:[i.jsx("div",{className:l,children:i.jsx(a.AnimatePresence,{children:t&&i.jsx(a.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:i.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),_&&i.jsx(r.Text,{className:c,type:"input-label",children:_})]})};

package/components/radio/RadioGroup.d.ts

@@ -1,12 +1,12 @@
+import type { BaseProps } from "../../types/BaseProps";
 export type RadioGroupItem<T extends string = string> = {
     label: string;
     value: T;
 };
-export type RadioGroupProps<T extends string = string> = {
-    className?: string;
+export type RadioGroupProps<T extends string = string> = BaseProps & {
     disabled?: boolean;
     initialValue?: string;
     items: RadioGroupItem<T>[];
     onChange: (newValue: T) => void;
 };
-export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, style, }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js");var s=u(a),o="Amino_RadioGroup-module__radioContainer--gii0d";n.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(a){var n=a.className,u=a.disabled,l=a.initialValue,d=a.items,c=a.onChange,f=e.__read(i.useState(-1),2),m=f[0],_=f[1],j=d.findIndex((function(e){return e.value===l}));i.useEffect((function(){j>-1&&_(j)}),[j]);var q=d.map((function(e,i){return r.jsx(t.Radio,{checked:i===m,disabled:u,label:e.label,onChange:function(){u||(_(i),c&&e.value&&c(e.value))}},e.label)}));return r.jsx("div",{className:s.default(n,o),children:q})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),a=require("clsx"),t=require("./Radio.js"),n=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js");var s=u(a),l="Amino_RadioGroup-module__radioContainer--gii0d";n.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(a){var n=a.className,u=a.disabled,o=a.initialValue,d=a.items,c=a.onChange,f=a.style,m=e.__read(i.useState(-1),2),_=m[0],j=m[1],q=d.findIndex((function(e){return e.value===o}));i.useEffect((function(){q>-1&&j(q)}),[q]);var v=d.map((function(e,i){return r.jsx(t.Radio,{checked:i===_,disabled:u,label:e.label,onChange:function(){u||(j(i),c&&e.value&&c(e.value))}},e.label)}));return r.jsx("div",{className:s.default(n,l),style:f,children:v})};

package/components/rest-state/RestState.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
-export type RestStateProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type RestStateProps = BaseProps & {
     action?: ReactNode;
-    className?: string;
     icon?: string;
     label: string;
     subtitle?: ReactNode;
 };
-export declare const RestState: ({ action, className, icon, label, subtitle, }: RestStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RestState: ({ action, className, icon, label, style, subtitle, }: RestStateProps) => import("react/jsx-runtime").JSX.Element;

package/components/rest-state/RestState.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=i(t),n="Amino_RestState-module__styledRestState--CkKGL",r="Amino_RestState-module__icon--ZlXu-",o="Amino_RestState-module__textWrapper--elWYa",m="Amino_RestState-module__action--Xw3I4";a.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(t){var a=t.action,i=t.className,c=t.icon,u=t.label,_=t.subtitle;return e.jsxs("div",{className:l.default(i,n),children:[c?e.jsx("img",{alt:u,className:r,src:c}):null,e.jsxs("div",{className:o,children:[e.jsx(s.Text,{type:"title",children:u}),_&&e.jsx(s.Text,{type:"subtitle",children:_}),a?e.jsx("div",{className:m,children:a}):null]})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=i(t),n="Amino_RestState-module__styledRestState--CkKGL",r="Amino_RestState-module__icon--ZlXu-",o="Amino_RestState-module__textWrapper--elWYa",m="Amino_RestState-module__action--Xw3I4";a.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(t){var a=t.action,i=t.className,c=t.icon,u=t.label,_=t.style,d=t.subtitle;return e.jsxs("div",{className:l.default(i,n),style:_,children:[c?e.jsx("img",{alt:u,className:r,src:c}):null,e.jsxs("div",{className:o,children:[e.jsx(s.Text,{type:"title",children:u}),d&&e.jsx(s.Text,{type:"subtitle",children:d}),a?e.jsx("div",{className:m,children:a}):null]})]})};

package/components/rich-card-select/RichCardStateSelect.d.ts

@@ -4,4 +4,4 @@ export type RichCardStateSelectProps<T extends UnitedState = UnitedState> = Base
     states: T[];
     onClick: (selectedState: T) => void;
 };
-export declare const RichCardStateSelect: <T extends UnitedState = UnitedState>({ className, onClick, states, }: RichCardStateSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RichCardStateSelect: <T extends UnitedState = UnitedState>({ className, onClick, states, style, }: RichCardStateSelectProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/rich-card-select/RichCardStateSelect.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../card/Card.js"),r=require("../stack/VStack.js"),a=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../styles/constants/theme.js");var o=n(t),c="Amino_RichCardStateSelect-module__regionLabel--SPGQW",l="Amino_RichCardStateSelect-module__regionWrapper---fUKw",s="Amino_RichCardStateSelect-module__stateCard--l39ey",d="Amino_RichCardStateSelect-module__highlighted--6mou3";a.styleInject(".Amino_RichCardStateSelect-module__regionLabel--SPGQW{font-weight:700}.Amino_RichCardStateSelect-module__regionWrapper---fUKw{display:flex;flex-wrap:wrap;gap:var(--amino-space-8)}.Amino_RichCardStateSelect-module__stateCard--l39ey{align-items:center;cursor:pointer;display:flex;flex:0 0 180px;font-size:var(--amino-font-size-s);font-weight:500;gap:var(--amino-space-24);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:180px}.Amino_RichCardStateSelect-module__stateCard--l39ey:not(.Amino_RichCardStateSelect-module__highlighted--6mou3):hover{background-color:var(--amino-gray-50)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3{background-color:var(--amino-blue-100);border:2px solid var(--amino-blue-400);color:var(--amino-blue-600)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3 svg>path{stroke:var(--amino-blue-600);fill:var(--amino-blue-200)}");exports.RichCardStateSelect=function(t){var a=t.className,n=t.onClick,u=t.states,m=Array.from(new Set(u.map((function(e){return e.region})))),h=["West","Midwest","South","Northeast"];return m.sort((function(e,t){return h.indexOf(e)-h.indexOf(t)})),e.jsx(r.VStack,{className:a,spacing:24,children:m.map((function(t){return e.jsx("div",{children:e.jsxs(r.VStack,{spacing:16,children:[e.jsx("div",{className:c,children:t}),e.jsx("div",{className:l,children:u.filter((function(e){return e.region===t})).map((function(t){return e.jsx("button",{onClick:function(){return n(t)},type:"button",children:e.jsxs(i.Card,{className:o.default(s,t.highlighted&&d),spacing:"10px",children:[t.icon,t.name]})},t.code)}))})]})},t)}))})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("../card/Card.js"),r=require("../stack/VStack.js"),a=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../styles/constants/theme.js");var o=n(t),c="Amino_RichCardStateSelect-module__regionLabel--SPGQW",l="Amino_RichCardStateSelect-module__regionWrapper---fUKw",s="Amino_RichCardStateSelect-module__stateCard--l39ey",d="Amino_RichCardStateSelect-module__highlighted--6mou3";a.styleInject(".Amino_RichCardStateSelect-module__regionLabel--SPGQW{font-weight:700}.Amino_RichCardStateSelect-module__regionWrapper---fUKw{display:flex;flex-wrap:wrap;gap:var(--amino-space-8)}.Amino_RichCardStateSelect-module__stateCard--l39ey{align-items:center;cursor:pointer;display:flex;flex:0 0 180px;font-size:var(--amino-font-size-s);font-weight:500;gap:var(--amino-space-24);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:180px}.Amino_RichCardStateSelect-module__stateCard--l39ey:not(.Amino_RichCardStateSelect-module__highlighted--6mou3):hover{background-color:var(--amino-gray-50)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3{background-color:var(--amino-blue-100);border:2px solid var(--amino-blue-400);color:var(--amino-blue-600)}.Amino_RichCardStateSelect-module__stateCard--l39ey.Amino_RichCardStateSelect-module__highlighted--6mou3 svg>path{stroke:var(--amino-blue-600);fill:var(--amino-blue-200)}");exports.RichCardStateSelect=function(t){var a=t.className,n=t.onClick,u=t.states,m=t.style,h=Array.from(new Set(u.map((function(e){return e.region})))),_=["West","Midwest","South","Northeast"];return h.sort((function(e,t){return _.indexOf(e)-_.indexOf(t)})),e.jsx(r.VStack,{className:a,spacing:24,style:m,children:h.map((function(t){return e.jsx("div",{children:e.jsxs(r.VStack,{spacing:16,children:[e.jsx("div",{className:c,children:t}),e.jsx("div",{className:l,children:u.filter((function(e){return e.region===t})).map((function(t){return e.jsx("button",{onClick:function(){return n(t)},type:"button",children:e.jsxs(i.Card,{className:o.default(s,t.highlighted&&d),spacing:"10px",children:[t.icon,t.name]})},t.code)}))})]})},t)}))})};

package/components/rich-checkbox/RichCheckbox.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 type RichCheckboxItemType = {
     checked: boolean;
     icon?: ReactNode;
@@ -6,9 +7,9 @@ type RichCheckboxItemType = {
     subtitle?: string;
     value: string;
 };
-export type RichCheckboxProps = {
+export type RichCheckboxProps = BaseProps & {
     items: RichCheckboxItemType[];
     onClick: (newVal: string) => void;
 };
-export declare const RichCheckbox: ({ items, onClick }: RichCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RichCheckbox: ({ className, items, onClick, style, }: RichCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/rich-checkbox/RichCheckbox.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),l="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",s="Amino_RichCheckbox-module__label--uogM3",d="Amino_RichCheckbox-module__subtitle--LJpUN",m="Amino_RichCheckbox-module__styledVStack--Ctftf",u="Amino_RichCheckbox-module__styledIcon--KfzLA",h="Amino_RichCheckbox-module__styledItemContentDiv--EiRCD",_="Amino_RichCheckbox-module__hasIcon--g6o2Y";t.styleInject('.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;padding:var(--amino-space-16);padding-right:var(--amino-space-40);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:focus{border:1px solid var(--amino-blue-300);outline:none}.Amino_RichCheckbox-module__label--uogM3{line-height:24px}[data-state=checked] .Amino_RichCheckbox-module__label--uogM3,[data-state=checked] .Amino_RichCheckbox-module__subtitle--LJpUN{color:var(--amino-primary)}button[data-state=checked] .Amino_RichCheckbox-module__styledVStack--Ctftf{background:var(--amino-blue-100);border:1px solid var(--amino-blue-300);color:var(--amino-blue-600)}.Amino_RichCheckbox-module__styledVStack--Ctftf svg{color:var(--amino-gray-0);height:var(--amino-space-12);width:var(--amino-space-12)}.Amino_RichCheckbox-module__styledIcon--KfzLA{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD{grid-column-gap:var(--amino-space-24);align-items:center;display:grid}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD.Amino_RichCheckbox-module__hasIcon--g6o2Y{grid-template-columns:30px 1fr}');exports.RichCheckbox=function(o){var t=o.items,n=o.onClick;return e.jsx(i.VStack,{className:m,spacing:16,children:t.map((function(o){var t=o.checked,m=o.icon,b=o.label,x=o.subtitle,k=o.value;return e.jsxs("button",{className:l,"data-state":t?"checked":"",onClick:function(e){return n(e.currentTarget.value)},type:"button",value:k,children:[e.jsxs("div",{className:r.default(h,!!m&&_),children:[m&&m,e.jsxs(i.VStack,{spacing:0,children:[e.jsx(a.Text,{className:s,color:"gray1200",type:"label",children:b}),x&&e.jsx(a.Text,{className:d,color:"gray700",children:x})]})]}),t&&e.jsx("div",{className:u,children:e.jsx(c.CheckmarkIcon,{})})]},k)}))})};
+"use strict";var e=require("react/jsx-runtime"),o=require("clsx"),i=require("../stack/VStack.js"),a=require("../text/Text.js"),c=require("../../icons/CheckmarkIcon.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var r=n(o),l="Amino_RichCheckbox-module__styledRichCheckbox--UBAoE",s="Amino_RichCheckbox-module__label--uogM3",d="Amino_RichCheckbox-module__subtitle--LJpUN",m="Amino_RichCheckbox-module__styledVStack--Ctftf",u="Amino_RichCheckbox-module__styledIcon--KfzLA",h="Amino_RichCheckbox-module__styledItemContentDiv--EiRCD",_="Amino_RichCheckbox-module__hasIcon--g6o2Y";t.styleInject('.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;padding:var(--amino-space-16);padding-right:var(--amino-space-40);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichCheckbox-module__styledRichCheckbox--UBAoE:focus{border:1px solid var(--amino-blue-300);outline:none}.Amino_RichCheckbox-module__label--uogM3{line-height:24px}[data-state=checked] .Amino_RichCheckbox-module__label--uogM3,[data-state=checked] .Amino_RichCheckbox-module__subtitle--LJpUN{color:var(--amino-primary)}button[data-state=checked] .Amino_RichCheckbox-module__styledVStack--Ctftf{background:var(--amino-blue-100);border:1px solid var(--amino-blue-300);color:var(--amino-blue-600)}.Amino_RichCheckbox-module__styledVStack--Ctftf svg{color:var(--amino-gray-0);height:var(--amino-space-12);width:var(--amino-space-12)}.Amino_RichCheckbox-module__styledIcon--KfzLA{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD{grid-column-gap:var(--amino-space-24);align-items:center;display:grid}.Amino_RichCheckbox-module__styledItemContentDiv--EiRCD.Amino_RichCheckbox-module__hasIcon--g6o2Y{grid-template-columns:30px 1fr}');exports.RichCheckbox=function(o){var t=o.className,n=o.items,b=o.onClick,x=o.style;return e.jsx(i.VStack,{className:r.default(t,m),spacing:16,style:x,children:n.map((function(o){var t=o.checked,n=o.icon,m=o.label,x=o.subtitle,k=o.value;return e.jsxs("button",{className:l,"data-state":t?"checked":"",onClick:function(e){return b(e.currentTarget.value)},type:"button",value:k,children:[e.jsxs("div",{className:r.default(h,!!n&&_),children:[n&&n,e.jsxs(i.VStack,{spacing:0,children:[e.jsx(a.Text,{className:s,color:"gray1200",type:"label",children:m}),x&&e.jsx(a.Text,{className:d,color:"gray700",children:x})]})]}),t&&e.jsx("div",{className:u,children:e.jsx(c.CheckmarkIcon,{})})]},k)}))})};

package/components/rich-radio/RichRadio.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import { type TooltipProps } from 'react-tooltip';
+import type { BaseProps } from "../../types/BaseProps";
 export type RichRadioItemType<T extends string> = {
     disabled?: boolean;
     label: ReactNode;
@@ -8,9 +9,8 @@ export type RichRadioItemType<T extends string> = {
     tooltipSetting?: Omit<TooltipProps, 'title' | 'children'>;
     value: T;
 };
-export type RichRadioProps<T extends string = string> = {
+export type RichRadioProps<T extends string = string> = BaseProps & {
     activeIcon?: ReactNode;
-    className?: string;
     icon?: ReactNode;
     /**
      * @param itemHeight
@@ -22,4 +22,4 @@ export type RichRadioProps<T extends string = string> = {
     onChange: (value: T) => void;
     renderCustomText?: (option: RichRadioItemType<T>) => ReactNode;
 };
-export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, value, }: RichRadioProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const RichRadio: <T extends string>({ activeIcon, className, icon, itemHeight, items, onChange, renderCustomText, style, value, }: RichRadioProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/rich-radio/RichRadio.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),r=require("../text/Text.js"),l=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",v="Amino_RichRadio-module__styledTooltip--ulJKt";n.styleInject('.Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-400);border-radius:50px;content:" ";padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledIcon--knIjA svg{color:var(--amino-gray-0)}.Amino_RichRadio-module__styledActiveIcon--gEn-e{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:2px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledItem--kTw3r{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;height:64px;padding:var(--amino-space-16);padding-right:calc(var(--amino-space-40) + 10px);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichRadio-module__styledItem--kTw3r:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichRadio-module__styledItem--kTw3r:hover .Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-600)}.Amino_RichRadio-module__styledItem--kTw3r:focus{border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);outline:none}.Amino_RichRadio-module__styledItem--kTw3r>div{display:flex;flex:1;flex-direction:column}.Amino_RichRadio-module__styledItem--kTw3r.Amino_RichRadio-module__smallItem--4wzbt{height:40px}.Amino_RichRadio-module__label--Lxhqy{color:var(--amino-text-color);line-height:24px}[data-state=checked] .Amino_RichRadio-module__label--Lxhqy{color:var(--amino-primary)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked]{background:var(--amino-blue-100);border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);color:var(--amino-blue-700)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked] .Amino_RichRadio-module__subtitle--xjXR-{color:var(--amino-blue-600)}.Amino_RichRadio-module__styledRadioGroup--7nOze svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_RichRadio-module__styledTooltip--ulJKt.Amino_RichRadio-module__styledTooltip--ulJKt{border-radius:10px;max-width:350px}');exports.RichRadio=function(a){var t=a.activeIcon,n=a.className,s=a.icon,y=a.itemHeight,g=void 0===y?64:y,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.value,f=e.__read(i.useState(I),2),w=f[0],T=f[1];i.useEffect((function(){T(I)}),[I]);return o.jsx(d.VStack,{className:m.default(n,x),spacing:16,children:k.map((function(i){return o.jsxs("button",{className:m.default(h,40===g&&R),"data-disabled":i.disabled,"data-state":i.value===w?"checked":"","data-tip":i.tooltip,onClick:function(){var e;e=i.value,T(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:v,effect:"solid"},i.tooltipSetting)),j?j(i):o.jsxs("div",{children:[o.jsx(r.Text,{className:p,type:"label",children:i.label}),i.subtitle&&o.jsx(r.Text,{className:b,color:"gray900",type:"body",children:i.subtitle})]}),!!s&&o.jsx("div",{className:u,children:s||o.jsx(l.CheckmarkIcon,{})}),i.value===w&&o.jsx("div",{className:_,children:t||o.jsx(l.CheckmarkIcon,{})})]},i.value)}))})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),a=require("react-tooltip"),t=require("clsx"),d=require("../stack/VStack.js"),l=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c=s(a),m=s(t),u="Amino_RichRadio-module__styledIcon--knIjA",_="Amino_RichRadio-module__styledActiveIcon--gEn-e",h="Amino_RichRadio-module__styledItem--kTw3r",R="Amino_RichRadio-module__smallItem--4wzbt",p="Amino_RichRadio-module__label--Lxhqy",x="Amino_RichRadio-module__styledRadioGroup--7nOze",b="Amino_RichRadio-module__subtitle--xjXR-",v="Amino_RichRadio-module__styledTooltip--ulJKt";n.styleInject('.Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-400);border-radius:50px;content:" ";padding:5px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledIcon--knIjA svg{color:var(--amino-gray-0)}.Amino_RichRadio-module__styledActiveIcon--gEn-e{align-items:center;background:var(--amino-blue-600);border-radius:50px;content:" ";display:flex;justify-content:center;padding:2px;position:absolute;right:var(--amino-space-16)}.Amino_RichRadio-module__styledItem--kTw3r{align-items:center;-webkit-appearance:none;appearance:none;background:var(--amino-gray-0);border:var(--amino-border);border-radius:var(--amino-radius-6);display:flex;flex-direction:row;height:64px;padding:var(--amino-space-16);padding-right:calc(var(--amino-space-40) + 10px);position:relative;text-align:left;transition:all .15s ease-in-out}.Amino_RichRadio-module__styledItem--kTw3r:hover{background:var(--amino-hover-color);border:1px solid var(--amino-gray-200)}.Amino_RichRadio-module__styledItem--kTw3r:hover .Amino_RichRadio-module__styledIcon--knIjA{background:var(--amino-gray-600)}.Amino_RichRadio-module__styledItem--kTw3r:focus{border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);outline:none}.Amino_RichRadio-module__styledItem--kTw3r>div{display:flex;flex:1;flex-direction:column}.Amino_RichRadio-module__styledItem--kTw3r.Amino_RichRadio-module__smallItem--4wzbt{height:40px}.Amino_RichRadio-module__label--Lxhqy{color:var(--amino-text-color);line-height:24px}[data-state=checked] .Amino_RichRadio-module__label--Lxhqy{color:var(--amino-primary)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked]{background:var(--amino-blue-100);border:1px solid var(--amino-blue-400);box-shadow:0 0 0 1px var(--amino-blue-400);color:var(--amino-blue-700)}.Amino_RichRadio-module__styledRadioGroup--7nOze .Amino_RichRadio-module__styledItem--kTw3r[data-state=checked] .Amino_RichRadio-module__subtitle--xjXR-{color:var(--amino-blue-600)}.Amino_RichRadio-module__styledRadioGroup--7nOze svg{color:var(--amino-gray-0);height:16px;width:16px}.Amino_RichRadio-module__styledTooltip--ulJKt.Amino_RichRadio-module__styledTooltip--ulJKt{border-radius:10px;max-width:350px}');exports.RichRadio=function(a){var t=a.activeIcon,n=a.className,s=a.icon,y=a.itemHeight,g=void 0===y?64:y,k=a.items,A=a.onChange,j=a.renderCustomText,I=a.style,f=a.value,w=e.__read(i.useState(f),2),T=w[0],q=w[1];i.useEffect((function(){q(f)}),[f]);return o.jsx(d.VStack,{className:m.default(n,x),spacing:16,style:I,children:k.map((function(i){return o.jsxs("button",{className:m.default(h,40===g&&R),"data-disabled":i.disabled,"data-state":i.value===T?"checked":"","data-tip":i.tooltip,onClick:function(){var e;e=i.value,q(e),A(e)},type:"button",children:[i.tooltip&&o.jsx(c.default,e.__assign({arrowColor:"transparent",className:v,effect:"solid"},i.tooltipSetting)),j?j(i):o.jsxs("div",{children:[o.jsx(l.Text,{className:p,type:"label",children:i.label}),i.subtitle&&o.jsx(l.Text,{className:b,color:"gray900",type:"body",children:i.subtitle})]}),!!s&&o.jsx("div",{className:u,children:s||o.jsx(r.CheckmarkIcon,{})}),i.value===T&&o.jsx("div",{className:_,children:t||o.jsx(r.CheckmarkIcon,{})})]},i.value)}))})};

package/components/rounded-icon/RoundedIcon.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 import type { Color } from "../../types/Color";
 import type { Intent } from "../../types/Intent";
-export type RoundedIconProps = {
+export type RoundedIconProps = BaseProps & {
     background?: Color;
     children: ReactNode;
-    className?: string;
     color?: Color;
     intent?: Intent;
 };
-export declare const RoundedIcon: ({ background, children, className, color, intent, }: RoundedIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RoundedIcon: ({ background, children, className, color, intent, style, }: RoundedIconProps) => import("react/jsx-runtime").JSX.Element;

package/components/rounded-icon/RoundedIcon.js

@@ -1 +1 @@
-"use strict";var n=require("react/jsx-runtime"),o=require("clsx"),e=require("../../styles/constants/theme.js"),r=require("../../style-inject.es-d4ddeae4.js");function d(n){return n&&n.__esModule?n:{default:n}}var a=d(o),c={iconWrapper:"Amino_RoundedIcon-module__iconWrapper--dNOMI",primary:"Amino_RoundedIcon-module__primary--nmE2V",danger:"Amino_RoundedIcon-module__danger--48cqf",warning:"Amino_RoundedIcon-module__warning---41kg",success:"Amino_RoundedIcon-module__success--NLnm9"};r.styleInject(".Amino_RoundedIcon-module__iconWrapper--dNOMI{align-items:center;background:var(--amino-rounded-icon-background);border-radius:32px;color:var(--amino-rounded-icon-color);display:flex;height:var(--amino-space-32);justify-content:center;width:var(--amino-space-32)}.Amino_RoundedIcon-module__iconWrapper--dNOMI svg{height:var(--amino-space-20);width:var(--amino-space-20)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__primary--nmE2V{background:var(--amino-blue-100);color:var(--amino-blue-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__danger--48cqf{background:var(--amino-red-100);color:var(--amino-red-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__warning---41kg{background:var(--amino-orange-100);color:var(--amino-orange-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__success--NLnm9{background:var(--amino-green-100);color:var(--amino-green-600)}");exports.RoundedIcon=function(o){var r=o.background,d=o.children,i=o.className,u=o.color,m=o.intent;return n.jsx("div",{className:a.default(i,c.iconWrapper,function(){switch(m){case"danger":case"primary":case"warning":case"success":return c[m];default:return""}}()),style:{"--amino-rounded-icon-background":r?e.theme[r]:e.theme.gray200,"--amino-rounded-icon-color":u?e.theme[u]:e.theme.gray600},children:d})};
+"use strict";var n=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),e=require("clsx"),r=require("../../styles/constants/theme.js"),a=require("../../style-inject.es-d4ddeae4.js");function d(n){return n&&n.__esModule?n:{default:n}}var c=d(e),i={iconWrapper:"Amino_RoundedIcon-module__iconWrapper--dNOMI",primary:"Amino_RoundedIcon-module__primary--nmE2V",danger:"Amino_RoundedIcon-module__danger--48cqf",warning:"Amino_RoundedIcon-module__warning---41kg",success:"Amino_RoundedIcon-module__success--NLnm9"};a.styleInject(".Amino_RoundedIcon-module__iconWrapper--dNOMI{align-items:center;background:var(--amino-rounded-icon-background);border-radius:32px;color:var(--amino-rounded-icon-color);display:flex;height:var(--amino-space-32);justify-content:center;width:var(--amino-space-32)}.Amino_RoundedIcon-module__iconWrapper--dNOMI svg{height:var(--amino-space-20);width:var(--amino-space-20)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__primary--nmE2V{background:var(--amino-blue-100);color:var(--amino-blue-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__danger--48cqf{background:var(--amino-red-100);color:var(--amino-red-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__warning---41kg{background:var(--amino-orange-100);color:var(--amino-orange-600)}.Amino_RoundedIcon-module__iconWrapper--dNOMI.Amino_RoundedIcon-module__success--NLnm9{background:var(--amino-green-100);color:var(--amino-green-600)}");exports.RoundedIcon=function(e){var a=e.background,d=e.children,u=e.className,m=e.color,s=e.intent,_=e.style;return o.jsx("div",{className:c.default(u,i.iconWrapper,function(){switch(s){case"danger":case"primary":case"warning":case"success":return i[s];default:return""}}()),style:n.__assign(n.__assign({},_),{"--amino-rounded-icon-background":a?r.theme[a]:r.theme.gray200,"--amino-rounded-icon-color":m?r.theme[m]:r.theme.gray600}),children:d})};

package/components/section/HSection.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-export type HSectionProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type HSectionProps = BaseProps & {
     children: ReactNode;
-    className?: string;
     /**
      * @info Initial collapse state. **Note**: only have effect when `collapsible` is specified
      * @default false
@@ -15,4 +15,4 @@ export type HSectionProps = {
     label?: ReactNode;
     sublabel?: ReactNode;
 };
-export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, sublabel, }: HSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HSection: ({ children, className, collapseByDefault, collapsible, label, style, sublabel, }: HSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/HSection.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),l=require("../button/Button.js"),n=require("../collapse/Collapse.js"),r=require("./_SectionInnerWrapper.js"),s=require("./_SectionSubheader.js"),a=require("../stack/HStack.js"),c=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),u=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m=_(t),p="Amino_HSection-module__styledSectionWrapper--zroOG",f="Amino_HSection-module__styledCollapseIndicator--fYDVo",S="Amino_HSection-module__collapsed--EiZ4e",y="Amino_HSection-module__styledDiv--iakQB",j="Amino_HSection-module__titleDiv--rklK6";u.styleInject(".Amino_HSection-module__styledSectionWrapper--zroOG{grid-template-columns:1fr 2fr;margin-bottom:40px;padding:8px}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo{background:#0000;margin-left:4px;position:relative;transition:all .2s ease}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active path[data-is-secondary-color],.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover{background:#0000;color:var(--amino-gray-800)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__collapsed--EiZ4e{transform:rotate(90deg)}.Amino_HSection-module__styledDiv--iakQB{display:flex;flex-direction:column}.Amino_HSection-module__titleDiv--rklK6{align-items:center;display:flex;justify-content:space-between}");exports.HSection=function(t){var u=t.children,_=t.className,H=t.collapseByDefault,A=void 0!==H&&H,x=t.collapsible,C=void 0!==x&&x,v=t.label,I=t.sublabel,q=void 0===I?"":I,D=e.__read(i.useState(A),2),h=D[0],b=D[1];return o.jsxs(a.HStack,{className:m.default(_,p),children:[v&&o.jsx(r.SectionInnerWrapper,{children:o.jsxs("div",{className:y,children:[C?o.jsxs("div",{className:j,onClick:function(){return b(!h)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[o.jsx(c.Text,{type:"title",children:v}),o.jsx(l.Button,{className:m.default(f,h&&S),icon:o.jsx(d.ChevronUpIcon,{}),onClick:function(){return b(!h)},size:"sm",variant:"plain"})]}):o.jsx(c.Text,{type:"title",children:v}),q&&o.jsx(s.SectionSubheader,{children:q})]})}),C?o.jsx(n.Collapse,{collapsed:h,children:u}):o.jsx("div",{children:u})]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),i=require("react"),t=require("clsx"),l=require("../button/Button.js"),n=require("../collapse/Collapse.js"),r=require("./_SectionInnerWrapper.js"),s=require("./_SectionSubheader.js"),a=require("../stack/HStack.js"),c=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),u=require("../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m=_(t),p="Amino_HSection-module__styledSectionWrapper--zroOG",f="Amino_HSection-module__styledCollapseIndicator--fYDVo",y="Amino_HSection-module__collapsed--EiZ4e",S="Amino_HSection-module__styledDiv--iakQB",j="Amino_HSection-module__titleDiv--rklK6";u.styleInject(".Amino_HSection-module__styledSectionWrapper--zroOG{grid-template-columns:1fr 2fr;margin-bottom:40px;padding:8px}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo{background:#0000;margin-left:4px;position:relative;transition:all .2s ease}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover path[data-is-secondary-color]{fill:var(--amino-gray-300)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active path[data-is-secondary-color],.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus path[data-is-secondary-color]{fill:var(--amino-gray-400)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:active,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:focus,.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo:hover{background:#0000;color:var(--amino-gray-800)}.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__styledCollapseIndicator--fYDVo.Amino_HSection-module__collapsed--EiZ4e{transform:rotate(90deg)}.Amino_HSection-module__styledDiv--iakQB{display:flex;flex-direction:column}.Amino_HSection-module__titleDiv--rklK6{align-items:center;display:flex;justify-content:space-between}");exports.HSection=function(t){var u=t.children,_=t.className,H=t.collapseByDefault,A=void 0!==H&&H,x=t.collapsible,C=void 0!==x&&x,v=t.label,I=t.style,q=t.sublabel,D=void 0===q?"":q,h=e.__read(i.useState(A),2),b=h[0],V=h[1];return o.jsxs(a.HStack,{className:m.default(_,p),style:I,children:[v&&o.jsx(r.SectionInnerWrapper,{children:o.jsxs("div",{className:S,children:[C?o.jsxs("div",{className:j,onClick:function(){return V(!b)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[o.jsx(c.Text,{type:"title",children:v}),o.jsx(l.Button,{className:m.default(f,b&&y),icon:o.jsx(d.ChevronUpIcon,{}),onClick:function(){return V(!b)},size:"sm",variant:"plain"})]}):o.jsx(c.Text,{type:"title",children:v}),D&&o.jsx(s.SectionSubheader,{children:D})]})}),C?o.jsx(n.Collapse,{collapsed:b,children:u}):o.jsx("div",{children:u})]})};

package/components/section/VSection.d.ts

@@ -1,9 +1,9 @@
 import type { ReactNode } from 'react';
-export type VSectionProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type VSectionProps = BaseProps & {
     actions?: ReactNode;
     children: ReactNode;
-    className?: string;
     label?: ReactNode;
     sublabel?: ReactNode;
 };
-export declare const VSection: ({ actions, children, className, label, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VSection: ({ actions, children, className, label, style, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionHeader.js"),i=require("./_SectionInnerWrapper.js"),s=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),c=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),u="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,a=r.children,o=r.className,d=r.label,j=r.sublabel,S=void 0===j?"":j;return e.jsxs("div",{className:l.default(o,u),children:[d&&e.jsxs(i.SectionInnerWrapper,{children:[e.jsxs(t.SectionHeader,{children:[d,e.jsx(s.SectionSubheader,{children:S})]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionHeader.js"),s=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),c=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),u="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,a=r.children,o=r.className,d=r.label,j=r.style,S=r.sublabel,x=void 0===S?"":S;return e.jsxs("div",{className:l.default(o,u),style:j,children:[d&&e.jsxs(s.SectionInnerWrapper,{children:[e.jsxs(t.SectionHeader,{children:[d,e.jsx(i.SectionSubheader,{children:x})]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};

package/components/select/CountryPhoneSelect.d.ts

@@ -1,9 +1,10 @@
 import { type ReactNode } from 'react';
 import { type GroupBase, type Props, type SelectComponentsConfig, type StylesConfig } from 'react-select';
 import type { HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
 import type { CountryOption } from "../../types/Country";
 import type { SelectOption } from "../../types/SelectOption";
-export type CountryPhoneSelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = {
+export type CountryPhoneSelectProps<Option extends SelectOption = SelectOption, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = BaseProps & {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     countryOptions: CountryOption[];
     hasGroups?: boolean;

package/components/select/CountrySelect.d.ts

@@ -1,4 +1,5 @@
 import { type SelectProps } from "./Select";
+import type { BaseProps } from "../../types/BaseProps";
 import type { CountryOption } from "../../types/Country";
 type CountrySelectType<T extends string> = {
     autoFocus?: SelectProps['autoFocus'];
@@ -9,6 +10,6 @@ type CountrySelectType<T extends string> = {
     value: T | null;
     filter?: (country: CountryOption<T>) => boolean;
 };
-export type CountrySelectProps<T extends string = string> = CountrySelectType<T> & Omit<SelectProps<CountryOption<T>>, keyof CountrySelectType<T> | 'options'>;
+export type CountrySelectProps<T extends string = string> = CountrySelectType<T> & BaseProps & Omit<SelectProps<CountryOption<T>>, keyof CountrySelectType<T> | 'options'>;
 export declare const CountrySelect: <T extends string>({ autoFocus, countryOptions, filter, label, onChange, placeholder, value, ...props }: CountrySelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/select/MultiSelect.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from 'react';
 import type { GroupBase, Props, PropsValue, SelectComponentsConfig, StylesConfig } from 'react-select';
 import { type HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
 import type { SelectOption } from "../../types/SelectOption";
 type RequiredProps = 'onChange' | 'options' | 'value';
-export type MultiSelectProps<Option extends SelectOption = SelectOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = {
+export type MultiSelectProps<Option extends SelectOption = SelectOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = BaseProps & {
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     hasGroups?: boolean;
     icon?: ReactNode;

package/components/simple-table/SimpleTable.d.ts

@@ -94,5 +94,5 @@ export type SimpleTableProps<T extends object> = BaseProps & {
  * - 'row-hover-show': Shows only when the row is hovered
  * - 'cell-hover-show': Shows only when the cell is hovered
  */
-export declare const SimpleTable: <T extends object>({ className, getRowLink, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SimpleTable: <T extends object>({ className, getRowLink, headers, items, keyExtractor, loading, loadingItems, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),n=require("../skeleton/Skeleton.js"),d=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js");var m=r(i),c="Amino_SimpleTable-module__tableStyled--Q3YSy",s="Amino_SimpleTable-module__noPadding--b5Y-c",_="Amino_SimpleTable-module__withHover--eL3XX",b="Amino_SimpleTable-module__clickable--XnaaE",u="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",S="Amino_SimpleTable-module__styledCheckbox---753a";a.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:uppercase}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border);height:56px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{padding:16px;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{border-bottom:var(--amino-border);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-gray-50)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .Amino_SimpleTable-module__row-hover-show--wkowE{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .Amino_SimpleTable-module__cell-hover-show--fenGT{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");exports.SimpleTable=function(i){var a=i.className,r=i.getRowLink,y=i.headers,p=i.items,x=i.keyExtractor,g=i.loading,k=void 0!==g&&g,j=i.loadingItems,v=void 0===j?10:j,A=i.noHoverBackground,T=void 0!==A&&A,C=i.onRowClick,f=i.onRowHover,w=i.renderFooter,Y=i.selectable,Q=void 0===Y?{enabled:!1}:Y,q=function(e,o){var i=o[e.key],t=function(i){return r&&!Q.anySelected?l.jsx("td",{className:h,children:l.jsx("a",{className:m.default(e.noPadding&&s),href:r(o),style:{textAlign:e.align||"start"},children:i})}):l.jsx("td",{className:m.default(e.noPadding&&s),style:{textAlign:e.align||"start"},children:i})};return e.renderCustom?l.jsx(l.Fragment,{children:t(e.renderCustom(i,o))}):l.jsx(l.Fragment,{children:t(String(i))})};return l.jsxs("table",{className:m.default(a,c),children:[l.jsxs("colgroup",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("col",{width:0}),y.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("th",{className:s,children:Q.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!k&&Q.headerCheckboxValue||!1,className:S,disabled:k,onChange:Q.onHeaderCheckboxChange})}),y.map((function(e){return l.jsx("th",{style:{textAlign:e.align||"start"},children:l.jsx(d.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),l.jsx("tbody",{children:k?e.__spreadArray([],e.__read(Array(v).keys()),!1).map((function(e){return l.jsxs("tr",{children:[Q.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:30},e)}),y.map((function(o){return l.jsx("td",{className:m.default(u,o.noPadding&&s),children:l.jsx(n.Skeleton,{height:30},e)},o.key)}))]},e)})):p.map((function(e,i){var n,d,a,r=!!C||!!Q.anySelected&&!!Q.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&b,!T&&_),onClick:function(){var l,o,t;Q.anySelected?(null===(l=Q.isRowCheckboxDisabled)||void 0===l?void 0:l.call(Q,e,i))||null===(o=Q.onRowCheckboxChange)||void 0===o||o.call(Q,!(null===(t=Q.isRowChecked)||void 0===t?void 0:t.call(Q,e,i)),e,i):null==C||C(e)},onMouseEnter:function(){return null==f?void 0:f(e)},children:[Q.enabled&&l.jsx("td",{className:s,children:(null===(n=Q.renderCustomRowCheckbox)||void 0===n?void 0:n.call(Q,e,i))||l.jsx(t.Checkbox,{checked:(null===(d=Q.isRowChecked)||void 0===d?void 0:d.call(Q,e,i))||!1,className:S,disabled:(null===(a=Q.isRowCheckboxDisabled)||void 0===a?void 0:a.call(Q,e,i))||!1,onChange:function(l){var o;return null===(o=Q.onRowCheckboxChange)||void 0===o?void 0:o.call(Q,l,e,i)}})}),y.map((function(i){return l.jsx(o.Fragment,{children:q(i,e)},i.key)}))]},x(e))}))}),w]})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),l=require("react/jsx-runtime"),o=require("react"),i=require("clsx"),t=require("../checkbox/Checkbox.js"),n=require("../skeleton/Skeleton.js"),d=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js");var m=r(i),s="Amino_SimpleTable-module__tableStyled--Q3YSy",c="Amino_SimpleTable-module__noPadding--b5Y-c",_="Amino_SimpleTable-module__withHover--eL3XX",b="Amino_SimpleTable-module__clickable--XnaaE",u="Amino_SimpleTable-module__loading--bvjof",h="Amino_SimpleTable-module__cellLink--jySVK",S="Amino_SimpleTable-module__styledCheckbox---753a";a.styleInject(".Amino_SimpleTable-module__tableStyled--Q3YSy{width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:uppercase}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border);height:56px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{padding:16px;white-space:nowrap}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{border-bottom:var(--amino-border);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__withHover--eL3XX:hover{background-color:var(--amino-gray-50)}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr.Amino_SimpleTable-module__clickable--XnaaE{cursor:pointer}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr:not(:hover) .Amino_SimpleTable-module__row-hover-show--wkowE{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{text-align:center}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td:not(:hover) .Amino_SimpleTable-module__cell-hover-show--fenGT{visibility:collapse}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a{display:block;height:100%;padding:12px;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__cellLink--jySVK>a.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");exports.SimpleTable=function(i){var a=i.className,r=i.getRowLink,y=i.headers,p=i.items,x=i.keyExtractor,g=i.loading,k=void 0!==g&&g,j=i.loadingItems,v=void 0===j?10:j,A=i.noHoverBackground,T=void 0!==A&&A,C=i.onRowClick,f=i.onRowHover,w=i.renderFooter,Y=i.selectable,Q=void 0===Y?{enabled:!1}:Y,q=i.style,N=function(e,o){var i=o[e.key],t=function(i){return r&&!Q.anySelected?l.jsx("td",{className:h,children:l.jsx("a",{className:m.default(e.noPadding&&c),href:r(o),style:{textAlign:e.align||"start"},children:i})}):l.jsx("td",{className:m.default(e.noPadding&&c),style:{textAlign:e.align||"start"},children:i})};return e.renderCustom?l.jsx(l.Fragment,{children:t(e.renderCustom(i,o))}):l.jsx(l.Fragment,{children:t(String(i))})};return l.jsxs("table",{className:m.default(a,s),style:q,children:[l.jsxs("colgroup",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("col",{width:0}),y.map((function(e){return l.jsx("col",{width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)}))]}),l.jsx("thead",{children:l.jsxs("tr",{children:[!!Q.onHeaderCheckboxChange&&l.jsx("th",{className:c,children:Q.renderCustomHeaderCheckbox||l.jsx(t.Checkbox,{checked:!k&&Q.headerCheckboxValue||!1,className:S,disabled:k,onChange:Q.onHeaderCheckboxChange})}),y.map((function(e){return l.jsx("th",{style:{textAlign:e.align||"start"},children:l.jsx(d.Text,{color:"gray800",type:"small-header",children:e.name})},e.key)}))]})}),l.jsx("tbody",{children:k?e.__spreadArray([],e.__read(Array(v).keys()),!1).map((function(e){return l.jsxs("tr",{children:[Q.enabled&&l.jsx("td",{children:l.jsx(n.Skeleton,{height:30},e)}),y.map((function(o){return l.jsx("td",{className:m.default(u,o.noPadding&&c),children:l.jsx(n.Skeleton,{height:30},e)},o.key)}))]},e)})):p.map((function(e,i){var n,d,a,r=!!C||!!Q.anySelected&&!!Q.onRowCheckboxChange;return l.jsxs("tr",{className:m.default(r&&b,!T&&_),onClick:function(){var l,o,t;Q.anySelected?(null===(l=Q.isRowCheckboxDisabled)||void 0===l?void 0:l.call(Q,e,i))||null===(o=Q.onRowCheckboxChange)||void 0===o||o.call(Q,!(null===(t=Q.isRowChecked)||void 0===t?void 0:t.call(Q,e,i)),e,i):null==C||C(e)},onMouseEnter:function(){return null==f?void 0:f(e)},children:[Q.enabled&&l.jsx("td",{className:c,children:(null===(n=Q.renderCustomRowCheckbox)||void 0===n?void 0:n.call(Q,e,i))||l.jsx(t.Checkbox,{checked:(null===(d=Q.isRowChecked)||void 0===d?void 0:d.call(Q,e,i))||!1,className:S,disabled:(null===(a=Q.isRowCheckboxDisabled)||void 0===a?void 0:a.call(Q,e,i))||!1,onChange:function(l){var o;return null===(o=Q.onRowCheckboxChange)||void 0===o?void 0:o.call(Q,l,e,i)}})}),y.map((function(i){return l.jsx(o.Fragment,{children:N(i,e)},i.key)}))]},x(e))}))}),w]})};

package/components/slider/Slider.d.ts

@@ -1,6 +1,6 @@
+import type { BaseProps } from "../../types/BaseProps";
 type SliderSize = 8 | 12;
-export type SliderProps = {
-    className?: string;
+export type SliderProps = BaseProps & {
     hideIndicator?: boolean;
     max?: number;
     min?: number;
@@ -17,5 +17,5 @@ export type SliderProps = {
     value: number;
     onChange: (newValue: number) => void;
 };
-export declare const Slider: ({ className, hideIndicator, max, min, onChange, size, step, suffix, value, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ className, hideIndicator, max, min, onChange, size, step, style, suffix, value, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/slider/Slider.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),r=require("@radix-ui/react-slider"),o=require("clsx"),a=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(o),n="Amino_Slider-module__styledSlider--DgldC",t="Amino_Slider-module__styledTrack--LJSr2",s="Amino_Slider-module__styledRange--H8Kqc",m="Amino_Slider-module__styledThumb--ZJzHZ",u="Amino_Slider-module__sliderWrapper--NJhMD",c="Amino_Slider-module__indicator---fWLA",_="Amino_Slider-module__upTriangle--obmpR",h="Amino_Slider-module__indicatorWrapper---so7l";a.styleInject(".Amino_Slider-module__styledSlider--DgldC{align-items:center;display:flex;height:12px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.Amino_Slider-module__styledTrack--LJSr2{background-color:var(--amino-gray-200);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);flex-grow:1;height:var(--amino-slider-styled-track-height);position:relative}.Amino_Slider-module__styledTrack--LJSr2+span{transition:all .3s ease}.Amino_Slider-module__styledRange--H8Kqc{background-color:var(--amino-primary);border-radius:9999px;height:100%;position:absolute;transition:all .3s ease}.Amino_Slider-module__styledThumb--ZJzHZ{background:var(--amino-gray-0);border:var(--amino-border);border-radius:20px;box-shadow:var(--amino-v3-shadow-base);cursor:pointer;display:block;height:var(--amino-slider-styled-thumb-height);width:var(--amino-slider-styled-thumb-width)}[data-theme=night] .Amino_Slider-module__styledThumb--ZJzHZ{background:var(--amino-gray-1200)}.Amino_Slider-module__styledThumb--ZJzHZ:active,.Amino_Slider-module__styledThumb--ZJzHZ:focus{background:var(--amino-gray-100);border-color:var(--amino-primary);box-shadow:var(--amino-glow-blue);outline:none}.Amino_Slider-module__sliderWrapper--NJhMD{height:var(--amino-slider-wrapper-height);position:relative}.Amino_Slider-module__indicator---fWLA{align-items:center;background:var(--amino-blue-100);border-bottom-left-radius:var(--amino-radius-6);border-bottom-right-radius:var(--amino-radius-6);color:var(--amino-blue-800);display:flex;font-weight:500;height:32px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:48px}.Amino_Slider-module__indicator---fWLA span{margin-top:-8px}.Amino_Slider-module__upTriangle--obmpR{border-bottom:24px solid var(--amino-blue-100);border-left:24px solid #0000;border-right:24px solid #0000;border-top-left-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);height:0;width:0;width:48px}.Amino_Slider-module__indicatorWrapper---so7l{margin-left:-12px;margin-top:34px}");exports.Slider=function(o){var a=o.className,d=o.hideIndicator,p=void 0!==d&&d,b=o.max,g=o.min,v=o.onChange,x=o.size,y=void 0===x?12:x,S=o.step,A=o.suffix,f=void 0===A?"%":A,w=o.value;return i.jsx("div",{className:l.default(a,u),style:{"--amino-slider-styled-thumb-height":"".concat(2*y,"px"),"--amino-slider-styled-thumb-width":"".concat(2*y,"px"),"--amino-slider-styled-track-height":"".concat(y,"px"),"--amino-slider-wrapper-height":p?"":"90px"},children:i.jsxs(r.Root,{className:n,max:b,min:g,onValueChange:function(i){var r=e.__read(i,1)[0];return void 0!==r&&v(r)},step:S,value:[w],children:[i.jsx(r.Track,{className:t,children:i.jsx(r.Range,{className:s})}),i.jsx(r.Thumb,{className:m,children:!p&&i.jsxs("div",{className:h,children:[i.jsx("div",{className:_}),i.jsx("div",{className:c,children:i.jsxs("span",{children:[w,f]})})]})})]})})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime"),r=require("@radix-ui/react-slider"),o=require("clsx"),a=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(o),s="Amino_Slider-module__styledSlider--DgldC",n="Amino_Slider-module__styledTrack--LJSr2",t="Amino_Slider-module__styledRange--H8Kqc",m="Amino_Slider-module__styledThumb--ZJzHZ",u="Amino_Slider-module__sliderWrapper--NJhMD",_="Amino_Slider-module__indicator---fWLA",c="Amino_Slider-module__upTriangle--obmpR",h="Amino_Slider-module__indicatorWrapper---so7l";a.styleInject(".Amino_Slider-module__styledSlider--DgldC{align-items:center;display:flex;height:12px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.Amino_Slider-module__styledTrack--LJSr2{background-color:var(--amino-gray-200);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);flex-grow:1;height:var(--amino-slider-styled-track-height);position:relative}.Amino_Slider-module__styledTrack--LJSr2+span{transition:all .3s ease}.Amino_Slider-module__styledRange--H8Kqc{background-color:var(--amino-primary);border-radius:9999px;height:100%;position:absolute;transition:all .3s ease}.Amino_Slider-module__styledThumb--ZJzHZ{background:var(--amino-gray-0);border:var(--amino-border);border-radius:20px;box-shadow:var(--amino-v3-shadow-base);cursor:pointer;display:block;height:var(--amino-slider-styled-thumb-height);width:var(--amino-slider-styled-thumb-width)}[data-theme=night] .Amino_Slider-module__styledThumb--ZJzHZ{background:var(--amino-gray-1200)}.Amino_Slider-module__styledThumb--ZJzHZ:active,.Amino_Slider-module__styledThumb--ZJzHZ:focus{background:var(--amino-gray-100);border-color:var(--amino-primary);box-shadow:var(--amino-glow-blue);outline:none}.Amino_Slider-module__sliderWrapper--NJhMD{height:var(--amino-slider-wrapper-height);position:relative}.Amino_Slider-module__indicator---fWLA{align-items:center;background:var(--amino-blue-100);border-bottom-left-radius:var(--amino-radius-6);border-bottom-right-radius:var(--amino-radius-6);color:var(--amino-blue-800);display:flex;font-weight:500;height:32px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:48px}.Amino_Slider-module__indicator---fWLA span{margin-top:-8px}.Amino_Slider-module__upTriangle--obmpR{border-bottom:24px solid var(--amino-blue-100);border-left:24px solid #0000;border-right:24px solid #0000;border-top-left-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);height:0;width:0;width:48px}.Amino_Slider-module__indicatorWrapper---so7l{margin-left:-12px;margin-top:34px}");exports.Slider=function(o){var a=o.className,d=o.hideIndicator,p=void 0!==d&&d,b=o.max,g=o.min,v=o.onChange,x=o.size,y=void 0===x?12:x,S=o.step,A=o.style,f=o.suffix,w=void 0===f?"%":f,j=o.value;return i.jsx("div",{className:l.default(a,u),style:e.__assign(e.__assign({},A),{"--amino-slider-styled-thumb-height":"".concat(2*y,"px"),"--amino-slider-styled-thumb-width":"".concat(2*y,"px"),"--amino-slider-styled-track-height":"".concat(y,"px"),"--amino-slider-wrapper-height":p?"":"90px"}),children:i.jsxs(r.Root,{className:s,max:b,min:g,onValueChange:function(i){var r=e.__read(i,1)[0];return void 0!==r&&v(r)},step:S,value:[j],children:[i.jsx(r.Track,{className:n,children:i.jsx(r.Range,{className:t})}),i.jsx(r.Thumb,{className:m,children:!p&&i.jsxs("div",{className:h,children:[i.jsx("div",{className:c}),i.jsx("div",{className:_,children:i.jsxs("span",{children:[j,w]})})]})})]})})};

package/components/sortable-list/SortableListItem.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from 'react';
-export type SortableListItemProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type SortableListItemProps = BaseProps & {
     children: ReactNode;
     handleIconSize?: number;
     id: string;
     useHandle?: boolean;
 };
 /** @description This must be a direct child of SortableList */
-export declare const SortableListItem: ({ children, handleIconSize, id, useHandle, }: SortableListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortableListItem: ({ children, handleIconSize, id, style, useHandle, }: SortableListItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/sortable-list/SortableListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),s=require("@dnd-kit/sortable"),i=require("@dnd-kit/utilities"),r=require("../../icons/DragIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var l="Amino_SortableListItem-module__styledSortableListItem--N-vqT",a="Amino_SortableListItem-module__styledSortableSection--fMakn";n.styleInject(".Amino_SortableListItem-module__styledSortableListItem--N-vqT{align-items:center;display:flex;gap:24px;justify-content:flex-end}.Amino_SortableListItem-module__styledSortableSection--fMakn{flex-grow:1}");exports.SortableListItem=function(n){var o=n.children,d=n.handleIconSize,c=void 0===d?20:d,m=n.id,u=n.useHandle,_=s.useSortable({id:m}),j=_.attributes,S=_.listeners,b=_.setNodeRef,x=_.transform,f=_.transition,v={transform:i.CSS.Transform.toString(x),transition:f};return t.jsx("div",{ref:b,children:u?t.jsxs("div",{className:l,style:v,children:[t.jsx("div",{className:a,children:o}),t.jsx("div",e.__assign({},S,j,{children:t.jsx(r.DragIcon,{size:c})}))]}):t.jsx("div",e.__assign({className:l,style:v},S,j,{children:t.jsx("div",{className:a,children:o})}))})};
+"use strict";var e=require("../../_tslib-bd4862e8.js"),s=require("react/jsx-runtime"),t=require("@dnd-kit/sortable"),i=require("@dnd-kit/utilities"),r=require("../../icons/DragIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var a="Amino_SortableListItem-module__styledSortableListItem--N-vqT",l="Amino_SortableListItem-module__styledSortableSection--fMakn";n.styleInject(".Amino_SortableListItem-module__styledSortableListItem--N-vqT{align-items:center;display:flex;gap:24px;justify-content:flex-end}.Amino_SortableListItem-module__styledSortableSection--fMakn{flex-grow:1}");exports.SortableListItem=function(n){var o=n.children,d=n.handleIconSize,c=void 0===d?20:d,m=n.id,u=n.style,_=n.useHandle,j=t.useSortable({id:m}),S=j.attributes,b=j.listeners,x=j.setNodeRef,f=j.transform,v=j.transition,y=e.__assign(e.__assign({},u),{transform:i.CSS.Transform.toString(f),transition:v});return s.jsx("div",{ref:x,children:_?s.jsxs("div",{className:a,style:y,children:[s.jsx("div",{className:l,children:o}),s.jsx("div",e.__assign({},b,S,{children:s.jsx(r.DragIcon,{size:c})}))]}):s.jsx("div",e.__assign({className:a,style:u},b,S,{children:s.jsx("div",{className:l,children:o})}))})};

package/components/switch/Switch.d.ts

@@ -11,4 +11,4 @@ export type SwitchProps = BaseProps & {
     switchIconRight?: ReactNode;
     onChange: (checked: boolean) => void;
 };
-export declare const Switch: ({ checked, className, disabled, label, labelDescription, labelIcon, onChange, subtitle, switchIconLeft, switchIconRight, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ checked, className, disabled, label, labelDescription, labelIcon, onChange, style, subtitle, switchIconLeft, switchIconRight, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=n(e),c="Amino_Switch-module__aminoSwitch--V20lQ",a="Amino_Switch-module__checked--cgbVH",m="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",_="Amino_Switch-module__aminoSwitchWrapper--OrqKy",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",d="Amino_Switch-module__styledLabel--mmtjI",r="Amino_Switch-module__styledLabelDescription--5xNoS",s="Amino_Switch-module__labelWrapper--l4iEG",w="Amino_Switch-module__switchContainer--ZM-Jo",u="Amino_Switch-module__disabled--drg1V",p="Amino_Switch-module__styledSubtitle--Zgig5",S="Amino_Switch-module__switchIcon--mIgO1",x="Amino_Switch-module__left--Q--oT";t.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1200)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;margin-right:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:.6}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var t=e.checked,n=e.className,g=e.disabled,b=e.label,A=e.labelDescription,y=e.labelIcon,v=e.onChange,f=e.subtitle,j=e.switchIconLeft,I=e.switchIconRight,W=null==b?void 0:b.replace(/\s/g,"-").toLowerCase(),N=Boolean(j||I);return i.jsxs("label",{className:l.default(n,w,g&&u),htmlFor:W,onClick:function(){return!g&&v(!t)},children:[N?i.jsxs("div",{className:l.default(_,h,t&&a),children:[i.jsx("div",{className:l.default(c,m,t&&a),id:W}),i.jsx("div",{className:l.default(S,x),children:j}),i.jsx("div",{className:S,children:I})]}):i.jsx("div",{className:l.default(_,t&&a),children:i.jsx("div",{className:l.default(c,t&&a),id:W})}),i.jsxs("div",{children:[i.jsxs("div",{className:s,children:[y,i.jsxs(o.Text,{className:d,type:"input-label",children:[b,A&&i.jsx("span",{className:r,children:A})]})]}),f&&i.jsx(o.Text,{className:p,type:"subtitle",children:f})]})]})};
+"use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=n(e),c="Amino_Switch-module__aminoSwitch--V20lQ",a="Amino_Switch-module__checked--cgbVH",m="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",_="Amino_Switch-module__aminoSwitchWrapper--OrqKy",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",d="Amino_Switch-module__styledLabel--mmtjI",r="Amino_Switch-module__styledLabelDescription--5xNoS",s="Amino_Switch-module__labelWrapper--l4iEG",w="Amino_Switch-module__switchContainer--ZM-Jo",u="Amino_Switch-module__disabled--drg1V",p="Amino_Switch-module__styledSubtitle--Zgig5",S="Amino_Switch-module__switchIcon--mIgO1",x="Amino_Switch-module__left--Q--oT";t.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1200)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;margin-right:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:.6}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var t=e.checked,n=e.className,g=e.disabled,b=e.label,A=e.labelDescription,y=e.labelIcon,v=e.onChange,f=e.style,j=e.subtitle,I=e.switchIconLeft,W=e.switchIconRight,N=null==b?void 0:b.replace(/\s/g,"-").toLowerCase(),V=Boolean(I||W);return i.jsxs("label",{className:l.default(n,w,g&&u),htmlFor:N,onClick:function(){return!g&&v(!t)},style:f,children:[V?i.jsxs("div",{className:l.default(_,h,t&&a),children:[i.jsx("div",{className:l.default(c,m,t&&a),id:N}),i.jsx("div",{className:l.default(S,x),children:I}),i.jsx("div",{className:S,children:W})]}):i.jsx("div",{className:l.default(_,t&&a),children:i.jsx("div",{className:l.default(c,t&&a),id:N})}),i.jsxs("div",{children:[i.jsxs("div",{className:s,children:[y,i.jsxs(o.Text,{className:d,type:"input-label",children:[b,A&&i.jsx("span",{className:r,children:A})]})]}),j&&i.jsx(o.Text,{className:p,type:"subtitle",children:j})]})]})};

package/components/table/TableFooter.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-export type TableFooterProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type TableFooterProps = BaseProps & {
     children: ReactNode;
-    className?: string;
 };
-export declare const TableFooter: ({ children, className }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableFooter: ({ children, className, style, }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableFooter.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime");exports.TableFooter=function(r){var t=r.children,s=r.className;return e.jsx("tfoot",{className:s,children:t})};
+"use strict";var e=require("react/jsx-runtime");exports.TableFooter=function(r){var t=r.children,s=r.className,a=r.style;return e.jsx("tfoot",{className:s,style:a,children:t})};

package/components/table/TableHead.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-export type TableHeadProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type TableHeadProps = BaseProps & {
     children: ReactNode;
-    className?: string;
 };
-export declare const TableHead: ({ children, className }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHead: ({ children, className, style }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;

package/components/table/TableHead.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime");exports.TableHead=function(r){var a=r.children,s=r.className;return e.jsx("thead",{className:s,children:a})};
+"use strict";var e=require("react/jsx-runtime");exports.TableHead=function(r){var s=r.children,a=r.className,t=r.style;return e.jsx("thead",{className:a,style:t,children:s})};

package/components/tabs/Tabs.d.ts

@@ -1,11 +1,11 @@
-export type TabsProps = {
+import type { BaseProps } from "../../types/BaseProps";
+export type TabsProps = BaseProps & {
     /**
      * Only applies to subtle design
      * Align tabs horizontally.
      * @default 'start'
      */
     align?: 'start' | 'center' | 'end';
-    className?: string;
     items: string[];
     selected: number;
     /**
@@ -15,4 +15,4 @@ export type TabsProps = {
     subtle?: boolean;
     onChange: (selectedTab: number) => void;
 };
-export declare const Tabs: ({ align, className, items, onChange, selected, subtle, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ align, className, items, onChange, selected, style, subtle, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(a){return a&&a.__esModule?a:{default:a}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var n=i(e),t="Amino_Tabs-module__baseTabs--ZLgAl",_="Amino_Tabs-module__aminoTabs--XHvSA",r="Amino_Tabs-module__subtleTabs--acvMB",b="Amino_Tabs-module__baseTab--0-7Os",m="Amino_Tabs-module__isSelected--xoR0q",l="Amino_Tabs-module__tab--TpsKY";s.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-200);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q{color:var(--amino-primary)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after{background-color:var(--amino-primary);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(e){var s=e.align,i=void 0===s?"start":s,d=e.className,u=e.items,T=e.onChange,c=e.selected,A=e.subtle;return void 0!==A&&A?a.jsx("div",{className:n.default(d,t,r),style:{"--amino-tabs-align":i},children:u.map((function(e){return a.jsx("div",{className:n.default(b,c===u.indexOf(e)&&m),onClick:function(){return T(u.indexOf(e))},role:"button",tabIndex:0,children:a.jsx(o.Text,{type:"label",children:e})},e)}))}):a.jsx("div",{className:n.default(d,t,_),children:u.map((function(e){return a.jsx("div",{className:n.default(b,l,c===u.indexOf(e)&&m),onClick:function(){return T(u.indexOf(e))},role:"button",tabIndex:0,children:e},e)}))})};
+"use strict";var a=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),s=require("../text/Text.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(a){return a&&a.__esModule?a:{default:a}}require("../../styles/constants/theme.js");var t=n(o),_="Amino_Tabs-module__baseTabs--ZLgAl",r="Amino_Tabs-module__aminoTabs--XHvSA",b="Amino_Tabs-module__subtleTabs--acvMB",m="Amino_Tabs-module__baseTab--0-7Os",l="Amino_Tabs-module__isSelected--xoR0q",d="Amino_Tabs-module__tab--TpsKY";i.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-200);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q{color:var(--amino-primary)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after{background-color:var(--amino-primary);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(o){var i=o.align,n=void 0===i?"start":i,u=o.className,T=o.items,c=o.onChange,A=o.selected,f=o.style,v=o.subtle;return void 0!==v&&v?e.jsx("div",{className:t.default(u,_,b),style:a.__assign(a.__assign({},f),{"--amino-tabs-align":n}),children:T.map((function(a){return e.jsx("div",{className:t.default(m,A===T.indexOf(a)&&l),onClick:function(){return c(T.indexOf(a))},role:"button",tabIndex:0,children:e.jsx(s.Text,{type:"label",children:a})},a)}))}):e.jsx("div",{className:t.default(u,_,r),style:f,children:T.map((function(a){return e.jsx("div",{className:t.default(m,d,A===T.indexOf(a)&&l),onClick:function(){return c(T.indexOf(a))},role:"button",tabIndex:0,children:a},a)}))})};

package/components/tag/Tag.d.ts

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
 type TagSize = 'base' | 'lg';
-export type TagProps = {
+export type TagProps = BaseProps & {
     children?: ReactNode | string;
-    className?: string;
     icon?: ReactNode;
     iconRight?: boolean;
     size?: TagSize;
     onClick?: () => void;
     onClose: () => void;
 };
-export declare const Tag: ({ children, className, icon, iconRight, onClick, onClose, size, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ children, className, icon, iconRight, onClick, onClose, size, style, }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("clsx"),o=require("../../icons/RemoveIcon.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var r=n(a),t="Amino_Tag-module__tagWrapper--5McNK",s="Amino_Tag-module__base--z0-9-",l="Amino_Tag-module__styledTagLeft--2XXDe",d="Amino_Tag-module__iconRight--LHvji",_="Amino_Tag-module__styledTagRight--5GHpr",m="Amino_Tag-module__styledRemoveBtn--nSh7A";i.styleInject(".Amino_Tag-module__tagWrapper--5McNK{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-4);display:inline-flex;height:24px}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__base--z0-9-{height:20px}.Amino_Tag-module__styledTagLeft--2XXDe{align-items:center;background-color:var(--amino-gray-100);border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6);color:var(--amino-text-color);display:inline-flex;font-size:var(--amino-font-size-s);font-weight:400;font-weight:600;gap:4px;padding:4px 4px 4px 8px;text-align:center}.Amino_Tag-module__styledTagLeft--2XXDe:focus{outline:none}.Amino_Tag-module__styledTagLeft--2XXDe p{font-weight:600;margin:0}.Amino_Tag-module__styledTagLeft--2XXDe.Amino_Tag-module__iconRight--LHvji svg{order:2}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagLeft--2XXDe{padding:2px 4px}.Amino_Tag-module__styledTagRight--5GHpr{align-items:center;border-radius:var(--amino-radius-4);display:inline-flex;padding:4px 5px}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagRight--5GHpr{padding:2px 3px}.Amino_Tag-module__styledRemoveBtn--nSh7A{display:flex}.Amino_Tag-module__styledTagRight--5GHpr:hover .Amino_Tag-module__styledRemoveBtn--nSh7A{background-color:var(--amino-gray-300);border-radius:50%}");exports.Tag=function(a){var i=a.children,n=a.className,g=a.icon,u=a.iconRight,c=a.onClick,p=a.onClose,T=a.size,x=void 0===T?"base":T;return e.jsxs("div",{className:r.default(n,t,"base"===x&&s),children:[e.jsxs("button",{className:r.default(l,u&&d),onClick:c,type:"button",children:[g,e.jsx("p",{children:i})]}),e.jsx("button",{className:_,onClick:p,type:"button",children:e.jsx("div",{className:m,children:e.jsx(o.RemoveIcon,{size:14})})})]})};
+"use strict";var e=require("react/jsx-runtime"),a=require("clsx"),o=require("../../icons/RemoveIcon.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var r=n(a),t="Amino_Tag-module__tagWrapper--5McNK",s="Amino_Tag-module__base--z0-9-",l="Amino_Tag-module__styledTagLeft--2XXDe",d="Amino_Tag-module__iconRight--LHvji",_="Amino_Tag-module__styledTagRight--5GHpr",m="Amino_Tag-module__styledRemoveBtn--nSh7A";i.styleInject(".Amino_Tag-module__tagWrapper--5McNK{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-4);display:inline-flex;height:24px}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__base--z0-9-{height:20px}.Amino_Tag-module__styledTagLeft--2XXDe{align-items:center;background-color:var(--amino-gray-100);border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6);color:var(--amino-text-color);display:inline-flex;font-size:var(--amino-font-size-s);font-weight:400;font-weight:600;gap:4px;padding:4px 4px 4px 8px;text-align:center}.Amino_Tag-module__styledTagLeft--2XXDe:focus{outline:none}.Amino_Tag-module__styledTagLeft--2XXDe p{font-weight:600;margin:0}.Amino_Tag-module__styledTagLeft--2XXDe.Amino_Tag-module__iconRight--LHvji svg{order:2}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagLeft--2XXDe{padding:2px 4px}.Amino_Tag-module__styledTagRight--5GHpr{align-items:center;border-radius:var(--amino-radius-4);display:inline-flex;padding:4px 5px}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagRight--5GHpr{padding:2px 3px}.Amino_Tag-module__styledRemoveBtn--nSh7A{display:flex}.Amino_Tag-module__styledTagRight--5GHpr:hover .Amino_Tag-module__styledRemoveBtn--nSh7A{background-color:var(--amino-gray-300);border-radius:50%}");exports.Tag=function(a){var i=a.children,n=a.className,g=a.icon,u=a.iconRight,c=a.onClick,p=a.onClose,T=a.size,x=void 0===T?"base":T,y=a.style;return e.jsxs("div",{className:r.default(n,t,"base"===x&&s),style:y,children:[e.jsxs("button",{className:r.default(l,u&&d),onClick:c,type:"button",children:[g,e.jsx("p",{children:i})]}),e.jsx("button",{className:_,onClick:p,type:"button",children:e.jsx("div",{className:m,children:e.jsx(o.RemoveIcon,{size:14})})})]})};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../help-text/HelpText.js"),l=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=n(r),_="Amino_Textarea-module__fields--z7afT",s="Amino_Textarea-module__styledBorder--yOPdL",u="Amino_Textarea-module__styledLabelInput--Q6-k8",m="Amino_Textarea-module__styledTextarea--Mk9DH",x="Amino_Textarea-module__hasLabel--qqvuZ",T="Amino_Textarea-module__hasContent--xpSft",p="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__aminoInputWrapper--h9Y-6",c="Amino_Textarea-module__disabled--YH6dm";i.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative}.Amino_Textarea-module__fields--z7afT:hover{border:1px solid var(--amino-gray-300)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);filter:blur(0);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition);z-index:3}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:0;border-radius:var(--amino-radius-6);box-sizing:border-box;display:block;font-size:var(--amino-font-size-base);font-weight:500;order:2;outline:none;padding:8px 16px 0;position:relative;width:100%;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding:0 4px 8px 16px}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before{background:var(--amino-input-background);border-radius:var(--amino-radius-6);content:"";height:25px;left:0;position:absolute;right:0;top:0;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH:focus~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-blue)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{position:relative;width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:.4}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}');var A=o.forwardRef((function(r,i){var n,A=r.className,f=r.disabled,v=r.error,h=r.expandable,y=r.helpText,k=r.label,q=r.maxRows,g=r.rows,H=r.value,L=r.width,w=e.__rest(r,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),M=!!H,j=o.useRef(null);return l.useHeightAdjustTextarea({maxRows:q,ref:j,shouldExpand:!!h,textareaValue:(null==H?void 0:H.toString())||""}),a.jsxs("div",{className:d.default(A,b,"amino-input-wrapper",f&&c),style:{"--amino-textarea-width":L||"100%"},children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==j?void 0:j.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){i&&"function"==typeof i?i(e):i&&(i.current=e),j.current=e},className:d.default(m,v&&p,k&&x,M&&T),disabled:f,rows:g,value:H},w)),a.jsx("label",{className:u,"data-label":k,htmlFor:null===(n=null==j?void 0:j.current)||void 0===n?void 0:n.id,onClick:function(){var e;return null===(e=null==j?void 0:j.current)||void 0===e?void 0:e.focus()},children:k}),a.jsx("div",{className:s})]}),a.jsx(t.HelpText,{error:v,helpText:y})]})}));exports.Textarea=A;
+"use strict";var e=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../help-text/HelpText.js"),l=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=n(r),_="Amino_Textarea-module__fields--z7afT",s="Amino_Textarea-module__styledBorder--yOPdL",u="Amino_Textarea-module__styledLabelInput--Q6-k8",m="Amino_Textarea-module__styledTextarea--Mk9DH",x="Amino_Textarea-module__hasLabel--qqvuZ",T="Amino_Textarea-module__hasContent--xpSft",p="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__aminoInputWrapper--h9Y-6",c="Amino_Textarea-module__disabled--YH6dm";i.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative}.Amino_Textarea-module__fields--z7afT:hover{border:1px solid var(--amino-gray-300)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);filter:blur(0);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition);z-index:3}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:0;border-radius:var(--amino-radius-6);box-sizing:border-box;display:block;font-size:var(--amino-font-size-base);font-weight:500;order:2;outline:none;padding:8px 16px 0;position:relative;width:100%;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding:0 4px 8px 16px}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before{background:var(--amino-input-background);border-radius:var(--amino-radius-6);content:"";height:25px;left:0;position:absolute;right:0;top:0;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH:focus~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-blue)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{position:relative;width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:.4}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}');var A=o.forwardRef((function(r,i){var n,A=r.className,f=r.disabled,v=r.error,h=r.expandable,y=r.helpText,k=r.label,g=r.maxRows,q=r.rows,H=r.style,L=r.value,w=r.width,M=e.__rest(r,["className","disabled","error","expandable","helpText","label","maxRows","rows","style","value","width"]),j=!!L,D=o.useRef(null);return l.useHeightAdjustTextarea({maxRows:g,ref:D,shouldExpand:!!h,textareaValue:(null==L?void 0:L.toString())||""}),a.jsxs("div",{className:d.default(A,b,"amino-input-wrapper",f&&c),style:e.__assign(e.__assign({},H),{"--amino-textarea-width":w||"100%"}),children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){i&&"function"==typeof i?i(e):i&&(i.current=e),D.current=e},className:d.default(m,v&&p,k&&x,j&&T),disabled:f,rows:q,value:L},M)),a.jsx("label",{className:u,"data-label":k,htmlFor:null===(n=null==D?void 0:D.current)||void 0===n?void 0:n.id,onClick:function(){var e;return null===(e=null==D?void 0:D.current)||void 0===e?void 0:e.focus()},children:k}),a.jsx("div",{className:s})]}),a.jsx(t.HelpText,{error:v,helpText:y})]})}));exports.Textarea=A;

package/components/thumbnail/Thumbnail.d.ts

@@ -18,5 +18,5 @@ export type ThumbnailProps = BaseProps & {
     /** @default 32 */
     size?: ImageSize;
 };
-export declare const Thumbnail: ({ className, color, icon, intent, shape, size, }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thumbnail: ({ className, color, icon, intent, shape, size, style, }: ThumbnailProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-"use strict";var i=require("react/jsx-runtime"),o=require("clsx"),a=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function e(i){return i&&i.__esModule?i:{default:i}}var r=e(o),l="Amino_Thumbnail-module__wrapper--oG7iK",m="Amino_Thumbnail-module__bordered--hqPCS",u="Amino_Thumbnail-module__outline--BntlJ";n.styleInject(".Amino_Thumbnail-module__wrapper--oG7iK{align-items:center;background-color:var(--amino-thumbnail-background-color);border-radius:var(--amino-thumbnail-border-radius);box-sizing:initial;display:inline-flex;height:var(--amino-thumbnail-size);justify-content:center;width:var(--amino-thumbnail-size)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__bordered--hqPCS{border:calc(var(--amino-thumbnail-size)/16) solid var(--amino-gray-0)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__outline--BntlJ{background-color:initial;border:1px solid var(--amino-gray-200)}.Amino_Thumbnail-module__wrapper--oG7iK svg{color:var(--amino-thumbnail-svg-main-color);height:60%;width:60%}.Amino_Thumbnail-module__wrapper--oG7iK svg path[data-is-secondary-color]{fill:var(--amino-thumbnail-svg-secondary-color)}");var t={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(o){var n=o.className,e=o.color,d=void 0===e?"gray":e,s=o.icon,c=o.intent,h=void 0===c?"full":c,b=o.shape,_=void 0===b?"round":b,v=o.size,p=void 0===v?32:v;return i.jsx("div",{className:r.default(n,l,"bordered"===h&&m,"outline"===h&&u),style:{"--amino-thumbnail-background-color":a.theme["".concat(d,"100")],"--amino-thumbnail-border-radius":t[_],"--amino-thumbnail-size":"".concat(p,"px"),"--amino-thumbnail-svg-main-color":a.theme["".concat(d,"800")],"--amino-thumbnail-svg-secondary-color":a.theme["".concat(d,"400")]},children:s})};
+"use strict";var i=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),a=require("clsx"),n=require("../../styles/constants/theme.js"),e=require("../../style-inject.es-d4ddeae4.js");function r(i){return i&&i.__esModule?i:{default:i}}var l=r(a),m="Amino_Thumbnail-module__wrapper--oG7iK",u="Amino_Thumbnail-module__bordered--hqPCS",t="Amino_Thumbnail-module__outline--BntlJ";e.styleInject(".Amino_Thumbnail-module__wrapper--oG7iK{align-items:center;background-color:var(--amino-thumbnail-background-color);border-radius:var(--amino-thumbnail-border-radius);box-sizing:initial;display:inline-flex;height:var(--amino-thumbnail-size);justify-content:center;width:var(--amino-thumbnail-size)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__bordered--hqPCS{border:calc(var(--amino-thumbnail-size)/16) solid var(--amino-gray-0)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__outline--BntlJ{background-color:initial;border:1px solid var(--amino-gray-200)}.Amino_Thumbnail-module__wrapper--oG7iK svg{color:var(--amino-thumbnail-svg-main-color);height:60%;width:60%}.Amino_Thumbnail-module__wrapper--oG7iK svg path[data-is-secondary-color]{fill:var(--amino-thumbnail-svg-secondary-color)}");var s={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(a){var e=a.className,r=a.color,d=void 0===r?"gray":r,c=a.icon,h=a.intent,b=void 0===h?"full":h,_=a.shape,v=void 0===_?"round":_,g=a.size,p=void 0===g?32:g,y=a.style;return o.jsx("div",{className:l.default(e,m,"bordered"===b&&u,"outline"===b&&t),style:i.__assign(i.__assign({},y),{"--amino-thumbnail-background-color":n.theme["".concat(d,"100")],"--amino-thumbnail-border-radius":s[v],"--amino-thumbnail-size":"".concat(p,"px"),"--amino-thumbnail-svg-main-color":n.theme["".concat(d,"800")],"--amino-thumbnail-svg-secondary-color":n.theme["".concat(d,"400")]}),children:c})};

package/components/toast/Toast.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from 'react';
 import type { Intent } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 export type Direction = 'top' | 'right' | 'bottom' | 'left';
-export type ToastProps = {
+export type ToastProps = BaseProps & {
     children: ReactNode;
     direction?: Direction;
     /** Dismiss delay (default 6000 ms) */
@@ -9,4 +10,4 @@ export type ToastProps = {
     intent?: Extract<Intent, 'success' | 'warning' | 'error' | 'info'>;
     toastKey: string;
 };
-export declare const Toast: ({ children, direction, intent, toastKey, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ children, direction, intent, style, toastKey, }: ToastProps) => import("react/jsx-runtime").JSX.Element;

package/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";var o=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),n=require("clsx"),e=require("framer-motion"),i=require("../../icons/CheckCircleIcon.js"),t=require("../../icons/InfoIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),s=require("../../icons/WarningIcon.js"),m=require("../../style-inject.es-d4ddeae4.js");function _(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var d=_(n),c="Amino_Toast-module__aminoToast--Q7M1O",l="Amino_Toast-module__aminoSuccessToast--M03g9",u="Amino_Toast-module__aminoErrorToast--8Xban",g="Amino_Toast-module__aminoWarningToast--rFQsd",T="Amino_Toast-module__aminoInfoToast--HSKJi";m.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{align-items:center;background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1200);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);display:flex;font-weight:500;gap:12px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O+.Amino_Toast-module__aminoToast--Q7M1O{margin-top:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1200)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(n){var m=n.children,_=n.direction,A=n.intent,f=n.toastKey,v=function(){switch(_){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},h={animate:{opacity:1,translateX:0,translateY:0},exit:v(),initial:v(),key:f},M=function(){switch(A){case"success":return{class:l,icon:a.jsx(i.CheckCircleIcon,{})};case"error":return{class:u,icon:a.jsx(r.RemoveCircleIcon,{})};case"warning":return{class:g,icon:a.jsx(s.WarningIcon,{})};case"info":return{class:T,icon:a.jsx(t.InfoIcon,{})};default:return{class:c,icon:a.jsx(t.InfoIcon,{})}}}();return a.jsxs(e.motion.div,o.__assign({className:d.default(c,M.class),layout:!0},h,{children:[M.icon,m]}))};
+"use strict";var o=require("../../_tslib-bd4862e8.js"),a=require("react/jsx-runtime"),n=require("clsx"),e=require("framer-motion"),i=require("../../icons/CheckCircleIcon.js"),t=require("../../icons/InfoIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),s=require("../../icons/WarningIcon.js"),m=require("../../style-inject.es-d4ddeae4.js");function _(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var d=_(n),c="Amino_Toast-module__aminoToast--Q7M1O",l="Amino_Toast-module__aminoSuccessToast--M03g9",u="Amino_Toast-module__aminoErrorToast--8Xban",g="Amino_Toast-module__aminoWarningToast--rFQsd",T="Amino_Toast-module__aminoInfoToast--HSKJi";m.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{align-items:center;background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1200);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);display:flex;font-weight:500;gap:12px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O+.Amino_Toast-module__aminoToast--Q7M1O{margin-top:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1200)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(n){var m=n.children,_=n.direction,A=n.intent,f=n.style,v=n.toastKey,h=function(){switch(_){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},M={animate:{opacity:1,translateX:0,translateY:0},exit:h(),initial:h(),key:v},y=function(){switch(A){case"success":return{class:l,icon:a.jsx(i.CheckCircleIcon,{})};case"error":return{class:u,icon:a.jsx(r.RemoveCircleIcon,{})};case"warning":return{class:g,icon:a.jsx(s.WarningIcon,{})};case"info":return{class:T,icon:a.jsx(t.InfoIcon,{})};default:return{class:c,icon:a.jsx(t.InfoIcon,{})}}}();return a.jsxs(e.motion.div,o.__assign({className:d.default(c,y.class),layout:!0,style:f},M,{children:[y.icon,m]}))};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.88",
+  "version": "5.1.89",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",