@zonos/amino 3.4.51

package/components/table/TableHead.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare type TableHeadProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const TableHead: ({ children, className }: TableHeadProps) => JSX.Element;

package/components/table/TableHead.js

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

package/components/table/TableRow.d.ts

@@ -0,0 +1,9 @@
+import { MouseEventHandler, ReactNode } from 'react';
+export declare type TableRowProps = {
+    active?: boolean;
+    children: ReactNode;
+    className?: string;
+    withHover?: boolean;
+    onClick?: MouseEventHandler<HTMLTableRowElement>;
+};
+export declare function TableRow({ active, children, className, withHover, onClick, }: TableRowProps): JSX.Element;

package/components/table/TableRow.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var o,a=r(require("styled-components")).default.tr(o||(o=e.__makeTemplateObject(["\n  &.with-hover:hover {\n    background-color: ",";\n  }\n  th {\n    color: ",";\n    text-transform: uppercase;\n    & > * {\n      font-size: ",";\n    }\n  }\n  /** Only affect on tr inside tbody */\n  tbody &.active {\n    background: ",";\n  }\n"],["\n  &.with-hover:hover {\n    background-color: ",";\n  }\n  th {\n    color: ",";\n    text-transform: uppercase;\n    & > * {\n      font-size: ",";\n    }\n  }\n  /** Only affect on tr inside tbody */\n  tbody &.active {\n    background: ",";\n  }\n"])),t.theme.gray50,t.theme.gray800,t.theme.fontSizeS,t.theme.gray50);exports.TableRow=function(t){var r=t.active,o=t.children,i=t.className,c=t.withHover,s=t.onClick;return n.jsx(a,e.__assign({className:[i||"",r?"active":"",c?"with-hover":""].join(" "),onClick:s},{children:o}))};

package/components/table/TableRowCollapse.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler, ReactNode } from 'react';
+export declare type TableRowCollapseProps = {
+    className?: string;
+    children?: ReactNode;
+    onToggleCollapse: MouseEventHandler<HTMLTableRowElement>;
+    /**
+     * @param collapsed
+     * @default false
+     */
+    collapsed?: boolean;
+    rowContent: ReactNode;
+};
+export declare const TableRowCollapse: ({ className, children, onToggleCollapse, collapsed, rowContent, }: TableRowCollapseProps) => JSX.Element;

package/components/table/TableRowCollapse.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../collapse/Collapse.js"),r=require("./TableCell.js"),o=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),l=require("../../styles/constants/theme.js"),i=require("styled-components"),a=require("../button/Button.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js");var u,d,p,b,m,j,_=c(i),h=_.default(o.TableRow)(p||(p=e.__makeTemplateObject(["\n  ","\n  ","\n"],["\n  ","\n  ","\n"])),(function(n){return!n.collapsed&&i.css(u||(u=e.__makeTemplateObject(["\n      td {\n        border-bottom: 0;\n      }\n    "],["\n      td {\n        border-bottom: 0;\n      }\n    "])))}),(function(n){return n.collapsible&&i.css(d||(d=e.__makeTemplateObject(["\n      cursor: pointer;\n    "],["\n      cursor: pointer;\n    "])))})),g=_.default(t.Collapse)(b||(b=e.__makeTemplateObject(["\n  > div {\n    padding-bottom: ",";\n  }\n"],["\n  > div {\n    padding-bottom: ",";\n  }\n"])),l.theme.space16),q=_.default(r.TableCell)(m||(m=e.__makeTemplateObject(["\n  border-bottom: ",";\n  && {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  border-bottom: ",";\n  && {\n    height: ",";\n  }\n  > div {\n    width: 100%;\n  }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),f=_.default(a.Button)(j||(j=e.__makeTemplateObject(["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"],["\n  svg {\n    transition: ",";\n\n    &.collapsed {\n      transform: rotate(180deg);\n    }\n  }\n"])),l.theme.transition);exports.TableRowCollapse=function(t){var l=t.className,i=t.children,a=t.onToggleCollapse,c=t.collapsed,u=void 0!==c&&c,d=t.rowContent,p=!!i;return n.jsxs(n.Fragment,{children:[n.jsxs(h,e.__assign({collapsible:p,withHover:p,collapsed:u,onClick:function(e){return p&&a(e)},className:l},{children:[d,n.jsx(r.TableCell,e.__assign({align:"right"},{children:p&&n.jsx(f,{icon:n.jsx(s.ChevronUpIcon,{className:u?"collapsed":""}),intent:"plain"})}))]})),p&&n.jsx(o.TableRow,{children:n.jsx(q,e.__assign({colSpan:100,collapsed:u},{children:n.jsx(g,e.__assign({collapsed:u},{children:i}))}))})]})};

