@zonos/amino 6.1.3 → 6.2.1

package/components/__amino__/TranslateAminoText.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { TranslateProps } from "../translations/Translate";
-import type { AminoTranslationStrings } from "../../utils/translations/AminoTranslationStore";
+import type { TranslateProps } from '../../components/translations/Translate';
+import type { AminoTranslationStrings } from '../../utils/translations/AminoTranslationStore';
 /**
  * Amino-only Translate component with type safety.
  * This enforces that only AminoTranslationStrings can be used.

package/components/__amino__/TranslateAminoText.js

@@ -1 +1 @@
-"use strict";var r=require("../translations/Translate.js"),e=require("react/jsx-runtime");require("../../utils/translations/_handleTranslateComponentText.js"),require("../../tslib.es6-cdc5f922.js"),require("react"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js");exports.TranslateAminoText=function(s){return e.jsx(r.Translate,{...s})};
+"use strict";var r=require("../translations/Translate.js"),e=require("react/jsx-runtime");require("../../utils/translations/_handleTranslateComponentText.js"),require("react"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js");exports.TranslateAminoText=s=>e.jsx(r.Translate,{...s});

package/components/avatar/AvatarBase.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type ImageSize = 16 | 24 | 32 | 40 | 48 | 56 | 64;
 export declare const avatarShapes: {
-    readonly round: "50%";
-    readonly rounded: "";
-    readonly square: "0px";
+    readonly round: '50%';
+    readonly rounded: '';
+    readonly square: '0px';
 };
 type AvatarShape = keyof typeof avatarShapes;
 type AvatarStyleProps = {

package/components/avatar/AvatarBase.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var o={round:"50%",rounded:"",square:"0px"};exports.AvatarBase=function(t){var i=t.backgroundColor,n=t.backgroundPosition,c=t.backgroundSize,d=t.backgroundUrl,u=t.bordered,l=t.children,g=t.className,b=t.shape,x=t.size,h=t.style,m="rounded"===b?"".concat(2*(x/8-1),"px"):o[b];return s.jsx("div",{className:a.cn("flex items-center justify-center",g),style:e.__assign(e.__assign({},h),{border:u?"".concat(x/16,"px solid ").concat(r.theme.gray0):void 0,borderRadius:m,height:"".concat(x,"px"),width:"".concat(x,"px")}),children:l||s.jsx("div",{className:"h-full w-full bg-no-repeat",style:{backgroundColor:i||r.theme.gray100,backgroundImage:d?"url(".concat(d,")"):void 0,backgroundPosition:n||"center",backgroundSize:c||void 0,borderRadius:m}})})},exports.avatarShapes=o;
+"use strict";var e=require("../../styles/constants/theme.js"),r=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const a={round:"50%",rounded:"",square:"0px"};exports.AvatarBase=({backgroundColor:o,backgroundPosition:t,backgroundSize:i,backgroundUrl:d,bordered:n,children:u,className:c,shape:l,size:g,style:b})=>{const x="rounded"===l?2*(g/8-1)+"px":a[l];return s.jsx("div",{className:r.cn("flex items-center justify-center",c),style:{...b,border:n?`${g/16}px solid ${e.theme.gray0}`:void 0,borderRadius:x,height:`${g}px`,width:`${g}px`},children:u||s.jsx("div",{className:"h-full w-full bg-no-repeat",style:{backgroundColor:o||e.theme.gray100,backgroundImage:d?`url(${d})`:void 0,backgroundPosition:t||"center",backgroundSize:i||void 0,borderRadius:x}})})},exports.avatarShapes=a;

package/components/avatar/ImageAvatar.d.ts

@@ -1,4 +1,4 @@
-import { type FullAvatarProps } from "./AvatarBase";
+import { type FullAvatarProps } from '../../components/avatar/AvatarBase';
 export type ImageAvatarProps = {
     imageUrl: string;
 } & FullAvatarProps;

package/components/avatar/ImageAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("./AvatarBase.js"),r=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge");exports.ImageAvatar=function(s){var a=s.bordered,i=void 0!==a&&a,t=s.className,n=s.imageUrl,u=s.shape,o=void 0===u?"round":u,c=s.size,d=void 0===c?32:c,l=s.style;return r.jsx(e.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:n,bordered:i,className:t,shape:o,size:d,style:l})};
+"use strict";var e=require("./AvatarBase.js"),r=require("react/jsx-runtime");require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge");exports.ImageAvatar=({bordered:s=!1,className:a,imageUrl:t,shape:i="round",size:n=32,style:u})=>r.jsx(e.AvatarBase,{backgroundColor:"transparent",backgroundSize:"contain",backgroundUrl:t,bordered:s,className:a,shape:i,size:n,style:u});

package/components/avatar/UserAvatar.d.ts

@@ -1,4 +1,4 @@
-import { type FullAvatarProps } from "./AvatarBase";
+import { type FullAvatarProps } from '../../components/avatar/AvatarBase';
 export type UserAvatarProps = FullAvatarProps;
 /**
  * UserAvatar displays a default user placeholder avatar.

package/components/avatar/UserAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("./AvatarBase.js"),r=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge");exports.UserAvatar=function(s){var a=s.bordered,i=void 0!==a&&a,t=s.className,o=s.shape,l=void 0===o?"round":o,c=s.size,d=void 0===c?32:c,n=s.style;return r.jsx(e.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"".concat("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' viewBox='0 0 42 44'%3e%3cpath fill='%23A2A2AA' fill-rule='evenodd' d='M21 18.45a8.95 8.95 0 0 0 6.364-2.665A9.15 9.15 0 0 0 30 9.35a9.15 9.15 0 0 0-2.636-6.435A8.95 8.95 0 0 0 21 .25a8.95 8.95 0 0 0-6.364 2.665A9.15 9.15 0 0 0 12 9.35c0 2.414.948 4.728 2.636 6.435A8.95 8.95 0 0 0 21 18.45M0 45.75c0-2.788.543-5.55 1.599-8.126a21.3 21.3 0 0 1 4.552-6.888 21 21 0 0 1 6.813-4.603 20.8 20.8 0 0 1 16.072 0 21 21 0 0 1 6.813 4.603 21.3 21.3 0 0 1 4.553 6.888A21.4 21.4 0 0 1 42 45.75z' clip-rule='evenodd'/%3e%3c/svg%3e"),bordered:i,className:t,shape:l,size:d,style:n})};
+"use strict";var e=require("./AvatarBase.js"),r=require("react/jsx-runtime");require("../../styles/constants/theme.js"),require("../../utils/cn.js"),require("clsx"),require("tailwind-merge");exports.UserAvatar=({bordered:s=!1,className:a,shape:t="round",size:i=32,style:l})=>r.jsx(e.AvatarBase,{backgroundPosition:"bottom",backgroundSize:"80%",backgroundUrl:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='44' fill='none' viewBox='0 0 42 44'%3e%3cpath fill='%23A2A2AA' fill-rule='evenodd' d='M21 18.45a8.95 8.95 0 0 0 6.364-2.665A9.15 9.15 0 0 0 30 9.35a9.15 9.15 0 0 0-2.636-6.435A8.95 8.95 0 0 0 21 .25a8.95 8.95 0 0 0-6.364 2.665A9.15 9.15 0 0 0 12 9.35c0 2.414.948 4.728 2.636 6.435A8.95 8.95 0 0 0 21 18.45M0 45.75c0-2.788.543-5.55 1.599-8.126a21.3 21.3 0 0 1 4.552-6.888 21 21 0 0 1 6.813-4.603 20.8 20.8 0 0 1 16.072 0 21 21 0 0 1 6.813 4.603 21.3 21.3 0 0 1 4.553 6.888A21.4 21.4 0 0 1 42 45.75z' clip-rule='evenodd'/%3e%3c/svg%3e",bordered:s,className:a,shape:t,size:i,style:l});

package/components/badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { FontWeight } from "../text/Text";
-import type { BaseProps } from "../../types/BaseProps";
+import type { FontWeight } from '../../components/text/Text';
+import type { BaseProps } from '../../types/BaseProps';
 type BadgeColor = 'blue' | 'cyan' | 'gray' | 'green' | 'orange' | 'purple' | 'red';
 type Size = 'small' | 'default';
 export type BadgeProps = BaseProps & {

package/components/badge/Badge.js

@@ -1 +1 @@
-"use strict";var e=require("class-variance-authority"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var g=e.cva("flex items-center border text-amino-s text-center [&_p]:m-0 [&_p]:leading-4 [&_p]:px-amino-4 [&_svg]:h-5 [&_svg]:w-5",{compoundVariants:[{bold:!0,className:"bg-blue-500 border-blue-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"blue"},{bold:!0,className:"bg-cyan-600 border-cyan-700 text-gray-0 [&_svg]:text-gray-0",color:"cyan"},{bold:!0,className:"bg-gray-1000 border-gray-900 text-gray-100 [&_svg]:text-gray-100",color:"gray"},{bold:!0,className:"bg-green-500 border-green-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"green"},{bold:!0,className:"bg-orange-500 border-orange-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"orange"},{bold:!0,className:"bg-purple-500 border-purple-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"purple"},{bold:!0,className:"bg-red-500 border-red-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"red"}],defaultVariants:{bold:!1,color:"gray",size:"default"},variants:{bold:{false:"",true:""},color:{blue:"bg-blue-50 border-blue-200 text-blue-800",cyan:"bg-cyan-50 border-cyan-200 text-cyan-800",gray:"bg-gray-50 border-gray-200 text-gray-800",green:"bg-green-50 border-green-200 text-green-800",orange:"bg-orange-50 border-orange-200 text-orange-800",purple:"bg-purple-50 border-purple-200 text-purple-800",red:"bg-red-50 border-red-200 text-red-800"},size:{default:"py-[3px] px-[4px] gap-amino-0",small:"py-px px-amino-4 rounded-amino-4 gap-0 [&_p]:px-amino-4"}}});exports.Badge=function(e){var o=e.bold,d=void 0!==o&&o,l=e.children,s=e.className,n=e.color,i=void 0===n?"gray":n,b=e.fontWeight,c=void 0===b?600:b,x=e.icon,y=e.iconRight,u=void 0!==y&&y,p=e.rounded,v=void 0!==p&&p,m=e.size,_=void 0===m?"default":m,h=e.style;return t.jsx("div",{className:a.cn("inline-block",s),style:h,children:t.jsxs("div",{className:a.cn(g({bold:d,color:i,size:_}),u&&"flex-row-reverse"),style:{borderRadius:v?"20px":r.theme.radius6,fontWeight:c},children:[x,t.jsx("p",{children:l})]})})};
+"use strict";var e=require("class-variance-authority"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const g=e.cva("flex items-center border text-amino-s text-center [&_p]:m-0 [&_p]:leading-4 [&_p]:px-amino-4 [&_svg]:h-5 [&_svg]:w-5",{compoundVariants:[{bold:!0,className:"bg-blue-500 border-blue-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"blue"},{bold:!0,className:"bg-cyan-600 border-cyan-700 text-gray-0 [&_svg]:text-gray-0",color:"cyan"},{bold:!0,className:"bg-gray-1000 border-gray-900 text-gray-100 [&_svg]:text-gray-100",color:"gray"},{bold:!0,className:"bg-green-500 border-green-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"green"},{bold:!0,className:"bg-orange-500 border-orange-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"orange"},{bold:!0,className:"bg-purple-500 border-purple-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"purple"},{bold:!0,className:"bg-red-500 border-red-600 text-gray-0 [&_svg]:text-gray-0 dark:text-gray-1000 dark:[&_svg]:text-gray-1000",color:"red"}],defaultVariants:{bold:!1,color:"gray",size:"default"},variants:{bold:{false:"",true:""},color:{blue:"bg-blue-50 border-blue-200 text-blue-800",cyan:"bg-cyan-50 border-cyan-200 text-cyan-800",gray:"bg-gray-50 border-gray-200 text-gray-800",green:"bg-green-50 border-green-200 text-green-800",orange:"bg-orange-50 border-orange-200 text-orange-800",purple:"bg-purple-50 border-purple-200 text-purple-800",red:"bg-red-50 border-red-200 text-red-800"},size:{default:"py-[3px] px-[4px] gap-amino-0",small:"py-px px-amino-4 rounded-amino-4 gap-0 [&_p]:px-amino-4"}}});exports.Badge=({bold:e=!1,children:o,className:l,color:s="gray",fontWeight:d=600,icon:n,iconRight:b=!1,rounded:c=!1,size:x="default",style:y})=>t.jsx("div",{className:a.cn("inline-block",l),style:y,children:t.jsxs("div",{className:a.cn(g({bold:e,color:s,size:x}),b&&"flex-row-reverse"),style:{borderRadius:c?"20px":r.theme.radius6,fontWeight:d},children:[n,t.jsx("p",{children:o})]})});

package/components/banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
-import type { Intent } from "../../types/Intent";
+import type { BaseProps } from '../../types/BaseProps';
+import type { Intent } from '../../types/Intent';
 export type BannerProps = BaseProps & {
     children?: ReactNode;
     footerActions?: ReactNode;

package/components/banner/Banner.js

@@ -1 +1 @@
-"use strict";var e=require("class-variance-authority"),r=require("../button/Button.js"),n=require("../text/Text.js"),o=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/ExclamationMarkIcon.js"),i=require("../../icons/InfoIcon.js"),t=require("../../icons/RemoveIcon.js"),a=require("../../icons/WarningIcon.js"),c=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("react"),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("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js");var u=e.cva("rounded-amino-12 p-amino-16 [&_.amino-button]:hover:brightness-110 [&_.amino-button]:focus:brightness-110",{defaultVariants:{intent:"default"},variants:{intent:{default:"bg-gray-50 text-gray-800 border border-gray-200",error:"bg-red-50 text-red-800 border border-red-200",info:"bg-blue-50 text-blue-800 border border-blue-200",success:"bg-green-50 text-green-800 border border-green-200",warning:"bg-orange-50 text-orange-800 border border-orange-200"}}});exports.Banner=function(e){var d=e.children,m=e.className,x=e.footerActions,g=e.headerActions,j=e.intent,b=e.onClose,f=e.style,I=e.title;return l.jsx("div",{className:c.cn(u({intent:j||"default"}),m),style:f,children:function(){var e=function(){switch(j){case"info":return{intentIcon:l.jsx(i.InfoIcon,{color:"blue800",size:24}),removeIconColor:"blue800"};case"success":return{intentIcon:l.jsx(o.CheckCircleIcon,{color:"green800",size:24}),removeIconColor:"green800"};case"warning":return{intentIcon:l.jsx(a.WarningIcon,{color:"orange800",size:24}),removeIconColor:"orange800"};case"error":return{intentIcon:l.jsx(s.ExclamationMarkIcon,{color:"red800",size:24}),removeIconColor:"red800"};default:return{intentIcon:l.jsx(i.InfoIcon,{color:"gray800",size:24}),removeIconColor:"gray800"}}}(),c=b&&l.jsx("div",{className:"justify-self-end [grid-area:close]",children:l.jsx(r.Button,{className:"w-6",icon:l.jsx(t.RemoveIcon,{color:e.removeIconColor,size:20}),onClick:b,variant:"text"})}),u=l.jsx("div",{className:"justify-self-start [grid-area:icon]",children:e.intentIcon});if(!I){var m=!!d||!!x||!!g;return l.jsxs("div",{className:"grid",style:{alignItems:m&&d?"start":"center",gridTemplateAreas:"'icon header close'",gridTemplateColumns:"32px auto ".concat(b?"32px":"0px")},children:[u,c,l.jsxs("div",{className:"text-amino-base gap-amino-8 flex flex-col [grid-area:header]",style:{color:e.removeIconColor},children:[g&&l.jsx("div",{className:"gap-amino-8 flex items-center",children:g}),d,x&&l.jsx("footer",{className:"gap-amino-8 mt-amino-4 flex items-center",children:x})]})]})}return l.jsxs("div",{className:"grid",style:{alignItems:"center",gridTemplateAreas:"'icon header close' '. content .'",gridTemplateColumns:"32px auto ".concat(b?"32px":"0px")},children:[u,c,l.jsx("div",{className:"text-amino-base [grid-area:header]",style:{color:e.removeIconColor},children:l.jsxs("header",{className:"gap-amino-12 flex items-center justify-between",children:[l.jsx(n.Text,{color:e.removeIconColor,type:"label",children:I}),g&&l.jsx("div",{className:"gap-amino-8 flex items-center",children:g})]})}),(d||x)&&l.jsxs("div",{className:"gap-amino-8 text-amino-base mt-2 flex flex-col [grid-area:content]",children:[d,x&&l.jsx("footer",{className:"gap-amino-12 mt-amino-8 flex items-center",children:l.jsx("div",{className:"gap-amino-8 flex items-center",children:x})})]})]})}()})};
+"use strict";var e=require("class-variance-authority"),r=require("../button/Button.js"),n=require("../text/Text.js"),o=require("../../icons/CheckCircleIcon.js"),s=require("../../icons/ExclamationMarkIcon.js"),i=require("../../icons/InfoIcon.js"),t=require("../../icons/RemoveIcon.js"),a=require("../../icons/WarningIcon.js"),c=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("react"),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("../../utils/getTestId.js"),require("../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");const d=e.cva("rounded-amino-12 p-amino-16 [&_.amino-button]:hover:brightness-110 [&_.amino-button]:focus:brightness-110",{defaultVariants:{intent:"default"},variants:{intent:{default:"bg-gray-50 text-gray-800 border border-gray-200",error:"bg-red-50 text-red-800 border border-red-200",info:"bg-blue-50 text-blue-800 border border-blue-200",success:"bg-green-50 text-green-800 border border-green-200",warning:"bg-orange-50 text-orange-800 border border-orange-200"}}});exports.Banner=({children:e,className:m,footerActions:u,headerActions:x,intent:g,onClose:j,style:b,title:I})=>l.jsx("div",{className:c.cn(d({intent:g||"default"}),m),style:b,children:(()=>{const c=(()=>{switch(g){case"info":return{intentIcon:l.jsx(i.InfoIcon,{color:"blue800",size:24}),removeIconColor:"blue800"};case"success":return{intentIcon:l.jsx(o.CheckCircleIcon,{color:"green800",size:24}),removeIconColor:"green800"};case"warning":return{intentIcon:l.jsx(a.WarningIcon,{color:"orange800",size:24}),removeIconColor:"orange800"};case"error":return{intentIcon:l.jsx(s.ExclamationMarkIcon,{color:"red800",size:24}),removeIconColor:"red800"};default:return{intentIcon:l.jsx(i.InfoIcon,{color:"gray800",size:24}),removeIconColor:"gray800"}}})(),d=j&&l.jsx("div",{className:"justify-self-end [grid-area:close]",children:l.jsx(r.Button,{className:"w-6",icon:l.jsx(t.RemoveIcon,{color:c.removeIconColor,size:20}),onClick:j,variant:"text"})}),m=l.jsx("div",{className:"justify-self-start [grid-area:icon]",children:c.intentIcon});if(!I){const r=!!e||!!u||!!x;return l.jsxs("div",{className:"grid",style:{alignItems:r&&e?"start":"center",gridTemplateAreas:"'icon header close'",gridTemplateColumns:"32px auto "+(j?"32px":"0px")},children:[m,d,l.jsxs("div",{className:"text-amino-base gap-amino-8 flex flex-col [grid-area:header]",style:{color:c.removeIconColor},children:[x&&l.jsx("div",{className:"gap-amino-8 flex items-center",children:x}),e,u&&l.jsx("footer",{className:"gap-amino-8 mt-amino-4 flex items-center",children:u})]})]})}return l.jsxs("div",{className:"grid",style:{alignItems:"center",gridTemplateAreas:"'icon header close' '. content .'",gridTemplateColumns:"32px auto "+(j?"32px":"0px")},children:[m,d,l.jsx("div",{className:"text-amino-base [grid-area:header]",style:{color:c.removeIconColor},children:l.jsxs("header",{className:"gap-amino-12 flex items-center justify-between",children:[l.jsx(n.Text,{color:c.removeIconColor,type:"label",children:I}),x&&l.jsx("div",{className:"gap-amino-8 flex items-center",children:x})]})}),(e||u)&&l.jsxs("div",{className:"gap-amino-8 text-amino-base mt-2 flex flex-col [grid-area:content]",children:[e,u&&l.jsx("footer",{className:"gap-amino-12 mt-amino-8 flex items-center",children:l.jsx("div",{className:"gap-amino-8 flex items-center",children:u})})]})]})})()});

package/components/button/Button.d.ts

@@ -1,10 +1,10 @@
 import { type ComponentPropsWithoutRef, type MouseEventHandler, type ReactNode } from 'react';
-import { type SpinnerProps } from "../spinner/Spinner";
-import type { BaseProps } from "../../types/BaseProps";
-import type { Color } from "../../types/Color";
-import type { Size } from "../../types/Size";
-import type { Theme } from "../../types/Theme";
-import type { Variant } from "../../types/Variant";
+import { type SpinnerProps } from '../../components/spinner/Spinner';
+import type { BaseProps } from '../../types/BaseProps';
+import type { Color } from '../../types/Color';
+import type { Size } from '../../types/Size';
+import type { Theme } from '../../types/Theme';
+import type { Variant } from '../../types/Variant';
 type ButtonBase = BaseProps & {
     background?: Color | 'inherit';
     children?: ReactNode;
@@ -41,7 +41,7 @@ type ButtonBase = BaseProps & {
  * It may be a good idea to look into refactoring this funcitonality
  */
 export type GroupTag = 'div' | 'a' | 'button';
