@zonos/amino 6.1.3 → 6.2.0

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("../text/Text.js"),s=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.Switch=function(l){var i=l["aria-label"],n=l.checked,r=l.className,c=l.disabled,x=l.label,o=l.labelDescription,p=l.labelIcon,d=l.onChange,u=l.style,h=l.subtitle,b=l.switchIconLeft,g=l.switchIconRight,m=e.useId(),_=Boolean(b||g),y=Boolean(x||p||o||h);return t.jsxs("label",{className:s.cn("flex cursor-pointer flex-row","focus-within:outline-none\n        [&:has(input:focus-visible)]:shadow-[var(--amino-glow-blue)]",c&&"cursor-not-allowed",r),htmlFor:m,style:u,children:[t.jsx("input",{"aria-label":!y&&i?i:void 0,checked:n,id:m,onChange:function(){return!c&&d(!n)},onKeyDown:function(e){return"Enter"===e.key&&!c&&d(!n)},style:{width:"0px"},tabIndex:0,type:"checkbox"}),_?t.jsxs("div",{className:s.cn("relative block h-8 w-[62px] min-w-6 rounded-[20px] leading-4\n              select-none","bg-gray-50",n&&"bg-primary",c&&"opacity-40"),children:[t.jsx("div",{className:s.cn("bg-gray-200 dark:bg-gray-200","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.2)_inset,0px_1px_3px_0px_rgba(0,0,0,0.4)]","absolute top-[2px] left-[2px] h-7 w-7 rounded-full\n                transition-all",n&&"left-[calc(100%-30px)]",c&&"opacity-95")}),t.jsx("div",{className:"absolute top-1 right-auto left-1",children:b}),t.jsx("div",{className:"absolute top-1 right-1 left-auto",children:g})]}):t.jsx("div",{className:s.cn("relative block h-4 min-h-4 w-8 min-w-8 rounded-[20px] leading-4\n              select-none","bg-gray-100 shadow-[var(--amino-v3-shadow-inset)]",n&&"bg-primary",c&&"opacity-40"),children:t.jsx("div",{className:s.cn("bg-gray-0 dark:bg-gray-1000","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]","absolute top-[1px] left-[1px] h-[14px] w-[14px] rounded-full\n                transition-all",n&&["left-[calc(100%-15px)]","shadow-[0px_-1px_1px_0px_rgba(68,94,238,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]"],c&&"opacity-95")})}),y&&t.jsxs("div",{className:"ml-4",children:[t.jsxs("div",{className:"flex items-center leading-4",children:[p&&t.jsx("div",{className:s.cn("mr-1",c&&"opacity-40"),children:p}),t.jsxs(a.Text,{className:s.cn("mb-0",c&&"text-gray-600"),type:"input-label",children:[x,o&&t.jsx("span",{className:"ml-1 text-gray-600",children:o})]})]}),h&&t.jsx(a.Text,{className:s.cn(c&&"text-gray-400"),type:"subtitle",children:h})]})]})};
+"use strict";var e=require("react"),a=require("../text/Text.js"),s=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.Switch=({"aria-label":t,checked:i,className:n,disabled:r,label:c,labelDescription:x,labelIcon:o,onChange:p,style:d,subtitle:h,switchIconLeft:b,switchIconRight:u})=>{const g=e.useId(),m=Boolean(b||u),_=Boolean(c||o||x||h);return l.jsxs("label",{className:s.cn("flex cursor-pointer flex-row","focus-within:outline-none\n        [&:has(input:focus-visible)]:shadow-[var(--amino-glow-blue)]",r&&"cursor-not-allowed",n),htmlFor:g,style:d,children:[l.jsx("input",{"aria-label":!_&&t?t:void 0,checked:i,id:g,onChange:()=>!r&&p(!i),onKeyDown:e=>"Enter"===e.key&&!r&&p(!i),style:{width:"0px"},tabIndex:0,type:"checkbox"}),m?l.jsxs("div",{className:s.cn("relative block h-8 w-[62px] min-w-6 rounded-[20px] leading-4\n              select-none","bg-gray-50",i&&"bg-primary",r&&"opacity-40"),children:[l.jsx("div",{className:s.cn("bg-gray-200 dark:bg-gray-200","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.2)_inset,0px_1px_3px_0px_rgba(0,0,0,0.4)]","absolute top-[2px] left-[2px] h-7 w-7 rounded-full\n                transition-all",i&&"left-[calc(100%-30px)]",r&&"opacity-95")}),l.jsx("div",{className:"absolute top-1 right-auto left-1",children:b}),l.jsx("div",{className:"absolute top-1 right-1 left-auto",children:u})]}):l.jsx("div",{className:s.cn("relative block h-4 min-h-4 w-8 min-w-8 rounded-[20px] leading-4\n              select-none","bg-gray-100 shadow-[var(--amino-v3-shadow-inset)]",i&&"bg-primary",r&&"opacity-40"),children:l.jsx("div",{className:s.cn("bg-gray-0 dark:bg-gray-1000","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]","absolute top-[1px] left-[1px] h-[14px] w-[14px] rounded-full\n                transition-all",i&&["left-[calc(100%-15px)]","shadow-[0px_-1px_1px_0px_rgba(68,94,238,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]"],r&&"opacity-95")})}),_&&l.jsxs("div",{className:"ml-4",children:[l.jsxs("div",{className:"flex items-center leading-4",children:[o&&l.jsx("div",{className:s.cn("mr-1",r&&"opacity-40"),children:o}),l.jsxs(a.Text,{className:s.cn("mb-0",r&&"text-gray-600"),type:"input-label",children:[c,x&&l.jsx("span",{className:"ml-1 text-gray-600",children:x})]})]}),h&&l.jsx(a.Text,{className:s.cn(r&&"text-gray-400"),type:"subtitle",children:h})]})]})};