package/components/tabs/Tabs.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare type TabsProps = {
+    selected: number;
+    onChange: (selectedTab: number) => void;
+    items: string[];
+    /**
+     * Use the subtle design
+     * @default false
+     */
+    subtle?: boolean;
+    /**
+     * Only applies to subtle design
+     * Align tabs horizontally.
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+};
+export declare const Tabs: ({ selected, onChange, items, subtle, align, className, }: TabsProps) => JSX.Element;

package/components/tabs/Tabs.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),o=require("../text/Text.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,i,l,c,d,f=a(r),m=f.default.div(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),u=f.default.div(i||(i=n.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  text-align: center;\n  padding: "," 0;\n  transition: ",";\n  color: ",";\n\n  &::after {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    content: '';\n    background-color: ",";\n    transition: ",";\n    height: 2px;\n    width: 100%;\n    transform: scaleX(0);\n  }\n\n  &.is-selected {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):hover {\n    color: ",";\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):active {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  text-align: center;\n  padding: "," 0;\n  transition: ",";\n  color: ",";\n\n  &::after {\n    position: absolute;\n    bottom: 0px;\n    left: 0;\n    content: '';\n    background-color: ",";\n    transition: ",";\n    height: 2px;\n    width: 100%;\n    transform: scaleX(0);\n  }\n\n  &.is-selected {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):hover {\n    color: ",";\n\n    &::after {\n      transform: scaleX(1);\n    }\n  }\n\n  &:not(.is-selected):active {\n    color: ",";\n\n    &::after {\n      background-color: ",";\n      transform: scaleX(1);\n    }\n  }\n"])),t.theme.space12,t.theme.transition,t.theme.gray800,t.theme.gray200,t.theme.transition,t.theme.primary,t.theme.primary,t.theme.gray1000,t.theme.gray1000,t.theme.gray300),b=f.default(m)(l||(l=n.__makeTemplateObject(["\n  border: ",";\n  border-radius: ",";\n"],["\n  border: ",";\n  border-radius: ",";\n"])),t.theme.border,t.theme.radius8),g=f.default(u)(c||(c=n.__makeTemplateObject(["\n  flex: 1;\n  font-weight: 500;\n\n  &::after {\n    height: 4px;\n  }\n\n  &:first-of-type::after {\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-of-type::after {\n    border-bottom-right-radius: ",";\n  }\n\n  & + & {\n    border-left: ",";\n  }\n\n  &:not(.is-selected):hover {\n    background: rgba(0, 0, 0, 0.03);\n  }\n\n  &:not(.is-selected):active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"],["\n  flex: 1;\n  font-weight: 500;\n\n  &::after {\n    height: 4px;\n  }\n\n  &:first-of-type::after {\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-of-type::after {\n    border-bottom-right-radius: ",";\n  }\n\n  & + & {\n    border-left: ",";\n  }\n\n  &:not(.is-selected):hover {\n    background: rgba(0, 0, 0, 0.03);\n  }\n\n  &:not(.is-selected):active {\n    background: rgba(0, 0, 0, 0.08);\n  }\n"])),t.theme.radius8,t.theme.radius8,t.theme.border),h=f.default(m)(d||(d=n.__makeTemplateObject(["\n  justify-content: ",";\n  gap: ",";\n  border-bottom: 1px solid ",";\n"],["\n  justify-content: ",";\n  gap: ",";\n  border-bottom: 1px solid ",";\n"])),(function(n){return n.align}),t.theme.space24,t.theme.gray200),p=u;exports.Tabs=function(t){var r=t.selected,a=t.onChange,s=t.items,i=t.subtle,l=void 0!==i&&i,c=t.align,d=void 0===c?"start":c,f=t.className;return l?e.jsx(h,n.__assign({align:d,className:f},{children:s.map((function(t){return e.jsx(p,n.__assign({onClick:function(){return a(s.indexOf(t))},className:r===s.indexOf(t)?"is-selected":""},{children:e.jsx(o.Text,n.__assign({type:"label"},{children:t}))}),t)}))})):e.jsx(b,n.__assign({className:f},{children:s.map((function(t){return e.jsx(g,n.__assign({onClick:function(){return a(s.indexOf(t))},className:r===s.indexOf(t)?"is-selected":""},{children:t}),t)}))}))};

package/components/tag/Tag.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface TagProps {
+    children?: ReactNode | string;
+    className?: string;
+    icon?: ReactNode;
+    iconRight?: boolean;
+    onClose: () => void;
+}
+export declare const Tag: ({ children, className, icon, iconRight, onClose, }: TagProps) => JSX.Element;

package/components/tag/Tag.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../icons/RemoveIcon.js"),t=require("../../styles/constants/theme.js"),o=require("styled-components");function i(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,c=i(o),l=c.default.div(a||(a=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),g=c.default.button(s||(s=n.__makeTemplateObject(["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  font-weight: normal;\n  padding: 3px ",";\n  text-align: center;\n  font-weight: 500;\n  // default background color (gray)\n  background-color: ",";\n  color: ",";\n  border-radius: ",";\n  align-items: center;\n  &:hover {\n    background-color: ",";\n  }\n  p {\n    margin: 0;\n    font-weight: 700;\n  }\n  svg {\n    order: ",";\n  }\n"],["\n  display: flex;\n  gap: ",";\n  font-size: ",";\n  font-weight: normal;\n  padding: 3px ",";\n  text-align: center;\n  font-weight: 500;\n  // default background color (gray)\n  background-color: ",";\n  color: ",";\n  border-radius: ",";\n  align-items: center;\n  &:hover {\n    background-color: ",";\n  }\n  p {\n    margin: 0;\n    font-weight: 700;\n  }\n  svg {\n    order: ",";\n  }\n"])),t.theme.space8,t.theme.typeScaleBase,t.theme.space16,t.theme.gray200,t.theme.gray800,t.theme.radius6,t.theme.gray300,(function(n){return n.iconRight?"2":""}));exports.Tag=function(t){var o=t.children,i=t.className,a=t.icon,s=t.iconRight,c=t.onClose;return e.jsx(l,n.__assign({className:i},{children:e.jsxs(g,n.__assign({type:"button",iconRight:s,onClick:c},{children:[a,e.jsx("p",{children:o}),e.jsx(r.RemoveIcon,{size:16})]}))}))};

package/components/text/LegacyText.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+declare type LegacyTextStyle = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'code' | 'subtitle' | 'small-header' | 'input-label';
+export declare type LegacyTextProps = {
+    children: ReactNode;
+    title?: string;
+    type?: LegacyTextStyle;
+    className?: string;
+};
+export declare const LegacyText: ({ className, children, title, type, }: LegacyTextProps) => JSX.Element;
+export {};

package/components/text/LegacyText.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,i,l,r=s(require("styled-components")),c=r.default.span(a||(a=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),t.theme.fontSizeS,t.theme.gray900),h=r.default.span(i||(i=e.__makeTemplateObject(["\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  opacity: 0.5;\n  text-transform: uppercase;\n"],["\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  opacity: 0.5;\n  text-transform: uppercase;\n"]))),o=r.default.span(l||(l=e.__makeTemplateObject(["\n  color: black;\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: black;\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),t.theme.fontSans,t.theme.space8);exports.LegacyText=function(t){var s=t.className,a=t.children,i=t.title;switch(t.type){case"h1":return n.jsx("h1",e.__assign({className:s,title:i},{children:a}));case"h2":return n.jsx("h2",e.__assign({className:s,title:i},{children:a}));case"h3":return n.jsx("h3",e.__assign({className:s,title:i},{children:a}));case"h4":return n.jsx("h4",e.__assign({className:s,title:i},{children:a}));case"h5":return n.jsx("h5",e.__assign({className:s,title:i},{children:a}));case"h6":return n.jsx("h6",e.__assign({className:s,title:i},{children:a}));case"subtitle":return n.jsx(c,e.__assign({className:s,title:i},{children:a}));case"small-header":return n.jsx(h,e.__assign({className:s,title:i},{children:a}));case"input-label":return n.jsx(o,e.__assign({className:s,title:i},{children:a}));default:return n.jsx("p",e.__assign({className:s,title:i},{children:a}))}};

package/components/text/Text.d.ts

@@ -0,0 +1,104 @@
+import { ReactNode } from 'react';
+import { Color } from "../../types";
+export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
+declare type OtherText = typeof textOthers[number];
+export declare const textOptions: readonly [{
+    readonly label: "Page Header (3XL) · 34px (2.125rem)";
+    readonly size: "3xl";
+    readonly tag: "h2";
+    readonly type: "page-header";
+    readonly weight: 900;
+}, {
+    readonly label: "Header (2XL) · 28px (1.75rem)";
+    readonly size: "2xl";
+    readonly type: "header";
+    readonly tag: "h3";
+    readonly weight: 700;
+}, {
+    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 weight: 600;
+}, {
+    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 weight: 600;
+}, {
+    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 weight: 700;
+}, {
+    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 weight: 400;
+}, {
+    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 weight: 400;
+}, {
+    readonly label: "Hint text (XS) • 10px (.625rem)";
+    readonly size: "xs";
+    readonly tag: "span";
+    readonly type: "hint-text";
+    readonly weight: 400;
+}];
+declare type Size = typeof textOptions[number]['size'];
+declare type Type = typeof textOptions[number]['type'];
+export declare type FontWeight = typeof textOptions[number]['weight'] | 800;
+declare type Tag = typeof textOptions[number]['tag'];
+declare type TypographyOverrides = {
+    color?: Color;
+    fontSize?: Size;
+    fontWeight?: FontWeight;
+    lineHeight?: Size;
+};
+declare type TextStyle = Type | OtherText;
+export declare type TextProps = {
+    children: ReactNode;
+    className?: string;
+    isUppercase?: boolean;
+    tag?: Tag;
+    title?: string;
+    type?: TextStyle;
+} & TypographyOverrides;
+export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, tag, title, type, }: TextProps) => JSX.Element;
+export {};

package/components/text/Text.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),i=require("../../styles/constants/theme.js"),a=require("styled-components");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h,o,p=s(a),g=p.default.span(n||(n=e.__makeTemplateObject(["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"],["\n  font-size: ",";\n  line-height: 16px;\n  color: ",";\n"])),i.theme.fontSizeS,i.theme.gray900),c=p.default.span(r||(r=e.__makeTemplateObject(["\n  color: black;\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: black;\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),i.theme.fontSans,i.theme.space8),u=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:900},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",type:"header",tag:"h3",weight:700},{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}],b=e.__read(u,13),m=b[0],z=b[1],f=b[2],d=b[3],x=b[4],w=b[5],y=b[6],_=b[7],U=b[8],W=b[9],S=b[10],j=b[11],k=b[12],L=p.default.h1(o||(o=e.__makeTemplateObject(["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  ","\n  ","\n"],["\n  font-size: ",";\n  font-weight: ",";\n  line-height: ",";\n  margin: 0;\n  ","\n  ","\n"])),(function(e){return"var(--amino-font-size-".concat(e.fontSize||e.size,")")}),(function(e){return e.fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.lineHeight||e.size,")")}),(function(t){return t.color&&a.css(l||(l=e.__makeTemplateObject(["\n      color: ",";\n    "],["\n      color: ",";\n    "])),i.theme[t.color])}),(function(t){return t.isUppercase&&a.css(h||(h=e.__makeTemplateObject(["\n      text-transform: uppercase;\n    "],["\n      text-transform: uppercase;\n    "])))}));exports.Text=function(i){var a=i.children,s=i.className,n=i.color,r=i.fontSize,l=i.fontWeight,h=i.isUppercase,o=i.lineHeight,p=i.tag,u=i.title,b=function(i){var l=i.as,h=i.fontWeight,p=i.size,g=i.isUppercase;return t.jsx(L,e.__assign({as:l,color:n,className:s,fontSize:r,fontWeight:h,lineHeight:o,size:p,isUppercase:!!g,title:u},{children:a}))};switch(i.type){case"page-header":return b({as:p||m.tag,fontWeight:l||m.weight,isUppercase:h,size:m.size});case"header":return b({as:p||z.tag,fontWeight:l||z.weight,isUppercase:h,size:z.size});case"description-header":return b({as:p||f.tag,fontWeight:l||f.weight,isUppercase:h,size:f.size});case"title":return b({as:p||d.tag,fontWeight:l||d.weight,isUppercase:h,size:d.size});case"bold-subheader":return b({as:p||x.tag,fontWeight:l||x.weight,isUppercase:h,size:x.size});case"semi-bold-subheader":return b({as:p||w.tag,fontWeight:l||w.weight,isUppercase:h,size:w.size});case"subheader":return b({as:p||y.tag,fontWeight:l||y.weight,isUppercase:h,size:y.size});case"bold-label":return b({as:p||_.tag,fontWeight:l||_.weight,isUppercase:h,size:_.size});case"label":return b({as:p||U.tag,fontWeight:l||U.weight,isUppercase:h,size:U.size});case"small-header":return b({as:p||S.tag,fontWeight:l||S.weight,isUppercase:"boolean"!=typeof h||h,size:S.size});case"caption":return b({as:p||j.tag,fontWeight:l||j.weight,isUppercase:h,size:j.size});case"hint-text":return b({as:p||k.tag,fontWeight:l||k.weight,isUppercase:h,size:k.size});case"subtitle":return t.jsx(g,e.__assign({className:s,title:u},{children:a}));case"input-label":return t.jsx(c,e.__assign({className:s,title:u},{children:a}));default:return b({as:p||W.tag,fontWeight:l||W.weight,isUppercase:h,size:W.size})}},exports.textOptions=u,exports.textOthers=["code","subtitle","small-header","input-label"];

package/components/text-avatar/TextAvatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type TextAvatarProps = {
+    label: string;
+};
+export declare const TextAvatar: ({ label }: TextAvatarProps) => JSX.Element;

package/components/text-avatar/TextAvatar.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js");function r(e){return e&&e.__esModule?e:{default:e}}var i,a=r(require("styled-components")).default.div.attrs((function(e){return{style:{background:"linear-gradient(\n      137deg,\n      ".concat(e.gradientStart,",\n      ").concat(e.gradientEnd,"\n    )")}}}))(i||(i=e.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  color: ",";\n  font-weight: 500;\n"],["\n  width: 32px;\n  height: 32px;\n  border-radius: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 500;\n  color: ",";\n  font-weight: 500;\n"])),t.theme.radius6,t.theme.gray1000),o=function(e,n){var t=Array.from(e).reduce((function(e,n){return n.charCodeAt(0)+((e<<5)-e)}),0);return"hsl(".concat(t%360,", 95%, ").concat(n,"%)")};exports.TextAvatar=function(t){var r,i=t.label;return n.jsx(a,e.__assign({gradientStart:o(i||"default label",75),gradientEnd:o(i&&i.split("").reverse().join("")||"default label",30)},{children:i&&(null===(r=i[0])||void 0===r?void 0:r.toUpperCase())||"D"}))};

package/components/textarea/Textarea.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, TextareaHTMLAttributes } from 'react';
+declare type TextareaType = {
+    error?: boolean;
+    helpText?: ReactNode;
+    label?: string;
+    /** @desc A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
+    width?: number;
+};
+export declare type TextareaProps = TextareaType & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'>;
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaType & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "children"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

package/components/textarea/Textarea.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("../../styles/constants/theme.js"),r=require("styled-components"),i=require("../help-text/HelpText.js");function a(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,l,d,h,c,u=a(r),p=u.default.div(s||(s=n.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  position: relative;\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),o.theme.radius6,o.theme.border,o.theme.gray300),b=u.default.div(l||(l=n.__makeTemplateObject(["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"],["\n  &::after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    border-radius: ",";\n  }\n"])),o.theme.radius6),f=u.default.label(d||(d=n.__makeTemplateObject(["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"],["\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  position: absolute;\n  filter: blur(0);\n  top: calc("," + 6px);\n  transform-origin: left top;\n  transition: ",";\n  left: ",";\n  z-index: 3;\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16),m=u.default.textarea(h||(h=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  transition: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    padding: "," 4px "," ",";\n  }\n\n  ::placeholder {\n    transition: ",";\n    opacity: 0;\n    color: ",";\n    font-weight: 400;\n  }\n  &.has-content,\n  &:focus {\n    &::placeholder {\n      opacity: 0.6;\n    }\n    & + "," {\n      top: 11px;\n      transform: scale(0.8);\n      & + "," {\n        &::before {\n          content: '';\n          position: absolute;\n          z-index: 2;\n          left: 0;\n          top: 0;\n          height: 25px;\n          right: 0;\n          background: white;\n          border-radius: ",";\n        }\n      }\n    }\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  transition: ",";\n  outline: none;\n  order: 2;\n  width: 100%;\n  border-radius: ",";\n  background: ",";\n  border: 0;\n  font-size: ",";\n  font-weight: 500;\n  z-index: 2;\n\n  :-internal-autofill-selected {\n    border-radius: "," 0 0 ",";\n    && + label + div {\n      background-color: #e8f0fe;\n    }\n  }\n  &.has-label {\n    padding: "," 4px "," ",";\n  }\n\n  ::placeholder {\n    transition: ",";\n    opacity: 0;\n    color: ",";\n    font-weight: 400;\n  }\n  &.has-content,\n  &:focus {\n    &::placeholder {\n      opacity: 0.6;\n    }\n    & + "," {\n      top: 11px;\n      transform: scale(0.8);\n      & + "," {\n        &::before {\n          content: '';\n          position: absolute;\n          z-index: 2;\n          left: 0;\n          top: 0;\n          height: 25px;\n          right: 0;\n          background: white;\n          border-radius: ",";\n        }\n      }\n    }\n  }\n\n  :focus {\n    outline: none;\n    & ~ ","::after {\n      box-shadow: ",";\n    }\n  }\n\n  &.has-error ~ ","::after {\n    box-shadow: ",";\n  }\n"])),o.theme.space16,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.fontSizeBase,o.theme.radius6,o.theme.radius6,o.theme.space24,o.theme.space8,o.theme.space16,o.theme.transition,o.theme.gray400,f,b,o.theme.radius6,b,o.theme.glowBlue,b,o.theme.glowError),x=u.default.div(c||(c=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  &.disabled {\n    * {\n      cursor: not-allowed;\n    }\n    "," {\n      opacity: 0.4;\n    }\n    "," {\n      user-select: none;\n    }\n  }\n"])),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),p,m),g=t.forwardRef((function(t,o){var r=t.className,a=t.disabled,s=t.error,l=t.helpText,d=t.label,h=t.value,c=t.rows,u=t.width,g=n.__rest(t,["className","disabled","error","helpText","label","value","rows","width"]),w=!!h;return e.jsxs(x,n.__assign({width:u,className:"amino-input-wrapper ".concat(r||""," ").concat(a?"disabled":"")},{children:[e.jsxs(p,{children:[e.jsx(m,n.__assign({className:[s?"has-error":"",d?"has-label":"",w?"has-content":""].join(" "),disabled:a,ref:o,rows:c,label:d,value:h},g)),e.jsx(f,n.__assign({"data-label":d},{children:d})),e.jsx(b,{})]}),e.jsx(i.HelpText,{error:s,helpText:l})]}))}));exports.Textarea=g;

package/components/thumbnail/Thumbnail.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { ColorPrefix } from "../../types/Color";
+import { ImageSize } from '../avatar/AvatarBase';
+declare const thumbnailShapes: {
+    readonly round: "50%";
+    readonly rounded: "20%";
+    readonly square: "0px";
+};
+export declare type ThumbnailProps = {
+    /** @default 32 */
+    size?: ImageSize;
+    /** @default 'round' */
+    shape?: keyof typeof thumbnailShapes;
+    /** @default 'gray' */
+    color?: ColorPrefix;
+    /** @default false */
+    bordered?: boolean;
+    icon: ReactNode;
+};
+export declare const Thumbnail: ({ icon, bordered, size, color, shape, }: ThumbnailProps) => JSX.Element;
+export {};

