@zonos/amino 4.4.12 → 4.4.15

package/components/skeleton/Skeleton.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js"),r=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}var i,s,o,d=a(r),l=r.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"]))),u=r.css(s||(s=n.__makeTemplateObject(["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"],["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"])),l),c=d.default.div(o||(o=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"])),(function(n){return n.height?"".concat(n.height,"px"):"1em"}),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),e.theme.radius6,e.theme.gray200,(function(n){return n.animation&&u}));exports.Skeleton=function(e){var r=e.className,a=e.children,i=e.width,s=e.height,o=e.animation,d=void 0===o||o;return t.jsx(c,n.__assign({width:i,height:s,animation:d,className:r},{children:a}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js"),r=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}var i,s,o,d=a(r),l=r.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    transform: translateX(-100%);\n  }\n  75%, 100% {\n    transform: translateX(100%);\n  }\n"]))),u=r.css(s||(s=n.__makeTemplateObject(["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"],["\n  &::after {\n    animation: 1.4s "," 0.5s linear infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.08),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    inset: 0px;\n  }\n"])),l),c=d.default.div(o||(o=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  border-radius: ",";\n  position: relative;\n  background: ",";\n  overflow: hidden;\n\n  ","\n"])),(function(n){return n.height?"".concat(n.height,"px"):"1em"}),(function(n){return n.width?"".concat(n.width,"px"):"100%"}),e.theme.radius6,e.theme.gray200,(function(n){return n.animation&&u}));exports.Skeleton=function(e){var r=e.animation,a=void 0===r||r,i=e.children,s=e.className,o=e.height,d=e.width;return t.jsx(c,n.__assign({animation:a,className:s,height:o,width:d},{children:i}))};

package/components/slide-over/SlideOver.d.ts

@@ -1,13 +1,13 @@
 import { type ReactNode } from 'react';
 import type { Theme } from "../../types/Theme";
 export type SlideOverProps = {
-    children: ReactNode;
     actions?: ReactNode;
+    children: ReactNode;
     label?: string;
-    onClose: () => void;
-    open: boolean;
-    themeOverride?: Theme;
     modal?: boolean;
+    open: boolean;
     subtitle?: ReactNode;
+    themeOverride?: Theme;
+    onClose: () => void;
 };
-export declare const SlideOver: ({ children, actions, label, onClose, open, themeOverride, subtitle, modal, }: SlideOverProps) => JSX.Element;
+export declare const SlideOver: ({ actions, children, label, modal, onClose, open, subtitle, themeOverride, }: SlideOverProps) => JSX.Element;