package/components/table/Table.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 TableProps = BaseProps & {
     children: ReactNode;
     size?: 'medium' | 'small';

package/components/table/Table.js

@@ -1 +1 @@
-"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Table=function(i){var s=i.children,l=i.className,t=i.size,a=void 0===t?"medium":t,c=i.style;return r.jsx("table",{className:e.cn("w-full","Amino-table-size-".concat(a),l),style:c,children:s})};
+"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Table=({children:s,className:i,size:l="medium",style:t})=>r.jsx("table",{className:e.cn("w-full",`Amino-table-size-${l}`,i),style:t,children:s});

package/components/table/TableBody.js

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

package/components/table/TableCell.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 TableCellProps = BaseProps & {
     align?: 'center' | 'justify' | 'left' | 'right';
     borderBottom?: string;

package/components/table/TableCell.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("../../styles/constants/theme.js"),s=require("../../utils/cn.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.TableCell=function(r){var l=r.align,a=void 0===l?"left":l,n=r.borderBottom,o=r.children,c=r.className,d=r.colSpan,m=r.padding,u=r.style,b=r.tag,h={align:a,className:s.cn("text-[0px] tabular-nums","[&>*]:text-amino-base","[.Amino-table-size-medium_&]:h-14","[.Amino-table-size-small_&]:h-12",!m&&"p-0 first:pl-4 last:pr-4",c),colSpan:d,style:e.__assign(e.__assign({},u),{borderBottom:n||t.theme.borderSubtle,padding:m||void 0,textAlign:a})},x=i.jsx("div",{className:"inline-block",children:o});return"th"===b?i.jsx("th",{...h,children:x}):i.jsx("td",{...h,children:x})};
+"use strict";var e=require("../../styles/constants/theme.js"),t=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.TableCell=({align:r="left",borderBottom:s,children:i,className:a,colSpan:n,padding:c,style:o,tag:d})=>{const m={align:r,className:t.cn("text-[0px] tabular-nums","[&>*]:text-amino-base","[.Amino-table-size-medium_&]:h-14","[.Amino-table-size-small_&]:h-12",!c&&"p-0 first:pl-4 last:pr-4",a),colSpan:n,style:{...o,borderBottom:s||e.theme.borderSubtle,padding:c||void 0,textAlign:r}},u=l.jsx("div",{className:"inline-block",children:i});return"th"===d?l.jsx("th",{...m,children:u}):l.jsx("td",{...m,children:u})};

package/components/table/TableFooter.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 TableFooterProps = BaseProps & {
     children: ReactNode;
 };

package/components/table/TableFooter.js

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

package/components/table/TableHead.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 TableHeadProps = BaseProps & {
     children: ReactNode;
 };

package/components/table/TableHead.js

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

package/components/table/TableRow.d.ts

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

package/components/table/TableRow.js

@@ -1 +1 @@
-"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),exports.TableRow=function(t){var a=t.active,i=t.children,s=t.className,c=t.onClick,n=t.rowTestId,l=t.style,o=t.withHover;return r.jsx("tr",{className:e.cn(o&&"hover:bg-gray-50 dark:hover:bg-gray-100","[&_th_*]:text-amino-s [&_th]:text-gray-800 dark:[&_th]:text-gray-600",a&&"amino-table-row-active in-[tbody]:bg-gray-50",s),"data-testid":n,onClick:c,style:l,children:i})};
+"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),exports.TableRow=function({active:t,children:a,className:i,onClick:s,rowTestId:c,style:n,withHover:l}){return r.jsx("tr",{className:e.cn(l&&"hover:bg-gray-50 dark:hover:bg-gray-100","[&_th_*]:text-amino-s [&_th]:text-gray-800 dark:[&_th]:text-gray-600",t&&"amino-table-row-active in-[tbody]:bg-gray-50",i),"data-testid":c,onClick:s,style:n,children:a})};

package/components/table/TableRowCollapse.d.ts

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

package/components/table/TableRowCollapse.js

@@ -1 +1 @@
-"use strict";var e=require("../button/Button.js"),r=require("../collapse/Collapse.js"),s=require("./TableCell.js"),i=require("./TableRow.js"),n=require("../../icons/ChevronUpIcon.js"),l=require("../../utils/cn.js"),o=require("react/jsx-runtime");require("../../tslib.es6-cdc5f922.js"),require("react"),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/icon-base/_IconBase.js");exports.TableRowCollapse=function(t){var a=t.children,c=t.className,u=t.collapsed,d=void 0!==u&&u,j=t.onToggleCollapse,p=t.rowContent,q=t.rowKey,b=t.style,h=!!a;return o.jsxs(o.Fragment,{children:[o.jsxs(i.TableRow,{className:l.cn(!d&&"[&_td]:border-b-0",h&&"cursor-pointer",c),onClick:function(e){return h&&j(e)},rowTestId:"amino--row-".concat(q),withHover:h,children:[p,o.jsx(s.TableCell,{align:"right",children:h&&o.jsx(e.Button,{className:l.cn("[&_svg]:transition-amino",d&&"[&_svg]:rotate-180"),icon:o.jsx(n.ChevronUpIcon,{}),variant:"plain"})})]}),h&&o.jsx(i.TableRow,{className:l.cn(h&&"h-auto!"),rowTestId:"amino--collapse-".concat(q),children:o.jsx(s.TableCell,{className:l.cn("!h-[inherit] !border-b-[inherit]",d&&"!h-0 !border-b-0 !leading-0","[&>div]:w-full"),colSpan:100,children:o.jsx(r.Collapse,{className:"[&>div:not([aria-hidden])]:pb-4",collapsed:d,style:b,children:a})})})]})};
+"use strict";var e=require("../button/Button.js"),r=require("../collapse/Collapse.js"),s=require("./TableCell.js"),i=require("./TableRow.js"),l=require("../../icons/ChevronUpIcon.js"),n=require("../../utils/cn.js"),o=require("react/jsx-runtime");require("react"),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/icon-base/_IconBase.js");exports.TableRowCollapse=({children:a,className:t,collapsed:u=!1,onToggleCollapse:c,rowContent:p,rowKey:d,style:j})=>{const q=!!a;return o.jsxs(o.Fragment,{children:[o.jsxs(i.TableRow,{className:n.cn(!u&&"[&_td]:border-b-0",q&&"cursor-pointer",t),onClick:e=>q&&c(e),rowTestId:`amino--row-${d}`,withHover:q,children:[p,o.jsx(s.TableCell,{align:"right",children:q&&o.jsx(e.Button,{className:n.cn("[&_svg]:transition-amino",u&&"[&_svg]:rotate-180"),icon:o.jsx(l.ChevronUpIcon,{}),variant:"plain"})})]}),q&&o.jsx(i.TableRow,{className:n.cn(q&&"h-auto!"),rowTestId:`amino--collapse-${d}`,children:o.jsx(s.TableCell,{className:n.cn("!h-[inherit] !border-b-[inherit]",u&&"!h-0 !border-b-0 !leading-0","[&>div]:w-full"),colSpan:100,children:o.jsx(r.Collapse,{className:"[&>div:not([aria-hidden])]:pb-4",collapsed:u,style:j,children:a})})})]})};

package/components/tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
-import type { Variant } from "../../types/Variant";
+import type { BaseProps } from '../../types/BaseProps';
+import type { Variant } from '../../types/Variant';
 export type TabsProps = BaseProps & {
     /**
      * Only applies to subtle design

package/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("../text/Text.js"),r=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),n=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Tabs=function(s){var o=s.align,i=void 0===o?"start":o,l=s.className,c=s.items,u=s.onChange,f=s.selected,b=s.style,g=s.subtle,x=void 0!==g&&g,d=s.variant,m=void 0===d?"standard":d,v=function(){switch(m){case"primary":default:return r.theme.blue600;case"success":return r.theme.green600;case"warning":return r.theme.orange600;case"danger":return r.theme.red600;case"cyan":return r.theme.cyan600;case"purple":return r.theme.purple600}};return x?n.jsx("div",{className:a.cn("flex items-center gap-6 border-b border-gray-100","center"===i&&"justify-center","end"===i&&"justify-end",l),style:e.__assign(e.__assign({},b),{"--amino-tabs-color":v()}),children:c.map(function(e,r){return n.jsx("button",{className:a.cn("relative cursor-pointer py-3 text-center transition-all\n              select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-[2px]\n              after:w-full after:scale-x-0 after:bg-gray-200\n              after:transition-all after:content-['']","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n              focus-visible:outline-none active:outline-none",f===r&&["text-[var(--amino-tabs-color)]","[&>span]:text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],f!==r&&["hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:text-gray-1000 active:after:scale-x-100\n                active:after:bg-gray-300"]),onClick:function(){return u(r)},type:"button",children:n.jsx(t.Text,{type:"label",children:e})},r)})}):n.jsx("div",{className:a.cn("border-amino flex items-center rounded-lg border",l),style:e.__assign(e.__assign({},b),{"--amino-tabs-color":v()}),children:c.map(function(e,t){return n.jsx("button",{className:a.cn("relative flex-1 cursor-pointer py-3 text-center font-medium\n            transition-all select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-1 after:w-full\n            after:scale-x-0 after:bg-gray-200 after:transition-all\n            after:content-['']","first:after:rounded-bl-lg last:after:rounded-br-lg","[&+button]:border-amino [&+button]:border-l","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n            focus-visible:outline-none active:outline-none",f===t&&["text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],f!==t&&["hover:bg-[rgba(0,0,0,0.03)]","hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:bg-[rgba(0,0,0,0.08)]","active:text-gray-1000 active:after:scale-x-100\n              active:after:bg-gray-300"]),onClick:function(){return u(t)},type:"button",children:e},t)})})};
+"use strict";var e=require("../text/Text.js"),t=require("../../styles/constants/theme.js"),r=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Tabs=({align:n="start",className:s,items:o,onChange:l,selected:c,style:i,subtle:u=!1,variant:f="standard"})=>{const b=()=>{switch(f){case"primary":default:return t.theme.blue600;case"success":return t.theme.green600;case"warning":return t.theme.orange600;case"danger":return t.theme.red600;case"cyan":return t.theme.cyan600;case"purple":return t.theme.purple600}};return u?a.jsx("div",{className:r.cn("flex items-center gap-6 border-b border-gray-100","center"===n&&"justify-center","end"===n&&"justify-end",s),style:{...i,"--amino-tabs-color":b()},children:o.map((t,n)=>a.jsx("button",{className:r.cn("relative cursor-pointer py-3 text-center transition-all\n              select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-[2px]\n              after:w-full after:scale-x-0 after:bg-gray-200\n              after:transition-all after:content-['']","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n              focus-visible:outline-none active:outline-none",c===n&&["text-[var(--amino-tabs-color)]","[&>span]:text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],c!==n&&["hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:text-gray-1000 active:after:scale-x-100\n                active:after:bg-gray-300"]),onClick:()=>l(n),type:"button",children:a.jsx(e.Text,{type:"label",children:t})},n))}):a.jsx("div",{className:r.cn("border-amino flex items-center rounded-lg border",s),style:{...i,"--amino-tabs-color":b()},children:o.map((e,t)=>a.jsx("button",{className:r.cn("relative flex-1 cursor-pointer py-3 text-center font-medium\n            transition-all select-none","text-gray-800","after:absolute after:bottom-0 after:left-0 after:h-1 after:w-full\n            after:scale-x-0 after:bg-gray-200 after:transition-all\n            after:content-['']","first:after:rounded-bl-lg last:after:rounded-br-lg","[&+button]:border-amino [&+button]:border-l","focus:outline-none focus-visible:shadow-[var(--amino-glow-blue)]\n            focus-visible:outline-none active:outline-none",c===t&&["text-[var(--amino-tabs-color)]","after:scale-x-100 after:bg-[var(--amino-tabs-color)]","is-selected"],c!==t&&["hover:bg-[rgba(0,0,0,0.03)]","hover:text-gray-1000 hover:after:scale-x-100","focus:text-gray-1000 focus:after:scale-x-100","active:bg-[rgba(0,0,0,0.08)]","active:text-gray-1000 active:after:scale-x-100\n              active:after:bg-gray-300"]),onClick:()=>l(t),type:"button",children:e},t))})};

package/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
+import type { BaseProps } from '../../types/BaseProps';
 type TagSize = 'base' | 'lg';
 type TagIntent = 'default' | 'error';
 export type TagProps = BaseProps & HTMLAttributes<HTMLDivElement> & {

package/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";var e=require("class-variance-authority"),r=require("../../icons/RemoveIcon.js"),i=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");var n=e.cva("inline-flex rounded-amino-6 border text-text-color",{compoundVariants:[{className:"border-red-600",highlighted:!0,intent:"error"}],defaultVariants:{highlighted:!1,intent:"default",size:"lg"},variants:{highlighted:{false:"",true:"bg-blue-50 text-blue-800 border-blue-600"},intent:{default:"bg-gray-50 border-gray-200",error:"bg-red-50 text-red-800 border-red-200"},size:{base:"h-5",lg:""}}}),s=e.cva("",{defaultVariants:{highlighted:!1,intent:"default"},variants:{highlighted:{false:"",true:"group-hover:bg-blue-100"},intent:{default:"group-hover:bg-gray-100",error:"group-hover:bg-red-100"}}});exports.Tag=function(e){var a=e.children,o=e.className,l=e.highlighted,d=void 0!==l&&l,u=e.icon,c=e.iconRight,h=e.intent,g=void 0===h?"default":h,b=e.onClick,m=e.onClose,x=e.size,p=void 0===x?"base":x,v=e.style;return t.jsxs("div",{className:i.cn("group",n({highlighted:d,intent:g,size:p}),o),style:v,children:[t.jsxs("button",{className:i.cn("text-amino-base inline-flex items-center gap-1 text-center font-medium\n        focus:outline-none","base"===p?"rounded-amino-6 rounded-r-none px-1 py-0.5":"rounded-amino-6 rounded-r-none py-1 pr-1 pl-2",c&&"[&_svg]:order-2",s({highlighted:d,intent:g})),onClick:b,type:"button",children:[u,t.jsx("p",{className:"m-0",children:a})]}),t.jsx("button",{className:i.cn("rounded-amino-6 inline-flex items-center","base"===p?"px-0.75 py-0.5":"px-1.25 py-1",s({highlighted:d,intent:g})),onClick:m,type:"button",children:t.jsx("div",{className:"flex",children:t.jsx(r.RemoveIcon,{size:14})})})]})};
+"use strict";var e=require("class-variance-authority"),r=require("../../icons/RemoveIcon.js"),t=require("../../utils/cn.js"),i=require("react/jsx-runtime");require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");const n=e.cva("inline-flex rounded-amino-6 border text-text-color",{compoundVariants:[{className:"border-red-600",highlighted:!0,intent:"error"}],defaultVariants:{highlighted:!1,intent:"default",size:"lg"},variants:{highlighted:{false:"",true:"bg-blue-50 text-blue-800 border-blue-600"},intent:{default:"bg-gray-50 border-gray-200",error:"bg-red-50 text-red-800 border-red-200"},size:{base:"h-5",lg:""}}}),s=e.cva("",{defaultVariants:{highlighted:!1,intent:"default"},variants:{highlighted:{false:"",true:"group-hover:bg-blue-100"},intent:{default:"group-hover:bg-gray-100",error:"group-hover:bg-red-100"}}});exports.Tag=({children:e,className:a,highlighted:o=!1,icon:l,iconRight:d,intent:c="default",onClick:u,onClose:h,size:g="base",style:b})=>i.jsxs("div",{className:t.cn("group",n({highlighted:o,intent:c,size:g}),a),style:b,children:[i.jsxs("button",{className:t.cn("text-amino-base inline-flex items-center gap-1 text-center font-medium\n        focus:outline-none","base"===g?"rounded-amino-6 rounded-r-none px-1 py-0.5":"rounded-amino-6 rounded-r-none py-1 pr-1 pl-2",d&&"[&_svg]:order-2",s({highlighted:o,intent:c})),onClick:u,type:"button",children:[l,i.jsx("p",{className:"m-0",children:e})]}),i.jsx("button",{className:t.cn("rounded-amino-6 inline-flex items-center","base"===g?"px-0.75 py-0.5":"px-1.25 py-1",s({highlighted:o,intent:c})),onClick:h,type:"button",children:i.jsx("div",{className:"flex",children:i.jsx(r.RemoveIcon,{size:14})})})]});

package/components/text/Text.d.ts

@@ -1,91 +1,91 @@
 import type { ReactNode } from 'react';
-import type { BaseProps } from "../../types/BaseProps";
-import type { Color } from "../../types/Color";
-export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
+import type { BaseProps } from '../../types/BaseProps';
+import type { Color } from '../../types/Color';
+export declare const textOthers: readonly ['code', 'subtitle', 'small-header', 'input-label'];
 type OtherText = (typeof textOthers)[number];
 export declare const textOptions: readonly [{
-    readonly label: "Page Header (3XL) · 30px (1.875rem)";
-    readonly size: "3xl";
-    readonly tag: "h1";
-    readonly type: "page-header";
+    readonly label: 'Page Header (3XL) · 30px (1.875rem)';
+    readonly size: '3xl';
+    readonly tag: 'h1';
+    readonly type: 'page-header';
     readonly weight: 700;
 }, {
-    readonly label: "Secondary Page Header (3XL) · 30px (1.875rem)";
-    readonly size: "3xl";
-    readonly tag: "h2";
-    readonly type: "secondary-page-header";
+    readonly label: 'Secondary Page Header (3XL) · 30px (1.875rem)';
+    readonly size: '3xl';
+    readonly tag: 'h2';
+    readonly type: 'secondary-page-header';
     readonly weight: 500;
 }, {
-    readonly label: "Header (2XL) · 28px (1.75rem)";
-    readonly size: "2xl";
-    readonly tag: "h3";
-    readonly type: "header";
+    readonly label: 'Header (2XL) · 28px (1.75rem)';
+    readonly size: '2xl';
+    readonly tag: 'h3';
+    readonly type: 'header';
     readonly weight: 600;
 }, {
-    readonly label: "Description Header (2XL) · 28px (1.75rem)";
-    readonly size: "2xl";
-    readonly tag: "h3";
-    readonly type: "description-header";
+    readonly label: 'Description Header (2XL) · 28px (1.75rem)';
+    readonly size: '2xl';
+    readonly tag: 'h3';
+    readonly type: 'description-header';
     readonly weight: 700;
 }, {
-    readonly label: "Title (XL) • 22px (1.375rem)";
-    readonly size: "xl";
-    readonly tag: "h4";
-    readonly type: "title";
+    readonly label: 'Title (XL) • 22px (1.375rem)';
+    readonly size: 'xl';
+    readonly tag: 'h4';
+    readonly type: 'title';
     readonly weight: 600;
 }, {
-    readonly label: "Bold Subheader (L) • 18px (1.125rem)";
-    readonly size: "l";
-    readonly tag: "h5";
-    readonly type: "bold-subheader";
+    readonly label: 'Bold Subheader (L) • 18px (1.125rem)';
+    readonly size: 'l';
+    readonly tag: 'h5';
+    readonly type: 'bold-subheader';
     readonly weight: 700;
 }, {
-    readonly label: "Semi Bold Subheader (L / H4) • 18px (1.125rem)";
-    readonly size: "l";
-    readonly tag: "h5";
-    readonly type: "semi-bold-subheader";
+    readonly label: 'Semi Bold Subheader (L / H4) • 18px (1.125rem)';
+    readonly size: 'l';
+    readonly tag: 'h5';
+    readonly type: 'semi-bold-subheader';
     readonly weight: 600;
 }, {
-    readonly label: "Subheader (L) • 18px (1.125rem)";
-    readonly size: "l";
-    readonly tag: "h5";
-    readonly type: "subheader";
+    readonly label: 'Subheader (L) • 18px (1.125rem)';
+    readonly size: 'l';
+    readonly tag: 'h5';
+    readonly type: 'subheader';
     readonly weight: 500;
 }, {
-    readonly label: "Bold Label (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly type: "bold-label";
+    readonly label: 'Bold Label (Base) • 14px (.875rem)';
+    readonly size: 'base';
+    readonly tag: 'span';
+    readonly type: 'bold-label';
     readonly weight: 700;
 }, {
-    readonly label: "Label (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly type: "label";
+    readonly label: 'Label (Base) • 14px (.875rem)';
+    readonly size: 'base';
+    readonly tag: 'span';
+    readonly type: 'label';
     readonly weight: 500;
 }, {
-    readonly label: "Body (Base) • 14px (.875rem)";
-    readonly size: "base";
-    readonly tag: "span";
-    readonly type: "body";
+    readonly label: 'Body (Base) • 14px (.875rem)';
+    readonly size: 'base';
+    readonly tag: 'span';
+    readonly type: 'body';
     readonly weight: 400;
 }, {
-    readonly label: "Small header (S) • 12px (.75rem)";
-    readonly size: "s";
-    readonly tag: "span";
-    readonly type: "small-header";
+    readonly label: 'Small header (S) • 12px (.75rem)';
+    readonly size: 's';
+    readonly tag: 'span';
+    readonly type: 'small-header';
     readonly weight: 600;
 }, {
-    readonly label: "Caption (S) • 12px (.75rem)";
-    readonly size: "s";
-    readonly tag: "span";
-    readonly type: "caption";
+    readonly label: 'Caption (S) • 12px (.75rem)';
+    readonly size: 's';
+    readonly tag: 'span';
+    readonly type: 'caption';
     readonly weight: 400;
 }, {
-    readonly label: "Hint text (XS) • 10px (.625rem)";
-    readonly size: "xs";
-    readonly tag: "span";
-    readonly type: "hint-text";
+    readonly label: 'Hint text (XS) • 10px (.625rem)';
+    readonly size: 'xs';
+    readonly tag: 'span';
+    readonly type: 'hint-text';
     readonly weight: 400;
 }];
 type Size = (typeof textOptions)[number]['size'];

package/components/text/Text.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("../../styles/constants/theme.js"),s=require("../../utils/cn.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var a=[{label:"Page Header (3XL) · 30px (1.875rem)",size:"3xl",tag:"h1",type:"page-header",weight:700},{label:"Secondary Page Header (3XL) · 30px (1.875rem)",size:"3xl",tag:"h2",type:"secondary-page-header",weight:500},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],r=e.__read(a,14),l=r[0],h=r[1],n=r[2],g=r[3],p=r[4],c=r[5],o=r[6],d=r[7],x=r[8],z=r[9],b=r[10],m=r[11],u=r[12],f=r[13],w={"2xl":t.theme.fontSize2xl,"3xl":t.theme.fontSize3xl,base:t.theme.fontSizeBase,l:t.theme.fontSizeL,s:t.theme.fontSizeS,xl:t.theme.fontSizeXl,xs:t.theme.fontSizeXs},y={"2xl":t.theme.lineHeight2xl,"3xl":t.theme.lineHeight3xl,base:t.theme.lineHeightBase,l:t.theme.lineHeightL,s:t.theme.lineHeightS,xl:t.theme.lineHeightXl,xs:t.theme.lineHeightXs};exports.Text=function(a){var r=a.children,S=a.className,W=a.color,U=a.fontSize,H=a.fontWeight,j=a.isUppercase,L=a.lineHeight,X=a.style,B=a.tag,_=a.title,v=function(a){var l=a.as,h=a.fontWeight,n=a.isUppercase,g=a.size,p={className:s.cn("m-0 [&_svg]:inline-block [&_svg]:align-middle",S),style:e.__assign(e.__assign({},X),{color:W?t.theme[W]:"inherit",fontSize:w[U||g],fontWeight:h||void 0,lineHeight:y[L||g],textTransform:n?"uppercase":"inherit"}),title:_};switch(l){case"h1":return i.jsx("h1",{...p,children:r});case"h2":return i.jsx("h2",{...p,children:r});case"h3":return i.jsx("h3",{...p,children:r});case"h4":return i.jsx("h4",{...p,children:r});case"h5":return i.jsx("h5",{...p,children:r});default:return i.jsx("span",{...p,children:r})}};switch(a.type){case"page-header":return v({as:B||l.tag,fontWeight:H||l.weight,isUppercase:j,size:l.size});case"secondary-page-header":return v({as:B||h.tag,fontWeight:H||h.weight,isUppercase:j,size:h.size});case"header":return v({as:B||n.tag,fontWeight:H||n.weight,isUppercase:j,size:n.size});case"description-header":return v({as:B||g.tag,fontWeight:H||g.weight,isUppercase:j,size:g.size});case"title":return v({as:B||p.tag,fontWeight:H||p.weight,isUppercase:j,size:p.size});case"bold-subheader":return v({as:B||c.tag,fontWeight:H||c.weight,isUppercase:j,size:c.size});case"semi-bold-subheader":return v({as:B||o.tag,fontWeight:H||o.weight,isUppercase:j,size:o.size});case"subheader":return v({as:B||d.tag,fontWeight:H||d.weight,isUppercase:j,size:d.size});case"bold-label":return v({as:B||x.tag,fontWeight:H||x.weight,isUppercase:j,size:x.size});case"label":return v({as:B||z.tag,fontWeight:H||z.weight,isUppercase:j,size:z.size});case"small-header":return v({as:B||m.tag,fontWeight:H||m.weight,isUppercase:j,size:m.size});case"caption":return v({as:B||u.tag,fontWeight:H||u.weight,isUppercase:j,size:u.size});case"hint-text":return v({as:B||f.tag,fontWeight:H||f.weight,isUppercase:j,size:f.size});case"subtitle":return i.jsx("span",{className:s.cn("text-amino-s leading-4 text-gray-800",S),title:_,children:r});case"input-label":return i.jsx("span",{className:s.cn("text-gray-1000 mb-2 block font-sans text-[14px] leading-4 font-normal",S),title:_,children:r});default:return v({as:B||b.tag,fontWeight:H||b.weight,isUppercase:j,size:b.size})}},exports.textOptions=a,exports.textOthers=["code","subtitle","small-header","input-label"];
+"use strict";var e=require("../../styles/constants/theme.js"),t=require("../../utils/cn.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const i=[{label:"Page Header (3XL) · 30px (1.875rem)",size:"3xl",tag:"h1",type:"page-header",weight:700},{label:"Secondary Page Header (3XL) · 30px (1.875rem)",size:"3xl",tag:"h2",type:"secondary-page-header",weight:500},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],[a,r,l,h,n,g,p,c,o,d,x,z,m,b]=i,u={"2xl":e.theme.fontSize2xl,"3xl":e.theme.fontSize3xl,base:e.theme.fontSizeBase,l:e.theme.fontSizeL,s:e.theme.fontSizeS,xl:e.theme.fontSizeXl,xs:e.theme.fontSizeXs},f={"2xl":e.theme.lineHeight2xl,"3xl":e.theme.lineHeight3xl,base:e.theme.lineHeightBase,l:e.theme.lineHeightL,s:e.theme.lineHeightS,xl:e.theme.lineHeightXl,xs:e.theme.lineHeightXs};exports.Text=({children:i,className:w,color:y,fontSize:S,fontWeight:W,isUppercase:U,lineHeight:H,style:L,tag:j,title:X,type:B})=>{const q=({as:a,fontWeight:r,isUppercase:l,size:h})=>{const n={className:t.cn("m-0 [&_svg]:inline-block [&_svg]:align-middle",w),style:{...L,color:y?e.theme[y]:"inherit",fontSize:u[S||h],fontWeight:r||void 0,lineHeight:f[H||h],textTransform:l?"uppercase":"inherit"},title:X};switch(a){case"h1":return s.jsx("h1",{...n,children:i});case"h2":return s.jsx("h2",{...n,children:i});case"h3":return s.jsx("h3",{...n,children:i});case"h4":return s.jsx("h4",{...n,children:i});case"h5":return s.jsx("h5",{...n,children:i});default:return s.jsx("span",{...n,children:i})}};switch(B){case"page-header":return q({as:j||a.tag,fontWeight:W||a.weight,isUppercase:U,size:a.size});case"secondary-page-header":return q({as:j||r.tag,fontWeight:W||r.weight,isUppercase:U,size:r.size});case"header":return q({as:j||l.tag,fontWeight:W||l.weight,isUppercase:U,size:l.size});case"description-header":return q({as:j||h.tag,fontWeight:W||h.weight,isUppercase:U,size:h.size});case"title":return q({as:j||n.tag,fontWeight:W||n.weight,isUppercase:U,size:n.size});case"bold-subheader":return q({as:j||g.tag,fontWeight:W||g.weight,isUppercase:U,size:g.size});case"semi-bold-subheader":return q({as:j||p.tag,fontWeight:W||p.weight,isUppercase:U,size:p.size});case"subheader":return q({as:j||c.tag,fontWeight:W||c.weight,isUppercase:U,size:c.size});case"bold-label":return q({as:j||o.tag,fontWeight:W||o.weight,isUppercase:U,size:o.size});case"label":return q({as:j||d.tag,fontWeight:W||d.weight,isUppercase:U,size:d.size});case"small-header":return q({as:j||z.tag,fontWeight:W||z.weight,isUppercase:U,size:z.size});case"caption":return q({as:j||m.tag,fontWeight:W||m.weight,isUppercase:U,size:m.size});case"hint-text":return q({as:j||b.tag,fontWeight:W||b.weight,isUppercase:U,size:b.size});case"subtitle":return s.jsx("span",{className:t.cn("text-amino-s leading-4 text-gray-800",w),title:X,children:i});case"input-label":return s.jsx("span",{className:t.cn("text-gray-1000 mb-2 block font-sans text-[14px] leading-4 font-normal",w),title:X,children:i});default:return q({as:j||x.tag,fontWeight:W||x.weight,isUppercase:U,size:x.size})}},exports.textOptions=i,exports.textOthers=["code","subtitle","small-header","input-label"];

package/components/text-avatar/TextAvatar.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("../../utils/cn.js"),t=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var a=function(e,r){var t=Array.from(e).reduce(function(e,r){return r.charCodeAt(0)+((e<<5)-e)},0);return"hsl(".concat(t%360,", 80%, ").concat(r,"%)")};exports.TextAvatar=function(n){var i,s=n.className,c=n.label,l=n.style,u=a(c||"default label",45),o=a(c&&c.split("").reverse().join("")||"default label",40);return t.jsx("div",{className:r.cn("rounded-amino-6 text-gray-0 flex size-8 items-center justify-center\n        font-medium","dark:text-gray-1000",s),style:e.__assign({backgroundImage:"linear-gradient(137deg, ".concat(u,", ").concat(o,")")},l),children:c&&(null===(i=c[0])||void 0===i?void 0:i.toUpperCase())||"D"})};
+"use strict";var e=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const t=(e,r)=>`hsl(${Array.from(e).reduce((e,r)=>r.charCodeAt(0)+((e<<5)-e),0)%360}, 80%, ${r}%)`;exports.TextAvatar=({className:a,label:s,style:i})=>{const l=t(s||"default label",45),n=t(s&&s.split("").reverse().join("")||"default label",40);return r.jsx("div",{className:e.cn("rounded-amino-6 text-gray-0 flex size-8 items-center justify-center\n        font-medium","dark:text-gray-1000",a),style:{backgroundImage:`linear-gradient(137deg, ${l}, ${n})`,...i},children:s&&s[0]?.toUpperCase()||"D"})};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("react"),r=require("../flex/Flex.js"),l=require("../help-text/HelpText.js"),n=require("../../styles/constants/theme.js"),a=require("../../utils/cn.js"),o=require("../../utils/hooks/useHeightAdjustTextarea.js"),s=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js");var i=t.forwardRef(function(i,u){var c=i.actions,d=i.className,p=i.disabled,x=i.disableExpand,f=i.error,h=i.helpText,m=i.label,v=i.maxRows,b=i.rows,w=i.style,g=i.value,j=i.width,y=e.__rest(i,["actions","className","disabled","disableExpand","error","helpText","label","maxRows","rows","style","value","width"]),q=t.useId(),T=!!g,_=e.__read(t.useState(!1),2),N=_[0],R=_[1],F=t.useRef(null),H=t.useRef(null);return o.useHeightAdjustTextarea({maxRows:v,ref:F,shouldExpand:!x,textareaValue:(null==g?void 0:g.toString())||""}),s.jsxs(r.Flex,{flexDirection:"column",gap:4,justifyContent:"space-between",style:e.__assign({width:j||"100%"},w),children:[s.jsxs("div",{className:a.cn("amino-input-wrapper relative w-full overflow-hidden rounded-[12px]\n            border p-0",f?"shadow-glow-error border-transparent":"border-amino",p&&["*:cursor-not-allowed","[&_.fields]:opacity-disabled","[&_.styledTextarea]:select-none"],d),children:[s.jsxs("label",{className:"relative flex w-full flex-col",htmlFor:y.id||q,onClick:function(e){e.target===F.current?e.preventDefault():setTimeout(function(){var e=F.current;if(e){var t=e.value.length;e.setSelectionRange(t,t)}},0)},children:[s.jsx("textarea",{ref:function(e){u&&"function"==typeof u?u(e):u&&(u.current=e),F.current=e},className:a.cn("text-amino-base bg-amino-input box-border w-full flex-grow\n                resize-none border-0 px-4 py-2 leading-normal font-medium\n                outline-none",b?"min-h-[50px]":c?"min-h-[5em]":"min-h-[10em]","placeholder:font-normal placeholder:text-gray-400\n                placeholder:opacity-60 placeholder:transition-all\n                placeholder:duration-300 placeholder:ease-in-out","focus:outline-none",m&&["mt-6 pt-0","placeholder:opacity-0",T&&"placeholder:opacity-60","focus:placeholder:opacity-60"]),...y,disabled:p,id:q,onBlur:function(e){var t;R(!1),null===(t=y.onBlur)||void 0===t||t.call(y,e)},onFocus:function(e){var t;R(!0),null===(t=y.onFocus)||void 0===t||t.call(y,e)},rows:b,value:g}),m&&s.jsx("span",{className:a.cn("text-amino-base pointer-events-none absolute\n                  top-[calc(var(--amino-font-size-base)+6px)] left-4\n                  origin-top-left leading-none transition-all duration-300\n                  ease-in-out","[&_.tooltip-wrapper]:pointer-events-auto\n                  [&_.tooltip-wrapper]:cursor-help",(T||N)&&"top-[11px] scale-[0.8]"),style:{color:n.theme.gray800},children:m}),s.jsx("div",{className:"after:pointer-events-none after:absolute after:inset-0 after:rounded-[12px] after:content-['']"})]}),c&&s.jsx("div",{ref:H,className:"bg-page flex items-center justify-end px-4 py-4",children:s.jsx(r.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:c})})]}),s.jsx(l.HelpText,{error:f,helpText:h,withoutMargin:!0})]})});exports.Textarea=i;
+"use strict";var e=require("react"),t=require("../flex/Flex.js"),r=require("../help-text/HelpText.js"),n=require("../../styles/constants/theme.js"),l=require("../../utils/cn.js"),a=require("../../utils/hooks/useHeightAdjustTextarea.js"),o=require("react/jsx-runtime");require("clsx"),require("tailwind-merge"),require("../text/Text.js");const s=e.forwardRef(({actions:s,className:i,disabled:u,disableExpand:c,error:d,helpText:p,label:x,maxRows:f,rows:h,style:m,value:g,width:j,...w},b)=>{const y=e.useId(),v=!!g,[q,T]=e.useState(!1),N=e.useRef(null),F=e.useRef(null);return a.useHeightAdjustTextarea({maxRows:f,ref:N,shouldExpand:!c,textareaValue:g?.toString()||""}),o.jsxs(t.Flex,{flexDirection:"column",gap:4,justifyContent:"space-between",style:{width:j||"100%",...m},children:[o.jsxs("div",{className:l.cn("amino-input-wrapper relative w-full overflow-hidden rounded-[12px]\n            border p-0",d?"shadow-glow-error border-transparent":"border-amino",u&&["*:cursor-not-allowed","[&_.fields]:opacity-disabled","[&_.styledTextarea]:select-none"],i),children:[o.jsxs("label",{className:"relative flex w-full flex-col",htmlFor:w.id||y,onClick:e=>{e.target===N.current?e.preventDefault():setTimeout(()=>{const e=N.current;if(e){const t=e.value.length;e.setSelectionRange(t,t)}},0)},children:[o.jsx("textarea",{ref:e=>{b&&"function"==typeof b?b(e):b&&(b.current=e),N.current=e},className:l.cn("text-amino-base bg-amino-input box-border w-full flex-grow\n                resize-none border-0 px-4 py-2 leading-normal font-medium\n                outline-none",h?"min-h-[50px]":s?"min-h-[5em]":"min-h-[10em]","placeholder:font-normal placeholder:text-gray-400\n                placeholder:opacity-60 placeholder:transition-all\n                placeholder:duration-300 placeholder:ease-in-out","focus:outline-none",x&&["mt-6 pt-0","placeholder:opacity-0",v&&"placeholder:opacity-60","focus:placeholder:opacity-60"]),...w,disabled:u,id:y,onBlur:e=>{T(!1),w.onBlur?.(e)},onFocus:e=>{T(!0),w.onFocus?.(e)},rows:h,value:g}),x&&o.jsx("span",{className:l.cn("text-amino-base pointer-events-none absolute\n                  top-[calc(var(--amino-font-size-base)+6px)] left-4\n                  origin-top-left leading-none transition-all duration-300\n                  ease-in-out","[&_.tooltip-wrapper]:pointer-events-auto\n                  [&_.tooltip-wrapper]:cursor-help",(v||q)&&"top-[11px] scale-[0.8]"),style:{color:n.theme.gray800},children:x}),o.jsx("div",{className:"after:pointer-events-none after:absolute after:inset-0 after:rounded-[12px] after:content-['']"})]}),s&&o.jsx("div",{ref:F,className:"bg-page flex items-center justify-end px-4 py-4",children:o.jsx(t.Flex,{alignItems:"center",fullHeight:!0,justifyContent:"flex-end",children:s})})]}),o.jsx(r.HelpText,{error:d,helpText:p,withoutMargin:!0})]})});exports.Textarea=s;

package/components/theme-select/ThemeSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../__amino__/TranslateAminoText.js"),t=require("../card/Card.js"),n=require("../select/Select.js"),i=require("../stack/HStack.js"),a=require("../switch/Switch.js"),o=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),h=require("../../icons/SunnyIcon.js"),d=require("../../styles/constants/theme.js"),m=require("../../utils/cn.js"),j=require("../../utils/hooks/useAminoTheme.js"),x=require("react/jsx-runtime");require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../utils/hooks/useStorage.js");var g=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(q){var b=q.className,v=q.disabled,T=void 0!==v&&v,p=q.type,y=void 0===p?"select":p,f=j.useAminoTheme(),I=f.aminoTheme,k=f.setAminoTheme,_=e.__read(r.useState(!1),2),S=_[0],C=_[1];return r.useEffect(function(){C("night"===I)},[I]),x.jsxs(x.Fragment,{children:["cards"===y&&x.jsxs(i.HStack,{className:b,children:[x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","day"===I&&"text-primary border-blue-400"),"data-theme":"day",onClick:function(){return k("day")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:d.theme.space16,children:[x.jsx(u.ThemeLightIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Light"})})]})}),x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","night"===I&&"text-primary border-blue-400"),"data-theme":"night",onClick:function(){return k("night")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:d.theme.space16,children:[x.jsx(c.ThemeDarkIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Dark"})})]})})]}),"select"===y&&x.jsx(n.Select,{className:b,icon:function(){switch(I){case"day":default:return x.jsx(h.SunnyIcon,{});case"night":return x.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:T,onChange:function(e){return k((null==e?void 0:e.value)||"day")},options:g,value:g.filter(function(e){return e.value===I})}),"toggle"===y&&x.jsx(a.Switch,{"aria-label":"Dark mode",checked:S,className:b,disabled:T,onChange:function(){return!T&&k("night"===I?"day":"night")},switchIconLeft:x.jsx(h.SunnyIcon,{}),switchIconRight:x.jsx(l.NightIcon,{})})]})};
+"use strict";var e=require("react"),s=require("../__amino__/TranslateAminoText.js"),r=require("../card/Card.js"),t=require("../select/Select.js"),i=require("../stack/HStack.js"),n=require("../switch/Switch.js"),a=require("../text/Text.js"),o=require("../../icons/custom/theme/ThemeDarkIcon.js"),c=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),u=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),d=require("../../utils/cn.js"),m=require("../../utils/hooks/useAminoTheme.js"),j=require("react/jsx-runtime");require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../stack/Stack.js"),require("clsx"),require("tailwind-merge"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusIcon.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../utils/hooks/useStorage.js");const x=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=({className:g,disabled:q=!1,type:b="select"})=>{const{aminoTheme:T,setAminoTheme:p}=m.useAminoTheme(),[v,y]=e.useState(!1);return e.useEffect(()=>{y("night"===T)},[T]),j.jsxs(j.Fragment,{children:["cards"===b&&j.jsxs(i.HStack,{className:g,children:[j.jsx("button",{className:d.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","day"===T&&"text-primary border-blue-400"),"data-theme":"day",onClick:()=>p("day"),type:"button",children:j.jsxs(r.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[j.jsx(c.ThemeLightIcon,{}),j.jsx(a.Text,{type:"bold-label",children:j.jsx(s.TranslateAminoText,{text:"Light"})})]})}),j.jsx("button",{className:d.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","night"===T&&"text-primary border-blue-400"),"data-theme":"night",onClick:()=>p("night"),type:"button",children:j.jsxs(r.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[j.jsx(o.ThemeDarkIcon,{}),j.jsx(a.Text,{type:"bold-label",children:j.jsx(s.TranslateAminoText,{text:"Dark"})})]})})]}),"select"===b&&j.jsx(t.Select,{className:g,icon:(()=>{switch(T){case"day":default:return j.jsx(u.SunnyIcon,{});case"night":return j.jsx(l.NightIcon,{})}})(),isClearable:!1,isDisabled:q,onChange:e=>p(e?.value||"day"),options:x,value:x.filter(e=>e.value===T)}),"toggle"===b&&j.jsx(n.Switch,{"aria-label":"Dark mode",checked:v,className:g,disabled:q,onChange:()=>!q&&p("night"===T?"day":"night"),switchIconLeft:j.jsx(u.SunnyIcon,{}),switchIconRight:j.jsx(l.NightIcon,{})})]})};

package/components/thumbnail/Thumbnail.d.ts

@@ -1,11 +1,11 @@
 import type { ReactNode } from 'react';
-import type { ImageSize } from "../avatar/AvatarBase";
-import type { BaseProps } from "../../types/BaseProps";
-import type { Color, ColorPrefix } from "../../types/Color";
+import type { ImageSize } from '../../components/avatar/AvatarBase';
+import type { BaseProps } from '../../types/BaseProps';
+import type { Color, ColorPrefix } from '../../types/Color';
 declare const thumbnailShapes: {
-    readonly round: "50%";
-    readonly rounded: "20%";
-    readonly square: "0px";
+    readonly round: '50%';
+    readonly rounded: '20%';
+    readonly square: '0px';
 };
 export type ThumbnailProps = BaseProps & {
     /** @default 'gray' */

package/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-"use strict";var r=require("../../tslib.es6-cdc5f922.js"),e=require("../../styles/constants/theme.js"),o=require("../../utils/cn.js"),a=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var n={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(i){var t=i.className,s=i.color,c=void 0===s?"gray":s,d=i.icon,l=i.intent,u=void 0===l?"full":l,b=i.mainColorOverride,m=i.secondaryColorOverride,g=i.shape,v=void 0===g?"round":g,h=i.size,y=void 0===h?32:h,x=i.style;return a.jsx("div",{className:o.cn("box-content inline-flex items-center justify-center\n      bg-[var(--amino-thumbnail-background-color)] [&_svg]:h-[60%]\n      [&_svg]:w-[60%]\n      [&_svg_path[data-is-secondary-color]]:fill-[var(--amino-thumbnail-svg-secondary-color)]","bordered"===u&&"border-gray-0 dark:border-gray-1000","outline"===u&&"border border-gray-200 bg-transparent dark:border-gray-800",t),style:r.__assign(r.__assign({},x),{"--amino-thumbnail-background-color":e.theme["".concat(c,"100")],"--amino-thumbnail-svg-secondary-color":e.theme[m||"".concat(c,"400")],borderRadius:n[v],borderWidth:"bordered"===u?"calc(".concat(y,"px / 16)"):void 0,color:e.theme[b||"".concat(c,"800")],height:"".concat(y,"px"),width:"".concat(y,"px")}),children:d})};
+"use strict";var r=require("../../styles/constants/theme.js"),e=require("../../utils/cn.js"),o=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const a={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=({className:n,color:i="gray",icon:s,intent:t="full",mainColorOverride:d,secondaryColorOverride:l,shape:c="round",size:u=32,style:b})=>o.jsx("div",{className:e.cn("box-content inline-flex items-center justify-center\n      bg-[var(--amino-thumbnail-background-color)] [&_svg]:h-[60%]\n      [&_svg]:w-[60%]\n      [&_svg_path[data-is-secondary-color]]:fill-[var(--amino-thumbnail-svg-secondary-color)]","bordered"===t&&"border-gray-0 dark:border-gray-1000","outline"===t&&"border border-gray-200 bg-transparent dark:border-gray-800",n),style:{...b,"--amino-thumbnail-background-color":r.theme[`${i}100`],"--amino-thumbnail-svg-secondary-color":r.theme[l||`${i}400`],borderRadius:a[c],borderWidth:"bordered"===t?`calc(${u}px / 16)`:void 0,color:r.theme[d||`${i}800`],height:`${u}px`,width:`${u}px`},children:s});

package/components/toast/Toast.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 Direction = 'top' | 'right' | 'bottom' | 'left';
 export type ToastProps = BaseProps & {
     actions?: ReactNode;

package/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("framer-motion"),a=require("../button/Button.js"),t=require("../flex/Flex.js"),n=require("../../icons/CheckCircleIcon.js"),i=require("../../icons/InfoIcon.js"),s=require("../../icons/RemoveCircleIcon.js"),g=require("../../icons/RemoveIcon.js"),c=require("../../icons/WarningIcon.js"),l=require("../../utils/cn.js"),o=require("react/jsx-runtime"),u=require("react");require("class-variance-authority"),require("../button/RippleGroup.js"),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("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_IconBase.js");exports.Toast=function(d){var b=d.actions,_=d.children,x=d.direction,m=d.intent,j=d.isPersistent,y=d.onDismiss,q=d.style,v=d.toastKey,k=function(){switch(x){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},p={animate:{opacity:1,translateX:0,translateY:0},exit:k(),initial:k()},f=function(){switch(m){case"success":return{class:l.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(86,199,111,0.4)_0%,rgba(86,199,111,0)_50%)]","[&_svg]:text-green-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(86,199,111,0.24)_0%,rgba(86,199,111,0)_50%)]","dark:[&_svg]:text-green-600"),icon:o.jsx(n.CheckCircleIcon,{})};case"error":return{class:l.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(249,92,103,0.4)_0%,rgba(249,92,103,0)_50%)]","[&_svg]:text-red-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(249,92,103,0.24)_0%,rgba(249,92,103,0)_50%)]","dark:[&_svg]:text-red-600"),icon:o.jsx(s.RemoveCircleIcon,{})};case"warning":return{class:l.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(248,140,83,0.4)_0%,rgba(248,140,83,0)_50%)]","[&_svg]:text-orange-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(248,140,83,0.24)_0%,rgba(248,140,83,0)_50%)]","dark:[&_svg]:text-orange-600"),icon:o.jsx(c.WarningIcon,{})};case"info":return{class:l.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(95,146,246,0.4)_0%,rgba(95,146,246,0)_50%)]","[&_svg]:text-blue-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(95,146,246,0.24)_0%,rgba(95,146,246,0)_50%)]","dark:[&_svg]:text-blue-600"),icon:o.jsx(i.InfoIcon,{})};default:return{class:l.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(148,150,158,0.4)_0%,rgba(148,150,158,0)_50%)]","[&_svg]:text-gray-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(148,150,158,0.24)_0%,rgba(148,150,158,0)_50%)]","dark:[&_svg]:text-gray-600"),icon:o.jsx(i.InfoIcon,{})}}}();return u.createElement(r.motion.div,{className:l.cn("shadow-amino-large z-999999 flex-1 rounded-xl p-4 leading-6 font-medium\n        select-none","bg-gray-1000 text-gray-0\n        bg-[linear-gradient(90deg,rgba(148,150,158,0.4)_0%,rgba(148,150,158,0)_50%)]","[&_svg]:text-gray-500","dark:text-gray-1000 dark:bg-gray-50\n        dark:bg-[linear-gradient(90deg,rgba(148,150,158,0.24)_0%,rgba(148,150,158,0)_50%)]","dark:[&_svg]:text-gray-600",f.class,j&&"cursor-pointer select-auto"),layout:!0,style:e.__assign({},q),...p,key:v},o.jsxs(t.Flex,{alignItems:"flex-start",gap:12,justifyContent:"space-between",children:[o.jsxs(t.Flex,{alignItems:"center",className:"self-center",gap:12,children:[o.jsx("div",{className:"self-start",children:f.icon}),o.jsx("div",{children:_})]}),o.jsxs(t.Flex,{alignItems:"center",className:"toast-actions",gap:12,children:[b,j&&o.jsx(a.Button,{className:"h-6",icon:o.jsx(g.RemoveIcon,{}),onClick:function(e){return null==y?void 0:y(e)},variant:"plain"})]})]}))};
+"use strict";var e=require("framer-motion"),r=require("../button/Button.js"),a=require("../flex/Flex.js"),t=require("../../icons/CheckCircleIcon.js"),n=require("../../icons/InfoIcon.js"),s=require("../../icons/RemoveCircleIcon.js"),i=require("../../icons/RemoveIcon.js"),g=require("../../icons/WarningIcon.js"),c=require("../../utils/cn.js"),l=require("react/jsx-runtime"),o=require("react");require("class-variance-authority"),require("../button/RippleGroup.js"),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");exports.Toast=({actions:d,children:u,direction:b,intent:x,isPersistent:_,onDismiss:m,style:y,toastKey:j})=>{const k=()=>{switch(b){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},p={animate:{opacity:1,translateX:0,translateY:0},exit:k(),initial:k()},q=(()=>{switch(x){case"success":return{class:c.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(86,199,111,0.4)_0%,rgba(86,199,111,0)_50%)]","[&_svg]:text-green-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(86,199,111,0.24)_0%,rgba(86,199,111,0)_50%)]","dark:[&_svg]:text-green-600"),icon:l.jsx(t.CheckCircleIcon,{})};case"error":return{class:c.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(249,92,103,0.4)_0%,rgba(249,92,103,0)_50%)]","[&_svg]:text-red-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(249,92,103,0.24)_0%,rgba(249,92,103,0)_50%)]","dark:[&_svg]:text-red-600"),icon:l.jsx(s.RemoveCircleIcon,{})};case"warning":return{class:c.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(248,140,83,0.4)_0%,rgba(248,140,83,0)_50%)]","[&_svg]:text-orange-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(248,140,83,0.24)_0%,rgba(248,140,83,0)_50%)]","dark:[&_svg]:text-orange-600"),icon:l.jsx(g.WarningIcon,{})};case"info":return{class:c.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(95,146,246,0.4)_0%,rgba(95,146,246,0)_50%)]","[&_svg]:text-blue-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(95,146,246,0.24)_0%,rgba(95,146,246,0)_50%)]","dark:[&_svg]:text-blue-600"),icon:l.jsx(n.InfoIcon,{})};default:return{class:c.cn("bg-gray-1000 bg-[image:linear-gradient(90deg,rgba(148,150,158,0.4)_0%,rgba(148,150,158,0)_50%)]","[&_svg]:text-gray-500","dark:bg-gray-50 dark:bg-[image:linear-gradient(90deg,rgba(148,150,158,0.24)_0%,rgba(148,150,158,0)_50%)]","dark:[&_svg]:text-gray-600"),icon:l.jsx(n.InfoIcon,{})}}})();return o.createElement(e.motion.div,{className:c.cn("shadow-amino-large z-999999 flex-1 rounded-xl p-4 leading-6 font-medium\n        select-none","bg-gray-1000 text-gray-0\n        bg-[linear-gradient(90deg,rgba(148,150,158,0.4)_0%,rgba(148,150,158,0)_50%)]","[&_svg]:text-gray-500","dark:text-gray-1000 dark:bg-gray-50\n        dark:bg-[linear-gradient(90deg,rgba(148,150,158,0.24)_0%,rgba(148,150,158,0)_50%)]","dark:[&_svg]:text-gray-600",q.class,_&&"cursor-pointer select-auto"),layout:!0,style:{...y},...p,key:j},l.jsxs(a.Flex,{alignItems:"flex-start",gap:12,justifyContent:"space-between",children:[l.jsxs(a.Flex,{alignItems:"center",className:"self-center",gap:12,children:[l.jsx("div",{className:"self-start",children:q.icon}),l.jsx("div",{children:u})]}),l.jsxs(a.Flex,{alignItems:"center",className:"toast-actions",gap:12,children:[d,_&&l.jsx(r.Button,{className:"h-6",icon:l.jsx(i.RemoveIcon,{}),onClick:e=>m?.(e),variant:"plain"})]})]}))};