package/components/thumbnail/Thumbnail.js

@@ -0,0 +1 @@
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("../../styles/constants/theme.js"),t=require("styled-components");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},s=o(t).default.div(i||(i=n.__makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 50%;\n    height: 50%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: ",";\n  height: ",";\n  border-radius: ",";\n  border: ",";\n  box-sizing: content-box;\n  background-color: ",";\n\n  svg {\n    color: ",";\n\n    width: 50%;\n    height: 50%;\n\n    path[data-is-secondary-color] {\n      fill: ",";\n    }\n  }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return n.bordered?"".concat(n.size/16,"px solid ").concat(r.theme.gray0):void 0}),(function(n){return r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"300")]}));exports.Thumbnail=function(r){var t=r.icon,o=r.bordered,i=void 0!==o&&o,c=r.size,a=void 0===c?32:c,d=r.color,u=void 0===d?"gray":d,l=r.shape,h=void 0===l?"round":l;return e.jsx(s,n.__assign({shape:h,color:u,size:a,bordered:i},{children:t}))};

package/components/toast/Toast.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Intent } from "../../types";
+export declare type ToastProps = {
+    children: ReactNode;
+    toastKey: string;
+    intent?: Extract<Intent, 'success' | 'warning' | 'error' | 'info'>;
+    /** Dismiss delay (default 6000 ms) */
+    duration?: number;
+};
+export declare const Toast: ({ children, intent, toastKey }: ToastProps) => JSX.Element;