package/components/slide-over/SlideOver.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");require("react");var t=require("framer-motion"),i=require("../backdrop/Backdrop.js"),a=require("../stack/HStack.js"),r=require("../stack/VStack.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),c=require("styled-components");function l(n){return n&&n.__esModule?n:{default:n}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,h,m,u,x,g=l(c),b=g.default(t.motion.div)(p||(p=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"],["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"])),d.theme.surfaceColor,d.theme.v3ShadowXxl,d.theme.border),f=g.default.header(h||(h=n.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.border),j=g.default.div(m||(m=n.__makeTemplateObject(["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"],["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"])),d.theme.gray200,d.theme.textColor),v=g.default.div(u||(u=n.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"])),d.theme.space24),y=g.default.div(x||(x=n.__makeTemplateObject(["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),d.theme.space24,d.theme.border,d.theme.surfaceColorSecondary,d.theme.space8);exports.SlideOver=function(d){var c=d.children,l=d.actions,p=d.label,h=d.onClose,m=d.open,u=d.themeOverride,x=d.subtitle,g=d.modal,k=void 0===g||g;return e.jsx(t.AnimatePresence,{children:m&&e.jsxs(e.Fragment,{children:[e.jsx(i.Backdrop,{initial:{opacity:0},animate:{opacity:k?.65:0},exit:{opacity:0},transition:{duration:.35},"data-theme":u,onClick:h},"dialog-backdrop"),e.jsxs(b,n.__assign({transition:{ease:[.4,0,.2,1],duration:.45},initial:{opacity:0,x:300},animate:{opacity:1,x:0},exit:{opacity:0,x:300}},{children:[e.jsxs(f,{children:[x?e.jsxs(r.VStack,n.__assign({spacing:0,className:"header-content"},{children:[e.jsx(o.Text,n.__assign({type:"title"},{children:p})),x]})):e.jsx(o.Text,n.__assign({type:"title",className:"header-content"},{children:p})),e.jsx(j,n.__assign({onClick:h},{children:e.jsx(s.RemoveIcon,{})}))]}),e.jsx(v,{children:c}),l&&e.jsx(y,{children:e.jsx(a.HStack,n.__assign({spacing:8},{children:l}))})]}),"slide-over")]})})};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");require("react");var t=require("framer-motion"),i=require("../backdrop/Backdrop.js"),a=require("../stack/HStack.js"),r=require("../stack/VStack.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),d=require("../../styles/constants/theme.js"),c=require("styled-components");function l(n){return n&&n.__esModule?n:{default:n}}require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var p,h,m,u,x,g=l(c),b=g.default(t.motion.div)(p||(p=n.__makeTemplateObject(["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"],["\n  position: absolute;\n  z-index: 1001;\n  background: ",";\n  width: 300px;\n  outline: none;\n  box-shadow: ",";\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"])),d.theme.surfaceColor,d.theme.v3ShadowXxl,d.theme.border),f=g.default.header(h||(h=n.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),d.theme.space24,d.theme.border),j=g.default.div(m||(m=n.__makeTemplateObject(["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"],["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"])),d.theme.gray200,d.theme.textColor),v=g.default.div(u||(u=n.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"])),d.theme.space24),y=g.default.div(x||(x=n.__makeTemplateObject(["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),d.theme.space24,d.theme.border,d.theme.surfaceColorSecondary,d.theme.space8);exports.SlideOver=function(d){var c=d.actions,l=d.children,p=d.label,h=d.modal,m=void 0===h||h,u=d.onClose,x=d.open,g=d.subtitle,k=d.themeOverride;return e.jsx(t.AnimatePresence,{children:x&&e.jsxs(e.Fragment,{children:[e.jsx(i.Backdrop,{animate:{opacity:m?.65:0},"data-theme":k,exit:{opacity:0},initial:{opacity:0},onClick:u,transition:{duration:.35}},"dialog-backdrop"),e.jsxs(b,n.__assign({animate:{opacity:1,x:0},exit:{opacity:0,x:300},initial:{opacity:0,x:300},transition:{duration:.45,ease:[.4,0,.2,1]}},{children:[e.jsxs(f,{children:[g?e.jsxs(r.VStack,n.__assign({className:"header-content",spacing:0},{children:[e.jsx(o.Text,n.__assign({type:"title"},{children:p})),g]})):e.jsx(o.Text,n.__assign({className:"header-content",type:"title"},{children:p})),e.jsx(j,n.__assign({onClick:u},{children:e.jsx(s.RemoveIcon,{})}))]}),e.jsx(v,{children:l}),c&&e.jsx(y,{children:e.jsx(a.HStack,n.__assign({spacing:8},{children:c}))})]}),"slide-over")]})})};

package/components/slider/Slider.d.ts

@@ -4,17 +4,17 @@ export type SliderProps = {
     hideIndicator?: boolean;
     max?: number;
     min?: number;
-    onChange: (newValue: number) => void;
-    step?: number;
     /**
      * How thick you want the progress look
      * @default 12
      * */
     size?: 8 | 12;
+    step?: number;
     /**
      * @default "%"
      */
     suffix?: string;
     value: number;
+    onChange: (newValue: number) => void;
 };
-export declare const Slider: ({ hideIndicator, max, min, onChange, className, step, size, suffix, value, }: SliderProps) => JSX.Element;
+export declare const Slider: ({ className, hideIndicator, max, min, onChange, size, step, suffix, value, }: SliderProps) => JSX.Element;

package/components/slider/Slider.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("@radix-ui/react-slider"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var o,a,s,d,l,c,h,u,p=i(require("styled-components")),b=p.default(t.Root)(o||(o=n.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"],["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"]))),m=p.default(t.Track)(a||(a=n.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"],["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"])),r.theme.gray200,r.theme.v3ShadowInset,(function(n){return n.$size&&"".concat(n.$size,"px")})),g=p.default(t.Range)(s||(s=n.__makeTemplateObject(["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"],["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"])),r.theme.primary),x=p.default(t.Thumb)(d||(d=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  [data-theme='night'] & {\n    background: ",";\n  }\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  [data-theme='night'] & {\n    background: ",";\n  }\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"])),r.theme.gray0,r.theme.border,r.theme.v3ShadowBase,(function(n){return n.$size&&"".concat(2*n.$size,"px")}),(function(n){return n.$size&&"".concat(2*n.$size,"px")}),r.theme.gray1200,r.theme.gray100,r.theme.primary,r.theme.glowBlue),f=p.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  height: ",";\n"],["\n  position: relative;\n  height: ",";\n"])),(function(n){return!n.$hideIndicator&&"calc(56px + ".concat(r.theme.space24," + 10px)")})),_=p.default.div(c||(c=n.__makeTemplateObject(["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"],["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"])),r.theme.blue100,r.theme.radius6,r.theme.radius6,r.theme.blue800),v=p.default.div(h||(h=n.__makeTemplateObject(["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"],["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"])),r.theme.blue100,r.theme.radius6,r.theme.radius6),k=p.default.div(u||(u=n.__makeTemplateObject(["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"],["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"])),r.theme.space24);exports.Slider=function(t){var r=t.hideIndicator,i=void 0!==r&&r,o=t.max,a=t.min,s=t.onChange,d=t.className,l=t.step,c=t.size,h=void 0===c?12:c,u=t.suffix,p=void 0===u?"%":u,j=t.value;return e.jsx(f,n.__assign({className:d,$hideIndicator:i},{children:e.jsxs(b,n.__assign({max:o,min:a,onValueChange:function(e){var t=n.__read(e,1)[0];return void 0!==t&&s(t)},step:l,value:[j]},{children:[e.jsx(m,n.__assign({$size:h},{children:e.jsx(g,{})})),e.jsx(x,n.__assign({$size:h},{children:!i&&e.jsxs(k,{children:[e.jsx(v,{}),e.jsx(_,{children:e.jsxs("span",{children:[j,p]})})]})}))]}))}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("@radix-ui/react-slider"),r=require("../../styles/constants/theme.js");function i(n){return n&&n.__esModule?n:{default:n}}var o,a,s,d,l,c,h,u,p=i(require("styled-components")),b=p.default(t.Root)(o||(o=n.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"],["\n  align-items: center;\n  display: flex;\n  height: 12px;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n"]))),m=p.default(t.Track)(a||(a=n.__makeTemplateObject(["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"],["\n  background-color: ",";\n  border-radius: 20px;\n  box-shadow: ",";\n  flex-grow: 1;\n  height: ",";\n  position: relative;\n  & + span {\n    transition: 0.3s all ease;\n  }\n"])),r.theme.gray200,r.theme.v3ShadowInset,(function(n){return n.$size&&"".concat(n.$size,"px")})),g=p.default(t.Range)(s||(s=n.__makeTemplateObject(["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"],["\n  background-color: ",";\n  transition: 0.3s all ease;\n  border-radius: 9999px;\n  height: 100%;\n  position: absolute;\n"])),r.theme.primary),x=p.default(t.Thumb)(d||(d=n.__makeTemplateObject(["\n  background: ",";\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  [data-theme='night'] & {\n    background: ",";\n  }\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"],["\n  background: ",";\n  border-radius: 20px;\n  border: ",";\n  box-shadow: ",";\n  display: block;\n  height: ",";\n  width: ",";\n\n  [data-theme='night'] & {\n    background: ",";\n  }\n\n  cursor: pointer;\n\n  &:focus,\n  &:active {\n    background: ",";\n    border-color: ",";\n    box-shadow: ",";\n    outline: none;\n  }\n"])),r.theme.gray0,r.theme.border,r.theme.v3ShadowBase,(function(n){return n.$size&&"".concat(2*n.$size,"px")}),(function(n){return n.$size&&"".concat(2*n.$size,"px")}),r.theme.gray1200,r.theme.gray100,r.theme.primary,r.theme.glowBlue),f=p.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  height: ",";\n"],["\n  position: relative;\n  height: ",";\n"])),(function(n){return!n.$hideIndicator&&"calc(56px + ".concat(r.theme.space24," + 10px)")})),_=p.default.div(c||(c=n.__makeTemplateObject(["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"],["\n  align-items: center;\n  background: ",";\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n  color: ",";\n  display: flex;\n  font-weight: 500;\n  height: 32px;\n  justify-content: center;\n  position: relative;\n  user-select: none;\n  width: 48px;\n\n  span {\n    margin-top: -8px;\n  }\n"])),r.theme.blue100,r.theme.radius6,r.theme.radius6,r.theme.blue800),v=p.default.div(h||(h=n.__makeTemplateObject(["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"],["\n  border-bottom: 24px solid ",";\n  border-left: 24px solid transparent;\n  border-right: 24px solid transparent;\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  height: 0;\n  width: 0;\n  width: 48px;\n"])),r.theme.blue100,r.theme.radius6,r.theme.radius6),k=p.default.div(u||(u=n.__makeTemplateObject(["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"],["\n  margin-left: -12px;\n  margin-top: calc("," + 10px);\n"])),r.theme.space24);exports.Slider=function(t){var r=t.className,i=t.hideIndicator,o=void 0!==i&&i,a=t.max,s=t.min,d=t.onChange,l=t.size,c=void 0===l?12:l,h=t.step,u=t.suffix,p=void 0===u?"%":u,j=t.value;return e.jsx(f,n.__assign({$hideIndicator:o,className:r},{children:e.jsxs(b,n.__assign({max:a,min:s,onValueChange:function(e){var t=n.__read(e,1)[0];return void 0!==t&&d(t)},step:h,value:[j]},{children:[e.jsx(m,n.__assign({$size:c},{children:e.jsx(g,{})})),e.jsx(x,n.__assign({$size:c},{children:!o&&e.jsxs(k,{children:[e.jsx(v,{}),e.jsx(_,{children:e.jsxs("span",{children:[j,p]})})]})}))]}))}))};

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

@@ -4,7 +4,7 @@ import type { DragEndEvent } from './SortableListDeps';
 export interface SortableListProps {
     children: ReactNode;
     itemIds: string[];
-    handleDragEnd: (e: DragEndEvent) => void;
     sortingStrategy?: SortingStrategy;
+    handleDragEnd: (e: DragEndEvent) => void;
 }
-export declare const SortableList: ({ children, itemIds, handleDragEnd, sortingStrategy, }: SortableListProps) => JSX.Element;
+export declare const SortableList: ({ children, handleDragEnd, itemIds, sortingStrategy, }: SortableListProps) => JSX.Element;

package/components/sortable-list/SortableList.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("@dnd-kit/core"),i=require("@dnd-kit/modifiers"),n=require("@dnd-kit/sortable");function s(e){return e&&e.__esModule?e:{default:e}}var l,o=s(require("styled-components")).default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"])));exports.SortableList=function(s){var l=s.children,d=s.itemIds,a=s.handleDragEnd,c=s.sortingStrategy,u=void 0===c?n.verticalListSortingStrategy:c;return t.jsx(r.DndContext,e.__assign({onDragEnd:a,collisionDetection:r.closestCenter,modifiers:[i.restrictToParentElement,i.restrictToVerticalAxis]},{children:t.jsx(n.SortableContext,e.__assign({items:d,strategy:u},{children:t.jsx(o,{children:l})}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),r=require("@dnd-kit/core"),i=require("@dnd-kit/modifiers"),n=require("@dnd-kit/sortable");function s(e){return e&&e.__esModule?e:{default:e}}var l,o=s(require("styled-components")).default.div(l||(l=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n"])));exports.SortableList=function(s){var l=s.children,d=s.handleDragEnd,a=s.itemIds,c=s.sortingStrategy,u=void 0===c?n.verticalListSortingStrategy:c;return t.jsx(r.DndContext,e.__assign({collisionDetection:r.closestCenter,modifiers:[i.restrictToParentElement,i.restrictToVerticalAxis],onDragEnd:d},{children:t.jsx(n.SortableContext,e.__assign({items:a,strategy:u},{children:t.jsx(o,{children:l})}))}))};

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

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