-declare const DEFAULT_TAG: "button";
+declare const DEFAULT_TAG: 'button';
 type MyHtmlElement<T extends GroupTag> = T extends 'a' ? HTMLAnchorElement : T extends 'button' ? HTMLButtonElement : HTMLDivElement;
 export type ButtonProps<T extends GroupTag = typeof DEFAULT_TAG> = ButtonBase & {
     href?: T extends 'a' ? string : never;

package/components/button/Button.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),a=require("react"),r=require("class-variance-authority"),t=require("./RippleGroup.js"),n=require("./useRipple.js"),s=require("../spinner/Spinner.js"),o=require("../../styles/constants/theme.js"),i=require("../../utils/cn.js"),d=require("../../utils/getAminoColor.js"),c=require("../../utils/getTestId.js"),p=require("react/jsx-runtime");require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("clsx"),require("tailwind-merge");var l={lg:o.theme.sizeLg,md:o.theme.sizeMd,sm:o.theme.sizeSm,xl:o.theme.sizeXl},u=r.cva("amino-button relative outline-none box-border flex flex-row items-center justify-center transition-all duration-200 select-none font-sans tracking-normal cursor-pointer disabled:cursor-not-allowed disabled:opacity-disabled whitespace-nowrap text-amino-base [&_svg_path:not([data-is-secondary-color])]:fill-current",{compoundVariants:[{className:"text-blue-600 shadow-[0px_0px_0px_1px] shadow-blue-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-blue-50 hover:bg-none active:bg-blue-100 disabled:bg-transparent disabled:shadow-blue-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"primary"},{className:"text-green-600 shadow-[0px_0px_0px_1px] shadow-green-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-green-50 hover:bg-none active:bg-green-100 disabled:bg-transparent disabled:shadow-green-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"success"},{className:"text-red-600 shadow-[0px_0px_0px_1px] shadow-red-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-red-50 hover:bg-none active:bg-red-100 disabled:bg-transparent disabled:shadow-red-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"danger"},{className:"text-orange-600 shadow-[0px_0px_0px_1px] shadow-orange-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-orange-50 hover:bg-none active:bg-orange-100 disabled:bg-transparent disabled:shadow-[0px_0px_0px_1px_inset] disabled:shadow-orange-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"warning"},{className:"text-purple-600 shadow-[0px_0px_0px_1px] shadow-purple-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-purple-50 hover:bg-none active:bg-purple-100 disabled:bg-transparent disabled:shadow-[0px_0px_0px_1px_inset] disabled:shadow-purple-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"purple"},{className:"text-cyan-600 shadow-[0px_0px_0px_1px] shadow-cyan-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-cyan-50 hover:bg-none active:bg-cyan-100 disabled:bg-transparent disabled:shadow-[0px_0px_0px_1px_inset] disabled:shadow-cyan-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"cyan"},{className:"text-text-color bg-transparent shadow-none border border-gray-300 hover:bg-black/[0.04] dark:hover:bg-white/[0.08] hover:bg-none active:bg-gray-100 focus:shadow-[rgba(0,0,0,0.08)_0px_0px_0px_4px] dark:focus:shadow-[rgba(220,225,255,0.24)_0px_0px_0px_4px]",outline:!0,variant:"standard"}],defaultVariants:{outline:!1,size:"sm",variant:"standard"},variants:{outline:{false:"",true:""},size:{lg:"h-amino-lg",md:"h-amino-md",sm:"h-amino-sm",xl:"h-amino-xl"},variant:{cyan:"text-white shadow-btn-cyan [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-cyan-600 focus:shadow-btn-cyan-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-amino-cyan",danger:"text-white shadow-btn-danger [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-red-600 focus:shadow-btn-danger-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-danger",inlineLink:"p-0 inline-flex leading-[inherit] text-[var(--amino-button-color)] hover:text-[var(--amino-button-text-button-hover-color)] active:text-[var(--amino-button-text-button-hover-color)]",inverted:"bg-gray-1000 text-gray-0 shadow-raised-standard hover:bg-gray-900 active:bg-gray-600 focus:shadow-raised-standard disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-gray-1000",link:"active:bg-blue-100 hover:bg-blue-50 focus:shadow-btn-focus-ring",plain:"",primary:"text-white shadow-btn-primary [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-blue-600 focus:shadow-btn-primary-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-primary",purple:"text-white shadow-btn-purple [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-purple-600 focus:shadow-btn-purple-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-amino-purple",standard:"shadow-raised-standard active:bg-gray-100 focus:shadow-raised-standard",subtle:"hover:bg-gray-50 active:bg-gray-100 focus:shadow-focus-btn",success:"text-white shadow-btn-success [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-green-600 focus:shadow-btn-success-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-success",text:"text-[var(--amino-button-text-button-color)] hover:text-[var(--amino-button-text-button-hover-color)] disabled:text-[var(--amino-button-text-button-disabled-color)] [&.loading]:text-transparent",warning:"text-white shadow-btn-warning [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-orange-600 focus:shadow-btn-warning-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-warning"}}});exports.Button=function(r){var g=r.background,b=r.children,h=r.className,x=r.color,m=r.disabled,_=void 0!==m&&m,v=r.fitContentWidth,w=r.hoverBackground;r.hoverColor;var y,f=r.icon,k=r.iconRight,j=r.loading,C=void 0!==j&&j,q=r.loadingText,N=r.noRipple,z=void 0!==N&&N,R=r.outline,H=void 0!==R&&R,L=r.size,S=void 0===L?"sm":L,A=r.spinnerColor,I=r.style,T=r.tag,W=void 0===T?"button":T,B=r.testId,E=r.themeOverride,G=r.type,M=void 0===G?"button":G,O=r.variant,P=void 0===O?"standard":O,V=e.__rest(r,["background","children","className","color","disabled","fitContentWidth","hoverBackground","hoverColor","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","testId","themeOverride","type","variant"]),D=W,F=e.__read(a.useState(""),2),X=F[0],J=F[1],K=a.useCallback(function(e){J((null==e?void 0:e.textContent)||"")},[]),Q=a.useMemo(function(){return c.getTestId({componentName:"button",name:X})},[X]),U=function(){switch(S){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},Y=!H&&("primary"===P||"success"===P||"warning"===P||"danger"===P||"cyan"===P||"purple"===P),Z=i.cn(u({outline:H,size:S,variant:P}),f&&!b&&"p-0",f&&!b&&"w-[var(--amino-button-size)]",k&&"icon-right",f&&"has-icon",C&&"loading [&_.content]:invisible",!_&&!C&&"active:scale-[0.99]\n      hover:bg-[image:var(--amino-button-hover-background-color)]",(_||C)&&"cursor-not-allowed opacity-disabled",(_||C)&&Y&&"shadow-btn-disabled",f&&b&&!k&&"[&_svg:not(.amino-spinner)]:mr-[2px] [&_svg:not(.amino-spinner)]:ml-0\n      [&_svg:not(.amino-spinner)]:opacity-80",f&&b&&k&&"[&_svg:not(.amino-spinner)]:ml-[2px] [&_svg:not(.amino-spinner)]:mr-0\n      [&_svg:not(.amino-spinner)]:opacity-80",h),$=a.useRef(null),ee=n.useRipple({disabled:_||C,rippleEnabled:!z&&!["plain","text","inlineLink"].includes(P),rippleRef:$}),ae=ee.getRippleHandlers,re=ee.rippleEnabled,te={className:Z,disabled:_||C,size:S},ne=e.__assign(e.__assign(e.__assign({type:M},te),V),ae(V)),se=!!f&&!b,oe=function(){if(g)return d.getAminoColor(g)||"";if(H&&["primary","success","warning","danger","cyan","purple","standard"].includes(P))return"transparent";if((_||C)&&["primary","success","warning","danger","cyan","purple"].includes(P))return o.theme.gray500;switch(P){case"primary":return o.theme.primary;case"success":return o.theme.success;case"warning":return o.theme.warning;case"danger":return o.theme.danger;case"cyan":return o.theme.cyan;case"purple":return o.theme.purple;case"inverted":return o.theme.gray1000;case"standard":return o.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"transparent";default:return""}}(),ie="transparent"!==oe&&""!==oe;return p.jsxs(D,{ref:K,"data-testid":B||Q,"data-theme":E,style:e.__assign(e.__assign(e.__assign(e.__assign(e.__assign(e.__assign(e.__assign({"--amino-button-color":function(){if(x)return d.getAminoColor(x)||"";if(H)switch(P){case"primary":return o.theme.blue600;case"success":return o.theme.green600;case"warning":return o.theme.orange600;case"danger":return o.theme.red600;case"cyan":return o.theme.cyan600;case"purple":return o.theme.purple600}switch(P){case"primary":case"success":case"warning":case"danger":case"cyan":case"purple":case"inverted":return o.theme.gray0;case"link":case"inlineLink":return o.theme.blue600;case"subtle":return o.theme.textColorSecondary;default:return o.theme.textColor}}(),"--amino-button-hover-background-color":function(){if(w&&"inherit"!==w){var e=d.getAminoColor(w);return"linear-gradient(".concat(e,", ").concat(e,")")}if(H)return"";switch(P){case"primary":return o.theme.buttonPrimaryHover;case"success":return o.theme.buttonSuccessHover;case"warning":return o.theme.buttonWarningHover;case"danger":return o.theme.buttonDangerHover;case"cyan":return o.theme.buttonCyanHover;case"purple":return o.theme.buttonPurpleHover;case"standard":return o.theme.buttonStandardHover;case"subtle":case"inverted":return o.theme.gray100;case"link":return o.theme.blue100;case"text":return o.theme.gray500;default:return""}}(),"--amino-button-size":l[S],"--amino-button-text-button-color":_||C?V.href?o.theme.blue300:o.theme.gray300:V.href?o.theme.primary:o.theme.textColorSecondary,"--amino-button-text-button-disabled-color":V.href?o.theme.blue300:o.theme.gray300,"--amino-button-text-button-hover-color":"inlineLink"===P&&x?d.getAminoColor(x)||o.theme.blue500:V.href?o.theme.blue500:o.theme.gray500},ie&&{backgroundColor:oe}),{borderRadius:function(){switch(S){case"sm":return o.theme.radius6;case"lg":case"xl":return o.theme.radius10;default:return o.theme.radius8}}()}),"text"!==P&&"inlineLink"!==P&&(x||!(H&&"standard"===P)&&!Y)&&{color:"var(--amino-button-color)"}),{fontWeight:function(){switch(S){case"lg":case"xl":return 600;default:return 500}}()}),"inlineLink"!==P&&{lineHeight:l[S],padding:se?"0":function(){switch(S){case"sm":return"".concat(o.theme.space4," ").concat(o.theme.space8);case"lg":case"xl":return"".concat(o.theme.space12," ").concat(o.theme.space24);default:return"".concat(o.theme.space8," ").concat(o.theme.space16)}}()}),v&&{width:"fit-content"}),I),tabIndex:"div"===W?0:void 0,...ne,children:[(y=A||function(){switch(P){case"primary":return H?"info":"inverted";case"success":return H?"success":"inverted";case"warning":return H?"warning":"inverted";case"danger":return H?"danger":"inverted";case"purple":return H?"purple":"inverted";case"cyan":return H?"cyan":"inverted";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}}(),p.jsxs(p.Fragment,{children:[!k&&p.jsx("span",{className:"content",children:f}),p.jsx("div",{className:i.cn("content",b&&"px-amino-4"),children:b}),k&&p.jsx("span",{className:"content",children:f}),"plain"!==P&&"text"!==P&&C&&p.jsxs("span",{className:"spinner-wrapper rounded-amino-6 gap-amino-8 absolute inset-0 flex items-center justify-center",children:[p.jsx(s.Spinner,{color:y,size:U()}),q]})]})),re&&p.jsx(t.RippleGroup,{ref:$})]})};
+"use strict";var e=require("react"),a=require("class-variance-authority"),r=require("./RippleGroup.js"),t=require("./useRipple.js"),n=require("../spinner/Spinner.js"),s=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),i=require("../../utils/getAminoColor.js"),d=require("../../utils/getTestId.js"),p=require("react/jsx-runtime");require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("clsx"),require("tailwind-merge");const c={lg:s.theme.sizeLg,md:s.theme.sizeMd,sm:s.theme.sizeSm,xl:s.theme.sizeXl},l=a.cva("amino-button relative outline-none box-border flex flex-row items-center justify-center transition-all duration-200 select-none font-sans tracking-normal cursor-pointer disabled:cursor-not-allowed disabled:opacity-disabled whitespace-nowrap text-amino-base [&_svg_path:not([data-is-secondary-color])]:fill-current",{compoundVariants:[{className:"text-blue-600 shadow-[0px_0px_0px_1px] shadow-blue-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-blue-50 hover:bg-none active:bg-blue-100 disabled:bg-transparent disabled:shadow-blue-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"primary"},{className:"text-green-600 shadow-[0px_0px_0px_1px] shadow-green-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-green-50 hover:bg-none active:bg-green-100 disabled:bg-transparent disabled:shadow-green-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"success"},{className:"text-red-600 shadow-[0px_0px_0px_1px] shadow-red-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-red-50 hover:bg-none active:bg-red-100 disabled:bg-transparent disabled:shadow-red-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"danger"},{className:"text-orange-600 shadow-[0px_0px_0px_1px] shadow-orange-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-orange-50 hover:bg-none active:bg-orange-100 disabled:bg-transparent disabled:shadow-[0px_0px_0px_1px_inset] disabled:shadow-orange-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"warning"},{className:"text-purple-600 shadow-[0px_0px_0px_1px] shadow-purple-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-purple-50 hover:bg-none active:bg-purple-100 disabled:bg-transparent disabled:shadow-[0px_0px_0px_1px_inset] disabled:shadow-purple-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"purple"},{className:"text-cyan-600 shadow-[0px_0px_0px_1px] shadow-cyan-600 bg-transparent [text-shadow:none] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-none hover:bg-cyan-50 hover:bg-none active:bg-cyan-100 disabled:bg-transparent disabled:shadow-[0px_0px_0px_1px_inset] disabled:shadow-cyan-600 [&_.spinner-wrapper]:bg-transparent",outline:!0,variant:"cyan"},{className:"text-text-color bg-transparent shadow-none border border-gray-300 hover:bg-black/[0.04] dark:hover:bg-white/[0.08] hover:bg-none active:bg-gray-100 focus:shadow-[rgba(0,0,0,0.08)_0px_0px_0px_4px] dark:focus:shadow-[rgba(220,225,255,0.24)_0px_0px_0px_4px]",outline:!0,variant:"standard"}],defaultVariants:{outline:!1,size:"sm",variant:"standard"},variants:{outline:{false:"",true:""},size:{lg:"h-amino-lg",md:"h-amino-md",sm:"h-amino-sm",xl:"h-amino-xl"},variant:{cyan:"text-white shadow-btn-cyan [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-cyan-600 focus:shadow-btn-cyan-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-amino-cyan",danger:"text-white shadow-btn-danger [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-red-600 focus:shadow-btn-danger-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-danger",inlineLink:"p-0 inline-flex leading-[inherit] text-[var(--amino-button-color)] hover:text-[var(--amino-button-text-button-hover-color)] active:text-[var(--amino-button-text-button-hover-color)]",inverted:"bg-gray-1000 text-gray-0 shadow-raised-standard hover:bg-gray-900 active:bg-gray-600 focus:shadow-raised-standard disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-gray-1000",link:"active:bg-blue-100 hover:bg-blue-50 focus:shadow-btn-focus-ring",plain:"",primary:"text-white shadow-btn-primary [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-blue-600 focus:shadow-btn-primary-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-primary",purple:"text-white shadow-btn-purple [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-purple-600 focus:shadow-btn-purple-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-amino-purple",standard:"shadow-raised-standard active:bg-gray-100 focus:shadow-raised-standard",subtle:"hover:bg-gray-50 active:bg-gray-100 focus:shadow-focus-btn",success:"text-white shadow-btn-success [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-green-600 focus:shadow-btn-success-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-success",text:"text-[var(--amino-button-text-button-color)] hover:text-[var(--amino-button-text-button-hover-color)] disabled:text-[var(--amino-button-text-button-disabled-color)] [&.loading]:text-transparent",warning:"text-white shadow-btn-warning [text-shadow:0px_1px_1px_rgba(0,0,0,0.2)] [&_svg_path:not([data-is-secondary-color])]:drop-shadow-[0px_1px_1px_rgba(0,0,0,0.2)] dark:text-gray-1000 active:bg-orange-600 focus:shadow-btn-warning-focus disabled:bg-gray-500 disabled:shadow-btn-disabled [&_.spinner-wrapper]:bg-warning"}}});exports.Button=function({background:a,children:u,className:b,color:g,disabled:h=!1,fitContentWidth:x,hoverBackground:m,hoverColor:w,icon:_,iconRight:v,loading:y=!1,loadingText:f,noRipple:k=!1,outline:j=!1,size:C="sm",spinnerColor:q,style:N,tag:z="button",testId:R,themeOverride:H,type:L="button",variant:S="standard",...$}){const A=z,[I,T]=e.useState(""),W=e.useCallback(e=>{T(e?.textContent||"")},[]),B=e.useMemo(()=>d.getTestId({componentName:"button",name:I}),[I]),E=()=>{switch(C){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},G=!j&&("primary"===S||"success"===S||"warning"===S||"danger"===S||"cyan"===S||"purple"===S),M=o.cn(l({outline:j,size:C,variant:S}),_&&!u&&"p-0",_&&!u&&"w-[var(--amino-button-size)]",v&&"icon-right",_&&"has-icon",y&&"loading [&_.content]:invisible",!h&&!y&&"active:scale-[0.99]\n      hover:bg-[image:var(--amino-button-hover-background-color)]",(h||y)&&"cursor-not-allowed opacity-disabled",(h||y)&&G&&"shadow-btn-disabled",_&&u&&!v&&"[&_svg:not(.amino-spinner)]:mr-[2px] [&_svg:not(.amino-spinner)]:ml-0\n      [&_svg:not(.amino-spinner)]:opacity-80",_&&u&&v&&"[&_svg:not(.amino-spinner)]:ml-[2px] [&_svg:not(.amino-spinner)]:mr-0\n      [&_svg:not(.amino-spinner)]:opacity-80",b),P=e.useRef(null),{getRippleHandlers:V,rippleEnabled:D}=t.useRipple({disabled:h||y,rippleEnabled:!k&&!["plain","text","inlineLink"].includes(S),rippleRef:P}),F={type:L,...{className:M,disabled:h||y,size:C},...$,...V($)},O=!!_&&!u,X=(()=>{if(a)return i.getAminoColor(a)||"";if(j&&["primary","success","warning","danger","cyan","purple","standard"].includes(S))return"transparent";if((h||y)&&["primary","success","warning","danger","cyan","purple"].includes(S))return s.theme.gray500;switch(S){case"primary":return s.theme.primary;case"success":return s.theme.success;case"warning":return s.theme.warning;case"danger":return s.theme.danger;case"cyan":return s.theme.cyan;case"purple":return s.theme.purple;case"inverted":return s.theme.gray1000;case"standard":return s.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"transparent";default:return""}})(),J="transparent"!==X&&""!==X;return p.jsxs(A,{ref:W,"data-testid":R||B,"data-theme":H,style:{"--amino-button-color":(()=>{if(g)return i.getAminoColor(g)||"";if(j)switch(S){case"primary":return s.theme.blue600;case"success":return s.theme.green600;case"warning":return s.theme.orange600;case"danger":return s.theme.red600;case"cyan":return s.theme.cyan600;case"purple":return s.theme.purple600}switch(S){case"primary":case"success":case"warning":case"danger":case"cyan":case"purple":case"inverted":return s.theme.gray0;case"link":case"inlineLink":return s.theme.blue600;case"subtle":return s.theme.textColorSecondary;default:return s.theme.textColor}})(),"--amino-button-hover-background-color":(()=>{if(m&&"inherit"!==m){const e=i.getAminoColor(m);return`linear-gradient(${e}, ${e})`}if(j)return"";switch(S){case"primary":return s.theme.buttonPrimaryHover;case"success":return s.theme.buttonSuccessHover;case"warning":return s.theme.buttonWarningHover;case"danger":return s.theme.buttonDangerHover;case"cyan":return s.theme.buttonCyanHover;case"purple":return s.theme.buttonPurpleHover;case"standard":return s.theme.buttonStandardHover;case"subtle":case"inverted":return s.theme.gray100;case"link":return s.theme.blue100;case"text":return s.theme.gray500;default:return""}})(),"--amino-button-size":c[C],"--amino-button-text-button-color":h||y?$.href?s.theme.blue300:s.theme.gray300:$.href?s.theme.primary:s.theme.textColorSecondary,"--amino-button-text-button-disabled-color":$.href?s.theme.blue300:s.theme.gray300,"--amino-button-text-button-hover-color":"inlineLink"===S&&g?i.getAminoColor(g)||s.theme.blue500:$.href?s.theme.blue500:s.theme.gray500,...J&&{backgroundColor:X},borderRadius:(()=>{switch(C){case"sm":return s.theme.radius6;case"lg":case"xl":return s.theme.radius10;default:return s.theme.radius8}})(),..."text"!==S&&"inlineLink"!==S&&(g||!(j&&"standard"===S)&&!G)&&{color:"var(--amino-button-color)"},fontWeight:(()=>{switch(C){case"lg":case"xl":return 600;default:return 500}})(),..."inlineLink"!==S&&{lineHeight:c[C],padding:O?"0":(()=>{switch(C){case"sm":return`${s.theme.space4} ${s.theme.space8}`;case"lg":case"xl":return`${s.theme.space12} ${s.theme.space24}`;default:return`${s.theme.space8} ${s.theme.space16}`}})()},...x&&{width:"fit-content"},...N},tabIndex:"div"===z?0:void 0,...F,children:[(K=q||(()=>{switch(S){case"primary":return j?"info":"inverted";case"success":return j?"success":"inverted";case"warning":return j?"warning":"inverted";case"danger":return j?"danger":"inverted";case"purple":return j?"purple":"inverted";case"cyan":return j?"cyan":"inverted";case"inverted":return"white";case"link":case"inlineLink":return"info";default:return"black"}})(),p.jsxs(p.Fragment,{children:[!v&&p.jsx("span",{className:"content",children:_}),p.jsx("div",{className:o.cn("content",u&&"px-amino-4"),children:u}),v&&p.jsx("span",{className:"content",children:_}),"plain"!==S&&"text"!==S&&y&&p.jsxs("span",{className:"spinner-wrapper rounded-amino-6 gap-amino-8 absolute inset-0 flex items-center justify-center",children:[p.jsx(n.Spinner,{color:K,size:E()}),f]})]})),D&&p.jsx(r.RippleGroup,{ref:P})]});var K};

package/components/button/ButtonIcon.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from "./Button";
+import { type ButtonProps } from '../../components/button/Button';
 /**
  * A Button that is just an icon.
  */

package/components/button/ButtonIcon.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("./Button.js"),t=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("react"),require("class-variance-authority"),require("./RippleGroup.js"),require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("./useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js");exports.ButtonIcon=function(a){var i=a.className,n=a.style,o=e.__rest(a,["className","style"]);return s.jsx(r.Button,{className:t.cn("bg-transparent p-0 text-gray-800 hover:bg-transparent hover:text-gray-800\n      focus:bg-transparent focus:text-gray-800 active:bg-transparent\n      active:text-gray-800 [&_path[data-is-secondary-color]]:fill-gray-200\n      hover:[&_path[data-is-secondary-color]]:fill-gray-300\n      focus:[&_path[data-is-secondary-color]]:fill-gray-400\n      active:[&_path[data-is-secondary-color]]:fill-gray-400\n      focus:[&_svg_path:not([data-is-secondary-color])]:fill-current",i),style:n,...o})};
+"use strict";var r=require("./Button.js"),e=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("react"),require("class-variance-authority"),require("./RippleGroup.js"),require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("./useRipple.js"),require("../spinner/Spinner.js"),require("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js");exports.ButtonIcon=({className:a,style:s,...i})=>t.jsx(r.Button,{className:e.cn("bg-transparent p-0 text-gray-800 hover:bg-transparent hover:text-gray-800\n      focus:bg-transparent focus:text-gray-800 active:bg-transparent\n      active:text-gray-800 [&_path[data-is-secondary-color]]:fill-gray-200\n      hover:[&_path[data-is-secondary-color]]:fill-gray-300\n      focus:[&_path[data-is-secondary-color]]:fill-gray-400\n      active:[&_path[data-is-secondary-color]]:fill-gray-400\n      focus:[&_svg_path:not([data-is-secondary-color])]:fill-current",a),style:s,...i});

package/components/button/MenuButton.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
-import { type UseDropdownParams } from "../../utils/hooks/useDropdown";
+import type { BaseProps } from '../../types/BaseProps';
+import { type UseDropdownParams } from '../../utils/hooks/useDropdown';
 export type MenuButtonProps = BaseProps & {
     action: ReactNode;
     children: ReactNode;

package/components/button/MenuButton.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),i=require("../../utils/cn.js"),n=require("../../utils/hooks/useDropdown.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("react"),require("@floating-ui/react");exports.MenuButton=function(o){var t=o.action,r=o.children,a=o.className,l=o.dropdownOptions,u=o.noCloseOnMouseLeave,c=void 0!==u&&u,d=o.noCloseOnSelect,f=void 0!==d&&d,m=o.style,v=n.useDropdown(e.__assign({offsetCrossAxis:0,offsetMainAxis:0},l)),p=v.floatingStyles,x=v.refs,g=v.setVisible,w=v.visibility,b=v.visible,y=v.wrapperRef,h=function(e){e.stopPropagation(),f||g(!1)};return s.jsxs("div",{ref:y,className:i.cn("relative inline-flex",a),onMouseLeave:function(){c||g(!1)},style:m,children:[s.jsx("div",{ref:x.setReference,className:"menu-button-action",onClick:function(e){e.stopPropagation(),g(!0)},onKeyDown:function(e){"Enter"===e.key&&g(!0)},role:"button",tabIndex:0,children:t}),s.jsx("div",{ref:x.setFloating,className:"z-10 min-w-full",style:e.__assign(e.__assign({},p),{visibility:w}),children:b&&s.jsx("div",{className:"bg-surface rounded-amino-12 shadow-amino-large animate-dropdown p-amino-8 mt-amino-4 right-0 w-max min-w-full",onClick:h,onKeyDown:function(e){"Enter"===e.key&&h(e)},role:"button",tabIndex:-1,children:r})})]})};
+"use strict";var e=require("../../utils/cn.js"),i=require("../../utils/hooks/useDropdown.js"),n=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("react"),require("@floating-ui/react");exports.MenuButton=({action:s,children:o,className:r,dropdownOptions:t,noCloseOnMouseLeave:a=!1,noCloseOnSelect:l=!1,style:u})=>{const{floatingStyles:c,refs:d,setVisible:m,visibility:f,visible:p,wrapperRef:x}=i.useDropdown({offsetCrossAxis:0,offsetMainAxis:0,...t}),w=e=>{e.stopPropagation(),l||m(!1)};return n.jsxs("div",{ref:x,className:e.cn("relative inline-flex",r),onMouseLeave:()=>{a||m(!1)},style:u,children:[n.jsx("div",{ref:d.setReference,className:"menu-button-action",onClick:e=>{e.stopPropagation(),m(!0)},onKeyDown:e=>{"Enter"===e.key&&m(!0)},role:"button",tabIndex:0,children:s}),n.jsx("div",{ref:d.setFloating,className:"z-10 min-w-full",style:{...c,visibility:f},children:p&&n.jsx("div",{className:"bg-surface rounded-amino-12 shadow-amino-large animate-dropdown p-amino-8 mt-amino-4 right-0 w-max min-w-full",onClick:w,onKeyDown:e=>{"Enter"===e.key&&w(e)},role:"button",tabIndex:-1,children:o})})]})};

package/components/button/RippleGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Color } from "../../types/Color";
+import type { Color } from '../../types/Color';
 export type RippleActions = {
     start: (event: React.SyntheticEvent) => void;
 };

package/components/button/RippleGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("framer-motion"),i=require("uuid"),n=require("./_Ripple.js"),o=require("../../utils/getAminoColor.js"),a=require("react/jsx-runtime");function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}require("../../styles/constants/theme.js");var l=u(r),s=function(e,r){var t=r.getBoundingClientRect(),i=Math.max(t.width,t.height),n=i/2,o=e,a=o.clientX,u=o.clientY;return{height:i,left:(a||0)-t.left-n,top:(u||0)-t.top-n,width:i}},c=l.forwardRef(function(r,u){var c=r.color,p=r.duration,d=void 0===p?200:p,f=r.opacity,m=void 0===f?.12:f,y=r.style,g=e.__read(l.useState([]),2),h=g[0],v=g[1],_=l.useRef(null),j=function(){return v(function(e){return e.slice(1)})},b=l.useCallback(function(r){if(_.current){var t={className:"overflow-hidden absolute rounded-[50%] animate-ripple bg-[var(--amino-ripple-group-color)]",destroy:j,duration:d,rippleStyle:s(r,_.current)};v(function(r){return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{element:a.jsx(n.Ripple,{...t}),key:i.v4()}],!1)})}},[d]);return l.useImperativeHandle(u,function(){return{start:b}},[b]),a.jsx("span",{ref:_,className:"pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-[inherit]",style:e.__assign(e.__assign({},y),{"--amino-ripple-group-color":o.getAminoColor(c)||"currentColor","--amino-ripple-group-duration":"".concat(Math.max(d,600),"ms"),"--amino-ripple-group-opacity":m}),children:a.jsx(t.AnimatePresence,{children:h.map(function(e){return a.jsx(t.motion.div,{animate:{opacity:1},exit:{opacity:0},initial:{opacity:1},children:e.element},e.key)})})})});exports.RippleGroup=c;
+"use strict";var e=require("react"),t=require("framer-motion"),r=require("uuid"),i=require("./_Ripple.js"),n=require("../../utils/getAminoColor.js"),o=require("react/jsx-runtime");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}require("../../styles/constants/theme.js");var l=a(e);const u=(e,t)=>{const r=t.getBoundingClientRect(),i=Math.max(r.width,r.height),n=i/2,{clientX:o,clientY:a}=e;return{height:i,left:(o||0)-r.left-n,top:(a||0)-r.top-n,width:i}},s=l.forwardRef(({color:e,duration:a=200,opacity:s=.12,style:c},p)=>{const[d,m]=l.useState([]),f=l.useRef(null),h=()=>m(e=>e.slice(1)),y=l.useCallback(e=>{if(f.current){const t={className:"overflow-hidden absolute rounded-[50%] animate-ripple bg-[var(--amino-ripple-group-color)]",destroy:h,duration:a,rippleStyle:u(e,f.current)};m(e=>[...e,{element:o.jsx(i.Ripple,{...t}),key:r.v4()}])}},[a]);return l.useImperativeHandle(p,()=>({start:y}),[y]),o.jsx("span",{ref:f,className:"pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-[inherit]",style:{...c,"--amino-ripple-group-color":n.getAminoColor(e)||"currentColor","--amino-ripple-group-duration":`${Math.max(a,600)}ms`,"--amino-ripple-group-opacity":s},children:o.jsx(t.AnimatePresence,{children:d.map(e=>o.jsx(t.motion.div,{animate:{opacity:1},exit:{opacity:0},initial:{opacity:1},children:e.element},e.key))})})});exports.RippleGroup=s;

package/components/button/_Ripple.js

@@ -1 +1 @@
-"use strict";var t=require("../../tslib.es6-cdc5f922.js"),e=require("react"),r=require("react/jsx-runtime");exports.Ripple=function(s){var i=s.className,c=s.destroy,n=s.duration,a=s.rippleStyle,o=s.style;return e.useEffect(function(){var t=setTimeout(function(){c()},n);return function(){clearTimeout(t)}},[c,n]),r.jsx("span",{className:i,style:t.__assign(t.__assign({},o),{height:"".concat(a.height,"px"),left:"".concat(a.left,"px"),top:"".concat(a.top,"px"),width:"".concat(a.width,"px")})})};
+"use strict";var e=require("react"),t=require("react/jsx-runtime");exports.Ripple=({className:r,destroy:s,duration:i,rippleStyle:p,style:a})=>(e.useEffect(()=>{const e=setTimeout(()=>{s()},i);return()=>{clearTimeout(e)}},[s,i]),t.jsx("span",{className:r,style:{...a,height:`${p.height}px`,left:`${p.left}px`,top:`${p.top}px`,width:`${p.width}px`}}));

package/components/button/button-group/ButtonGroup.js

@@ -1 +1 @@
-"use strict";var n=require("../../flex/Flex.js"),t=require("../../../utils/cn.js"),o=require("react/jsx-runtime");require("../../../tslib.es6-cdc5f922.js"),require("clsx"),require("tailwind-merge");exports.ButtonGroup=function(e){var r=e.children;return o.jsx(n.Flex,{className:t.cn("rounded-amino-6 shadow-amino-base w-fit","[&>*]:shadow-none [&>*]:focus:shadow-none","[&>*>.menu-button-action>*]:shadow-none\n      [&>*>.menu-button-action>*]:focus:shadow-none","[&>.tooltip-wrapper>*]:shadow-none\n      [&>.tooltip-wrapper>*]:focus:shadow-none","[&>*:not(:first-child)]:ml-0 [&>*:not(:first-child)]:rounded-tl-none\n      [&>*:not(:first-child)]:rounded-bl-none","[&>*:not(:first-child)>.menu-button-action>*]:rounded-tl-none\n      [&>*:not(:first-child)>.menu-button-action>*]:rounded-bl-none","[&>.tooltip-wrapper:not(:first-child)>*]:rounded-tl-none\n      [&>.tooltip-wrapper:not(:first-child)>*]:rounded-bl-none","[&>*:not(:last-child)]:relative [&>*:not(:last-child)]:rounded-tr-none\n      [&>*:not(:last-child)]:rounded-br-none","[&>*:not(:last-child)>.menu-button-action>*]:rounded-tr-none\n      [&>*:not(:last-child)>.menu-button-action>*]:rounded-br-none","[&>.tooltip-wrapper:not(:last-child)>*]:rounded-tr-none\n      [&>.tooltip-wrapper:not(:last-child)>*]:rounded-br-none","[&>*:not(:last-child)]:after:absolute [&>*:not(:last-child)]:after:top-0\n      [&>*:not(:last-child)]:after:right-0 [&>*:not(:last-child)]:after:bottom-0\n      [&>*:not(:last-child)]:after:z-[1] [&>*:not(:last-child)]:after:w-px\n      [&>*:not(:last-child)]:after:bg-black/[0.16]\n      [&>*:not(:last-child)]:after:content-['']\n      dark:[&>*:not(:last-child)]:after:bg-white/[0.12]"),gap:0,children:r})};
+"use strict";var n=require("../../flex/Flex.js"),t=require("../../../utils/cn.js"),o=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.ButtonGroup=({children:e})=>o.jsx(n.Flex,{className:t.cn("rounded-amino-6 shadow-amino-base w-fit","[&>*]:shadow-none [&>*]:focus:shadow-none","[&>*>.menu-button-action>*]:shadow-none\n      [&>*>.menu-button-action>*]:focus:shadow-none","[&>.tooltip-wrapper>*]:shadow-none\n      [&>.tooltip-wrapper>*]:focus:shadow-none","[&>*:not(:first-child)]:ml-0 [&>*:not(:first-child)]:rounded-tl-none\n      [&>*:not(:first-child)]:rounded-bl-none","[&>*:not(:first-child)>.menu-button-action>*]:rounded-tl-none\n      [&>*:not(:first-child)>.menu-button-action>*]:rounded-bl-none","[&>.tooltip-wrapper:not(:first-child)>*]:rounded-tl-none\n      [&>.tooltip-wrapper:not(:first-child)>*]:rounded-bl-none","[&>*:not(:last-child)]:relative [&>*:not(:last-child)]:rounded-tr-none\n      [&>*:not(:last-child)]:rounded-br-none","[&>*:not(:last-child)>.menu-button-action>*]:rounded-tr-none\n      [&>*:not(:last-child)>.menu-button-action>*]:rounded-br-none","[&>.tooltip-wrapper:not(:last-child)>*]:rounded-tr-none\n      [&>.tooltip-wrapper:not(:last-child)>*]:rounded-br-none","[&>*:not(:last-child)]:after:absolute [&>*:not(:last-child)]:after:top-0\n      [&>*:not(:last-child)]:after:right-0 [&>*:not(:last-child)]:after:bottom-0\n      [&>*:not(:last-child)]:after:z-[1] [&>*:not(:last-child)]:after:w-px\n      [&>*:not(:last-child)]:after:bg-black/[0.16]\n      [&>*:not(:last-child)]:after:content-['']\n      dark:[&>*:not(:last-child)]:after:bg-white/[0.12]"),gap:0,children:e});

package/components/button/useRipple.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { RippleActions } from "./RippleGroup";
+import type { RippleActions } from '../../components/button/RippleGroup';
 type RippleEventHandlers = {
     onMouseDown: React.MouseEventHandler;
 };

package/components/button/useRipple.js

@@ -1 +1 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}}),r.default=e,Object.freeze(r)}var r=e(require("react"));exports.useRipple=function(e){var n=e.disabled,t=e.rippleEnabled,u=e.rippleRef;var a,c,i=(a="start",void 0===c&&(c=!t),r.useCallback(function(e){!c&&u.current&&u.current[a](e)},[a,c])),l=r.useMemo(function(){var e={onMouseDown:i};return function(r){var n=Object.keys(e).map(function(n){return{handler:function(t){var u;null===(u=r[n])||void 0===u||u.call(r,t),e[n](t)},name:n}});return n.reduce(function(e,r){return e[r.name]=r.handler,e},{})}},[i]);return{getRippleHandlers:l,rippleEnabled:t&&!n}};
+"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var r=e(require("react"));exports.useRipple=({disabled:e,rippleEnabled:t,rippleRef:n})=>{const u=function(e,u=!t){return r.useCallback(r=>{!u&&n.current&&n.current[e](r)},[e,u])}("start");return{getRippleHandlers:r.useMemo(()=>{const e={onMouseDown:u};return r=>Object.keys(e).map(t=>({handler:n=>{r[t]?.(n),e[t](n)},name:t})).reduce((e,r)=>(e[r.name]=r.handler,e),{})},[u]),rippleEnabled:t&&!e}};

package/components/card/Card.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type CardProps = BaseProps & {
     actions?: ReactNode;
     children: ReactNode;

package/components/card/Card.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),a=require("../stack/HStack.js"),r=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),n=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("../stack/Stack.js"),require("clsx"),require("tailwind-merge");exports.Card=function(t){var c=t.actions,o=t.children,d=t.className,m=t.footerActions,g=t.footerContent,l=t.footerHeight,p=t.label,h=t.spacing,b=t.style;return s.jsxs("div",{className:n.cn("border-amino rounded-amino-6 bg-gray-0 border dark:bg-gray-50",!h&&"p-amino-24",d),style:e.__assign(e.__assign(e.__assign({},b),h?{padding:h}:{}),{"--amino-card-footer-height":l?"".concat(l,"px"):"auto","--amino-card-margin":h?"calc(".concat(h," * -1)"):i.theme.spaceNegative24,"--amino-card-margin-bottom":h||i.theme.space24,"--amino-card-margin-top":h||i.theme.space24,"--amino-card-padding-spacing":h||i.theme.space24}),children:[p&&s.jsxs("div",{className:"border-amino m-[var(--amino-card-margin)] mb-[var(--amino-card-margin-bottom)] flex h-[65px] items-center border-b p-[var(--amino-card-padding-spacing)] leading-[65px] select-none [&_h5]:mb-0 [&_h5]:flex-1",children:[s.jsx(r.Text,{type:"subheader",children:p}),s.jsx(a.HStack,{spacing:8,children:c})]}),o,(m||g)&&s.jsxs("div",{className:"border-amino bg-surface-secondary rounded-b-amino-8 m-[var(--amino-card-margin)] mt-[var(--amino-card-margin-top)] flex h-[var(--amino-card-footer-height)] items-center justify-between border-t p-[var(--amino-card-padding-spacing)] dark:bg-gray-100",children:[s.jsx("div",{children:g}),s.jsx(a.HStack,{spacing:8,children:m})]})]})};
+"use strict";var e=require("../stack/HStack.js"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),i=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("../stack/Stack.js"),require("clsx"),require("tailwind-merge");exports.Card=({actions:t,children:s,className:c,footerActions:o,footerContent:d,footerHeight:m,label:g,spacing:l,style:p})=>n.jsxs("div",{className:i.cn("border-amino rounded-amino-6 bg-gray-0 border dark:bg-gray-50",!l&&"p-amino-24",c),style:{...p,...l?{padding:l}:{},"--amino-card-footer-height":m?`${m}px`:"auto","--amino-card-margin":l?`calc(${l} * -1)`:r.theme.spaceNegative24,"--amino-card-margin-bottom":l||r.theme.space24,"--amino-card-margin-top":l||r.theme.space24,"--amino-card-padding-spacing":l||r.theme.space24},children:[g&&n.jsxs("div",{className:"border-amino m-[var(--amino-card-margin)] mb-[var(--amino-card-margin-bottom)] flex h-[65px] items-center border-b p-[var(--amino-card-padding-spacing)] leading-[65px] select-none [&_h5]:mb-0 [&_h5]:flex-1",children:[n.jsx(a.Text,{type:"subheader",children:g}),n.jsx(e.HStack,{spacing:8,children:t})]}),s,(o||d)&&n.jsxs("div",{className:"border-amino bg-surface-secondary rounded-b-amino-8 m-[var(--amino-card-margin)] mt-[var(--amino-card-margin-top)] flex h-[var(--amino-card-footer-height)] items-center justify-between border-t p-[var(--amino-card-padding-spacing)] dark:bg-gray-100",children:[n.jsx("div",{children:d}),n.jsx(e.HStack,{spacing:8,children:o})]})]});