package/components/toast/Toast.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),o=require("framer-motion"),r=require("../../icons/CheckCircleDuotoneIcon.js"),a=require("../../icons/InfoDuotoneIcon.js"),t=require("../../icons/RemoveCircleDuotoneIcon.js"),c=require("../../icons/WarningDuotoneIcon.js"),s=require("../../styles/constants/theme.js"),l=require("styled-components");function i(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var u,d,g,m,h,b=i(l),_=b.default(o.motion.div)(u||(u=e.__makeTemplateObject(["\n  background: ",";\n  z-index: 999999;\n  border-radius: ",";\n  color: ",";\n  box-shadow: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  gap: ",";\n  font-weight: 500;\n  user-select: none;\n\n  & + & {\n    margin-top: ",";\n  }\n"],["\n  background: ",";\n  z-index: 999999;\n  border-radius: ",";\n  color: ",";\n  box-shadow: ",";\n  padding: "," ",";\n  display: flex;\n  align-items: center;\n  gap: ",";\n  font-weight: 500;\n  user-select: none;\n\n  & + & {\n    margin-top: ",";\n  }\n"])),s.theme.gray100,s.theme.radius8,s.theme.gray1000,s.theme.v3ShadowLarge,s.theme.space16,s.theme.space24,s.theme.space8,s.theme.space24),j=b.default(_)(d||(d=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),s.theme.green100,s.theme.green800),y=b.default(_)(g||(g=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),s.theme.red100,s.theme.red800),p=b.default(_)(m||(m=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),s.theme.orange100,s.theme.orange800),x=b.default(_)(h||(h=e.__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n"],["\n  background-color: ",";\n  color: ",";\n"])),s.theme.blue100,s.theme.blue800);exports.Toast=function(o){var s=o.children,l=o.intent,i={key:o.toastKey,initial:{opacity:0,translateX:10},animate:{opacity:1,translateX:0},exit:{opacity:0}};switch(l){case"success":return n.jsxs(j,e.__assign({layout:!0},i,{children:[n.jsx(r.CheckCircleDuotoneIcon,{color:"green900",secondaryColor:"green400"}),s]}));case"error":return n.jsxs(y,e.__assign({layout:!0},i,{children:[n.jsx(t.RemoveCircleDuotoneIcon,{color:"red900",secondaryColor:"red400"}),s]}));case"warning":return n.jsxs(p,e.__assign({layout:!0},i,{children:[n.jsx(c.WarningDuotoneIcon,{color:"orange900",secondaryColor:"orange400"}),s]}));case"info":return n.jsxs(x,e.__assign({layout:!0},i,{children:[n.jsx(a.InfoDuotoneIcon,{color:"blue900",secondaryColor:"blue400"}),s]}));default:return n.jsxs(_,e.__assign({layout:!0},i,{children:[n.jsx(a.InfoDuotoneIcon,{color:"gray900",secondaryColor:"gray400"}),s]}))}};

package/components/toast/ToastContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ToastProps } from './Toast';
+declare type BaseProps = Omit<ToastProps, 'children' | 'toastKey'>;
+export declare type ToastContextFunctionType = (toast: ReactNode, props?: BaseProps) => void;
+export declare const ToastContext: import("react").Context<ToastContextFunctionType>;
+declare type Props = {
+    children: ReactNode;
+};
+export declare const ToastContextProvider: ({ children }: Props) => JSX.Element;
+export {};

package/components/toast/ToastContext.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("framer-motion"),s=require("uuid"),i=require("./Toast.js");require("../../icons/CheckCircleDuotoneIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoDuotoneIcon.js"),require("../../icons/RemoveCircleDuotoneIcon.js"),require("../../icons/WarningDuotoneIcon.js"),require("styled-components");var o=n.createContext((function(e,r){}));exports.ToastContext=o,exports.ToastContextProvider=function(a){var c=a.children,u=e.__read(n.useState([]),2),d=u[0],l=u[1],_=n.useCallback((function(r,n){l((function(t){return e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[{toast:r,props:n,uuid:s.v4()}],!1)})),setTimeout((function(){return l((function(e){return e.slice(1)}))}),(null==n?void 0:n.duration)||6e3)}),[l]);return r.jsx(t.AnimatePresence,{children:r.jsxs(o.Provider,e.__assign({value:_},{children:[c,r.jsx("div",e.__assign({className:"toast-container"},{children:r.jsx("div",e.__assign({className:"toasts-wrapper"},{children:r.jsx(t.AnimatePresence,{children:d.map((function(n){var t=n.toast,s=n.props,o=n.uuid,a="toast-".concat(t,"-").concat(o);return r.jsx(i.Toast,e.__assign({toastKey:a,intent:null==s?void 0:s.intent},{children:t}),a)}))})}))}))]}))})};

package/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Color } from "../../types";
+export declare type TooltipProps = {
+    background?: Color;
+    children: ReactNode;
+    className?: string;
+    open?: boolean;
+    showTooltip: boolean;
+    subtitle: ReactNode | string | null;
+    tag?: 'div' | 'span';
+    title?: string;
+};
+export declare const Tooltip: ({ background, className, children, showTooltip, subtitle, tag, title, open, }: TooltipProps) => JSX.Element;