package/components/sortable-list/SortableListItem.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),s=require("@dnd-kit/sortable"),t=require("@dnd-kit/utilities"),i=require("../../icons/DragIcon.js"),r=require("../../styles/constants/theme.js"),a=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var d,o,c=l(a),u=c.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),r.theme.space24),f=c.default.div(o||(o=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"])));exports.SortableListItem=function(r){var a=r.children,l=r.useHandle,d=r.id,o=r.handleIconSize,c=void 0===o?20:o,j=s.useSortable({id:d}),_=j.attributes,x=j.listeners,m=j.setNodeRef,g=j.transform,h=j.transition,p={transform:t.CSS.Transform.toString(g),transition:h};return n.jsx("div",e.__assign({ref:m},{children:l?n.jsxs(u,e.__assign({style:p},{children:[n.jsx(f,{children:a}),n.jsx("div",e.__assign({},x,_,{children:n.jsx(i.DragIcon,{size:c})}))]})):n.jsx(u,e.__assign({style:p},x,_,{children:n.jsx(f,{children:a})}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),s=require("@dnd-kit/sortable"),t=require("@dnd-kit/utilities"),i=require("../../icons/DragIcon.js"),r=require("../../styles/constants/theme.js"),a=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js");var d,o,c=l(a),u=c.default.div(d||(d=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"],["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ",";\n"])),r.theme.space24),f=c.default.div(o||(o=e.__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"])));exports.SortableListItem=function(r){var a=r.children,l=r.handleIconSize,d=void 0===l?20:l,o=r.id,c=r.useHandle,j=s.useSortable({id:o}),_=j.attributes,x=j.listeners,m=j.setNodeRef,g=j.transform,h=j.transition,p={transform:t.CSS.Transform.toString(g),transition:h};return n.jsx("div",e.__assign({ref:m},{children:c?n.jsxs(u,e.__assign({style:p},{children:[n.jsx(f,{children:a}),n.jsx("div",e.__assign({},x,_,{children:n.jsx(i.DragIcon,{size:d})}))]})):n.jsx(u,e.__assign({style:p},x,_,{children:n.jsx(f,{children:a})}))}))};

package/components/spinner/Spinner.d.ts

@@ -2,8 +2,8 @@
 import type { Intent } from "../../types";
 export type SpinnerColor = 'black' | 'white' | Exclude<Intent, 'default' | 'error'>;
 export type SpinnerProps = {
-    size?: number;
-    color?: SpinnerColor;
     className?: string;
+    color?: SpinnerColor;
+    size?: number;
 };
-export declare const Spinner: ({ size, color, className }: SpinnerProps) => JSX.Element;
+export declare const Spinner: ({ className, color, size }: SpinnerProps) => JSX.Element;