package/components/checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type ComponentPropsWithoutRef, type KeyboardEvent, type ReactNode } from 'react';
-import { type HelpTextProps } from "../help-text/HelpText";
-import type { BaseProps } from "../../types/BaseProps";
+import { type HelpTextProps } from '../../components/help-text/HelpText';
+import type { BaseProps } from '../../types/BaseProps';
 export type CheckboxProps = Omit<ComponentPropsWithoutRef<'label'>, 'onClick' | 'onChange'> & BaseProps & HelpTextProps & {
     checked: boolean;
     disabled?: boolean;

package/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),n=require("react"),t=require("framer-motion"),a=require("../help-text/HelpText.js"),r=require("../text/Text.js"),i=require("../../icons/CheckmarkIcon.js"),o=require("../../icons/MinusIcon.js"),s=require("../../styles/constants/theme.js"),c=require("../../utils/cn.js"),l=require("../../utils/getNodeText.js"),d=require("../../utils/getTestId.js"),x=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");var u=t.motion(i.CheckmarkIcon),m=t.motion(o.MinusIcon),h=function(e,n,t){return t?s.theme.gray500:e?n?s.theme.danger:s.theme.primary:s.theme.inputBackground},p=function(e,n,t){return e||t?"none":"1.5px solid ".concat(n?s.theme.danger:s.theme.gray400)};exports.Checkbox=function(i){var o=i.checked,b=void 0!==o&&o,g=i.className,y=i.disabled,k=i.error,j=void 0!==k&&k,w=i.helpText,_=i.icon,v=i.indeterminate,f=void 0!==v&&v,N=i.label,q=i.labelComponent,T=i.labelDescription,I=i.onChange,C=i.style,B=i.subtitle,D=e.__rest(i,["checked","className","disabled","error","helpText","icon","indeterminate","label","labelComponent","labelDescription","onChange","style","subtitle"]),M=n.useId(),E=n.useRef(null);n.useEffect(function(){E.current&&(E.current.indeterminate=f)},[f]);var H=n.useMemo(function(){return d.getTestId({componentName:"checkbox",name:l.getNodeText(N)})},[N]),P=function(e){y||I(!b,e)};return x.jsxs("label",{className:c.cn(y?"cursor-not-allowed":"cursor-pointer","[&:has(input:focus-visible)]:shadow-glow-blue\n        focus-within:outline-none",g),htmlFor:M,style:e.__assign(e.__assign({},C),{"--amino-checkbox-background":h(b,j,f),"--amino-checkbox-border":p(b,j,f),"--amino-checkbox-box-shadow":b||f?s.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":b?s.theme.blue200:"","--amino-checkbox-disabled-border":b?"none":"1.5px solid ".concat(s.theme.gray300)}),...D,children:[x.jsx("input",{ref:E,checked:b,className:c.cn("absolute h-0 w-0 opacity-0",y&&"disabled"),"data-testid":H,disabled:y,id:M,onChange:P,onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||P(e)},tabIndex:y?-1:0,type:"checkbox"}),x.jsxs("div",{className:c.cn("pointer-events-none flex flex-row select-none **:pointer-events-none\n          **:select-none [&_.tooltip-wrapper]:pointer-events-auto\n          [&_.tooltip-wrapper]:cursor-help\n          [&_.tooltip-wrapper_*]:pointer-events-auto","amino-input-wrapper",y&&["cursor-not-allowed","disabled"]),children:[x.jsx("div",{className:c.cn("flex h-4 min-h-4 w-4 min-w-4 items-center justify-center rounded\n            leading-4 transition-all duration-150 ease-in-out select-none","bg-(--amino-checkbox-background)\n            shadow-(--amino-checkbox-box-shadow)\n            [border:var(--amino-checkbox-border)]",y&&"bg-(--amino-checkbox-disabled-background) shadow-none\n              [border:var(--amino-checkbox-disabled-border)]"),children:x.jsxs(t.AnimatePresence,{children:[f&&x.jsx(m,{animate:{opacity:1,scale:1},className:c.cn("text-gray-0 dark:text-gray-1000 h-4 w-4","shadow-[0px_2px_4px_rgba(0,0,0,0.06),0px_1px_2px_rgba(0,0,0,0.04)]"),exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"indeterminate"),b&&!f&&x.jsx(u,{animate:{opacity:1,scale:1},className:c.cn("text-gray-0 dark:text-gray-1000 h-4 w-4","shadow-[0px_2px_4px_rgba(0,0,0,0.06),0px_1px_2px_rgba(0,0,0,0.04)]"),exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")]})}),q||N&&x.jsx("div",{className:"ml-2",children:x.jsxs("div",{className:"flex items-center leading-4",children:[_&&x.jsx("div",{className:c.cn("mr-1",y&&"opacity-40"),children:_}),x.jsxs(r.Text,{className:c.cn("mb-0",y&&"text-gray-600"),type:"input-label",children:[N,T&&x.jsx("span",{className:"ml-1 text-gray-600",children:T})]})]})})]}),B&&x.jsx("div",{className:c.cn("mt-1 ml-6",y&&"text-gray-400"),children:x.jsx(r.Text,{type:"subtitle",children:B})}),x.jsx(a.HelpText,{error:j,helpText:w})]})};
+"use strict";var e=require("react"),n=require("framer-motion"),t=require("../help-text/HelpText.js"),a=require("../text/Text.js"),r=require("../../icons/CheckmarkIcon.js"),s=require("../../icons/MinusIcon.js"),o=require("../../styles/constants/theme.js"),i=require("../../utils/cn.js"),c=require("../../utils/getNodeText.js"),l=require("../../utils/getTestId.js"),d=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");const x=n.motion(r.CheckmarkIcon),m=n.motion(s.MinusIcon),h=(e,n,t)=>t?o.theme.gray500:e?n?o.theme.danger:o.theme.primary:o.theme.inputBackground,u=(e,n,t)=>e||t?"none":n?`1.5px solid ${o.theme.danger}`:`1.5px solid ${o.theme.gray400}`;exports.Checkbox=({checked:r=!1,className:s,disabled:p,error:b=!1,helpText:g,icon:y,indeterminate:k=!1,label:j,labelComponent:w,labelDescription:_,onChange:N,style:q,subtitle:v,...f})=>{const T=e.useId(),I=e.useRef(null);e.useEffect(()=>{I.current&&(I.current.indeterminate=k)},[k]);const C=e.useMemo(()=>l.getTestId({componentName:"checkbox",name:c.getNodeText(j)}),[j]),B=e=>{p||N(!r,e)};return d.jsxs("label",{className:i.cn(p?"cursor-not-allowed":"cursor-pointer","[&:has(input:focus-visible)]:shadow-glow-blue\n        focus-within:outline-none",s),htmlFor:T,style:{...q,"--amino-checkbox-background":h(r,b,k),"--amino-checkbox-border":u(r,b,k),"--amino-checkbox-box-shadow":r||k?o.theme.shadowButtonPrimary:"none","--amino-checkbox-disabled-background":r?o.theme.blue200:"","--amino-checkbox-disabled-border":r?"none":`1.5px solid ${o.theme.gray300}`},...f,children:[d.jsx("input",{ref:I,checked:r,className:i.cn("absolute h-0 w-0 opacity-0",p&&"disabled"),"data-testid":C,disabled:p,id:T,onChange:B,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||B(e)},tabIndex:p?-1:0,type:"checkbox"}),d.jsxs("div",{className:i.cn("pointer-events-none flex flex-row select-none **:pointer-events-none\n          **:select-none [&_.tooltip-wrapper]:pointer-events-auto\n          [&_.tooltip-wrapper]:cursor-help\n          [&_.tooltip-wrapper_*]:pointer-events-auto","amino-input-wrapper",p&&["cursor-not-allowed","disabled"]),children:[d.jsx("div",{className:i.cn("flex h-4 min-h-4 w-4 min-w-4 items-center justify-center rounded\n            leading-4 transition-all duration-150 ease-in-out select-none","bg-(--amino-checkbox-background)\n            shadow-(--amino-checkbox-box-shadow)\n            [border:var(--amino-checkbox-border)]",p&&"bg-(--amino-checkbox-disabled-background) shadow-none\n              [border:var(--amino-checkbox-disabled-border)]"),children:d.jsxs(n.AnimatePresence,{children:[k&&d.jsx(m,{animate:{opacity:1,scale:1},className:i.cn("text-gray-0 dark:text-gray-1000 h-4 w-4","shadow-[0px_2px_4px_rgba(0,0,0,0.06),0px_1px_2px_rgba(0,0,0,0.04)]"),exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"indeterminate"),r&&!k&&d.jsx(x,{animate:{opacity:1,scale:1},className:i.cn("text-gray-0 dark:text-gray-1000 h-4 w-4","shadow-[0px_2px_4px_rgba(0,0,0,0.06),0px_1px_2px_rgba(0,0,0,0.04)]"),exit:{opacity:0,scale:1},initial:{opacity:0,scale:.5},transition:{duration:.35,ease:[.4,0,.2,1]}},"checkbox")]})}),w||j&&d.jsx("div",{className:"ml-2",children:d.jsxs("div",{className:"flex items-center leading-4",children:[y&&d.jsx("div",{className:i.cn("mr-1",p&&"opacity-40"),children:y}),d.jsxs(a.Text,{className:i.cn("mb-0",p&&"text-gray-600"),type:"input-label",children:[j,_&&d.jsx("span",{className:"ml-1 text-gray-600",children:_})]})]})})]}),v&&d.jsx("div",{className:i.cn("mt-1 ml-6",p&&"text-gray-400"),children:d.jsx(a.Text,{type:"subtitle",children:v})}),d.jsx(t.HelpText,{error:b,helpText:g})]})};

package/components/collapse/Collapse.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type CollapseProps = BaseProps & {
     children: ReactNode;
     /**

package/components/collapse/Collapse.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),i=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Collapse=function(s){var a=s.children,t=s.className,n=s.collapsed,l=void 0!==n&&n,o=s.collapseSize,d=void 0===o?0:o,c=s.orientation,u=s.style,m="horizontal"===c,p=l?d>0?"".concat(d,"px"):"0fr":"1fr",g=l&&0===d;return r.jsx("div",{className:i.cn("grid transition-[grid-template-rows,grid-template-columns] duration-300\n        ease-in-out",t),style:e.__assign(e.__assign(e.__assign({},u),{transitionProperty:"all"}),m?{gridTemplateColumns:p}:{gridTemplateRows:p}),children:r.jsx("div",{"aria-hidden":g||void 0,className:"overflow-hidden",...g?{inert:!0}:{},children:a})})};
+"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Collapse=({children:i,className:s,collapsed:t=!1,collapseSize:l=0,orientation:a,style:n})=>{const o="horizontal"===a,d=t?l>0?`${l}px`:"0fr":"1fr",c=t&&0===l;return r.jsx("div",{className:e.cn("grid transition-[grid-template-rows,grid-template-columns] duration-300\n        ease-in-out",s),style:{...n,transitionProperty:"all",...o?{gridTemplateColumns:d}:{gridTemplateRows:d}},children:r.jsx("div",{"aria-hidden":c||void 0,className:"overflow-hidden",...c?{inert:!0}:{},children:i})})};

package/components/country-multi-select/CountryMultiSelectExpanded.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
-import type { CountryMultiSelectExpandedOption } from "./CountryMultiSelectExpandedOption";
-import { type HelpTextProps } from "../help-text/HelpText";
-import type { BaseProps } from "../../types/BaseProps";
+import type { CountryMultiSelectExpandedOption } from '../../components/country-multi-select/CountryMultiSelectExpandedOption';
+import { type HelpTextProps } from '../../components/help-text/HelpText';
+import type { BaseProps } from '../../types/BaseProps';
 export type CountryMultiSelectExpandedProps<CountryCode extends string = string> = BaseProps & HelpTextProps & {
     /**
      * Optional actions to display in the component header

package/components/country-multi-select/CountryMultiSelectExpanded.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),n=require("lodash/groupBy"),t=require("../__amino__/TranslateAminoText.js"),i=require("../button/Button.js"),o=require("../checkbox/Checkbox.js"),s=require("../collapse/Collapse.js"),a=require("./CountryMultiSelectExpandedOption.js"),l=require("../divider/Divider.js"),u=require("../help-text/HelpText.js"),c=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),x=require("../../icons/RemoveCircleIcon.js"),m=require("../../icons/SearchIcon.js"),p=require("../../utils/cn.js"),f=require("../../utils/getFuzzySearch.js"),h=require("../../utils/translations/__amino__/translateAminoText.js"),j=require("../../utils/translations/AminoTranslationStore.js"),g=require("react/jsx-runtime");function b(e){return e&&e.__esModule?e:{default:e}}require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("class-variance-authority"),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("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("react-intersection-observer"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("fuse.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js");var q=b(n);exports.CountryMultiSelectExpanded=function(n){var b=n.actions,v=n.alwaysExpand,y=void 0!==v&&v,C=n.className,_=n.countries,T=n.countryComponentClassName,N=n.disabled,S=void 0!==N&&N,A=n.error,w=void 0!==A&&A,k=n.height,z=n.helpText,I=n.hideSelectAll,M=void 0!==I&&I,H=n.maxHeight,E=void 0===H?380:H,R=n.noHeader,B=void 0!==R&&R,F=n.onChange,O=n.selectedCountries,D=n.style,L=n.withoutSearch,U=void 0!==L&&L,G=r.useId(),V=j.useCurrentLanguage(),J=e.__read(r.useState(""),2),K=J[0],P=J[1],Q=e.__read(r.useState([]),2),W=Q[0],X=Q[1],Y=r.useMemo(function(){return _.sort(function(e,r){return e.label.localeCompare(r.label)})},[_]),Z=r.useCallback(function(e){return f.getFuzzySearch({array:Y,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)},[Y]),$=r.useMemo(function(){return""===K?Y:Z(K).map(function(e){return e.item})},[Y,Z,K]),ee=r.useMemo(function(){var r=Object.entries(q.default($,"group")).map(function(r){var n=e.__read(r,2),t=n[0];return{countries:n[1],label:t}});return r.sort(function(e,r){return e.label.localeCompare(r.label)})},[$]),re=r.useMemo(function(){return Y.filter(function(e){return!e.disabled}).length===O.length},[Y,O.length]);if(r.useEffect(function(){K&&X(ee.map(function(e){return e.label}))},[ee,K]),r.useEffect(function(){y&&X(ee.map(function(e){return e.label}))},[ee,y]),!Y.length)return g.jsx("div",{className:p.cn(C),style:{height:k?"".concat(k,"px"):void 0,maxHeight:"".concat(E,"px")},children:g.jsx(c.Text,{color:"textColorSecondary",children:g.jsx(t.TranslateAminoText,{text:"No countries"})})});var ne=Y.filter(function(e){return!e.disabled}).length;return g.jsxs("div",{className:p.cn("gap-amino-12 flex flex-col",S&&"opacity-disabled cursor-not-allowed [&>*]:pointer-events-none",C),style:D,children:[!B&&g.jsxs("div",{className:"flex justify-between",children:[g.jsx(c.Text,{type:"bold-label",children:g.jsx(t.TranslateAminoText,{text:"Countries and Regions"})}),g.jsx(c.Text,{color:"textColorSecondary",type:"label",children:g.jsx(t.TranslateAminoText,{text:"[selectedCountries] of [numSelectableCountries] selected",variables:{numSelectableCountries:ne,selectedCountries:O.length}})})]}),g.jsx(u.HelpText,{error:w,helpText:z,withoutMargin:!0}),g.jsxs("div",{className:p.cn("border-amino rounded-amino-12 p-amino-8 gap-amino-4 flex flex-col\n          border",w&&"border-danger"),children:[g.jsxs("div",{className:"gap-amino-8 flex items-center justify-between",children:[!U&&g.jsxs("label",{className:"p-amino-8 py-amino-4 gap-amino-8 flex flex-grow items-center",htmlFor:G,children:[g.jsx(m.SearchIcon,{size:24}),g.jsx("input",{autoComplete:"off",className:"px-amino-4 bg-amino-input-background flex-grow focus:outline-none",id:G,onChange:function(e){return P(e.target.value)},placeholder:h.translateAminoText({languageCode:V,text:"Search..."}),type:"text",value:K}),K&&g.jsx(i.Button,{className:"w-amino-24 h-amino-24",icon:g.jsx(x.RemoveCircleIcon,{size:24}),onClick:function(){return P("")},size:"sm",variant:"text"})]}),b&&g.jsx("div",{className:"py-amino-4",children:b})]}),(!!b||!U)&&g.jsx(l.Divider,{noMargin:!0}),$.length?g.jsxs("div",{className:"gap-amino-2 flex flex-col overflow-y-auto",style:{height:k?"".concat(k,"px"):void 0,maxHeight:"".concat(E,"px")},children:[!K&&!M&&g.jsx("div",{className:"p-amino-8 flex w-full flex-col",children:g.jsx(o.Checkbox,{checked:re,indeterminate:!re&&O.length>0,label:h.translateAminoText({languageCode:V,text:"Select all"}),onChange:function(e){F(e?Y.filter(function(e){return!e.disabled}):[])}})}),ee.map(function(r){var n=r.countries.filter(function(e){return O.some(function(r){return r.code===e.code})}).length,t=r.countries.filter(function(e){return!e.disabled}).length,i=!!t&&r.countries.every(function(e){return e.disabled||O.some(function(r){return r.code===e.code})}),l=!W.includes(r.label);return g.jsxs("div",{children:[g.jsxs("div",{className:"p-amino-8 gap-amino-8 rounded-amino-6 hover:bg-hover flex w-full items-center justify-between",children:[g.jsx(o.Checkbox,{checked:i,disabled:!t,indeterminate:!i&&n>0&&n<t,label:r.label,onChange:function(n){if(n){var t=e.__spreadArray(e.__spreadArray([],e.__read(O),!1),e.__read(r.countries.filter(function(e){return!e.disabled})),!1);F(t)}else t=O.filter(function(e){return!e.disabled&&!r.countries.some(function(r){return r.code===e.code})}),F(t)}}),!y&&g.jsxs("button",{className:"gap-amino-8 flex flex-grow cursor-pointer items-center justify-end focus:outline-none",onClick:function(){W.includes(r.label)?X(W.filter(function(e){return e!==r.label})):X(e.__spreadArray(e.__spreadArray([],e.__read(W),!1),[r.label],!1))},type:"button",children:[g.jsxs(c.Text,{color:"textColorSecondary",children:[n,"/",t]}),g.jsx(d.ChevronUpIcon,{className:p.cn("transition-amino",l&&"rotate-180"),size:24})]})]}),g.jsx(s.Collapse,{collapsed:l,children:g.jsx("div",{className:"pl-amino-24 gap-amino-8 grid [grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.333%)),1fr))]",children:r.countries.map(function(r){var n=O.some(function(e){return e.code===r.code});return g.jsx(a._CountryMultiSelectExpandedOptionComponent,{className:T,country:r,isChecked:n,onChange:function(n){F(n?e.__spreadArray(e.__spreadArray([],e.__read(O),!1),[r],!1):O.filter(function(e){return e.code!==r.code}))}},r.code)})})})]},r.label)})]}):g.jsx("div",{className:"p-amino-8",style:{height:k?"".concat(k,"px"):void 0,maxHeight:"".concat(E,"px")},children:g.jsx(c.Text,{color:"textColorSecondary",children:g.jsx(t.TranslateAminoText,{text:"No countries"})})})]})]})};
+"use strict";var e=require("react"),r=require("lodash/groupBy"),t=require("../__amino__/TranslateAminoText.js"),s=require("../button/Button.js"),i=require("../checkbox/Checkbox.js"),n=require("../collapse/Collapse.js"),l=require("./CountryMultiSelectExpandedOption.js"),o=require("../divider/Divider.js"),a=require("../help-text/HelpText.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../icons/RemoveCircleIcon.js"),x=require("../../icons/SearchIcon.js"),m=require("../../utils/cn.js"),p=require("../../utils/getFuzzySearch.js"),h=require("../../utils/translations/__amino__/translateAminoText.js"),j=require("../../utils/translations/AminoTranslationStore.js"),g=require("react/jsx-runtime");function b(e){return e&&e.__esModule?e:{default:e}}require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("class-variance-authority"),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("../../utils/getTestId.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("react-intersection-observer"),require("../tooltip/Tooltip.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("clsx"),require("tailwind-merge"),require("fuse.js"),require("../../utils/translations/translate.js"),require("../../utils/translations/_handleTranslationVariables.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js");var f=b(r);exports.CountryMultiSelectExpanded=({actions:r,alwaysExpand:b=!1,className:q,countries:C,countryComponentClassName:y,disabled:v=!1,error:T=!1,height:N,helpText:S,hideSelectAll:w=!1,maxHeight:_=380,noHeader:k=!1,onChange:z,selectedCountries:A,style:I,withoutSearch:M=!1})=>{const H=e.useId(),E=j.useCurrentLanguage(),[R,$]=e.useState(""),[B,F]=e.useState([]),O=e.useMemo(()=>C.sort((e,r)=>e.label.localeCompare(r.label)),[C]),D=e.useCallback(e=>{const{fuzzySearch:r}=p.getFuzzySearch({array:O,options:{keys:["label","code","group"],threshold:.1}});return r.search(e)},[O]),L=e.useMemo(()=>{if(""===R)return O;return D(R).map(e=>e.item)},[O,D,R]),U=e.useMemo(()=>Object.entries(f.default(L,"group")).map(([e,r])=>({countries:r,label:e})).sort((e,r)=>e.label.localeCompare(r.label)),[L]),G=e.useMemo(()=>O.filter(e=>!e.disabled).length===A.length,[O,A.length]);if(e.useEffect(()=>{R&&F(U.map(e=>e.label))},[U,R]),e.useEffect(()=>{b&&F(U.map(e=>e.label))},[U,b]),!O.length)return g.jsx("div",{className:m.cn(q),style:{height:N?`${N}px`:void 0,maxHeight:`${_}px`},children:g.jsx(c.Text,{color:"textColorSecondary",children:g.jsx(t.TranslateAminoText,{text:"No countries"})})});const V=O.filter(e=>!e.disabled).length;return g.jsxs("div",{className:m.cn("gap-amino-12 flex flex-col",v&&"opacity-disabled cursor-not-allowed [&>*]:pointer-events-none",q),style:I,children:[!k&&g.jsxs("div",{className:"flex justify-between",children:[g.jsx(c.Text,{type:"bold-label",children:g.jsx(t.TranslateAminoText,{text:"Countries and Regions"})}),g.jsx(c.Text,{color:"textColorSecondary",type:"label",children:g.jsx(t.TranslateAminoText,{text:"[selectedCountries] of [numSelectableCountries] selected",variables:{numSelectableCountries:V,selectedCountries:A.length}})})]}),g.jsx(a.HelpText,{error:T,helpText:S,withoutMargin:!0}),g.jsxs("div",{className:m.cn("border-amino rounded-amino-12 p-amino-8 gap-amino-4 flex flex-col\n          border",T&&"border-danger"),children:[g.jsxs("div",{className:"gap-amino-8 flex items-center justify-between",children:[!M&&g.jsxs("label",{className:"p-amino-8 py-amino-4 gap-amino-8 flex flex-grow items-center",htmlFor:H,children:[g.jsx(x.SearchIcon,{size:24}),g.jsx("input",{autoComplete:"off",className:"px-amino-4 bg-amino-input-background flex-grow focus:outline-none",id:H,onChange:e=>$(e.target.value),placeholder:h.translateAminoText({languageCode:E,text:"Search..."}),type:"text",value:R}),R&&g.jsx(s.Button,{className:"w-amino-24 h-amino-24",icon:g.jsx(d.RemoveCircleIcon,{size:24}),onClick:()=>$(""),size:"sm",variant:"text"})]}),r&&g.jsx("div",{className:"py-amino-4",children:r})]}),(!!r||!M)&&g.jsx(o.Divider,{noMargin:!0}),L.length?g.jsxs("div",{className:"gap-amino-2 flex flex-col overflow-y-auto",style:{height:N?`${N}px`:void 0,maxHeight:`${_}px`},children:[!R&&!w&&g.jsx("div",{className:"p-amino-8 flex w-full flex-col",children:g.jsx(i.Checkbox,{checked:G,indeterminate:!G&&A.length>0,label:h.translateAminoText({languageCode:E,text:"Select all"}),onChange:e=>{z(e?O.filter(e=>!e.disabled):[])}})}),U.map(e=>{const r=e.countries.filter(e=>A.some(r=>r.code===e.code)).length,t=e.countries.filter(e=>!e.disabled).length,s=!!t&&e.countries.every(e=>e.disabled||A.some(r=>r.code===e.code)),o=!B.includes(e.label);return g.jsxs("div",{children:[g.jsxs("div",{className:"p-amino-8 gap-amino-8 rounded-amino-6 hover:bg-hover flex w-full items-center justify-between",children:[g.jsx(i.Checkbox,{checked:s,disabled:!t,indeterminate:!s&&r>0&&r<t,label:e.label,onChange:r=>{if(r){const r=[...A,...e.countries.filter(e=>!e.disabled)];z(r)}else{const r=A.filter(r=>!r.disabled&&!e.countries.some(e=>e.code===r.code));z(r)}}}),!b&&g.jsxs("button",{className:"gap-amino-8 flex flex-grow cursor-pointer items-center justify-end focus:outline-none",onClick:()=>{B.includes(e.label)?F(B.filter(r=>r!==e.label)):F([...B,e.label])},type:"button",children:[g.jsxs(c.Text,{color:"textColorSecondary",children:[r,"/",t]}),g.jsx(u.ChevronUpIcon,{className:m.cn("transition-amino",o&&"rotate-180"),size:24})]})]}),g.jsx(n.Collapse,{collapsed:o,children:g.jsx("div",{className:"pl-amino-24 gap-amino-8 grid [grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.333%)),1fr))]",children:e.countries.map(e=>{const r=A.some(r=>r.code===e.code);return g.jsx(l._CountryMultiSelectExpandedOptionComponent,{className:y,country:e,isChecked:r,onChange:r=>{z(r?[...A,e]:A.filter(r=>r.code!==e.code))}},e.code)})})})]},e.label)})]}):g.jsx("div",{className:"p-amino-8",style:{height:N?`${N}px`:void 0,maxHeight:`${_}px`},children:g.jsx(c.Text,{color:"textColorSecondary",children:g.jsx(t.TranslateAminoText,{text:"No countries"})})})]})]})};

package/components/country-multi-select/CountryMultiSelectExpandedOption.js

@@ -1 +1 @@
-"use strict";var e=require("react-intersection-observer"),i=require("../checkbox/Checkbox.js"),r=require("../tooltip/Tooltip.js"),t=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("clsx"),require("tailwind-merge"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip");exports._CountryMultiSelectExpandedOptionComponent=function(s){var n,c,a,u,d=s.className,p=s.country,m=s.isChecked,x=s.onChange,q=e.useInView({fallbackInView:!0,triggerOnce:!0}),j=q.inView,b=q.ref;return l.jsx(r.Tooltip,{disabled:!(null===(n=p.tooltipOptions)||void 0===n?void 0:n.title),placement:null===(c=p.tooltipOptions)||void 0===c?void 0:c.placement,title:null===(a=p.tooltipOptions)||void 0===a?void 0:a.title,children:l.jsx(i.Checkbox,{checked:m,className:o.cn("p-amino-8 flex w-full flex-col [&>div]:items-center",!p.disabled&&"rounded-amino-6 hover:bg-hover"),disabled:p.disabled,label:p.label,labelComponent:l.jsxs("div",{className:o.cn("gap-amino-16 flex w-full items-center",d),style:{marginLeft:8,opacity:p.disabled?t.theme.opacityDisabled:1},children:[l.jsxs("div",{ref:b,className:"gap-amino-6 flex items-center",children:[j&&("function"==typeof p.icon?p.icon():p.icon),p.label]}),null===(u=p.rightDecorator)||void 0===u?void 0:u.call(p)]}),onChange:x},p.code)})};
+"use strict";var e=require("react-intersection-observer"),i=require("../checkbox/Checkbox.js"),t=require("../tooltip/Tooltip.js"),r=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("react"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../flex/Flex.js"),require("../ui/tooltip.js"),require("@radix-ui/react-tooltip"),require("clsx"),require("tailwind-merge");exports._CountryMultiSelectExpandedOptionComponent=({className:l,country:n,isChecked:c,onChange:a})=>{const{inView:u,ref:d}=e.useInView({fallbackInView:!0,triggerOnce:!0});return s.jsx(t.Tooltip,{disabled:!n.tooltipOptions?.title,placement:n.tooltipOptions?.placement,title:n.tooltipOptions?.title,children:s.jsx(i.Checkbox,{checked:c,className:o.cn("p-amino-8 flex w-full flex-col [&>div]:items-center",!n.disabled&&"rounded-amino-6 hover:bg-hover"),disabled:n.disabled,label:n.label,labelComponent:s.jsxs("div",{className:o.cn("gap-amino-16 flex w-full items-center",l),style:{marginLeft:8,opacity:n.disabled?r.theme.opacityDisabled:1},children:[s.jsxs("div",{ref:d,className:"gap-amino-6 flex items-center",children:[u&&("function"==typeof n.icon?n.icon():n.icon),n.label]}),n.rightDecorator?.()]}),onChange:a},n.code)})};

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type BaseDialogProps } from "../dialog/BaseDialog";
+import { type BaseDialogProps } from '../../components/dialog/BaseDialog';
 export type CoverSheetProps = BaseDialogProps & {
     /**
      * Unique ID for the action wrapper element where CoverSheetActions will be portaled into

package/components/cover-sheet/CoverSheet.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("../button/Button.js"),o=require("./CoverSheetActions.js"),n=require("../dialog/BaseDialog.js"),i=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),a=require("../../utils/cn.js"),c=require("react/jsx-runtime");require("class-variance-authority"),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("clsx"),require("tailwind-merge"),require("../../utils/getTestId.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");exports.CoverSheet=function(l){var u=l.actions,d=l.actionWrapperId,p=void 0===d?"__cover-sheet-actions":d,m=l.children,h=l.className,j=l.headerComponent,q=l.hideCloseButton,x=void 0!==q&&q,b=l.label,v=l.onClose,f=l.open,g=e.__rest(l,["actions","actionWrapperId","children","className","headerComponent","hideCloseButton","label","onClose","open"]);return r.useEffect(function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(p,"']")).length>1&&console.error('Duplicate id "'.concat(p,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))},[p]),r.useEffect(function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=f?"hidden":"auto")},[f]),c.jsxs(n.BaseDialog,{className:a.cn("box-border max-h-screen overscroll-contain rounded-none outline-none","bg-page fixed top-0 left-0 h-screen w-screen","text-text-color border-amino-subtle border","print:absolute print:h-auto print:min-h-screen",h),fullWindowWidth:!0,onClose:v,open:f,popupMotionProps:{animate:{translateY:0},exit:{translateY:"100vh"},initial:{translateY:"100vh"},transition:{duration:.35,ease:[0,0,0,1]}},...g,children:[c.jsxs("header",{className:a.cn("border-amino-subtle py-amino-16 px-amino-32 flex items-center\n          justify-between border-b","bg-page sticky top-0 z-[99] h-16","print:hidden"),children:[c.jsxs("div",{className:"gap-amino-16 flex items-center",children:[!x&&c.jsx(t.Button,{icon:c.jsx(s.RemoveIcon,{size:20}),onClick:v}),c.jsx(i.Text,{type:"subheader",children:b})]}),c.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:j}),c.jsx("div",{id:p,children:u&&c.jsx(o.CoverSheetActions,{coverSheetActionId:p,children:u})})]}),c.jsx("div",{className:"p-amino-56 flex-grow overflow-auto",children:m})]})};
+"use strict";var e=require("react"),r=require("../button/Button.js"),t=require("./CoverSheetActions.js"),i=require("../dialog/BaseDialog.js"),o=require("../text/Text.js"),n=require("../../icons/RemoveIcon.js"),s=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("class-variance-authority"),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("../../utils/getTestId.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");exports.CoverSheet=({actions:c,actionWrapperId:l="__cover-sheet-actions",children:u,className:d,headerComponent:p,hideCloseButton:h=!1,label:m,onClose:j,open:x,...q})=>(e.useEffect(()=>{"undefined"!=typeof document&&document.querySelectorAll(`[id='${l}']`).length>1&&console.error(`Duplicate id "${l}" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.`)},[l]),e.useEffect(()=>{document?.body&&(document.body.style.overflow=x?"hidden":"auto")},[x]),a.jsxs(i.BaseDialog,{className:s.cn("box-border max-h-screen overscroll-contain rounded-none outline-none","bg-page fixed top-0 left-0 h-screen w-screen","text-text-color border-amino-subtle border","print:absolute print:h-auto print:min-h-screen",d),fullWindowWidth:!0,onClose:j,open:x,popupMotionProps:{animate:{translateY:0},exit:{translateY:"100vh"},initial:{translateY:"100vh"},transition:{duration:.35,ease:[0,0,0,1]}},...q,children:[a.jsxs("header",{className:s.cn("border-amino-subtle py-amino-16 px-amino-32 flex items-center\n          justify-between border-b","bg-page sticky top-0 z-[99] h-16","print:hidden"),children:[a.jsxs("div",{className:"gap-amino-16 flex items-center",children:[!h&&a.jsx(r.Button,{icon:a.jsx(n.RemoveIcon,{size:20}),onClick:j}),a.jsx(o.Text,{type:"subheader",children:m})]}),a.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:p}),a.jsx("div",{id:l,children:c&&a.jsx(t.CoverSheetActions,{coverSheetActionId:l,children:c})})]}),a.jsx("div",{className:"p-amino-56 flex-grow overflow-auto",children:u})]}));

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

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 export type CoverSheetProps = BaseProps & {
     /**
      * Action elements to be rendered in the CoverSheet header

package/components/cover-sheet/CoverSheetActions.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),t=require("react-dom"),c=require("../stack/HStack.js"),i=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("../stack/Stack.js"),require("clsx"),require("tailwind-merge");exports.CoverSheetActions=function(n){var a=n.children,u=n.className,o=n.coverSheetActionId,l=n.style,d=e.__read(r.useState(!1),2),q=d[0],f=d[1];if(r.useEffect(function(){q||f(!0)},[q]),"undefined"!=typeof document&&q){var h=document.querySelector("#".concat(o));if(h)return t.createPortal(s.jsx("div",{className:i.cn("z-[990]",u),style:l,children:s.jsx(c.HStack,{spacing:8,children:a})}),h);throw Error('CoverSheetActions: Could not find Coversheet wrapper with id "'.concat(o,'"'))}return null};
+"use strict";var e=require("react"),r=require("react-dom"),t=require("../stack/HStack.js"),c=require("../../utils/cn.js"),i=require("react/jsx-runtime");require("../stack/Stack.js"),require("clsx"),require("tailwind-merge");exports.CoverSheetActions=({children:s,className:n,coverSheetActionId:u,style:o})=>{const[a,l]=e.useState(!1);if(e.useEffect(()=>{a||l(!0)},[a]),"undefined"!=typeof document&&a){const e=document.querySelector(`#${u}`);if(e)return r.createPortal(i.jsx("div",{className:c.cn("z-[990]",n),style:o,children:i.jsx(t.HStack,{spacing:8,children:s})}),e);throw Error(`CoverSheetActions: Could not find Coversheet wrapper with id "${u}"`)}return null};

package/components/currency/Currency.d.ts

@@ -1,4 +1,4 @@
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 type Props = BaseProps & {
     amount: number;
     code: string;

package/components/currency/Currency.js

@@ -1 +1 @@
-"use strict";var e=require("../text/Text.js"),r=require("../../utils/cn.js"),s=require("../../utils/formatCurrency.js"),t=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.Currency=function(a){var i=a.amount,n=a.className,u=a.code,c=a.style,l=s.formatCurrency({code:u,value:i}),o=i<0;return t.jsxs("span",{className:r.cn('gap-amino-4 flex [font-feature-settings:"tnum"_1] whitespace-nowrap',n),style:c,children:[t.jsx(e.Text,{color:o?"red600":"gray1000",type:"label",children:l}),t.jsx(e.Text,{color:o?"red600":"gray700",children:u.toUpperCase()})]})};
+"use strict";var e=require("../text/Text.js"),r=require("../../utils/cn.js"),t=require("../../utils/formatCurrency.js"),s=require("react/jsx-runtime");require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.Currency=({amount:a,className:n,code:c,style:i})=>{const u=t.formatCurrency({code:c,value:a}),l=a<0;return s.jsxs("span",{className:r.cn('gap-amino-4 flex [font-feature-settings:"tnum"_1] whitespace-nowrap',n),style:i,children:[s.jsx(e.Text,{color:l?"red600":"gray1000",type:"label",children:u}),s.jsx(e.Text,{color:l?"red600":"gray700",children:c.toUpperCase()})]})};