package/components/toast/ToastContext.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import { type ToastProps } from "./Toast";
+import { type ToastProps } from '../../components/toast/Toast';
 type BaseProps = Omit<ToastProps, 'children' | 'toastKey'>;
 export type ToastContextFunctionType = (toast: ReactNode, props?: BaseProps, location?: {
     bottom?: string;

package/components/toast/ToastContext.js

@@ -1 +1 @@
-"use strict";var t=require("../../tslib.es6-cdc5f922.js"),e=require("react"),s=require("framer-motion"),n=require("uuid"),r=require("../__amino__/TranslateAminoText.js"),i=require("../button/Button.js"),o=require("../flex/Flex.js"),a=require("./Toast.js"),u=require("../../icons/RemoveIcon.js"),l=require("../../utils/cn.js"),c=require("react/jsx-runtime");require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.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("../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/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js"),require("clsx"),require("tailwind-merge");var p=e.createContext({dismissAllToasts:function(){},dismissToast:function(t){},notify:function(t,e){}});exports.ToastContext=p,exports.ToastContextProvider=function(f){var d=f.children,m=t.__read(e.useState([]),2),_=m[0],x=m[1],T=t.__read(e.useState([]),2),h=T[0],j=T[1],v=t.__read(e.useState(!1),2),b=v[0],q=v[1],y=t.__read(e.useState({bottom:"",left:""}),2),g=y[0],C=y[1],A=e.useCallback(function(e,s){var r={isPersistent:null==s?void 0:s.isPersistent,props:s,toast:e,uuid:(null==s?void 0:s.id)||n.v4()};(null==s?void 0:s.isPersistent)?j(function(e){return e.some(function(t){return t.uuid===r.uuid})?e:t.__spreadArray([r],t.__read(e),!1)}):(x(function(e){return e.some(function(t){return t.uuid===r.uuid})?e:t.__spreadArray(t.__spreadArray([],t.__read(e),!1),[r],!1)}),setTimeout(function(){return x(function(t){return t.slice(1)})},(null==s?void 0:s.duration)||6e3))},[x,j]),k=e.useCallback(function(t,e,s){s&&C({bottom:s.bottom||"",left:s.left||""}),A(t,e)},[A]),I=e.useCallback(function(t){x(function(e){return e.filter(function(e){return e.uuid!==t})}),j(function(e){return e.filter(function(e){return e.uuid!==t})})},[j]),P=e.useCallback(function(){j([]),x([]),q(!1)},[j,x,q]),z=function(t){var e=t.currentTarget.querySelector(".toast-actions");e&&!e.contains(t.target)&&q(function(t){return!t})},S=e.useRef(null),w=t.__read(e.useState(0),2),R=w[0],N=w[1],B=h.find(Boolean);e.useEffect(function(){S.current&&N(S.current.offsetHeight)},[B]);var D=e.useMemo(function(){return{dismissAllToasts:P,dismissToast:I,notify:k}},[P,I,k]),F=h.length>0;return c.jsxs(p.Provider,{value:D,children:[d,c.jsxs("div",{className:"pointer-events-none fixed z-[9999999] flex w-full flex-col justify-end",style:{bottom:g.bottom||"40px",left:g.left||"auto"},children:[c.jsx("div",{className:l.cn("pointer-events-auto flex flex-col items-center gap-4",F&&"mb-4"),children:c.jsx(s.AnimatePresence,{children:_.map(function(t){var e=t.props,s=t.toast,n=t.uuid,r="toast-".concat(s,"-").concat(n);return c.jsx(o.Flex,{children:c.jsx(a.Toast,{direction:null==e?void 0:e.direction,intent:null==e?void 0:e.intent,toastKey:r,children:s})},r)})})}),c.jsxs("div",{className:l.cn("pointer-events-auto flex flex-col items-center gap-4","relative z-[1000] mx-auto max-h-[60vh] w-full max-w-[600px]","hover:cursor-pointer","[&_.persistentToast]:z-[8] [&_.persistentToast]:w-full","[&_.persistentToast:nth-of-type(1)]:z-[10]","[&_.persistentToast:nth-of-type(2)]:z-[9]",!b&&l.cn("[&_.persistentToast]:absolute [&_.persistentToast]:scale-50\n                [&_.persistentToast]:opacity-0","[&_.persistentToast]:brightness-200\n                [&_.persistentToast]:transition-all\n                [&_.persistentToast]:duration-300","[&_.persistentToast]:origin-bottom\n                [&_.persistentToast]:ease-[cubic-bezier(0.4,0,0.2,1)]","[&_.persistentToast:nth-of-type(1)]:bottom-0\n                [&_.persistentToast:nth-of-type(1)]:scale-100","[&_.persistentToast:nth-of-type(1)]:opacity-100\n                [&_.persistentToast:nth-of-type(1)]:brightness-100","[&_.persistentToast:nth-of-type(2)]:-bottom-2\n                [&_.persistentToast:nth-of-type(2)]:scale-90","[&_.persistentToast:nth-of-type(2)]:opacity-100\n                [&_.persistentToast:nth-of-type(2)]:brightness-150","[&_.persistentToast:nth-of-type(3)]:scale-80\n                [&_.persistentToast:nth-of-type(3)]:opacity-80","[&_.persistentToast:nth-of-type(3)]:-bottom-4\n                [&_.persistentToast:nth-of-type(3)]:brightness-200"),b&&"relative w-full"),style:{minHeight:F&&!b?"".concat(R+40,"px"):"unset"},children:[!!h.length&&c.jsx(i.Button,{className:l.cn("ml-auto rounded bg-[rgba(0,0,0,0.06)] backdrop-blur-[5px]",b&&"-mb-2"),icon:c.jsx(u.RemoveIcon,{}),onClick:P,variant:"text",children:c.jsx(r.TranslateAminoText,{text:"Clear all --context: button text referencing clearing all toasts"})}),c.jsx(s.AnimatePresence,{children:h.map(function(t,e){var s=t.props,n=t.toast,r=t.uuid,i="persistent-toast-".concat(n,"-").concat(r),u=0===e||b;return c.jsx("div",{ref:0===e?S:null,className:"persistentToast",onClick:z,onKeyDown:function(t){"Enter"!==t.key&&" "!==t.key||z(t)},role:"button",tabIndex:0,children:c.jsx(o.Flex,{fullWidth:!0,children:c.jsx(a.Toast,{...s,actions:u?null==s?void 0:s.actions:void 0,isPersistent:!0,onDismiss:function(t){var e;null===(e=null==s?void 0:s.onDismiss)||void 0===e||e.call(s,t),function(t,e){t.stopPropagation(),I(e)}(t,r)},toastKey:i,children:u?n:""})})},i)})})]})]})]})};
+"use strict";var e=require("react"),t=require("framer-motion"),s=require("uuid"),n=require("../__amino__/TranslateAminoText.js"),i=require("../button/Button.js"),r=require("../flex/Flex.js"),o=require("./Toast.js"),a=require("../../icons/RemoveIcon.js"),l=require("../../utils/cn.js"),u=require("react/jsx-runtime");require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.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("../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/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");const c=e.createContext({dismissAllToasts:()=>{},dismissToast:e=>{},notify:(e,t)=>{}});exports.ToastContext=c,exports.ToastContextProvider=({children:p})=>{const[d,m]=e.useState([]),[f,x]=e.useState([]),[T,h]=e.useState(!1),[j,b]=e.useState({bottom:"",left:""}),q=e.useCallback((e,t)=>{const n={isPersistent:t?.isPersistent,props:t,toast:e,uuid:t?.id||s.v4()};t?.isPersistent?x(e=>e.some(e=>e.uuid===n.uuid)?e:[n,...e]):(m(e=>e.some(e=>e.uuid===n.uuid)?e:[...e,n]),setTimeout(()=>m(e=>e.slice(1)),t?.duration||6e3))},[m,x]),y=e.useCallback((e,t,s)=>{s&&b({bottom:s.bottom||"",left:s.left||""}),q(e,t)},[q]),_=e.useCallback(e=>{m(t=>t.filter(t=>t.uuid!==e)),x(t=>t.filter(t=>t.uuid!==e))},[x]),g=e.useCallback(()=>{x([]),m([]),h(!1)},[x,m,h]),v=e=>{const t=e.currentTarget.querySelector(".toast-actions");t&&!t.contains(e.target)&&h(e=>!e)},C=e.useRef(null),[k,I]=e.useState(0),P=f.find(Boolean);e.useEffect(()=>{C.current&&I(C.current.offsetHeight)},[P]);const z=e.useMemo(()=>({dismissAllToasts:g,dismissToast:_,notify:y}),[g,_,y]),A=f.length>0;return u.jsxs(c.Provider,{value:z,children:[p,u.jsxs("div",{className:"pointer-events-none fixed z-[9999999] flex w-full flex-col justify-end",style:{bottom:j.bottom||"40px",left:j.left||"auto"},children:[u.jsx("div",{className:l.cn("pointer-events-auto flex flex-col items-center gap-4",A&&"mb-4"),children:u.jsx(t.AnimatePresence,{children:d.map(({props:e,toast:t,uuid:s})=>{const n=`toast-${t}-${s}`;return u.jsx(r.Flex,{children:u.jsx(o.Toast,{direction:e?.direction,intent:e?.intent,toastKey:n,children:t})},n)})})}),u.jsxs("div",{className:l.cn("pointer-events-auto flex flex-col items-center gap-4","relative z-[1000] mx-auto max-h-[60vh] w-full max-w-[600px]","hover:cursor-pointer","[&_.persistentToast]:z-[8] [&_.persistentToast]:w-full","[&_.persistentToast:nth-of-type(1)]:z-[10]","[&_.persistentToast:nth-of-type(2)]:z-[9]",!T&&l.cn("[&_.persistentToast]:absolute [&_.persistentToast]:scale-50\n                [&_.persistentToast]:opacity-0","[&_.persistentToast]:brightness-200\n                [&_.persistentToast]:transition-all\n                [&_.persistentToast]:duration-300","[&_.persistentToast]:origin-bottom\n                [&_.persistentToast]:ease-[cubic-bezier(0.4,0,0.2,1)]","[&_.persistentToast:nth-of-type(1)]:bottom-0\n                [&_.persistentToast:nth-of-type(1)]:scale-100","[&_.persistentToast:nth-of-type(1)]:opacity-100\n                [&_.persistentToast:nth-of-type(1)]:brightness-100","[&_.persistentToast:nth-of-type(2)]:-bottom-2\n                [&_.persistentToast:nth-of-type(2)]:scale-90","[&_.persistentToast:nth-of-type(2)]:opacity-100\n                [&_.persistentToast:nth-of-type(2)]:brightness-150","[&_.persistentToast:nth-of-type(3)]:scale-80\n                [&_.persistentToast:nth-of-type(3)]:opacity-80","[&_.persistentToast:nth-of-type(3)]:-bottom-4\n                [&_.persistentToast:nth-of-type(3)]:brightness-200"),T&&"relative w-full"),style:{minHeight:A&&!T?`${k+40}px`:"unset"},children:[!!f.length&&u.jsx(i.Button,{className:l.cn("ml-auto rounded bg-[rgba(0,0,0,0.06)] backdrop-blur-[5px]",T&&"-mb-2"),icon:u.jsx(a.RemoveIcon,{}),onClick:g,variant:"text",children:u.jsx(n.TranslateAminoText,{text:"Clear all --context: button text referencing clearing all toasts"})}),u.jsx(t.AnimatePresence,{children:f.map(({props:e,toast:t,uuid:s},n)=>{const i=`persistent-toast-${t}-${s}`,a=0===n||T;return u.jsx("div",{ref:0===n?C:null,className:"persistentToast",onClick:v,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||v(e)},role:"button",tabIndex:0,children:u.jsx(r.Flex,{fullWidth:!0,children:u.jsx(o.Toast,{...e,actions:a?e?.actions:void 0,isPersistent:!0,onDismiss:t=>{e?.onDismiss?.(t),((e,t)=>{e.stopPropagation(),_(t)})(t,s)},toastKey:i,children:a?t:""})})},i)})})]})]})]})};

package/components/toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
-import type { BaseProps } from "../../types/BaseProps";
-import type { SelectOption, SelectValue } from "../../types/SelectOption";
-import type { Size } from "../../types/Size";
+import type { BaseProps } from '../../types/BaseProps';
+import type { SelectOption, SelectValue } from '../../types/SelectOption';
+import type { Size } from '../../types/Size';
 export type ToggleProps<TValue extends SelectValue = SelectValue> = BaseProps & {
     /**
      * If true, the toggle will take up the full width of its parent.

package/components/toggle/Toggle.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),t=require("react"),i=require("framer-motion"),n=require("../../utils/cn.js"),r=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Toggle=function(l){var o=l.className,a=l.fullWidth,s=void 0!==a&&a,u=l.isDisabled,d=void 0!==u&&u,c=l.onChange,x=l.options,f=l.size,m=void 0===f?"sm":f,v=l.style,p=l.value,g=t.useRef(null),h=t.useRef(null),b=e.__read(t.useState({left:0,width:0}),2),w=b[0],j=b[1],y=e.__read(t.useState(!1),2),q=y[0],N=y[1];return t.useEffect(function(){var e,t,i=function(e,t){if(!t||!e)return{left:0,width:0};var i=t.width;return{left:t.left-e.left,width:i}}((null===(e=g.current)||void 0===e?void 0:e.getBoundingClientRect())||null,(null===(t=h.current)||void 0===t?void 0:t.getBoundingClientRect())||null);j(i)},[p,m]),r.jsx("div",{className:n.cn("inline-flex",s&&"w-full",d&&"opacity-60",o),style:v,children:r.jsxs("div",{ref:g,className:n.cn("relative flex h-8 rounded-md","bg-[rgba(5,10,40,0.06)] dark:bg-[rgba(220,225,255,0.1)]"),children:[r.jsx(i.motion.div,{animate:{width:w.width,x:w.left},className:n.cn("bg-raised absolute top-[1px] bottom-[1px] z-[1] rounded-md","shadow-[var(--amino-shadow-raised-standard)]"),initial:!1,onAnimationComplete:function(){N(!0)},transition:{duration:q?.2:0}}),x.map(function(e){var t=e.value===p;return r.jsxs("button",{ref:t?h:null,className:n.cn("z-[2] flex cursor-pointer justify-center gap-[6px] rounded-md\n                text-center","text-amino-base text-text-color-secondary font-medium","focus:outline-none",!t&&"hover:text-text-color",t&&"text-text-color","sm"===m&&"px-3 py-[6px]","md"===m&&"px-3 py-[10px]","lg"===m&&"px-[14px] py-[14px]","xl"===m&&"px-4 py-[18px]",s&&"flex-grow",d&&"cursor-not-allowed"),disabled:d,onClick:function(){c(e.value)},type:"button",children:[e.icon&&r.jsx("div",{className:"[&,&_svg]:max-h-full [&,&_svg]:w-auto",children:e.icon}),r.jsx("div",{children:e.label})]},e.value)})]})})};
+"use strict";var e=require("react"),t=require("framer-motion"),n=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");exports.Toggle=({className:r,fullWidth:i=!1,isDisabled:s=!1,onChange:o,options:a,size:u="sm",style:d,value:c})=>{const x=e.useRef(null),m=e.useRef(null),[p,f]=e.useState({left:0,width:0}),[g,h]=e.useState(!1);return e.useEffect(()=>{const e=((e,t)=>{if(!t||!e)return{left:0,width:0};const{width:n}=t;return{left:t.left-e.left,width:n}})(x.current?.getBoundingClientRect()||null,m.current?.getBoundingClientRect()||null);f(e)},[c,u]),l.jsx("div",{className:n.cn("inline-flex",i&&"w-full",s&&"opacity-60",r),style:d,children:l.jsxs("div",{ref:x,className:n.cn("relative flex h-8 rounded-md","bg-[rgba(5,10,40,0.06)] dark:bg-[rgba(220,225,255,0.1)]"),children:[l.jsx(t.motion.div,{animate:{width:p.width,x:p.left},className:n.cn("bg-raised absolute top-[1px] bottom-[1px] z-[1] rounded-md","shadow-[var(--amino-shadow-raised-standard)]"),initial:!1,onAnimationComplete:()=>{h(!0)},transition:{duration:g?.2:0}}),a.map(e=>{const t=e.value===c;return l.jsxs("button",{ref:t?m:null,className:n.cn("z-[2] flex cursor-pointer justify-center gap-[6px] rounded-md\n                text-center","text-amino-base text-text-color-secondary font-medium","focus:outline-none",!t&&"hover:text-text-color",t&&"text-text-color","sm"===u&&"px-3 py-[6px]","md"===u&&"px-3 py-[10px]","lg"===u&&"px-[14px] py-[14px]","xl"===u&&"px-4 py-[18px]",i&&"flex-grow",s&&"cursor-not-allowed"),disabled:s,onClick:()=>{o(e.value)},type:"button",children:[e.icon&&l.jsx("div",{className:"[&,&_svg]:max-h-full [&,&_svg]:w-auto",children:e.icon}),l.jsx("div",{children:e.label})]},e.value)})]})})};