package/components/spinner/Spinner.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js"),o=require("styled-components");function t(n){return n&&n.__esModule?n:{default:n}}var i,a,s,d,c,l=t(o),b=o.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  35%{\n    transform: rotate(360deg);\n  }\n  70% {\n    transform: rotate(697.5deg);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  35%{\n    transform: rotate(360deg);\n  }\n  70% {\n    transform: rotate(697.5deg);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n"]))),p=o.keyframes(a||(a=n.__makeTemplateObject(["\n  65%, 75% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"],["\n  65%, 75% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"]))),f="1.5s",m=l.default.span(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n  border: ","px solid ",";\n  border-top-color: ",";\n  animation: "," "," linear infinite;\n  border-radius: 50%;\n  transform: rotate(45deg);\n  width: ","px;\n  height: ","px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    top: -","px;\n    left: -","px;\n    width: ","px;\n    height: ","px;\n    border-radius: 50%;\n    border: ","px solid transparent;\n    border-right-color: ",";\n    z-index: 1;\n    animation: "," "," linear infinite;\n  }\n\n  &.black {\n    border: ","px solid rgba(0, 0, 0, 0.3);\n    border-top-color: #0c0c0c;\n    &::before {\n      border-right-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &.white {\n    border: ","px solid rgba(255, 255, 255, 0.3);\n    border-top-color: ",";\n    &::before {\n      border-right-color: rgba(255, 255, 255, 0.3);\n    }\n  }\n\n  &.info {\n    border-top-color: ",";\n  }\n  &.success {\n    border-top-color: ",";\n  }\n  &.danger {\n    border-top-color: ",";\n  }\n  &.warning {\n    border-top-color: ",";\n  }\n"],["\n  display: inline-block;\n  border: ","px solid ",";\n  border-top-color: ",";\n  animation: "," "," linear infinite;\n  border-radius: 50%;\n  transform: rotate(45deg);\n  width: ","px;\n  height: ","px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    top: -","px;\n    left: -","px;\n    width: ","px;\n    height: ","px;\n    border-radius: 50%;\n    border: ","px solid transparent;\n    border-right-color: ",";\n    z-index: 1;\n    animation: "," "," linear infinite;\n  }\n\n  &.black {\n    border: ","px solid rgba(0, 0, 0, 0.3);\n    border-top-color: #0c0c0c;\n    &::before {\n      border-right-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &.white {\n    border: ","px solid rgba(255, 255, 255, 0.3);\n    border-top-color: ",";\n    &::before {\n      border-right-color: rgba(255, 255, 255, 0.3);\n    }\n  }\n\n  &.info {\n    border-top-color: ",";\n  }\n  &.success {\n    border-top-color: ",";\n  }\n  &.danger {\n    border-top-color: ",";\n  }\n  &.warning {\n    border-top-color: ",";\n  }\n"])),(function(n){return n.size/8}),e.theme.gray100,e.theme.blue600,o.css(s||(s=n.__makeTemplateObject(["\n      ",""],["\n      ",""])),b),f,(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.size/8}),(function(n){return n.size/8}),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.size/8}),e.theme.gray100,o.css(d||(d=n.__makeTemplateObject(["\n        ",""],["\n        ",""])),p),f,(function(n){return n.size/8}),(function(n){return n.size/8}),e.theme.gray0,e.theme.blue600,e.theme.green600,e.theme.red600,e.theme.orange600);exports.Spinner=function(n){var e=n.size,o=n.color,t=n.className;return r.jsx(m,{className:[t,o||""].join(" "),size:e||32,color:o})};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),e=require("../../styles/constants/theme.js"),o=require("styled-components");function t(n){return n&&n.__esModule?n:{default:n}}var i,a,s,d,c,l=t(o),b=o.keyframes(i||(i=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  35%{\n    transform: rotate(360deg);\n  }\n  70% {\n    transform: rotate(697.5deg);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  35%{\n    transform: rotate(360deg);\n  }\n  70% {\n    transform: rotate(697.5deg);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n"]))),p=o.keyframes(a||(a=n.__makeTemplateObject(["\n  65%, 75% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"],["\n  65%, 75% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n"]))),f="1.5s",m=l.default.span(c||(c=n.__makeTemplateObject(["\n  display: inline-block;\n  border: ","px solid ",";\n  border-top-color: ",";\n  animation: "," "," linear infinite;\n  border-radius: 50%;\n  transform: rotate(45deg);\n  width: ","px;\n  height: ","px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    top: -","px;\n    left: -","px;\n    width: ","px;\n    height: ","px;\n    border-radius: 50%;\n    border: ","px solid transparent;\n    border-right-color: ",";\n    z-index: 1;\n    animation: "," "," linear infinite;\n  }\n\n  &.black {\n    border: ","px solid rgba(0, 0, 0, 0.3);\n    border-top-color: #0c0c0c;\n    &::before {\n      border-right-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &.white {\n    border: ","px solid rgba(255, 255, 255, 0.3);\n    border-top-color: ",";\n    &::before {\n      border-right-color: rgba(255, 255, 255, 0.3);\n    }\n  }\n\n  &.info {\n    border-top-color: ",";\n  }\n  &.success {\n    border-top-color: ",";\n  }\n  &.danger {\n    border-top-color: ",";\n  }\n  &.warning {\n    border-top-color: ",";\n  }\n"],["\n  display: inline-block;\n  border: ","px solid ",";\n  border-top-color: ",";\n  animation: "," "," linear infinite;\n  border-radius: 50%;\n  transform: rotate(45deg);\n  width: ","px;\n  height: ","px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    top: -","px;\n    left: -","px;\n    width: ","px;\n    height: ","px;\n    border-radius: 50%;\n    border: ","px solid transparent;\n    border-right-color: ",";\n    z-index: 1;\n    animation: "," "," linear infinite;\n  }\n\n  &.black {\n    border: ","px solid rgba(0, 0, 0, 0.3);\n    border-top-color: #0c0c0c;\n    &::before {\n      border-right-color: rgba(0, 0, 0, 0.5);\n    }\n  }\n\n  &.white {\n    border: ","px solid rgba(255, 255, 255, 0.3);\n    border-top-color: ",";\n    &::before {\n      border-right-color: rgba(255, 255, 255, 0.3);\n    }\n  }\n\n  &.info {\n    border-top-color: ",";\n  }\n  &.success {\n    border-top-color: ",";\n  }\n  &.danger {\n    border-top-color: ",";\n  }\n  &.warning {\n    border-top-color: ",";\n  }\n"])),(function(n){return n.size/8}),e.theme.gray100,e.theme.blue600,o.css(s||(s=n.__makeTemplateObject(["\n      ",""],["\n      ",""])),b),f,(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.size/8}),(function(n){return n.size/8}),(function(n){return n.size}),(function(n){return n.size}),(function(n){return n.size/8}),e.theme.gray100,o.css(d||(d=n.__makeTemplateObject(["\n        ",""],["\n        ",""])),p),f,(function(n){return n.size/8}),(function(n){return n.size/8}),e.theme.gray0,e.theme.blue600,e.theme.green600,e.theme.red600,e.theme.orange600);exports.Spinner=function(n){var e=n.className,o=n.color,t=n.size;return r.jsx(m,{className:[e,o||""].join(" "),color:o,size:t||32})};

package/components/split-panel/SplitPanel.d.ts

@@ -1,30 +1,30 @@
 import { type Dispatch, type SetStateAction } from 'react';
 type IProps = {
+    children: any;
     className?: string;
+    collapseAll?: boolean;
     direction?: 'horizontal' | 'vertical';
     /**
-     * @param minSize The minumum size in css pixel
+     * @param gutterSize The size of the gutter in pixels
      * @default 10
      */
-    minSize?: number;
+    gutterSize?: number;
+    lineBar?: boolean;
     /**
-     * @param gutterSize The size of the gutter in pixels
+     * @param minSize The minumum size in css pixel
      * @default 10
      */
-    gutterSize?: number;
-    children: any;
+    minSize?: number;
+    onSetSizes?: Dispatch<SetStateAction<number[]>>;
     /**
      * @param sizes The initial sizes of the panes
      * @default 1 (make sure the sum of all sizes is 1)
      */
     sizes?: number[];
-    onSetSizes?: Dispatch<SetStateAction<number[]>>;
-    collapseAll?: boolean;
-    lineBar?: boolean;
 };
 /**
  * Split panel component
  * @ref https://greggman.github.io/react-split-it/
  */
-export declare const SplitPanel: ({ className, children, collapseAll, direction, gutterSize, sizes, onSetSizes, ...props }: IProps) => JSX.Element;
+export declare const SplitPanel: ({ children, className, collapseAll, direction, gutterSize, onSetSizes, sizes, ...props }: IProps) => JSX.Element;
 export {};

package/components/split-panel/SplitPanel.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("react-split-it"),t=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}var s,a=l(n),u=function(r){var i=r.childrenCount,n=r.sizes;if(0===n.length)return e.__spreadArray([1],e.__read(new Array(i-1).fill(0)),!1);if(n.length!==i){var t=Math.abs(i-n.length);return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),e.__read(new Array(t).fill(1)),!1)}var l=n.reduce((function(e,r){return e+r}),0);return n.map((function(e){return e/l}))},d=l(t).default.div(s||(s=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(n){var t=n.className,l=n.children,s=n.collapseAll,c=n.direction,_=n.gutterSize,o=void 0===_?3:_,h=n.sizes,f=void 0===h?[1]:h,p=n.onSetSizes,z=e.__rest(n,["className","children","collapseAll","direction","gutterSize","sizes","onSetSizes"]),y=i.Children.count(l),S=e.__read(i.useState(u({childrenCount:y,sizes:f})),1)[0];return i.useEffect((function(){if(1!==S[0]||s)s?null==p||p(e.__spreadArray([1],e.__read(new Array(y-1).fill(0)),!1)):null==p||p(u({childrenCount:y,sizes:S}));else{var r=1/y;null==p||p(new Array(y).fill(r))}}),[y,s,S,p]),r.jsx(d,e.__assign({className:t},{children:r.jsx(a.default,e.__assign({sizes:u({childrenCount:y,sizes:f}),onSetSizes:p,gutterSize:s?0:o,direction:c},z,{children:l}))}))};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("react-split-it"),t=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}var s,a=l(n),u=function(r){var i=r.childrenCount,n=r.sizes;if(0===n.length)return e.__spreadArray([1],e.__read(new Array(i-1).fill(0)),!1);if(n.length!==i){var t=Math.abs(i-n.length);return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),e.__read(new Array(t).fill(1)),!1)}var l=n.reduce((function(e,r){return e+r}),0);return n.map((function(e){return e/l}))},d=l(t).default.div(s||(s=e.__makeTemplateObject(["\n  display: block;\n  width: 100%;\n  height: 100%;\n"],["\n  display: block;\n  width: 100%;\n  height: 100%;\n"])));exports.SplitPanel=function(n){var t=n.children,l=n.className,s=n.collapseAll,c=n.direction,_=n.gutterSize,o=void 0===_?3:_,h=n.onSetSizes,f=n.sizes,p=void 0===f?[1]:f,z=e.__rest(n,["children","className","collapseAll","direction","gutterSize","onSetSizes","sizes"]),y=i.Children.count(t),S=e.__read(i.useState(u({childrenCount:y,sizes:p})),1)[0];return i.useEffect((function(){if(1!==S[0]||s)s?null==h||h(e.__spreadArray([1],e.__read(new Array(y-1).fill(0)),!1)):null==h||h(u({childrenCount:y,sizes:S}));else{var r=1/y;null==h||h(new Array(y).fill(r))}}),[y,s,S,h]),r.jsx(d,e.__assign({className:l},{children:r.jsx(a.default,e.__assign({direction:c,gutterSize:s?0:o,onSetSizes:h,sizes:u({childrenCount:y,sizes:p})},z,{children:t}))}))};