package/components/tooltip/Tooltip.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=require("@mui/material/styles"),s=require("@mui/material/Tooltip"),o=require("../stack/VStack.js"),a=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),r=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var d,c,p,u,_=l(s),m=l(r),g=m.default(o.VStack)(d||(d=e.__makeTemplateObject(["\n  padding-top: 3px;\n"],["\n  padding-top: 3px;\n"]))),h=m.default.div(c||(c=e.__makeTemplateObject([""],[""]))),b=m.default.span(p||(p=e.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),x=m.default.div(u||(u=e.__makeTemplateObject(["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"],["\n  position: relative;\n  [disabled] + "," {\n    display: block;\n    cursor: not-allowed;\n    /** @desc avoid showing tooltip on top of dialog or coversheet */\n    z-index: 10;\n\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n"])),b),j=n.styled((function(n){var s=n.className,o=e.__rest(n,["className"]);return t.jsx(_.default,e.__assign({},o,{classes:{popper:s}}))}))((function(e){var t,n=e.background;return(t={})["& .".concat(s.tooltipClasses.tooltip)]={backgroundColor:n?i.theme[n]:"#0C0C0D",boxShadow:i.theme.v3ShadowLarge},t}));exports.Tooltip=function(n){var s=n.background,o=n.className,i=n.children,r=n.showTooltip,l=n.subtitle,d=n.tag,c=n.title,p=n.open;return r?t.jsx(j,e.__assign({background:s,className:o,open:p,title:t.jsxs(g,e.__assign({spacing:8},{children:[c&&t.jsx(a.Text,e.__assign({type:"small-header",isUppercase:!1},{children:c})),"string"==typeof l?t.jsx(a.Text,e.__assign({type:"caption"},{children:l})):l]}))},{children:t.jsxs(x,e.__assign({as:d},{children:[i,t.jsx(b,{})]}))})):t.jsx(h,e.__assign({as:d},{children:i}))};