package/components/stack/Stack.d.ts

@@ -4,9 +4,9 @@ type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'translate' | 'style' | 'pr
 export interface StackProps extends DivProps {
     /** @default 'unset' */
     alignment?: GridAlignment;
+    children: ReactNode;
     /** @default 24 */
     spacing?: GridSpacing;
-    children: ReactNode;
 }
-export declare const Stack: ({ children, alignment, ...otherProps }: StackProps) => JSX.Element;
+export declare const Stack: ({ alignment, children, ...otherProps }: StackProps) => JSX.Element;
 export {};

package/components/stack/Stack.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");function r(n){return n&&n.__esModule?n:{default:n}}var t,i=r(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"],["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"])),(function(n){return n.$alignment||"unset"}));exports.Stack=function(r){var t=r.children,s=r.alignment,u=n.__rest(r,["children","alignment"]);return e.jsx(i,n.__assign({$alignment:s},u,{children:t}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime");function r(n){return n&&n.__esModule?n:{default:n}}var t,i=r(require("styled-components")).default.div(t||(t=n.__makeTemplateObject(["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"],["\n  display: grid;\n  grid-auto-columns: minmax(0, 1fr);\n  & > * {\n    justify-self: ",";\n  }\n"])),(function(n){return n.$alignment||"unset"}));exports.Stack=function(r){var t=r.alignment,s=r.children,u=n.__rest(r,["alignment","children"]);return e.jsx(i,n.__assign({$alignment:t},u,{children:s}))};

package/components/surface/Surface.d.ts

@@ -3,8 +3,8 @@ import type { Depth } from "../../types/Depth";
 type Props = {
     children: ReactNode;
     className?: string;
-    depth?: Depth;
     dense?: boolean;
+    depth?: Depth;
 };
-export declare const Surface: ({ children, dense, className, depth }: Props) => JSX.Element;
+export declare const Surface: ({ children, className, dense, depth }: Props) => JSX.Element;
 export {};

package/components/surface/Surface.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var r,t,d,o,c,h=s(require("styled-components")),u=h.default.div(r||(r=e.__makeTemplateObject(["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"],["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"])),n.theme.surfaceColor,n.theme.space24,n.theme.textColor,(function(e){return e.dense?n.theme.radius6:n.theme.radius8})),l=h.default(u)(t||(t=e.__makeTemplateObject(["\n  box-shadow: ",";\n  border: ",";\n"],["\n  box-shadow: ",";\n  border: ",";\n"])),n.theme.v3ShadowBase,n.theme.border),m=h.default(u)(d||(d=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowMedium),i=h.default(u)(o||(o=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowLarge),b=h.default(u)(c||(c=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowXl);exports.Surface=function(n){var s=n.children,r=n.dense,t=n.className;switch(n.depth){case"depth64":return a.jsx(b,e.__assign({dense:r,className:t||""},{children:s}));case"depth16":return a.jsx(i,e.__assign({dense:r,className:t||""},{children:s}));case"depth8":return a.jsx(m,e.__assign({dense:r,className:t||""},{children:s}));default:return a.jsx(l,e.__assign({dense:r,className:t||""},{children:s}))}};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),a=require("react/jsx-runtime"),n=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var r,t,d,o,c,h=s(require("styled-components")),u=h.default.div(r||(r=e.__makeTemplateObject(["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"],["\n  background: ",";\n  padding: ",";\n  color: ",";\n  border-radius: ",";\n"])),n.theme.surfaceColor,n.theme.space24,n.theme.textColor,(function(e){return e.dense?n.theme.radius6:n.theme.radius8})),l=h.default(u)(t||(t=e.__makeTemplateObject(["\n  box-shadow: ",";\n  border: ",";\n"],["\n  box-shadow: ",";\n  border: ",";\n"])),n.theme.v3ShadowBase,n.theme.border),m=h.default(u)(d||(d=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowMedium),i=h.default(u)(o||(o=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowLarge),b=h.default(u)(c||(c=e.__makeTemplateObject(["\n  box-shadow: ",";\n"],["\n  box-shadow: ",";\n"])),n.theme.v3ShadowXl);exports.Surface=function(n){var s=n.children,r=n.className,t=n.dense;switch(n.depth){case"depth64":return a.jsx(b,e.__assign({className:r||"",dense:t},{children:s}));case"depth16":return a.jsx(i,e.__assign({className:r||"",dense:t},{children:s}));case"depth8":return a.jsx(m,e.__assign({className:r||"",dense:t},{children:s}));default:return a.jsx(l,e.__assign({className:r||"",dense:t},{children:s}))}};

package/components/switch/Switch.d.ts

@@ -5,7 +5,7 @@ export type SwitchProps = {
     icon?: ReactNode;
     label?: string;
     labelDescription?: string;
-    onChange: (checked: boolean) => void;
     subtitle?: string;
+    onChange: (checked: boolean) => void;
 };
 export declare const Switch: ({ checked, disabled, icon, label, labelDescription, onChange, subtitle, }: SwitchProps) => JSX.Element;

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var a,l,s,o,c,d,h,p=r(require("styled-components")),g=p.default.div(a||(a=n.__makeTemplateObject(["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),i.theme.gray0,i.theme.transition,(function(n){return n.checked?"calc(100% - 14px)":"2px"}),i.theme.gray1200),m=p.default.div(l||(l=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"])),i.theme.space16,(function(n){return n.checked?i.theme.primary:i.theme.gray400}),i.theme.space16),u=p.default(t.Text)(s||(s=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),x=p.default(t.Text)(o||(o=n.__makeTemplateObject([""],[""]))),b=p.default.span(c||(c=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),i.theme.gray600),k=p.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),_=p.default.label(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),m,(function(n){return n.checked?i.theme.gray300:""}),u,i.theme.gray600,x,i.theme.gray400);exports.Switch=function(t){var i=t.checked,r=t.disabled,a=t.icon,l=t.label,s=t.labelDescription,o=t.onChange,c=t.subtitle;return e.jsxs(_,n.__assign({className:r?"disabled":"",checked:i,htmlFor:l,onClick:function(){return!r&&o(!i)}},{children:[e.jsx(m,n.__assign({checked:i},{children:e.jsx(g,{checked:i,id:l})})),e.jsxs("div",{children:[e.jsxs(k,{children:[a,e.jsxs(u,n.__assign({type:"input-label"},{children:[l,s&&e.jsx(b,{children:s})]}))]}),c&&e.jsx(x,n.__assign({type:"subtitle"},{children:c}))]})]}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../text/Text.js"),i=require("../../styles/constants/theme.js");function r(n){return n&&n.__esModule?n:{default:n}}var a,l,s,o,c,d,h,p=r(require("styled-components")),g=p.default.div(a||(a=n.__makeTemplateObject(["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  height: 12px;\n  width: 12px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 2px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),i.theme.gray0,i.theme.transition,(function(n){return n.checked?"calc(100% - 14px)":"2px"}),i.theme.gray1200),m=p.default.div(l||(l=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 24px;\n  height: 16px;\n  min-width: 24px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  display: block;\n  user-select: none;\n  margin-right: ",";\n  position: relative;\n"])),i.theme.space16,(function(n){return n.checked?i.theme.primary:i.theme.gray400}),i.theme.space16),u=p.default(t.Text)(s||(s=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),x=p.default(t.Text)(o||(o=n.__makeTemplateObject([""],[""]))),b=p.default.span(c||(c=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),i.theme.gray600),k=p.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),_=p.default.label(h||(h=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      background: ",";\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),m,(function(n){return n.checked?i.theme.gray300:""}),u,i.theme.gray600,x,i.theme.gray400);exports.Switch=function(t){var i=t.checked,r=t.disabled,a=t.icon,l=t.label,s=t.labelDescription,o=t.onChange,c=t.subtitle;return e.jsxs(_,n.__assign({checked:i,className:r?"disabled":"",htmlFor:l,onClick:function(){return!r&&o(!i)}},{children:[e.jsx(m,n.__assign({checked:i},{children:e.jsx(g,{checked:i,id:l})})),e.jsxs("div",{children:[e.jsxs(k,{children:[a,e.jsxs(u,n.__assign({type:"input-label"},{children:[l,s&&e.jsx(b,{children:s})]}))]}),c&&e.jsx(x,n.__assign({type:"subtitle"},{children:c}))]})]}))};

package/components/table/TableCell.d.ts

@@ -10,5 +10,5 @@ export type TableCellProps = {
     colSpan?: number;
     tag?: 'td' | 'th';
 } & StyledProps;
-export declare const TableCell: ({ align, borderBottom, children, colSpan, className, padding, tag, }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, tag, }: TableCellProps) => JSX.Element;
 export {};

package/components/table/TableCell.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}var s,l,o,r,d,m=a(i),p=i.css(s||(s=n.__makeTemplateObject(["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"],["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"])),t.theme.space16,t.theme.space16),c=i.css(o||(o=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return e.padding?i.css(l||(l=n.__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),e.padding):p})),u=m.default.td(r||(r=n.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"],["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"])),(function(n){return n.align}),(function(n){return n.borderBottom||"1px solid ".concat(t.theme.gray200)}),t.theme.fontSizeBase,c),f=m.default.div(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"])));exports.TableCell=function(t){var i=t.align,a=void 0===i?"left":i,s=t.borderBottom,l=t.children,o=t.colSpan,r=t.className,d=t.padding,m=t.tag;return e.jsx(u,n.__assign({as:m,align:a,borderBottom:s,className:r,colSpan:o,padding:d},{children:e.jsx(f,{children:l})}))};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),i=require("styled-components");function a(n){return n&&n.__esModule?n:{default:n}}var s,l,o,r,d,m=a(i),p=i.css(s||(s=n.__makeTemplateObject(["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"],["\n  padding: 0;\n  &:first-of-type {\n    padding-left: ",";\n  }\n  &:last-of-type {\n    padding-right: ",";\n  }\n"])),t.theme.space16,t.theme.space16),c=i.css(o||(o=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(e){return e.padding?i.css(l||(l=n.__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),e.padding):p})),u=m.default.td(r||(r=n.__makeTemplateObject(["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"],["\n  font-variant-numeric: tabular-nums;\n  text-align: ",";\n  border-bottom: ",";\n  /* Reset space for display inline-block */\n  font-size: 0;\n  > * {\n    font-size: ",";\n  }\n\n  .Amino-table-size-medium & {\n    height: 56px;\n  }\n  .Amino-table-size-small & {\n    height: 48px;\n  }\n  ","\n"])),(function(n){return n.align}),(function(n){return n.borderBottom||"1px solid ".concat(t.theme.gray200)}),t.theme.fontSizeBase,c),f=m.default.div(d||(d=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"])));exports.TableCell=function(t){var i=t.align,a=void 0===i?"left":i,s=t.borderBottom,l=t.children,o=t.className,r=t.colSpan,d=t.padding,m=t.tag;return e.jsx(u,n.__assign({align:a,as:m,borderBottom:s,className:o,colSpan:r,padding:d},{children:e.jsx(f,{children:l})}))};

package/components/table/TableRow.d.ts

@@ -3,7 +3,7 @@ export type TableRowProps = {
     active?: boolean;
     children: ReactNode;
     className?: string;
-    withHover?: boolean;
     onClick?: MouseEventHandler<HTMLTableRowElement>;
+    withHover?: boolean;
 };
-export declare function TableRow({ active, children, className, withHover, onClick, }: TableRowProps): JSX.Element;
+export declare function TableRow({ active, children, className, onClick, withHover, }: TableRowProps): JSX.Element;

package/components/table/TableRow.js

@@ -1 +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}))};
+"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.onClick,s=t.withHover;return n.jsx(a,e.__assign({className:[i||"",r?"active":"",s?"with-hover":""].join(" "),onClick:c},{children:o}))};

package/components/table/TableRowCollapse.d.ts

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

package/components/table/TableRowCollapse.js

@@ -1 +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}))}))})]})};
+"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.children,i=t.className,a=t.collapsed,c=void 0!==a&&a,u=t.onToggleCollapse,d=t.rowContent,p=!!l;return n.jsxs(n.Fragment,{children:[n.jsxs(h,e.__assign({className:i,collapsed:c,collapsible:p,onClick:function(e){return p&&u(e)},withHover:p},{children:[d,n.jsx(r.TableCell,e.__assign({align:"right"},{children:p&&n.jsx(f,{icon:n.jsx(s.ChevronUpIcon,{className:c?"collapsed":""}),intent:"plain"})}))]})),p&&n.jsx(o.TableRow,{children:n.jsx(q,e.__assign({collapsed:c,colSpan:100},{children:n.jsx(g,e.__assign({collapsed:c},{children:l}))}))})]})};

package/components/tabs/Tabs.d.ts

@@ -1,13 +1,5 @@
 /// <reference types="react" />
 export 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.
@@ -15,5 +7,13 @@ export type TabsProps = {
      */
     align?: 'start' | 'center' | 'end';
     className?: string;
+    items: string[];
+    selected: number;
+    /**
+     * Use the subtle design
+     * @default false
+     */
+    subtle?: boolean;
+    onChange: (selectedTab: number) => void;
 };
-export declare const Tabs: ({ selected, onChange, items, subtle, align, className, }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ align, className, items, onChange, selected, subtle, }: TabsProps) => JSX.Element;

package/components/tabs/Tabs.js

@@ -1 +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)}))}))};
+"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.align,a=void 0===r?"start":r,s=t.className,i=t.items,l=t.onChange,c=t.selected,d=t.subtle;return void 0!==d&&d?e.jsx(h,n.__assign({align:a,className:s},{children:i.map((function(t){return e.jsx(p,n.__assign({className:c===i.indexOf(t)?"is-selected":"",onClick:function(){return l(i.indexOf(t))}},{children:e.jsx(o.Text,n.__assign({type:"label"},{children:t}))}),t)}))})):e.jsx(b,n.__assign({className:s},{children:i.map((function(t){return e.jsx(g,n.__assign({className:c===i.indexOf(t)?"is-selected":"",onClick:function(){return l(i.indexOf(t))}},{children:t}),t)}))}))};

package/components/tag/Tag.js

@@ -1 +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})]}))}))};
+"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({iconRight:s,onClick:c,type:"button"},{children:[a,e.jsx("p",{children:o}),e.jsx(r.RemoveIcon,{size:16})]}))}))};

package/components/text/LegacyText.d.ts

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

package/components/text/LegacyText.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=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"])),n.theme.fontSizeS,n.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: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),n.theme.gray1200,n.theme.fontSans,n.theme.space8);exports.LegacyText=function(n){var s=n.className,a=n.children,i=n.title;switch(n.type){case"h1":return t.jsx("h1",e.__assign({className:s,title:i},{children:a}));case"h2":return t.jsx("h2",e.__assign({className:s,title:i},{children:a}));case"h3":return t.jsx("h3",e.__assign({className:s,title:i},{children:a}));case"h4":return t.jsx("h4",e.__assign({className:s,title:i},{children:a}));case"h5":return t.jsx("h5",e.__assign({className:s,title:i},{children:a}));case"h6":return t.jsx("h6",e.__assign({className:s,title:i},{children:a}));case"subtitle":return t.jsx(c,e.__assign({className:s,title:i},{children:a}));case"small-header":return t.jsx(h,e.__assign({className:s,title:i},{children:a}));case"input-label":return t.jsx(o,e.__assign({className:s,title:i},{children:a}));default:return t.jsx("p",e.__assign({className:s,title:i},{children:a}))}};
+"use strict";var e=require("../../_tslib-fe391a2e.js"),t=require("react/jsx-runtime"),n=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"])),n.theme.fontSizeS,n.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: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"],["\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: ",";\n"])),n.theme.gray1200,n.theme.fontSans,n.theme.space8);exports.LegacyText=function(n){var s=n.children,a=n.className,i=n.title;switch(n.type){case"h1":return t.jsx("h1",e.__assign({className:a,title:i},{children:s}));case"h2":return t.jsx("h2",e.__assign({className:a,title:i},{children:s}));case"h3":return t.jsx("h3",e.__assign({className:a,title:i},{children:s}));case"h4":return t.jsx("h4",e.__assign({className:a,title:i},{children:s}));case"h5":return t.jsx("h5",e.__assign({className:a,title:i},{children:s}));case"h6":return t.jsx("h6",e.__assign({className:a,title:i},{children:s}));case"subtitle":return t.jsx(c,e.__assign({className:a,title:i},{children:s}));case"small-header":return t.jsx(h,e.__assign({className:a,title:i},{children:s}));case"input-label":return t.jsx(o,e.__assign({className:a,title:i},{children:s}));default:return t.jsx("p",e.__assign({className:a,title:i},{children:s}))}};

package/components/text/Text.d.ts

@@ -11,8 +11,8 @@ export declare const textOptions: readonly [{
 }, {
     readonly label: "Header (2XL) · 28px (1.75rem)";
     readonly size: "2xl";
-    readonly type: "header";
     readonly tag: "h3";
+    readonly type: "header";
     readonly weight: 700;
 }, {
     readonly label: "Description Header (2XL) · 28px (1.75rem)";

package/components/text/Text.js

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

package/components/text-avatar/TextAvatar.js

@@ -1 +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"}))};
+"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({gradientEnd:o(i&&i.split("").reverse().join("")||"default label",30),gradientStart:o(i||"default label",75)},{children:i&&(null===(r=i[0])||void 0===r?void 0:r.toUpperCase())||"D"}))};

package/components/textarea/Textarea.js

@@ -1 +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"),a=require("../help-text/HelpText.js");function i(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,l,d,c,h,p=i(r),u=p.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=p.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=p.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=p.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\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  display: block;\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    ::placeholder {\n      opacity: 0;\n    }\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: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\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  padding-top: ",";\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  display: block;\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    ::placeholder {\n      opacity: 0;\n    }\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: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\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.space8,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,f,b,o.theme.gray0,o.theme.radius6,o.theme.transition,o.theme.gray400,b,o.theme.glowBlue,b,o.theme.glowError),x=p.default.div(h||(h=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%"}),u,m),g=t.forwardRef((function(t,o){var r=t.className,i=t.disabled,s=t.error,l=t.helpText,d=t.label,c=t.value,h=t.rows,p=t.width,g=n.__rest(t,["className","disabled","error","helpText","label","value","rows","width"]),w=!!c;return e.jsxs(x,n.__assign({width:p,className:"amino-input-wrapper ".concat(r||""," ").concat(i?"disabled":"")},{children:[e.jsxs(u,{children:[e.jsx(m,n.__assign({className:[s?"has-error":"",d?"has-label":"",w?"has-content":""].join(" "),disabled:i,ref:o,rows:h,label:d,value:c},g)),e.jsx(f,n.__assign({"data-label":d},{children:d})),e.jsx(b,{})]}),e.jsx(a.HelpText,{error:s,helpText:l})]}))}));exports.Textarea=g;
+"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"),a=require("../help-text/HelpText.js");function i(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,l,d,c,h,p=i(r),u=p.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=p.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=p.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=p.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\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  display: block;\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    ::placeholder {\n      opacity: 0;\n    }\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: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\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  padding-top: ",";\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  display: block;\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    ::placeholder {\n      opacity: 0;\n    }\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: ",";\n            border-radius: ",";\n          }\n        }\n      }\n    }\n  }\n\n  ::placeholder {\n    transition: ",";\n    color: ",";\n    font-weight: 400;\n    opacity: 0.6;\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.space8,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,f,b,o.theme.gray0,o.theme.radius6,o.theme.transition,o.theme.gray400,b,o.theme.glowBlue,b,o.theme.glowError),x=p.default.div(h||(h=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%"}),u,m),g=t.forwardRef((function(t,o){var r=t.className,i=t.disabled,s=t.error,l=t.helpText,d=t.label,c=t.rows,h=t.value,p=t.width,g=n.__rest(t,["className","disabled","error","helpText","label","rows","value","width"]),w=!!h;return e.jsxs(x,n.__assign({className:"amino-input-wrapper ".concat(r||""," ").concat(i?"disabled":""),width:p},{children:[e.jsxs(u,{children:[e.jsx(m,n.__assign({ref:o,className:[s?"has-error":"",d?"has-label":"",w?"has-content":""].join(" "),disabled:i,label:d,rows:c,value:h},g)),e.jsx(f,n.__assign({"data-label":d},{children:d})),e.jsx(b,{})]}),e.jsx(a.HelpText,{error:s,helpText:l})]}))}));exports.Textarea=g;